@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700;800&family=Syne:wght@500;600;700;800&display=swap');

:root {
  --brand-blue: #1e61b7;
  --brand-blue-light: #387aba;
  --brand-cyan: #31bfd5;
  --brand-cyan-light: #b3e3ed;
  --brand-charcoal: #4d4d4d;
  --brand-gray: #e1e1e1;
  --navy-950: #10365f;
  --navy-900: #174b85;
  --navy-800: #1e61b7;
  --blue-600: #1e61b7;
  --blue-500: #387aba;
  --blue-100: #e8f4fa;
  --cyan-400: #31bfd5;
  --teal-500: #31bfd5;
  --ink: #303942;
  --muted: #5c6873;
  --line: #e1e1e1;
  --surface: #f7fafc;
  --white: #ffffff;
  --success: #157d69;
  --warning: #b55d08;
  --shadow-sm: 0 8px 24px rgba(7, 23, 41, .08);
  --shadow-lg: 0 22px 70px rgba(7, 23, 41, .16);
  --radius-sm: .75rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --content: 1180px;
  --header: 78px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
a { color: var(--blue-600); text-underline-offset: .18em; }
a:hover { color: var(--navy-900); }
img { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--cyan-400); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 1000; top: .5rem; left: .5rem; padding: .75rem 1rem; color: var(--white); background: var(--navy-950); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.container { width: min(calc(100% - 2rem), var(--content)); margin-inline: auto; }
.narrow { width: min(calc(100% - 2rem), 780px); margin-inline: auto; }
.section { padding: clamp(4rem, 8vw, 7.5rem) 0; }
.section-sm { padding: 3.5rem 0; }
.surface { background: var(--surface); }
.dark { color: var(--white); background: var(--navy-950); }
.eyebrow { margin: 0 0 .75rem; color: var(--blue-600); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.dark .eyebrow { color: var(--cyan-400); }
h1, h2, h3 { margin: 0 0 1rem; color: #142230; font-family: Sora, Arial, sans-serif; line-height: 1.08; letter-spacing: -.045em; }
.dark h1, .dark h2, .dark h3 { color: var(--white); }
h1 { max-width: 880px; font-size: clamp(2.65rem, 6vw, 5.6rem); }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
h3 { font-size: clamp(1.15rem, 2vw, 1.45rem); letter-spacing: -.02em; }
.concept-b h1, .concept-b h2, .concept-b h3 { font-family: Syne, Sora, sans-serif; letter-spacing: -.055em; }
.concept-b .command-copy h1 { letter-spacing: -.075em; }
.lead { max-width: 730px; margin: 0 0 1.75rem; color: var(--muted); font-size: clamp(1.08rem, 2vw, 1.3rem); }
.dark .lead { color: #bcd0e2; }
.section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 480px); gap: 2rem; align-items: end; margin-bottom: 2.5rem; }
.section-head p { margin: 0; color: var(--muted); }
.actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.75rem; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .55rem; padding: .8rem 1.2rem; border: 1px solid transparent; border-radius: 999px; color: var(--white); background: var(--blue-600); font-weight: 700; line-height: 1.2; text-decoration: none; transition: .2s ease; }
.button:hover { color: var(--white); background: var(--navy-800); transform: translateY(-2px); }
.button-light { color: var(--navy-950); background: var(--white); }
.button-light:hover { color: var(--navy-950); background: var(--blue-100); }
.button-outline { color: var(--navy-900); border-color: var(--line); background: transparent; }
.dark .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.button-outline:hover { color: var(--navy-950); background: var(--blue-100); }
.dark .button-outline:hover { color: var(--white); background: rgba(255,255,255,.12); }

.site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid rgba(220,229,237,.8); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.header-inner { display: flex; min-height: var(--header); align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--navy-950); font: 800 1.2rem/1 Sora, sans-serif; text-decoration: none; white-space: nowrap; }
.brand-mark { position: relative; display: grid; width: 38px; height: 38px; place-items: center; border: 3px solid var(--brand-blue); border-radius: 50%; color: var(--brand-blue); background: var(--white); font: 800 .68rem/1 Sora, sans-serif; letter-spacing: -.08em; }
.brand-mark::after { position: absolute; inset: 4px; border: 2px solid var(--brand-cyan); border-radius: 50%; content: ""; }
.brand-logo { position: relative; display: block; width: 190px; height: 50px; overflow: hidden; }
.brand-logo img { position: absolute; width: 100%; max-width: none; height: auto; left: 0; top: -66px; }
.brand-footer .brand-logo { width: 210px; height: 56px; }
.brand-footer .brand-logo img { top: -73px; }
.site-nav { display: flex; flex: 1; align-items: center; justify-content: center; gap: 1.65rem; }
.site-nav a { color: var(--ink); font-size: .94rem; font-weight: 600; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--blue-600); }
.header-actions { display: flex; align-items: center; gap: .75rem; }
.header-actions .button { border-color: rgba(255,255,255,.26); background: linear-gradient(145deg, #31bfd5 0%, #1e61b7 62%, #174b85 100%); background-size: 160% 160%; box-shadow: 0 10px 24px rgba(30,97,183,.28), inset 0 1px 0 rgba(255,255,255,.28); transition: transform .2s ease, box-shadow .2s ease, background-position .35s ease; }
.header-actions .button:hover { background-position: 100% 100%; box-shadow: 0 14px 30px rgba(30,97,183,.36), inset 0 1px 0 rgba(255,255,255,.32); transform: translateY(-2px); }
.login { color: var(--ink); font-weight: 700; text-decoration: none; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--white); }

.hero { position: relative; overflow: hidden; padding: clamp(4.75rem, 9vw, 8.75rem) 0; color: #dce9f5; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #061522 0%, #0b2842 56%, #103d62 100%); }
.hero h1 { color: var(--white); text-shadow: 0 6px 32px rgba(0,0,0,.2); }
.hero .lead { color: #bbcede; }
.hero .eyebrow { color: #6ce5f2; }
.hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.hero .button-outline:hover { color: var(--white); border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.1); }
.hero::before { position: absolute; width: 560px; height: 560px; border: 1px solid rgba(49,191,213,.2); border-radius: 50%; content: ""; right: -180px; top: -270px; box-shadow: 0 0 0 95px rgba(56,122,186,.07), 0 0 0 190px rgba(49,191,213,.04); }
.hero::after { position: absolute; width: 240px; height: 240px; border-radius: 50%; content: ""; left: -150px; bottom: -170px; background: rgba(49,191,213,.12); filter: blur(2px); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.tech-lines { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.tech-lines svg { width: 100%; height: 100%; overflow: visible; }
.signal-line { fill: none; stroke: url(#hero-signal); stroke-width: 1.4; stroke-linecap: round; stroke-dasharray: 11 19; vector-effect: non-scaling-stroke; animation: signalFlow 8s linear infinite, waveFloat 12s ease-in-out infinite alternate; }
.signal-b { opacity: .55; stroke-width: 1; animation-duration: 11s, 15s; animation-direction: reverse, alternate; }
.signal-c { opacity: .36; animation-duration: 14s, 18s; }
.signal-node { fill: var(--brand-cyan); filter: drop-shadow(0 0 7px rgba(49,191,213,.9)); transform-box: fill-box; transform-origin: center; animation: nodePulse 3.2s ease-in-out infinite; }
.node-b { animation-delay: -1.4s; }
.tech-lines-hero { opacity: .62; }
.hero .proof-line { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 2rem; color: var(--muted); font-size: .88rem; font-weight: 600; }
.hero .proof-line { color: #b6cbdd; }
.proof-line span::before { margin-right: .45rem; color: var(--teal-500); content: "✓"; }
.product-panel { position: relative; padding: 1.1rem; border: 1px solid rgba(56,122,186,.16); border-radius: var(--radius-lg); background: rgba(255,255,255,.9); box-shadow: 0 28px 80px rgba(30,97,183,.2); backdrop-filter: blur(18px); }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; padding: .6rem .55rem 1rem; color: var(--muted); font-size: .8rem; font-weight: 700; }
.dots { display: flex; gap: .3rem; }
.dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); }
.dashboard { padding: 1rem; border-radius: 1.35rem; color: var(--white); background: linear-gradient(145deg, #10365f, #1e61b7); }
.dashboard-top { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.dashboard-label { color: #9db4c9; font-size: .75rem; }
.metric { padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-sm); background: rgba(255,255,255,.06); }
.metric strong { display: block; font: 700 1.6rem/1.2 Sora, sans-serif; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; }
.load-list { display: grid; gap: .6rem; margin-top: .8rem; }
.load-row { display: grid; grid-template-columns: 1fr auto auto; gap: .7rem; align-items: center; padding: .8rem; border-radius: .7rem; color: #c6d7e6; background: rgba(255,255,255,.055); font-size: .78rem; }
.status { padding: .25rem .55rem; border-radius: 999px; color: #91f0df; background: rgba(32,168,155,.18); font-size: .7rem; font-weight: 700; }
.breadcrumb { padding: 1.1rem 0; color: var(--muted); font-size: .84rem; }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.breadcrumb li + li::before { margin-right: .45rem; content: "/"; }
.breadcrumb a { color: var(--muted); }

.logo-strip { border-block: 1px solid var(--line); }
.logo-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5rem; align-items: center; }
.wordmark { color: var(--brand-charcoal); font: 700 1rem/1 Sora, sans-serif; text-align: center; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.card { position: relative; overflow: hidden; padding: clamp(1.35rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: 0 1px 0 rgba(30,97,183,.03); transition: .2s ease; }
.card::after { position: absolute; width: 80px; height: 3px; left: 0; bottom: 0; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.card:hover { border-color: var(--brand-cyan-light); box-shadow: 0 16px 38px rgba(30,97,183,.11); transform: translateY(-3px); }
.card:hover::after { transform: scaleX(1); }
.card p { margin: 0; color: var(--muted); }
.card a { font-weight: 700; }
.card-icon { display: grid; width: 44px; height: 44px; margin-bottom: 1.25rem; place-items: center; border-radius: 13px; color: var(--blue-600); background: var(--blue-100); font-weight: 800; }
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.feature-list { display: grid; gap: 1rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.feature-list li { position: relative; padding-left: 2rem; }
.feature-list li::before { position: absolute; left: 0; top: .15rem; display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; color: var(--white); background: var(--teal-500); content: "✓"; font-size: .72rem; font-weight: 800; }
.feature-list strong { display: block; color: var(--navy-950); }
.visual-box { min-height: 420px; padding: 2rem; border-radius: var(--radius-lg); background: linear-gradient(145deg, #164b84, #1e61b7 62%, #287da9); box-shadow: 0 24px 60px rgba(30,97,183,.22); }
.flow { display: grid; gap: 1rem; }
.flow-step { display: flex; gap: 1rem; align-items: center; padding: 1.1rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-sm); color: var(--white); background: rgba(255,255,255,.07); }
.flow-step b { display: grid; flex: 0 0 32px; height: 32px; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--cyan-400); }
.flow-step small { display: block; color: #aac0d3; }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--line); }
.stat { padding: 2rem 1.25rem; background: var(--white); text-align: center; }
.stat strong { display: block; color: var(--blue-600); font: 800 clamp(1.8rem, 4vw, 3rem)/1 Sora, sans-serif; }
.stat span { display: block; margin-top: .6rem; color: var(--muted); font-size: .88rem; }
.quote { margin: 0; padding: clamp(1.8rem, 4vw, 3.5rem); border-radius: var(--radius-lg); color: var(--white); background: var(--navy-900); }
.quote p { margin: 0 0 1.5rem; font: 600 clamp(1.35rem, 3vw, 2.1rem)/1.35 Sora, sans-serif; }
.quote cite { color: #bcd0e2; font-style: normal; }
.cta-band { position: relative; overflow: hidden; border-radius: var(--radius-lg); background: linear-gradient(120deg, var(--brand-blue), var(--brand-blue-light) 64%, #278da9); box-shadow: 0 24px 56px rgba(30,97,183,.2); }
.cta-band .inner { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; padding: clamp(2rem, 6vw, 4.5rem); }
.cta-band h2 { max-width: 720px; margin: 0; color: var(--white); }
.cta-band p { margin: .8rem 0 0; color: #dbe8ff; }

.ai-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #f7fbfd 0%, #eef7fb 100%); }
.ai-section::before { position: absolute; width: 440px; height: 440px; border: 1px solid rgba(49,191,213,.2); border-radius: 50%; content: ""; right: -260px; top: 80px; box-shadow: 0 0 0 70px rgba(49,191,213,.035), 0 0 0 140px rgba(30,97,183,.025); }
.ai-section > .container { position: relative; z-index: 2; }
.tech-lines-ai { z-index: 1; top: 10%; bottom: 2%; opacity: .7; }
.tech-lines-ai .signal-line { stroke: url(#ai-signal); stroke-width: 1.1; stroke-dasharray: 8 17; animation-duration: 15s, 20s; }
.tech-lines-ai .signal-e { opacity: .5; animation-duration: 18s, 24s; animation-direction: reverse, alternate; }
.ai-section-head { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 3rem; align-items: end; margin-bottom: 2.75rem; }
.ai-section-head h2 { max-width: 780px; }
.ai-section-head > p { margin: 0; color: var(--muted); font-size: 1.08rem; }
.ai-agent-grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.ai-agent-card { overflow: hidden; border: 1px solid rgba(56,122,186,.2); border-radius: 1.45rem; background: rgba(255,255,255,.92); box-shadow: 0 18px 48px rgba(30,97,183,.1); transition: transform .25s ease, box-shadow .25s ease; }
.ai-agent-card:hover { box-shadow: 0 26px 64px rgba(30,97,183,.18); transform: translateY(-6px); }
.ai-agent-media { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: var(--white); }
.ai-agent-media::after { position: absolute; inset: auto 0 0; height: 22%; background: linear-gradient(transparent, rgba(16,54,95,.08)); content: ""; pointer-events: none; }
.ai-agent-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.ai-agent-card:hover .ai-agent-media img { transform: scale(1.025); }
.agent-icon-stage { position: relative; display: grid; min-height: 245px; place-items: center; overflow: hidden; border-bottom: 1px solid rgba(56,122,186,.16); background: radial-gradient(circle at 50% 45%, #ffffff 0 20%, #eff8fc 68%, #e2f3f7 100%); }
.agent-icon-stage::before { position: absolute; width: 230px; height: 230px; border: 1px solid rgba(30,97,183,.1); border-radius: 50%; content: ""; box-shadow: 0 0 0 34px rgba(49,191,213,.045), 0 0 0 68px rgba(30,97,183,.025); }
.agent-icon { position: relative; z-index: 1; display: grid; width: 112px; height: 112px; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 30px; color: var(--white); background: linear-gradient(145deg, var(--brand-blue-light), var(--brand-blue) 62%, #174b85); box-shadow: 0 18px 34px rgba(30,97,183,.25), inset 0 1px 0 rgba(255,255,255,.25); }
.agent-icon svg { width: 62px; height: 62px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.agent-icon-procaller { background: linear-gradient(145deg, #31bfd5, #1e61b7 66%, #174b85); }
.agent-icon-dispatch { background: linear-gradient(145deg, #387aba, #1e61b7 58%, #10365f); }
.agent-number { position: absolute; right: 1.1rem; top: .8rem; color: rgba(30,97,183,.22); font: 800 2.7rem/1 Sora, sans-serif; letter-spacing: -.08em; }
.ai-agent-content { padding: 1.5rem; }
.ai-agent-content h3 { margin-top: .65rem; font-size: 1.65rem; }
.ai-agent-content p { color: var(--muted); }
.ai-agent-content ul { display: grid; gap: .45rem; margin: 1rem 0 1.25rem; padding: 0; list-style: none; }
.ai-agent-content li { position: relative; padding-left: 1.35rem; color: var(--ink); font-size: .92rem; }
.ai-agent-content li::before { position: absolute; left: 0; color: var(--brand-cyan); content: "●"; font-size: .72rem; }
.ai-agent-content a { font-weight: 700; text-decoration: none; }
.ai-badge { display: inline-flex; align-items: center; padding: .35rem .65rem; border: 1px solid rgba(30,97,183,.16); border-radius: 999px; color: var(--brand-blue); background: var(--blue-100); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.native-proof { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 2rem; align-items: center; margin-top: 1.5rem; padding: 1.4rem 1.6rem; border-radius: 1.15rem; color: var(--white); background: linear-gradient(120deg, #10365f, var(--brand-blue)); box-shadow: 0 18px 44px rgba(30,97,183,.18); }
.native-proof-kicker { display: block; margin-bottom: .25rem; color: var(--brand-cyan-light); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.native-proof strong { font: 700 1.18rem/1.35 Sora, sans-serif; }
.native-proof-points { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
.native-proof-points span { padding: .42rem .7rem; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #e8f7fb; font-size: .8rem; font-weight: 700; }

.workflow-lab { position: relative; overflow: hidden; color: #d8e7f3; background: radial-gradient(circle at 20% 8%, rgba(49,191,213,.12), transparent 25%), #071722; }
.workflow-lab > .container { position: relative; z-index: 2; }
.flow-grid { position: absolute; z-index: 1; inset: -80px; opacity: .22; background-image: linear-gradient(rgba(49,191,213,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.16) 1px, transparent 1px); background-size: 54px 54px; -webkit-mask-image: radial-gradient(ellipse at 50% 45%, #000 0 25%, transparent 76%); mask-image: radial-gradient(ellipse at 50% 45%, #000 0 25%, transparent 76%); animation: gridDrift 20s linear infinite; pointer-events: none; }
.flow-grid::after { position: absolute; width: 520px; height: 520px; border: 1px solid rgba(49,191,213,.35); border-radius: 50%; content: ""; right: 5%; top: 14%; box-shadow: 0 0 0 46px rgba(49,191,213,.035), 0 0 0 92px rgba(56,122,186,.025); animation: orbitDrift 14s ease-in-out infinite alternate; }
.workflow-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr); gap: 3rem; align-items: end; margin-bottom: 2.5rem; }
.workflow-heading h2 { max-width: 780px; color: var(--white); }
.workflow-heading > p { margin: 0; color: #9eb5c7; font-size: 1.05rem; }
.workflow-heading .eyebrow { color: #68dbea; }
.workflow-shell { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.65rem; background: rgba(11,40,66,.7); box-shadow: 0 34px 90px rgba(0,0,0,.28); backdrop-filter: blur(16px); }
.workflow-tabs { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid rgba(179,227,237,.14); background: rgba(4,17,28,.5); }
.workflow-tab { position: relative; display: grid; gap: .22rem; min-height: 112px; padding: 1.2rem 1.35rem; border: 0; border-right: 1px solid rgba(179,227,237,.1); color: #93aabd; background: transparent; text-align: left; transition: .2s ease; }
.workflow-tab:last-child { border-right: 0; }
.workflow-tab::after { position: absolute; right: 1rem; bottom: -1px; left: 1rem; height: 3px; border-radius: 3px 3px 0 0; background: var(--brand-cyan); content: ""; opacity: 0; transform: scaleX(.4); transition: .2s ease; }
.workflow-tab:hover { color: var(--white); background: rgba(255,255,255,.035); }
.workflow-tab[aria-selected="true"] { color: var(--white); background: linear-gradient(180deg, rgba(49,191,213,.11), rgba(30,97,183,.04)); }
.workflow-tab[aria-selected="true"]::after { opacity: 1; transform: scaleX(1); }
.workflow-tab span { color: var(--brand-cyan); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .08em; }
.workflow-tab strong { font: 600 1rem/1.3 Sora, sans-serif; }
.workflow-tab small { color: #7891a5; font-size: .78rem; }
.workflow-stage { min-height: 480px; }
.workflow-panel { display: grid; grid-template-columns: minmax(0, .86fr) minmax(390px, 1.14fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; padding: clamp(2rem, 5vw, 4.25rem); }
.workflow-panel[hidden] { display: none; }
.workflow-copy h3 { margin: .9rem 0 1rem; color: var(--white); font-size: clamp(1.7rem, 3vw, 2.65rem); }
.workflow-copy > p { color: #9fb6c8; }
.workflow-copy .feature-list strong { color: #eff8ff; }
.workflow-copy .feature-list li { color: #a8bdcd; }
.ui-status { display: inline-flex; align-items: center; width: fit-content; padding: .35rem .65rem; border: 1px solid rgba(49,191,213,.24); border-radius: 999px; color: #8be8f2; background: rgba(49,191,213,.09); font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.ui-window { overflow: hidden; min-height: 320px; border: 1px solid rgba(179,227,237,.18); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 50px rgba(0,0,0,.2); }
.ui-window-bar { display: flex; min-height: 54px; align-items: center; justify-content: space-between; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.13); color: #dceaf4; font-size: .83rem; font-weight: 700; }
.ui-window-bar i { width: 8px; height: 8px; border-radius: 50%; background: #617b8e; box-shadow: -14px 0 #3e5d72, -28px 0 #2b485c; }
.ui-window-bar .live-dot { background: #55dfc0; box-shadow: 0 0 0 5px rgba(85,223,192,.09), 0 0 18px rgba(85,223,192,.5); }
.route-line { display: grid; grid-template-columns: 1fr auto 1fr; gap: .8rem; align-items: center; padding: 1.3rem 1.15rem; border-bottom: 1px solid rgba(179,227,237,.1); }
.route-line b { color: var(--white); font-family: Sora, sans-serif; }
.route-line b:last-child { text-align: right; }
.route-line span { position: relative; padding: 0 1.4rem; color: #8da6b9; font-size: .75rem; }
.route-line span::before { position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, var(--brand-cyan), rgba(49,191,213,.2)); content: ""; }
.route-line span { z-index: 1; background: #102d45; }
.ui-options { display: grid; gap: .65rem; padding: 1.1rem; }
.ui-option { display: grid; grid-template-columns: .8fr 1.2fr auto; gap: 1rem; align-items: center; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .8rem; color: #88a1b4; background: rgba(255,255,255,.025); }
.ui-option.active { border-color: rgba(49,191,213,.42); color: var(--white); background: rgba(49,191,213,.08); box-shadow: 0 0 0 1px rgba(49,191,213,.08); }
.ui-option strong { color: inherit; font-size: .85rem; }
.ui-option em { color: #74dbe8; font-size: .75rem; font-style: normal; }
.activity-feed { padding: .75rem 1rem 1rem; }
.activity-feed > div { display: grid; grid-template-columns: 52px 1fr auto; gap: .8rem; align-items: center; padding: .9rem .4rem; border-bottom: 1px solid rgba(179,227,237,.09); }
.activity-feed > div:last-child { border-bottom: 0; }
.activity-feed b { color: #6f8ba0; font-size: .72rem; }
.activity-feed span { color: #d5e4ef; font-size: .86rem; }
.activity-feed em { padding: .25rem .5rem; border-radius: 999px; color: #75dfeb; background: rgba(49,191,213,.1); font-size: .68rem; font-style: normal; }
.dispatch-card { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin: 1.1rem; padding: 1.1rem; border: 1px solid rgba(49,191,213,.22); border-radius: .9rem; background: rgba(49,191,213,.06); }
.dispatch-card strong, .dispatch-card small { display: block; }
.dispatch-card strong { margin: .55rem 0 .15rem; color: var(--white); font-family: Sora, sans-serif; }
.dispatch-card small { color: #8da7ba; }
.dispatch-checks { display: grid; gap: .55rem; padding: 0 1.1rem 1.1rem; }
.dispatch-checks span { position: relative; padding: .75rem 1rem .75rem 2.4rem; border-radius: .7rem; color: #7892a6; background: rgba(255,255,255,.025); }
.dispatch-checks span::before { position: absolute; left: .9rem; content: "○"; color: #6f899d; }
.dispatch-checks .done { color: #d5e5ef; }
.dispatch-checks .done::before { color: #55dfc0; content: "✓"; }
.timeline { position: relative; display: grid; gap: 0; padding: 1.1rem 1.2rem; }
.timeline::before { position: absolute; width: 1px; top: 2rem; bottom: 2rem; left: 2rem; background: rgba(179,227,237,.18); content: ""; }
.timeline > div { position: relative; display: grid; gap: .1rem; padding: .75rem .6rem .75rem 2.5rem; }
.timeline > div::before { position: absolute; z-index: 1; width: 10px; height: 10px; left: .35rem; top: 1.1rem; border: 2px solid #557489; border-radius: 50%; background: #102d45; content: ""; }
.timeline .complete::before { border-color: #55dfc0; background: #55dfc0; }
.timeline .current::before { border-color: var(--brand-cyan); box-shadow: 0 0 0 6px rgba(49,191,213,.1), 0 0 18px rgba(49,191,213,.38); }
.timeline b { color: #e2edf5; font-size: .86rem; }
.timeline span { color: #7893a8; font-size: .76rem; }

@keyframes signalFlow {
  to { stroke-dashoffset: -180; }
}

@keyframes waveFloat {
  from { transform: translate3d(-1.5%, -5px, 0); }
  to { transform: translate3d(1.5%, 7px, 0); }
}

@keyframes nodePulse {
  0%, 100% { opacity: .35; transform: scale(.75); }
  50% { opacity: 1; transform: scale(1.35); }
}

@keyframes gridDrift {
  to { transform: translate3d(54px, 54px, 0); }
}

@keyframes orbitDrift {
  from { transform: translate3d(-18px, -10px, 0) scale(.96); opacity: .45; }
  to { transform: translate3d(22px, 14px, 0) scale(1.04); opacity: .8; }
}

.command-hero { position: relative; overflow: hidden; min-height: 780px; padding: clamp(5rem, 9vw, 8rem) 0; color: #dceaf5; background: linear-gradient(135deg, #040e16 0%, #081c2b 52%, #0d2f48 100%); }
.command-mesh { position: absolute; inset: -20%; opacity: .2; background-image: linear-gradient(rgba(49,191,213,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.12) 1px, transparent 1px); background-size: 72px 72px; transform: perspective(700px) rotateX(62deg) translateY(18%); transform-origin: center bottom; mask-image: linear-gradient(180deg, transparent, #000 35%, transparent 80%); animation: commandMesh 22s linear infinite; }
.command-hero::after { position: absolute; width: 620px; height: 620px; border-radius: 50%; content: ""; right: -220px; top: -260px; background: radial-gradient(circle, rgba(49,191,213,.18), transparent 68%); filter: blur(12px); }
.command-grid { position: relative; z-index: 2; display: grid; width: min(calc(100% - 3rem), 1280px); grid-template-columns: minmax(0, 1fr) minmax(500px, 1fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
.command-copy { min-width: 0; max-width: 610px; }
.command-copy h1 { max-width: 610px; margin-top: 0; color: var(--white); font-size: clamp(3.35rem, 5.1vw, 5.25rem); line-height: 1.04; letter-spacing: -.065em; overflow-wrap: break-word; }
.command-copy h1 span { color: transparent; background: linear-gradient(90deg, #8debf3, #31bfd5 48%, #6ba8f1); -webkit-background-clip: text; background-clip: text; }
.command-copy .lead { color: #a9bfce; }
.command-pill { display: inline-flex; align-items: center; gap: .55rem; padding: .45rem .8rem; border: 1px solid rgba(49,191,213,.26); border-radius: 999px; color: #a7edf3; background: rgba(49,191,213,.08); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.command-pill i { width: 7px; height: 7px; border-radius: 50%; background: #58e1c1; box-shadow: 0 0 0 5px rgba(88,225,193,.1), 0 0 15px rgba(88,225,193,.6); }
.command-copy .actions { align-items: center; }
.text-link { color: #bad0df; font-size: .9rem; font-weight: 700; text-decoration: none; }
.text-link:hover { color: var(--brand-cyan); }
.command-trust { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 2.4rem; color: #7f99ac; font-size: .76rem; font-weight: 600; text-transform: uppercase; }
.command-trust span { display: flex; align-items: center; gap: .45rem; }
.command-trust b { color: #55d5e5; font-size: .64rem; }
.command-console { position: relative; overflow: hidden; border: 1px solid rgba(179,227,237,.18); border-radius: 1.5rem; background: linear-gradient(145deg, rgba(20,57,84,.88), rgba(6,25,39,.94)); box-shadow: 0 40px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter: blur(18px); }
.digital-globe { position: relative; overflow: hidden; min-height: 590px; border: 1px solid rgba(179,227,237,.16); border-radius: 1.75rem; background: radial-gradient(circle at 50% 45%, rgba(24,93,132,.36), transparent 48%), linear-gradient(145deg, rgba(10,42,63,.86), rgba(3,16,26,.94)); box-shadow: 0 40px 100px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(18px); }
.globe-hud, .globe-footer { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; color: #dceaf4; font-size: .76rem; }
.globe-hud { min-height: 58px; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.11); }
.globe-hud > div { display: flex; align-items: center; gap: .55rem; font-weight: 700; }
.globe-hud small { color: #5fe0c0; }
.globe-stage { position: relative; display: grid; min-height: 470px; place-items: center; overflow: hidden; }
.globe-stage::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(179,227,237,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(179,227,237,.035) 1px, transparent 1px); background-size: 34px 34px; content: ""; mask-image: radial-gradient(circle, #000 0 38%, transparent 74%); animation: globeGridDrift 22s linear infinite; }
.globe-stage svg { position: relative; z-index: 2; width: min(92%, 520px); height: auto; overflow: visible; }
.globe-aura { position: absolute; width: 330px; height: 330px; border-radius: 50%; background: rgba(49,191,213,.08); box-shadow: 0 0 80px 28px rgba(49,191,213,.12), 0 0 160px 60px rgba(30,97,183,.07); animation: globeBreathe 5s ease-in-out infinite; }
.globe-sphere { filter: drop-shadow(0 22px 36px rgba(0,0,0,.35)); }
.globe-rim { fill: none; stroke: rgba(110,226,239,.56); stroke-width: 1.7; filter: drop-shadow(0 0 8px rgba(49,191,213,.35)); }
.globe-grid-lines, .globe-meridians { fill: none; stroke: rgba(123,214,227,.2); stroke-width: 1; transform-box: view-box; transform-origin: center; }
.globe-grid-lines { animation: globeTurn 14s ease-in-out infinite alternate; }
.globe-meridians { stroke: rgba(83,174,201,.18); animation: globeTurn 18s ease-in-out infinite alternate-reverse; }
.globe-routes { fill: none; stroke: url(#globe-route); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 8 14; animation: globeRouteFlow 7s linear infinite; }
.globe-routes path:nth-child(2) { animation-delay: -1.8s; }.globe-routes path:nth-child(3) { opacity: .7; }.globe-routes path:nth-child(4) { opacity: .5; }
.globe-nodes { fill: #70e6ef; }
.globe-nodes circle { transform-box: fill-box; transform-origin: center; animation: globeNode 2.8s ease-in-out infinite; }
.globe-nodes circle:nth-child(2n) { animation-delay: -1.1s; }.globe-nodes circle:nth-child(3n) { animation-delay: -2s; }
.globe-orbit { fill: none; stroke: rgba(49,191,213,.22); stroke-width: 1; stroke-dasharray: 2 13; transform-box: view-box; transform-origin: center; animation: slowSpin 32s linear infinite; }
.orbit-two { stroke: rgba(82,140,211,.15); stroke-dasharray: 22 10 2 12; animation-duration: 44s; animation-direction: reverse; }
.globe-chip { position: absolute; z-index: 3; display: grid; min-width: 112px; gap: .15rem; padding: .65rem .8rem; border: 1px solid rgba(179,227,237,.16); border-radius: .8rem; background: rgba(5,28,43,.72); box-shadow: 0 12px 28px rgba(0,0,0,.25); backdrop-filter: blur(10px); animation: globeChipFloat 5s ease-in-out infinite alternate; }
.globe-chip b { color: #dff1f7; font: 700 .72rem/1.2 Sora, sans-serif; }.globe-chip small { color: #60d7e3; font-size: .63rem; text-transform: uppercase; }
.chip-ai { right: 5%; top: 18%; }.chip-modes { left: 4%; top: 43%; animation-delay: -1.6s; }.chip-data { right: 8%; bottom: 14%; animation-delay: -3s; }
.globe-footer { min-height: 56px; padding: 0 1.15rem; border-top: 1px solid rgba(179,227,237,.11); color: #6f8fa4; font-size: .67rem; letter-spacing: .03em; }
.globe-footer span:first-child { display: flex; align-items: center; gap: .45rem; color: #8bdcc8; }
.globe-footer i { width: 6px; height: 6px; border-radius: 50%; background: #5fe0c0; box-shadow: 0 0 10px rgba(95,224,192,.7); }
.console-top { display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.12); color: #dce9f3; font-size: .78rem; font-weight: 700; }
.console-top > div { display: flex; align-items: center; gap: .55rem; }
.console-top small { color: #65dabe; }
.console-dot { width: 8px; height: 8px; border-radius: 50%; background: #58e1c1; box-shadow: 0 0 13px rgba(88,225,193,.8); }
.console-map { position: relative; height: 245px; overflow: hidden; border-bottom: 1px solid rgba(179,227,237,.1); background-image: radial-gradient(circle at 40% 50%, rgba(49,191,213,.08), transparent 36%), linear-gradient(rgba(179,227,237,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(179,227,237,.04) 1px, transparent 1px); background-size: auto, 30px 30px, 30px 30px; }
.map-route { position: absolute; height: 80px; border-top: 2px dashed rgba(49,191,213,.55); border-radius: 50%; filter: drop-shadow(0 0 7px rgba(49,191,213,.35)); animation: mapSignal 9s linear infinite; }
.route-one { width: 58%; left: 15%; top: 82px; transform: rotate(7deg); }
.route-two { width: 42%; left: 42%; top: 126px; transform: rotate(-12deg); animation-duration: 13s; animation-direction: reverse; }
.map-node { position: absolute; z-index: 2; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(49,191,213,.4); border-radius: 50%; color: #b9eef3; background: #0b2940; font: 700 .62rem/1 Sora, sans-serif; box-shadow: 0 0 0 7px rgba(49,191,213,.05); }
.map-node.chicago { left: 12%; top: 60px; }.map-node.denver { left: 42%; top: 122px; }.map-node.dallas { right: 22%; top: 64px; }.map-node.atlanta { right: 7%; top: 150px; }
.map-pulse { position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 48%; top: 45%; background: var(--brand-cyan); box-shadow: 0 0 0 0 rgba(49,191,213,.45); animation: mapPulse 2.6s ease-out infinite; }
.console-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(179,227,237,.1); }
.console-stats > div { padding: 1rem; border-right: 1px solid rgba(179,227,237,.1); }
.console-stats > div:last-child { border-right: 0; }
.console-stats small, .console-stats span { display: block; color: #6f8da2; font-size: .67rem; }
.console-stats strong { display: block; margin: .2rem 0; color: #f2f8fc; font: 700 1.15rem/1.2 Sora, sans-serif; }
.console-feed { padding: .7rem 1rem 1rem; }
.console-feed > div { display: grid; grid-template-columns: 32px 1fr auto; gap: .7rem; align-items: center; padding: .65rem .2rem; border-bottom: 1px solid rgba(179,227,237,.07); }
.console-feed > div:last-child { border-bottom: 0; }
.feed-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #80e4ee; background: rgba(49,191,213,.1); font-size: .68rem; font-weight: 800; }
.console-feed p, .console-feed strong, .console-feed small { display: block; margin: 0; }
.console-feed strong { color: #dbe9f3; font-size: .78rem; }
.console-feed small { color: #718da1; font-size: .69rem; }
.console-feed em { color: #608096; font-size: .67rem; font-style: normal; }
.command-ticker { overflow: hidden; border-block: 1px solid #dce8ee; background: #f4f9fb; }
.command-ticker > div { display: flex; width: max-content; min-width: 100%; align-items: center; justify-content: center; gap: 2rem; padding: 1.05rem 2rem; color: #476478; font: 700 .74rem/1 Sora, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.command-ticker i { width: 5px; height: 5px; border-radius: 50%; background: var(--brand-cyan); }
.concept-agents { color: #dce9f2; background: #081a28; }
.concept-heading { display: grid; grid-template-columns: 1fr .65fr; gap: 1rem 3rem; align-items: end; margin-bottom: 2.6rem; }
.concept-heading h2 { color: var(--white); }
.concept-heading > p { margin: 0; color: #8fa8b9; }
.concept-heading .concept-index { grid-column: 1 / -1; }
.concept-index { color: #57d7e6; font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.agent-rail { display: grid; border-top: 1px solid rgba(179,227,237,.13); }
.agent-rail article { position: relative; display: grid; grid-template-columns: 100px 1fr auto; gap: 1.5rem; align-items: center; padding: 1.5rem 1rem; border-bottom: 1px solid rgba(179,227,237,.13); transition: .2s ease; }
.agent-rail article:hover { padding-left: 1.4rem; background: linear-gradient(90deg, rgba(49,191,213,.08), transparent 65%); }
.rail-icon { display: grid; place-items: center; }
.rail-icon .agent-icon { width: 72px; height: 72px; border-radius: 21px; }
.rail-icon .agent-icon svg { width: 39px; height: 39px; }
.agent-rail small { color: #58d6e5; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.agent-rail h3 { margin: .3rem 0; color: var(--white); font-size: 1.7rem; }
.agent-rail p { margin: 0; color: #8da6b8; }
.agent-rail article > b { color: rgba(179,227,237,.13); font: 800 3.8rem/1 Sora, sans-serif; }
.concept-bento { background: #f3f7fa; }
.concept-heading.light h2 { color: #112a3c; }
.concept-heading.light > p { color: #647785; }
.bento-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; }
.bento-card { position: relative; overflow: hidden; min-height: 290px; padding: clamp(1.4rem, 3vw, 2.2rem); border: 1px solid #dce7ed; border-radius: 1.35rem; background: var(--white); box-shadow: 0 16px 50px rgba(9,35,52,.07); }
.bento-card h3 { max-width: 580px; font-size: clamp(1.4rem, 2.7vw, 2.25rem); }
.bento-card p { max-width: 560px; color: #687b89; }
.bento-card a { font-weight: 700; text-decoration: none; }
.bento-kicker { display: inline-block; margin-bottom: .75rem; color: var(--brand-blue); font: 700 .69rem/1 Sora, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.bento-wide { display: grid; grid-template-columns: 1fr .85fr; gap: 2rem; align-items: center; grid-column: 1 / -1; }
.mode-stack { display: grid; gap: .6rem; }
.mode-stack span { display: grid; grid-template-columns: 42px 1fr auto; gap: .75rem; align-items: center; padding: .8rem; border: 1px solid #dfe9ef; border-radius: .75rem; color: #647b8c; font-size: .78rem; }
.mode-stack span.selected { color: #123c5e; border-color: rgba(49,191,213,.5); background: #eefafd; }
.mode-stack b { color: var(--brand-blue); }
.mode-stack em { color: #7990a1; font-size: .65rem; font-style: normal; text-transform: uppercase; }
.bento-dark { color: #d9e8f3; background: linear-gradient(145deg, #0a2539, #123f5f); }
.bento-dark h3, .bento-dark .bento-kicker { color: var(--white); }
.exception-ring { position: absolute; display: grid; width: 130px; height: 130px; right: 1.8rem; bottom: 1.3rem; place-items: center; border: 1px solid rgba(49,191,213,.35); border-radius: 50%; box-shadow: 0 0 0 18px rgba(49,191,213,.04), 0 0 0 36px rgba(49,191,213,.025); }
.exception-ring::before { position: absolute; inset: 10px; border: 3px dashed var(--brand-cyan); border-radius: 50%; content: ""; animation: slowSpin 18s linear infinite; }
.exception-ring span { color: #8ee8f1; font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.integration-dots { display: grid; grid-template-columns: repeat(3, 48px); gap: .65rem; margin-top: 1.7rem; }
.integration-dots i { height: 48px; border: 1px solid #dbe8ee; border-radius: 13px; background: radial-gradient(circle, #31bfd5 0 4px, #edf8fb 5px); }
.bento-integrations { grid-column: 1 / -1; min-height: 0; padding: 0; }
.integration-heading { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: .5rem 3rem; align-items: end; padding: 2rem 2.1rem 1.7rem; }
.integration-heading .bento-kicker { grid-column: 1 / -1; }
.integration-heading h3, .integration-heading p { margin-bottom: 0; }
.integration-capabilities { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid #dce7ed; background: #f9fcfd; }
.integration-tile { min-height: 190px; padding: 1.2rem 1rem; border-right: 1px solid #dce7ed; transition: .2s ease; }
.integration-tile:last-child { border-right: 0; }
.integration-tile:hover { background: #eef9fc; transform: translateY(-3px); }
.integration-icon { display: grid; width: 46px; height: 46px; margin-bottom: 1rem; place-items: center; border: 1px solid rgba(49,191,213,.25); border-radius: 13px; color: var(--brand-cyan); background: linear-gradient(145deg, #0e3855, #15577a); box-shadow: 0 10px 22px rgba(13,55,83,.16); }
.integration-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.integration-tile h4 { margin: 0 0 .45rem; color: #183b52; font: 700 .93rem/1.25 Syne, Sora, sans-serif; }
.integration-tile p { margin: 0; color: #708593; font-size: .76rem; line-height: 1.45; }
.bento-flow { grid-column: 1 / -1; min-height: 500px; }
.rhythm-heading { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: .5rem 3rem; align-items: end; }
.rhythm-heading .bento-kicker { grid-column: 1 / -1; }
.rhythm-heading h3, .rhythm-heading p { margin-bottom: 0; }
.rhythm-animation { overflow: hidden; padding: 2.2rem 0 .2rem; }
.rhythm-track { position: relative; min-width: 760px; height: 300px; }
.rhythm-track::before { position: absolute; height: 2px; right: 10%; left: 10%; top: 48px; border-radius: 999px; background: #d8e7ee; content: ""; }
.rhythm-progress { position: absolute; z-index: 1; width: 0; height: 2px; left: 10%; top: 48px; border-radius: 999px; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); box-shadow: 0 0 12px rgba(49,191,213,.45); animation: rhythmProgress 12s ease-in-out infinite; }
.rhythm-stage { position: absolute; z-index: 2; display: grid; width: 180px; justify-items: center; top: 0; color: #607887; text-align: center; transform: translateX(-50%); }
.rhythm-quote { left: 10%; animation: rhythmStage 12s ease-in-out infinite; }
.rhythm-cover { left: 37%; animation: rhythmStage 12s 3s ease-in-out infinite; }
.rhythm-execute { left: 63%; animation: rhythmStage 12s 6s ease-in-out infinite; }
.rhythm-close { left: 90%; animation: rhythmStage 12s 9s ease-in-out infinite; }
.rhythm-stage-icon { display: grid; width: 72px; height: 72px; place-items: center; border: 1px solid #d3e4eb; border-radius: 20px; color: #2a719d; background: #f8fcfd; box-shadow: 0 12px 28px rgba(17,64,90,.09); transition: .2s ease; }
.rhythm-stage-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.rhythm-stage strong { margin-top: .8rem; color: #23465c; font: 700 .88rem/1.2 Syne, Sora, sans-serif; }
.rhythm-stage small { margin-top: .25rem; color: #7b909d; font-size: .68rem; }
.rhythm-stage ul { display: grid; gap: .45rem; width: 100%; margin: .85rem 0 0; padding: .8rem 0 0; border-top: 1px solid #deeaef; list-style: none; text-align: left; }
.rhythm-stage li { position: relative; padding-left: .9rem; color: #657b89; font-size: .7rem; line-height: 1.4; }
.rhythm-stage li::before { position: absolute; left: 0; top: .43rem; width: 4px; height: 4px; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.rhythm-actor { position: absolute; z-index: 4; display: grid; place-items: center; opacity: 0; pointer-events: none; }
.rhythm-actor svg { width: 100%; height: 100%; fill: #f8fcfd; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.quote-actor { width: 34px; height: 34px; left: 10%; top: 31px; color: var(--brand-blue); animation: quoteFlow 12s ease-in-out infinite; }
.truck-actor { width: 54px; height: 38px; left: 37%; top: 30px; color: #19799a; animation: truckFlow 12s ease-in-out infinite; }
.bill-actor { width: 34px; height: 34px; left: 63%; top: 26px; border: 2px solid var(--brand-cyan); border-radius: 50%; color: #146795; background: #eefdff; font: 800 1rem/1 Sora, sans-serif; box-shadow: 0 7px 18px rgba(49,191,213,.24); animation: billFlow 12s ease-in-out infinite; }
.mini-flow { display: flex; align-items: center; gap: .8rem; margin-top: 1.2rem; }
.mini-flow span { padding: .8rem 1rem; border: 1px solid #d9e6ec; border-radius: .75rem; color: #274a60; background: #f8fbfd; font-size: .82rem; font-weight: 700; }
.mini-flow i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); }
.concept-proof { color: #dce9f2; background: #071722; }
.concept-proof-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 4rem; align-items: start; }
.concept-proof h2 { margin-top: 1rem; color: var(--white); }
.proof-statements { display: grid; }
.proof-statements p { display: grid; grid-template-columns: 140px 1fr; gap: 1rem; margin: 0; padding: 1.2rem 0; border-bottom: 1px solid rgba(179,227,237,.13); }
.proof-statements b { color: #7ce2ec; font-family: Sora, sans-serif; }
.proof-statements span { color: #93aabd; }

@keyframes commandMesh { to { background-position: 72px 72px; } }
@keyframes mapSignal { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes mapPulse { 75%, 100% { box-shadow: 0 0 0 34px rgba(49,191,213,0); } }
@keyframes slowSpin { to { transform: rotate(360deg); } }
@keyframes globeGridDrift { to { background-position: 34px 34px; } }
@keyframes globeBreathe { 0%, 100% { opacity: .55; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.06); } }
@keyframes globeTurn { from { transform: rotate(-4deg) scaleX(.96); } to { transform: rotate(5deg) scaleX(1.04); } }
@keyframes globeRouteFlow { to { stroke-dashoffset: -180; } }
@keyframes globeNode { 0%, 100% { opacity: .45; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.42); } }
@keyframes globeChipFloat { from { transform: translateY(-5px); } to { transform: translateY(7px); } }
@keyframes rhythmProgress { 0%, 4% { width: 0; } 23% { width: 27%; } 52% { width: 53%; } 82%, 92% { width: 80%; } 100% { width: 0; } }
@keyframes rhythmStage { 0%, 23%, 100% { filter: none; transform: translateX(-50%) scale(1); } 7%, 16% { filter: drop-shadow(0 8px 12px rgba(49,191,213,.22)); transform: translateX(-50%) scale(1.06); } }
@keyframes quoteFlow { 0%, 3% { left: 10%; opacity: 0; transform: translateY(-3px) scale(.8); } 7% { opacity: 1; } 21% { left: 37%; opacity: 1; transform: translateY(-3px) scale(1); } 24%, 100% { left: 37%; opacity: 0; } }
@keyframes truckFlow { 0%, 25% { left: 37%; opacity: 0; transform: translateY(0); } 29% { opacity: 1; } 50% { left: 63%; opacity: 1; transform: translateY(-2px); } 54%, 100% { left: 63%; opacity: 0; } }
@keyframes billFlow { 0%, 56% { left: 63%; top: 26px; opacity: 0; transform: scale(.7); } 61% { opacity: 1; transform: scale(1); } 78% { left: 90%; top: 26px; opacity: 1; transform: scale(1); } 84% { left: 90%; top: 55px; opacity: 0; transform: scale(.72); } 100% { opacity: 0; } }

.about-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 82% 25%, rgba(49,191,213,.14), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0e3953); }
.about-grid-lines { position: absolute; inset: -20%; opacity: .13; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 62px 62px; mask-image: radial-gradient(circle at 75% 42%, #000, transparent 62%); animation: gridDrift 24s linear infinite; }
.about-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.about-hero h1 { max-width: 780px; color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }
.about-hero h1 span { color: transparent; background: linear-gradient(90deg, #78e4ee, #31bfd5 58%, #6c9ee3); -webkit-background-clip: text; background-clip: text; }
.about-hero .lead { color: #adc2d0; }
.about-hero .eyebrow { color: #63dce8; }
.about-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.about-hero .hero-proof { max-width: 690px; margin: 1.15rem 0 0; color: #d8e7f2; font-weight: 700; }
.about-modes .orbit-quote { left: -10%; }.about-modes .orbit-cover { right: -2%; }.about-modes .orbit-execute { right: 3%; }.about-modes .orbit-improve { left: -4%; }
.about-problem { background: linear-gradient(180deg, #fff, #f4f8fb); }
.about-problem .narrow { max-width: 880px; }.about-problem h2 { max-width: 820px; font-size: clamp(2.35rem, 5vw, 4.5rem); }
.about-problem p:not(.eyebrow) { color: #526b7e; font-size: 1.08rem; line-height: 1.8; }
.about-problem .problem-answer { margin-top: 2rem; padding-left: 1.35rem; border-left: 4px solid var(--brand-cyan); color: #123d58; font-weight: 800; }
.about-platform { color: #dceaf3; background: radial-gradient(circle at 88% 12%, rgba(49,191,213,.12), transparent 28%), #071722; }
.about-platform .concept-heading h2 { color: var(--white); }.about-platform .concept-heading > p { color: #91a9ba; }
.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 3rem; }
.capability-grid article { min-height: 220px; padding: 1.4rem; border: 1px solid rgba(126,206,220,.16); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); transition: transform .2s ease, border-color .2s ease; }
.capability-grid article:hover { border-color: rgba(99,220,232,.42); transform: translateY(-3px); }
.capability-grid span { color: #63dce8; font: 800 .8rem/1 Syne, sans-serif; letter-spacing: .12em; }.capability-grid h3 { margin-top: 2.3rem; color: var(--white); font-size: 1.2rem; }.capability-grid p { color: #9eb4c3; font-size: .94rem; }
.capability-grid .capability-ai { border-color: rgba(99,220,232,.35); background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); }
.serve-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }
.serve-grid article { min-height: 280px; padding: 1.6rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; background: rgba(255,255,255,.9); box-shadow: 0 24px 60px rgba(8,35,55,.08); }
.serve-grid span { color: var(--brand-cyan); font: 800 2.9rem/1 Syne, sans-serif; }.serve-grid h3 { margin-top: 3rem; font-size: 1.35rem; }.serve-grid p { color: #5c7488; }
.about-team { color: #dceaf3; background: #0b2d45; }
.team-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.team-intro { position: sticky; top: 7rem; }.team-intro h2 { color: var(--white); }.team-intro > p:last-child { color: #a1b8c8; }
.role-list { display: grid; gap: .8rem; }.role-list article { display: grid; grid-template-columns: 160px 1fr; gap: 1.5rem; padding: 1.35rem 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.role-list span { color: #63dce8; font-weight: 800; }.role-list p { margin: 0; color: #b3c7d4; }
.about-why { background: #fff; }.about-why .concept-heading h2 { color: #071722; }.why-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; margin-top: 3rem; }
.why-grid article { grid-column: span 2; padding: 1.5rem; border: 1px solid #dce7ef; border-radius: 1.1rem; background: #f7fafc; }
.why-grid article:nth-child(4) { grid-column: 2 / span 2; }.why-grid article:nth-child(5) { grid-column: span 2; }
.why-grid strong { display: block; color: #123d58; font-size: 1.08rem; }.why-grid p { margin-bottom: 0; color: #60788a; }
.about-final-cta .eyebrow { color: #b9f5fa; }.about-final-cta .actions { justify-content: flex-end; flex-wrap: wrap; }
.about-orbit { position: relative; width: min(100%, 480px); aspect-ratio: 1; margin-inline: auto; }
.about-orbit::before { position: absolute; inset: 18%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, rgba(49,191,213,.26), rgba(16,64,91,.18) 56%, rgba(5,19,30,.05)); box-shadow: 0 0 80px rgba(49,191,213,.14); content: ""; }
.about-orbit-core { position: absolute; z-index: 4; display: grid; width: 134px; height: 134px; inset: 50% auto auto 50%; place-items: center; align-content: center; border: 1px solid rgba(100,227,238,.42); border-radius: 50%; color: var(--white); background: rgba(7,36,54,.9); box-shadow: 0 0 0 16px rgba(49,191,213,.045), 0 16px 40px rgba(0,0,0,.3); transform: translate(-50%, -50%); }
.about-orbit-core span { font: 800 1.5rem/1 Syne, sans-serif; letter-spacing: -.05em; }.about-orbit-core small { margin-top: .35rem; color: #69dbe6; font-size: .62rem; text-transform: uppercase; }
.orbit-ring { position: absolute; border: 1px solid rgba(80,207,222,.26); border-radius: 50%; inset: 12%; animation: slowSpin 28s linear infinite; }
.orbit-ring::after { position: absolute; width: 7px; height: 7px; border-radius: 50%; content: ""; left: 15%; top: 10%; background: var(--brand-cyan); box-shadow: 0 0 12px rgba(49,191,213,.8); }
.ring-two { inset: 25%; border-style: dashed; animation-duration: 18s; animation-direction: reverse; }
.orbit-item { position: absolute; z-index: 5; display: grid; min-width: 84px; min-height: 38px; place-items: center; padding: .45rem .75rem; border: 1px solid rgba(179,227,237,.18); border-radius: 999px; color: #cfe6ef; background: rgba(6,31,47,.82); box-shadow: 0 10px 24px rgba(0,0,0,.2); font-size: .7rem; font-weight: 700; animation: globeChipFloat 5s ease-in-out infinite alternate; }
.orbit-quote { left: 2%; top: 24%; }.orbit-cover { right: 1%; top: 19%; animation-delay: -1.3s; }.orbit-execute { right: 0; bottom: 19%; animation-delay: -2.6s; }.orbit-improve { left: 3%; bottom: 21%; animation-delay: -3.8s; }
.orbit-signal { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #70e6ef; box-shadow: 0 0 0 0 rgba(112,230,239,.4); animation: mapPulse 2.8s ease-out infinite; }
.signal-one { right: 20%; top: 43%; }.signal-two { left: 21%; bottom: 38%; animation-delay: -1.4s; }
.about-belief { position: relative; overflow: hidden; background: radial-gradient(circle at 88% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }
.about-belief::before { position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 74%); content: ""; }
.about-belief .container { position: relative; z-index: 1; }
.about-statement { display: grid; grid-template-columns: 1.12fr .88fr; gap: 1rem 4rem; align-items: end; margin-bottom: 3rem; }
.about-statement .concept-index { grid-column: 1 / -1; }
.about-statement h2 { max-width: 760px; }
.about-statement > p { margin: 0; color: #677d8b; }
.belief-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.belief-card { position: relative; min-height: 315px; padding: 1.45rem; overflow: hidden; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)); box-shadow: 0 24px 60px rgba(8,35,55,.08); }
.belief-card::before { position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }
.belief-card::after { position: absolute; width: 180px; height: 180px; right: -58px; top: -62px; border-radius: 50%; background: radial-gradient(circle, rgba(49,191,213,.22), transparent 68%); content: ""; }
.belief-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.belief-card-top > span { display: block; color: rgba(49,191,213,.95); font: 800 clamp(2.4rem, 4.6vw, 4.65rem)/.85 Syne, sans-serif; letter-spacing: -.08em; }
.belief-card-top > span::after { content: none; }
.belief-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; flex: 0 0 64px; padding: 13px; border: 1px solid rgba(255,255,255,.7); border-radius: 19px; color: #fff; background: linear-gradient(145deg, #168aae, #125a9e); box-shadow: 0 16px 30px rgba(18,90,158,.28), inset 0 1px 0 rgba(255,255,255,.24); }
.belief-icon svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.belief-grid h3 { position: relative; z-index: 1; margin-top: 2.35rem; font-size: 1.35rem; }.belief-grid p { position: relative; z-index: 1; color: #5c7488; }
.about-build { color: #dceaf3; background: #071722; }
.about-build .concept-heading h2 { color: var(--white); }.about-build .concept-heading > p { color: #8fa8b9; }
.about-tabs { display: grid; grid-template-columns: 260px 1fr; gap: 1rem; min-height: 420px; }
.about-tab-list { display: grid; align-content: start; border: 1px solid rgba(179,227,237,.14); border-radius: 1rem; overflow: hidden; background: rgba(255,255,255,.025); }
.about-tab-list button { display: flex; min-height: 76px; align-items: center; gap: .8rem; padding: 1rem 1.2rem; border: 0; border-bottom: 1px solid rgba(179,227,237,.1); color: #8da6b8; background: transparent; font-weight: 700; text-align: left; transition: .2s ease; }
.about-tab-list button:last-child { border-bottom: 0; }.about-tab-list button span { color: #4d809c; font-size: .7rem; }.about-tab-list button:hover { color: var(--white); background: rgba(49,191,213,.05); }.about-tab-list button[aria-selected="true"] { color: var(--white); background: linear-gradient(90deg, rgba(49,191,213,.16), rgba(30,97,183,.04)); box-shadow: inset 3px 0 var(--brand-cyan); }.about-tab-list button[aria-selected="true"] span { color: #6de1eb; }
.about-tab-panels { border: 1px solid rgba(179,227,237,.14); border-radius: 1rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.about-tab-panels article { display: grid; grid-template-columns: 120px 1fr; gap: 2.5rem; padding: clamp(2rem, 5vw, 4rem); }.about-tab-panels article[hidden] { display: none; }
.about-panel-number { color: rgba(179,227,237,.12); font: 800 4.8rem/1 Syne, sans-serif; }.about-tab-panels h3 { color: var(--white); font-size: 2rem; }.about-tab-panels p { color: #9bb2c3; }.about-tab-panels ul { display: grid; gap: .65rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }.about-tab-panels li { position: relative; padding-left: 1.3rem; color: #c3d4df; }.about-tab-panels li::before { position: absolute; width: 5px; height: 5px; left: 0; top: .65rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.about-ai { color: #dce9f2; background: radial-gradient(circle at 18% 22%, rgba(49,191,213,.1), transparent 28%), #0b2d45; }
.about-ai-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }.about-ai h2 { margin-top: 1rem; color: var(--white); }.about-ai p { color: #a1b8c8; }
.ai-principles { display: grid; gap: .8rem; }.ai-principles article { display: grid; grid-template-columns: 58px 1fr; gap: 1rem; align-items: center; padding: 1.15rem; border: 1px solid rgba(179,227,237,.13); border-radius: .9rem; background: rgba(255,255,255,.035); }.ai-principles article > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #86edf6; background: linear-gradient(145deg, #1b7fb2, #18579b); box-shadow: 0 14px 32px rgba(0, 111, 207, .24); }.ai-principles article > span svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }.ai-principles h3 { margin: 0; color: var(--white); font-size: 1.08rem; }.ai-principles p { margin: .25rem 0 0; font-size: .85rem; }
.about-audience { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }.about-audience::before { position: absolute; inset: 0; pointer-events: none; opacity: .4; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 70%); content: ""; }.about-audience .container { position: relative; z-index: 1; }.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }.audience-card { position: relative; min-height: 305px; padding: 1.45rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)); box-shadow: 0 24px 60px rgba(8, 35, 55, .08); }.audience-card::before { position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }.audience-card::after { position: absolute; width: 180px; height: 180px; right: -58px; top: -62px; border-radius: 50%; background: radial-gradient(circle, rgba(49,191,213,.22), transparent 68%); content: ""; }.audience-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.audience-card-top > span { display: block; color: rgba(49,191,213,.95); font: 800 clamp(2.4rem, 4.6vw, 4.65rem)/.85 Syne, sans-serif; letter-spacing: -.08em; }.audience-card-top > span::after { content: none; }.audience-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; flex: 0 0 64px; padding: 13px; border: 1px solid rgba(255,255,255,.7); border-radius: 19px; color: #fff; background: linear-gradient(145deg, #168aae, #125a9e); box-shadow: 0 16px 30px rgba(18,90,158,.28), inset 0 1px 0 rgba(255,255,255,.24); }.audience-icon svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }.audience-grid h3 { margin-top: 2.35rem; position: relative; z-index: 1; font-size: 1.35rem; }.audience-grid p { color: #5c7488; position: relative; z-index: 1; }.audience-tags { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.4rem; }.audience-tags small { display: inline-flex; align-items: center; min-height: 28px; padding: .35rem .62rem; border: 1px solid rgba(49,191,213,.24); border-radius: 999px; color: #1b5f89; background: rgba(49,191,213,.09); font-size: .72rem; font-weight: 800; letter-spacing: .02em; }

.truck-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 78% 26%, rgba(49,191,213,.15), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.truck-grid-lines { position: absolute; inset: -20%; opacity: .12; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(circle at 75% 45%, #000, transparent 64%); animation: gridDrift 22s linear infinite; }
.truck-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.truck-hero h1 { color: var(--white); font-size: clamp(3.1rem, 5.7vw, 5.8rem); }.truck-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.truck-hero .lead { color: #adc3d1; }.truck-hero .eyebrow { color: #64dce8; }.truck-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.truck-proof { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: 2rem; color: #8ca7ba; font-size: .76rem; font-weight: 700; }.truck-proof span::before { margin-right: .4rem; color: var(--brand-cyan); content: "●"; }
.coverage-board { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.coverage-top, .coverage-status { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }.coverage-top { border-bottom: 1px solid rgba(179,227,237,.1); }.coverage-top > div { display: flex; align-items: center; gap: .55rem; }.coverage-top strong { color: #e4eff6; font-size: .82rem; }.coverage-top small, .coverage-status small { color: #6d8ca1; }
.load-summary { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; padding: 1.2rem; }.load-summary > div:last-child { text-align: right; }.load-summary span, .load-summary small { display: block; color: #6e8ca0; font-size: .68rem; }.load-summary strong { display: block; margin: .25rem 0; color: var(--white); font: 700 .93rem/1.2 Sora, sans-serif; }.load-summary i { width: 100px; height: 1px; background: linear-gradient(90deg, var(--brand-cyan), rgba(49,191,213,.18)); }
.load-specs { display: flex; gap: .55rem; padding: 0 1.15rem 1rem; }.load-specs span { padding: .35rem .6rem; border: 1px solid rgba(179,227,237,.11); border-radius: 999px; color: #8fa9bb; background: rgba(255,255,255,.025); font-size: .65rem; }
.coverage-candidates { padding: .9rem 1rem; border-block: 1px solid rgba(179,227,237,.09); background: rgba(2,15,24,.22); }.candidate-head { display: flex; justify-content: space-between; margin-bottom: .65rem; color: #8ca6b8; font-size: .7rem; }.candidate-head em { color: #69dbe5; font-style: normal; }
.candidate { display: grid; grid-template-columns: 38px 1fr auto; gap: .75rem; align-items: center; padding: .7rem; border-bottom: 1px solid rgba(179,227,237,.07); }.candidate:last-child { border-bottom: 0; }.candidate.selected { border: 1px solid rgba(49,191,213,.25); border-radius: .75rem; background: rgba(49,191,213,.055); }.candidate-score { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #7ee2eb; background: rgba(49,191,213,.09); font-size: .7rem; font-weight: 800; }.candidate strong, .candidate small { display: block; }.candidate strong { color: #d9e8f2; font-size: .75rem; }.candidate small { color: #68879c; font-size: .64rem; }.candidate > em { color: #62d5df; font-size: .62rem; font-style: normal; text-transform: uppercase; }
.coverage-status span { display: flex; align-items: center; gap: .45rem; color: #86dbc7; font-size: .7rem; }.coverage-status i { width: 6px; height: 6px; border-radius: 50%; background: #5fe0c0; box-shadow: 0 0 10px rgba(95,224,192,.7); }
.truck-foundation { background: #f4f8fa; }.truck-foundation-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem 4rem; align-items: end; margin-bottom: 2.5rem; }.truck-foundation-head .concept-index { grid-column: 1 / -1; }.truck-foundation-head p { margin: 0; color: #687e8c; }.truck-foundation-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.2rem; overflow: hidden; background: var(--white); }.truck-foundation-grid article { min-height: 250px; padding: 1.5rem; border-right: 1px solid #dce7ed; }.truck-foundation-grid article:last-child { border-right: 0; }.truck-foundation-grid article > span { color: var(--brand-cyan); font: 700 .7rem/1 Syne, sans-serif; }.truck-foundation-grid h3 { margin-top: 3.5rem; font-size: 1.2rem; }.truck-foundation-grid p { color: #6b808d; font-size: .84rem; }
.truck-ai { color: #dce9f2; background: radial-gradient(circle at 15% 20%, rgba(49,191,213,.1), transparent 25%), #071722; }.truck-ai .concept-heading h2 { color: var(--white); }.truck-ai .concept-heading > p { color: #8fa8b9; }.truck-agent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.truck-agent-grid article { position: relative; min-height: 420px; padding: 1.6rem; border: 1px solid rgba(179,227,237,.13); border-radius: 1.15rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.truck-agent-grid .agent-icon { width: 76px; height: 76px; border-radius: 22px; }.truck-agent-grid .agent-icon svg { width: 42px; height: 42px; }.truck-agent-label { display: block; margin-top: 2rem; color: #63d9e5; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.truck-agent-grid h3 { margin-top: .4rem; color: var(--white); }.truck-agent-grid p { color: #91aabd; }.truck-agent-grid ul { display: grid; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }.truck-agent-grid li { position: relative; padding-left: 1rem; color: #b9cbd7; font-size: .78rem; }.truck-agent-grid li::before { position: absolute; width: 4px; height: 4px; left: 0; top: .5rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.truck-workflow { background: #f4f8fa; }.truck-tabs { overflow: hidden; border: 1px solid #d9e6ec; border-radius: 1.25rem; background: var(--white); box-shadow: 0 18px 50px rgba(8,39,57,.07); }.truck-tab-list { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid #dce7ed; }.truck-tab-list button { display: grid; min-height: 90px; gap: .25rem; padding: 1rem; border: 0; border-right: 1px solid #dce7ed; color: #6f8594; background: #f9fcfd; font-weight: 700; text-align: left; transition: .2s ease; }.truck-tab-list button:last-child { border-right: 0; }.truck-tab-list button span { color: #3a82b2; font-size: .68rem; }.truck-tab-list button:hover { color: #183d55; background: #eef9fc; }.truck-tab-list button[aria-selected="true"] { color: #143c57; background: linear-gradient(180deg, #e9f9fc, #f8fcfd); box-shadow: inset 0 -3px var(--brand-cyan); }
.truck-tab-panels article { display: grid; grid-template-columns: 1fr minmax(330px, .75fr); gap: 4rem; align-items: center; min-height: 430px; padding: clamp(2rem, 5vw, 4rem); }.truck-tab-panels article[hidden] { display: none; }.truck-panel-number { color: rgba(30,97,183,.12); font: 800 4rem/1 Syne, sans-serif; }.truck-tab-panels h3 { margin-top: .6rem; font-size: 2rem; }.truck-tab-panels p { color: #687e8c; }.truck-tab-panels ul { display: grid; gap: .55rem; padding: 0; list-style: none; }.truck-tab-panels li { position: relative; padding-left: 1.1rem; color: #526c7c; }.truck-tab-panels li::before { position: absolute; width: 5px; height: 5px; left: 0; top: .65rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.truck-mini-ui { display: grid; gap: .65rem; padding: 1.2rem; border: 1px solid #d8e6ed; border-radius: 1rem; background: linear-gradient(145deg, #f9fcfd, #edf7fa); box-shadow: 0 16px 34px rgba(9,53,78,.08); }.truck-mini-ui > span { color: var(--brand-blue); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.truck-mini-ui > strong { margin-bottom: .35rem; color: #163d56; font: 700 1.2rem/1.2 Syne, sans-serif; }.truck-mini-ui > div { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem; border-radius: .65rem; background: var(--white); }.truck-mini-ui em { color: #758c9a; font-size: .72rem; font-style: normal; }.truck-mini-ui b { color: #254f68; font-size: .72rem; }
.truck-capabilities { background: var(--white); }

.ltl-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.16), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.ltl-grid-lines { position: absolute; inset: -20%; opacity: .13; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle at 72% 42%, #000, transparent 66%); animation: gridDrift 22s linear infinite; }
.ltl-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.ltl-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.ltl-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.ltl-hero .lead { color: #adc3d1; }.ltl-hero .eyebrow { color: #64dce8; }.ltl-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.ltl-rate-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.ltl-console-top, .ltl-console-footer { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }.ltl-console-top { border-bottom: 1px solid rgba(179,227,237,.1); }.ltl-console-top > div, .ltl-console-footer span { display: flex; align-items: center; gap: .55rem; }.ltl-console-top strong { color: #e4eff6; font-size: .82rem; }.ltl-console-top small, .ltl-console-footer small { color: #6d8ca1; }
.ltl-shipment-card { margin: 1.2rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.12); border-radius: 1rem; background: rgba(255,255,255,.035); }.ltl-shipment-card span { color: #64dce8; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }.ltl-shipment-card strong { display: block; margin: .35rem 0 1rem; color: #fff; font-size: 1.35rem; }.ltl-shipment-card div { display: flex; flex-wrap: wrap; gap: .55rem; }.ltl-shipment-card em { padding: .42rem .65rem; border: 1px solid rgba(179,227,237,.16); border-radius: 999px; color: #b8cede; font-style: normal; font-size: .78rem; }
.ltl-rate-list { display: grid; gap: .75rem; padding: 0 1.2rem 1.2rem; }.ltl-rate-list article { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .95rem; background: rgba(255,255,255,.035); }.ltl-rate-list article.selected { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.ltl-rate-list strong { color: #fff; }.ltl-rate-list small { display: block; margin-top: .2rem; color: #8ca7ba; }.ltl-rate-list article > span { display: grid; min-width: 54px; height: 42px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #31bfd5, #1e61b7); font-weight: 900; }
.ltl-console-footer { border-top: 1px solid rgba(179,227,237,.1); color: #9ec1d3; font-size: .82rem; }.ltl-console-footer i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #54e3e3; box-shadow: 0 0 18px rgba(84,227,227,.65); }
.ltl-foundation { background: #f5f9fb; }.ltl-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.35rem; overflow: hidden; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }.ltl-card-grid article { position: relative; min-height: 280px; padding: 1.45rem; border-right: 1px solid #dce7ed; overflow: hidden; }.ltl-card-grid article:last-child { border-right: 0; }.ltl-card-grid article > span:first-child { color: rgba(49,191,213,.95); font: 800 2.7rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.ltl-card-grid .integration-icon { margin: 1.5rem 0 1rem; }.ltl-card-grid h3 { font-size: 1.22rem; }.ltl-card-grid p { color: #60778a; }
.ltl-network { color: #dceaf3; background: #071722; }.ltl-network-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }.ltl-network h2 { color: #fff; }.ltl-network p { color: #9db5c5; }.ltl-detail-list { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.5rem; }.ltl-detail-list span { padding: .55rem .8rem; border: 1px solid rgba(179,227,237,.14); border-radius: 999px; color: #dceaf3; background: rgba(255,255,255,.04); font-weight: 800; font-size: .78rem; }
.ltl-exception-panel { display: grid; gap: .85rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.ltl-panel-row { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .95rem; background: rgba(255,255,255,.025); }.ltl-panel-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.ltl-panel-row b { color: #fff; }.ltl-panel-row span { color: #91aabb; font-size: .84rem; text-align: right; }
.ltl-ai { color: #dce9f2; background: radial-gradient(circle at 18% 22%, rgba(49,191,213,.1), transparent 28%), #0b2d45; }.ltl-ai .concept-heading h2 { color: #fff; }.ltl-ai .concept-heading p { color: #9bb4c5; }
.ltl-flow { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }.ltl-flow::before { position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 74%); content: ""; }.ltl-flow .container { position: relative; z-index: 1; }
#ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.ltl-flow-track { display: grid; grid-template-columns: repeat(5, 1fr); gap: .9rem; }.ltl-flow-track article { position: relative; min-height: 250px; padding: 1.25rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.2rem; background: rgba(255,255,255,.88); box-shadow: 0 20px 50px rgba(8,35,55,.07); }.ltl-flow-track article::before { position: absolute; inset: 0 0 auto; height: 6px; border-radius: 1.2rem 1.2rem 0 0; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }.ltl-flow-track span { color: rgba(49,191,213,.95); font: 800 2.15rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.ltl-flow-track h3 { margin-top: 2rem; font-size: 1.08rem; }.ltl-flow-track p { color: #61788b; font-size: .86rem; }
.edi-implementation-flow .concept-heading h2 { color: #082b40; text-shadow: none; }
.edi-implementation-flow .concept-heading p { color: #587286; }
.edi-flow-rail { position: relative; height: 58px; margin: 1rem calc(10% - 1px) -29px; }
.edi-flow-rail::before { position: absolute; top: 26px; right: 0; left: 0; height: 3px; border-radius: 999px; background: #c7dce5; content: ""; }
.edi-flow-rail::after { position: absolute; top: 26px; left: 0; width: 100%; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #31bfd5, #1e61b7); box-shadow: 0 0 18px rgba(49,191,213,.42); content: ""; transform: scaleX(0); transform-origin: left; animation: edi-flow-progress 10s ease-in-out infinite; }
.edi-flow-rail span { position: absolute; z-index: 2; top: 19px; left: 0; width: 17px; height: 17px; border: 4px solid #fff; border-radius: 50%; background: #31bfd5; box-shadow: 0 0 0 5px rgba(49,191,213,.16), 0 0 22px rgba(49,191,213,.48); animation: edi-flow-signal 10s ease-in-out infinite; }
.edi-flow-track article { transform-origin: center top; animation: edi-flow-stage 10s ease-in-out infinite; }
.edi-flow-track article::before { display: none; }
.edi-flow-track article:nth-child(2) { animation-delay: 2s; }.edi-flow-track article:nth-child(3) { animation-delay: 4s; }.edi-flow-track article:nth-child(4) { animation-delay: 6s; }.edi-flow-track article:nth-child(5) { animation-delay: 8s; }
.edi-flow-track article::after { position: absolute; top: -38px; left: 50%; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: #a9c4d0; box-shadow: 0 0 0 1px #9ec6d4; content: ""; transform: translateX(-50%); animation: edi-flow-node 10s ease-in-out infinite; }
.edi-flow-track article:nth-child(2)::after { animation-delay: 2s; }.edi-flow-track article:nth-child(3)::after { animation-delay: 4s; }.edi-flow-track article:nth-child(4)::after { animation-delay: 6s; }.edi-flow-track article:nth-child(5)::after { animation-delay: 8s; }
@keyframes edi-flow-progress { 0%, 4% { transform: scaleX(0); } 86%, 94% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes edi-flow-signal { 0%, 4% { left: 0; opacity: 0; } 7% { opacity: 1; } 24% { left: 25%; } 44% { left: 50%; } 64% { left: 75%; } 84%, 94% { left: calc(100% - 17px); opacity: 1; } 100% { left: 0; opacity: 0; } }
@keyframes edi-flow-stage { 0%, 14%, 100% { border-color: rgba(179,227,237,.78); box-shadow: 0 20px 50px rgba(8,35,55,.07); transform: translateY(0); } 3%, 10% { border-color: rgba(49,191,213,.82); box-shadow: 0 24px 54px rgba(30,97,183,.17); transform: translateY(-7px); } }
@keyframes edi-flow-node { 0%, 14%, 100% { background: #a9c4d0; box-shadow: 0 0 0 1px #9ec6d4; transform: translateX(-50%) scale(1); } 3%, 10% { background: #31bfd5; box-shadow: 0 0 0 6px rgba(49,191,213,.18), 0 0 20px rgba(49,191,213,.5); transform: translateX(-50%) scale(1.2); } }

.dray-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 76% 22%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #04111b, #092638 55%, #0d3853); }
.dray-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.dray-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.dray-hero .lead { color: #adc3d1; }.dray-hero .eyebrow { color: #64dce8; }.dray-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.dray-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.dray-route { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: .7rem; align-items: center; padding: 1.4rem 1.2rem .2rem; }.dray-route span { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(49,191,213,.34); border-radius: 18px; color: #eaffff; background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); font-size: .72rem; font-weight: 900; letter-spacing: .08em; }.dray-route i { height: 2px; min-width: 34px; border-radius: 99px; background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(49,191,213,.85), rgba(49,191,213,.15)); box-shadow: 0 0 18px rgba(49,191,213,.45); }
.dray-event-list { display: grid; gap: .72rem; padding: 0 1.2rem 1.2rem; }.dray-event-list article { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .9rem; background: rgba(255,255,255,.035); }.dray-event-list article.active { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.dray-event-list b { color: #fff; }.dray-event-list span { color: #8ca7ba; font-size: .84rem; text-align: right; }
.dray-build-console { padding-bottom: 1.2rem; }
.dray-type-label { padding: 1.25rem 1.2rem .55rem; color: #91aabb; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.dray-type-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; padding: 0 1.2rem 1.2rem; }
.dray-type-grid span { display: grid; min-height: 62px; padding: .65rem; place-items: center; border: 1px solid rgba(179,227,237,.12); border-radius: .8rem; color: #93abba; background: rgba(255,255,255,.03); font-size: .7rem; font-weight: 800; line-height: 1.25; text-align: center; }
.dray-type-grid span.active { border-color: rgba(49,191,213,.72); color: #efffff; background: linear-gradient(145deg, rgba(49,191,213,.24), rgba(30,97,183,.14)); box-shadow: 0 0 24px rgba(49,191,213,.1); }
.dray-load-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding: 0 1.2rem 1.15rem; }
.dray-load-fields label { display: grid; gap: .32rem; padding: .78rem .9rem; border: 1px solid rgba(179,227,237,.11); border-radius: .75rem; background: rgba(255,255,255,.028); }
.dray-load-fields label:first-child { border-color: rgba(49,191,213,.42); background: rgba(49,191,213,.08); }
.dray-load-fields span { color: #829dad; font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.dray-load-fields strong { color: #f4fdff; font-size: .84rem; }
.dray-build-status { display: flex; justify-content: space-between; gap: 1rem; margin: 0 1.2rem; padding: .8rem .9rem; border: 1px solid rgba(49,191,213,.2); border-radius: .75rem; color: #a8c0cf; background: rgba(49,191,213,.06); font-size: .75rem; }
.dray-build-status span { display: flex; gap: .45rem; align-items: center; }.dray-build-status i { width: 7px; height: 7px; border-radius: 50%; background: #55dfe9; box-shadow: 0 0 12px rgba(85,223,233,.8); }.dray-build-status b { color: #e8fbfd; }
.dray-native { background: #f4f9fb; }
.drayage-b .ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.dray-continuity { display: grid; grid-template-columns: 1fr 54px 1fr 54px 1fr; align-items: center; margin-top: 3rem; overflow: hidden; border: 1px solid #d5e5eb; border-radius: 1.3rem; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }
.dray-continuity article { min-height: 240px; padding: 1.6rem; }.dray-continuity article span { color: #31bfd5; font: 800 2.1rem/1 Syne, sans-serif; }.dray-continuity h3 { margin-top: 3rem; }.dray-continuity p { color: #60798a; }
.dray-continuity > i { position: relative; height: 2px; background: linear-gradient(90deg, #93dce4, #31bfd5); }.dray-continuity > i::after { position: absolute; top: 50%; right: -1px; width: 9px; height: 9px; border-top: 2px solid #31bfd5; border-right: 2px solid #31bfd5; content: ""; transform: translateY(-50%) rotate(45deg); }
.dray-integration-grid { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid #d7e5eb; border-radius: 1.25rem; background: #fff; box-shadow: 0 26px 68px rgba(8,35,55,.08); }
.dray-integration-grid article { min-height: 250px; padding: 1.4rem; border-right: 1px solid #dce8ed; }.dray-integration-grid article:last-child { border-right: 0; }.dray-integration-grid .integration-icon { margin-bottom: 2.2rem; }.dray-integration-grid p { color: #60788a; }

.multi-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 80% 22%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.multi-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.multi-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.multi-hero .lead { color: #adc3d1; }.multi-hero .eyebrow { color: #64dce8; }.multi-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.mode-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.mode-option-list { display: grid; gap: .75rem; padding: 0 1.2rem 1.2rem; }.mode-option-list article { display: grid; grid-template-columns: 92px 1fr auto; gap: .8rem; align-items: center; padding: .95rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .95rem; background: rgba(255,255,255,.035); }.mode-option-list article.selected { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.mode-option-list b { color: #fff; }.mode-option-list span { color: #8ca7ba; font-size: .84rem; }.mode-option-list strong { padding: .38rem .6rem; border-radius: 999px; color: #fff; background: linear-gradient(145deg, #31bfd5, #1e61b7); font-size: .72rem; }
.mode-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.35rem; overflow: hidden; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }.mode-card-grid article { position: relative; min-height: 300px; padding: 1.45rem; border-right: 1px solid #dce7ed; overflow: hidden; }.mode-card-grid article:last-child { border-right: 0; }.mode-card-grid article > span:first-child { color: rgba(49,191,213,.95); font: 800 2.25rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.mode-card-grid .integration-icon, .mode-card-grid .agent-icon { margin: 1.45rem 0 1rem; }.mode-card-grid h3 { font-size: 1.22rem; }.mode-card-grid p { color: #60778a; }
.mode-score-panel { display: grid; gap: .85rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.mode-score-row { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .95rem; background: rgba(255,255,255,.025); }.mode-score-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.mode-score-row b { color: #fff; }.mode-score-row span { color: #91aabb; font-size: .84rem; text-align: right; }

/* Multi-Mode Quote Tool */
.quote-console { position: relative; animation: quote-float 7s ease-in-out infinite; }
.quote-table-head { display: grid; grid-template-columns: 1fr 70px 76px; gap: .8rem; padding: 0 2.2rem .55rem; color: #6f8da1; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.quote-table-head span:nth-child(n+2) { text-align: right; }
.quote-console .mode-option-list article { grid-template-columns: 1fr 70px 76px; }
.quote-console .mode-option-list small { display: block; margin-top: .15rem; color: #708da1; font-size: .7rem; }
.quote-console .mode-option-list article > span, .quote-console .mode-option-list article > strong { text-align: right; }
.quote-console .mode-option-list article > strong { padding: 0; color: #eaf8fa; background: none; font-size: .85rem; }
.quote-console .mode-option-list article.selected { animation: quote-pulse 3.8s ease-in-out infinite; }
.quote-winner { display: flex; justify-content: space-between; gap: 1rem; margin: 0 1.2rem 1.2rem; padding: .8rem 1rem; border: 1px solid rgba(84,227,227,.2); border-radius: .8rem; color: #dffbfc; background: rgba(49,191,213,.09); font-size: .78rem; }
.quote-winner span { color: #65dce7; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.five-modes { grid-template-columns: repeat(5, 1fr); }
.five-modes article { min-height: 245px; }
.five-modes article > span:first-child { display: block; margin-bottom: 3.2rem; }
.multimode-optics { color: #dceaf3; background: radial-gradient(circle at 82% 28%, rgba(49,191,213,.11), transparent 30%), #071722; }
.multimode-optics h2 { color: #fff; }.multimode-optics p { color: #9db5c5; }
.optics-panel { display: grid; gap: .75rem; overflow: hidden; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.optics-signal { display: flex; gap: 5px; align-items: end; height: 45px; padding: 0 .4rem; }
.optics-signal i { width: 25%; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #64dce8, rgba(30,97,183,.35)); transform-origin: bottom; animation: optics-bars 2.8s ease-in-out infinite; }
.optics-signal i:nth-child(1) { height: 35%; }.optics-signal i:nth-child(2) { height: 70%; animation-delay: -.6s; }.optics-signal i:nth-child(3) { height: 48%; animation-delay: -1.2s; }.optics-signal i:nth-child(4) { height: 88%; animation-delay: -1.8s; }
.optics-row { display: flex; justify-content: space-between; gap: 1rem; padding: .95rem 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .9rem; background: rgba(255,255,255,.025); }
.optics-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.optics-row b { color: #fff; }.optics-row span { color: #91aabb; font-size: .82rem; text-align: right; }
.multimode-case { background: #f5f9fb; }
.multimode-b .ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.case-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.case-table { overflow: hidden; border: 1px solid #d6e5eb; border-radius: 1.25rem; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.1); }
.case-table > div { display: grid; grid-template-columns: 1fr 100px 100px; gap: 1rem; align-items: center; padding: 1.15rem 1.3rem; border-bottom: 1px solid #e1ebef; }
.case-table .case-table-head { color: #78909e; background: #edf5f7; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.case-table > div > :nth-child(n+2) { text-align: right; }.case-table > div b { color: #123a50; }.case-table > div strong { color: #133e57; }
.case-table .winner { border-color: rgba(49,191,213,.3); background: linear-gradient(90deg, rgba(49,191,213,.13), rgba(30,97,183,.05)); animation: winner-glow 4s ease-in-out infinite; }
.case-table em { display: inline-block; margin-left: .45rem; padding: .25rem .45rem; border-radius: 999px; color: #08788f; background: #dff8fa; font-size: .62rem; font-style: normal; text-transform: uppercase; }
.case-table footer { display: flex; justify-content: space-between; padding: 1.1rem 1.3rem; color: #fff; background: linear-gradient(90deg, #0c3953, #155f79); }.case-table footer b { font-size: 1.2rem; }
.mode-depth { padding-top: 0; }.depth-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.depth-links a { display: grid; gap: 2.5rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: 1rem; color: var(--navy-950); background: #fff; box-shadow: var(--shadow-sm); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.depth-links a:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }.depth-links span { color: #658092; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.depth-links b { color: #126f9d; }
@keyframes quote-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes quote-pulse { 0%,100% { box-shadow: 0 0 0 rgba(49,191,213,0); } 50% { box-shadow: 0 0 24px rgba(49,191,213,.12); } }
@keyframes optics-bars { 0%,100% { transform: scaleY(.72); opacity: .6; } 50% { transform: scaleY(1); opacity: 1; } }
@keyframes winner-glow { 0%,100% { box-shadow: inset 4px 0 0 #31bfd5; } 50% { box-shadow: inset 4px 0 0 #31bfd5, 0 0 24px rgba(49,191,213,.13); } }

.edi-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 78% 20%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #04111b, #082338 56%, #0c3854); }
.edi-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.edi-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.edi-hero .lead { color: #adc3d1; }.edi-hero .eyebrow { color: #64dce8; }.edi-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.edi-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.edi-network { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: .75rem; align-items: center; padding: 1.45rem 1.2rem .4rem; }.edi-network span { display: grid; min-width: 92px; min-height: 58px; place-items: center; border: 1px solid rgba(49,191,213,.34); border-radius: 18px; color: #eaffff; background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); font-size: .76rem; font-weight: 900; letter-spacing: .05em; }.edi-network i { height: 2px; min-width: 40px; border-radius: 99px; background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(49,191,213,.85), rgba(49,191,213,.15)); box-shadow: 0 0 18px rgba(49,191,213,.45); }
.edi-message-list { display: grid; gap: .72rem; padding: 1.2rem; }.edi-message-list article { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .9rem; background: rgba(255,255,255,.035); }.edi-message-list article.active { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.edi-message-list b { color: #fff; }.edi-message-list span { color: #8ca7ba; font-size: .84rem; text-align: right; }
.edi-architecture { color: #dceaf3; background: radial-gradient(circle at 50% 38%, rgba(49,191,213,.12), transparent 36%), #061722; }
.edi-architecture .concept-heading h2 { color: #fff; }
.architecture-stack { width: min(900px, 100%); margin: 3.5rem auto 0; }
.architecture-layer { display: grid; grid-template-columns: 145px 1fr 1.25fr; gap: 1.25rem; align-items: center; padding: 1.35rem 1.55rem; border: 1px solid rgba(144,218,229,.22); border-radius: 1.1rem; background: rgba(255,255,255,.04); box-shadow: 0 22px 50px rgba(0,0,0,.16); animation: architecture-layer-pulse 7.2s ease-in-out infinite; }
.architecture-layer.routing { border-color: rgba(89,220,230,.52); background: linear-gradient(90deg, rgba(49,191,213,.17), rgba(30,97,183,.08)); }
.architecture-layer.database { border-color: rgba(106,156,225,.4); background: linear-gradient(90deg, rgba(30,97,183,.14), rgba(255,255,255,.035)); animation-delay: 2.4s; }
.architecture-layer.interfaces { border-color: rgba(121,229,238,.3); animation-delay: 4.8s; }
.architecture-layer span { color: #66dce8; font-size: .69rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.architecture-layer strong { color: #fff; font-size: 1.15rem; }.architecture-layer small { color: #9eb6c5; }
.architecture-connector { display: flex; justify-content: space-around; height: 44px; padding: 0 16%; }.architecture-connector i { width: 2px; height: 100%; background: linear-gradient(180deg, rgba(49,191,213,.1) 0%, #5be2eb 45%, rgba(49,191,213,.1) 70%); background-size: 100% 220%; animation: architecture-data-flow 2.4s linear infinite; }
.architecture-sources { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; margin-top: 1rem; }.architecture-sources span { padding: .8rem .6rem; border: 1px solid rgba(179,227,237,.13); border-radius: .75rem; color: #abc2cf; background: rgba(255,255,255,.025); font-size: .75rem; font-weight: 700; text-align: center; }
.architecture-origin-note { max-width: 720px; margin: 1.15rem auto 0; color: #9eb6c5; font-size: .84rem; text-align: center; }.architecture-origin-note b { color: #66dce8; }
@keyframes architecture-layer-pulse { 0%, 22%, 100% { border-color: rgba(144,218,229,.22); box-shadow: 0 22px 50px rgba(0,0,0,.16); transform: translateY(0); } 7%, 15% { border-color: rgba(91,226,235,.72); box-shadow: 0 24px 58px rgba(49,191,213,.18), inset 0 0 28px rgba(49,191,213,.05); transform: translateY(-4px); } }
@keyframes architecture-data-flow { from { background-position: 0 -100%; } to { background-position: 0 100%; } }
.edi-manager { background: #f4f9fb; }.edi-transaction-grid { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid #d5e4ea; border-radius: 1.25rem; background: #fff; box-shadow: 0 26px 70px rgba(8,35,55,.08); }
.edi-transaction-grid article { min-height: 270px; padding: 1.4rem; border-right: 1px solid #dce8ed; }.edi-transaction-grid article:last-child { border-right: 0; }.edi-transaction-grid span { color: #718b9b; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.edi-transaction-grid b { display: block; margin: 1.9rem 0 .55rem; color: #087f96; font: 800 2rem/1 Syne, sans-serif; }.edi-transaction-grid p { color: #60788a; }
.edi-manager-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }.edi-manager-proof > div { display: grid; gap: .35rem; padding: 1.2rem; border: 1px solid #d9e7ec; border-radius: .9rem; background: #fff; }.edi-manager-proof strong { color: #123d54; }.edi-manager-proof span { color: #647d8d; font-size: .85rem; }.edi-manager-proof a { margin-top: .2rem; color: #087f96; font-size: .8rem; font-weight: 800; text-decoration: none; }
.edi-api-depth { color: #dceaf3; background: radial-gradient(circle at 80% 22%, rgba(30,97,183,.16), transparent 30%), #071b29; }.edi-api-depth h2 { color: #fff; }.edi-api-depth p { color: #9db6c6; }
.api-action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.6rem; }.api-action-grid span { display: grid; gap: .25rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .8rem; color: #91aabb; background: rgba(255,255,255,.025); font-size: .78rem; }.api-action-grid b { color: #fff; font-size: .95rem; }
.api-console { overflow: hidden; padding: 1rem; border: 1px solid rgba(179,227,237,.17); border-radius: 1.2rem; background: #06141e; box-shadow: 0 30px 70px rgba(0,0,0,.25); }.api-console > div { display: grid; grid-template-columns: 55px 1fr 40px; gap: .7rem; padding: 1rem; border-bottom: 1px solid rgba(179,227,237,.1); }.api-console small { color: #63dbe6; font-weight: 800; }.api-console code { color: #d7e8f0; }.api-console span { color: #71d8a0; font-size: .8rem; text-align: right; }.api-console footer { padding: 1rem; color: #8fa9ba; font-size: .75rem; }.api-console footer i { display: inline-block; width: 7px; height: 7px; margin-right: .45rem; border-radius: 50%; background: #46d39a; box-shadow: 0 0 12px #46d39a; }
.edi-routing { background: #fff; }.edi-routing .concept-heading h2 { color: #000; text-shadow: none; }.edi-routing .concept-heading p { color: #587286; }.routing-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2.4rem; border: 1px solid #d8e6eb; border-radius: 1.2rem; overflow: hidden; }.routing-grid article { min-height: 245px; padding: 1.35rem; border-right: 1px solid #dce8ed; }.routing-grid article:last-child { border-right: 0; }.routing-grid article > span { color: #31bfd5; font: 800 2rem/1 Syne, sans-serif; }.routing-grid h3 { margin-top: 2.4rem; }.routing-grid p { color: #60788a; }

.faq { border-top: 1px solid var(--line); }
.smart-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8.5rem) 0; color: #dceaf5; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.2), transparent 28%), linear-gradient(140deg, #061522, #0c3452 62%, #155d76); }
.smart-hero::before { position: absolute; width: 720px; height: 720px; right: -300px; top: -340px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 90px rgba(49,191,213,.04), 0 0 0 180px rgba(49,191,213,.025); content: ""; }
.smart-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.smart-hero h1 { max-width: 760px; color: var(--white); font-size: clamp(3rem, 6.5vw, 6rem); }
.smart-hero .lead { color: #bad0df; }
.smart-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.35); }
.smart-badge { display: inline-flex; margin-bottom: 1.25rem; padding: .45rem .8rem; border: 1px solid rgba(110,231,240,.35); border-radius: 999px; color: #a7edf3; background: rgba(49,191,213,.1); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.smart-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 2.8rem; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(255,255,255,.12); }
.smart-proof span { padding: 1rem; color: #91aabd; background: rgba(4,20,32,.62); font-size: .7rem; text-transform: uppercase; }
.smart-proof b { display: block; color: var(--white); font: 700 1.8rem/1 Sora, sans-serif; }
.smart-orbit { position: relative; width: min(100%, 520px); aspect-ratio: 1; margin-inline: auto; border: 1px solid rgba(131,226,237,.25); border-radius: 50%; box-shadow: inset 0 0 90px rgba(49,191,213,.07), 0 0 0 42px rgba(49,191,213,.035); }
.smart-orbit::before, .smart-orbit::after { position: absolute; inset: 16%; border: 1px dashed rgba(131,226,237,.22); border-radius: 50%; content: ""; }
.smart-orbit::after { inset: 32%; }
.orbit-core { position: absolute; z-index: 2; display: grid; width: 150px; aspect-ratio: 1; left: 50%; top: 50%; place-content: center; border: 1px solid rgba(131,226,237,.5); border-radius: 50%; text-align: center; background: #0b334d; box-shadow: 0 0 55px rgba(49,191,213,.25); transform: translate(-50%,-50%); }
.orbit-core small { color: #78dfe9; letter-spacing: .2em; }
.orbit-core strong { color: var(--white); font-family: Sora, sans-serif; }
.orbit-node { position: absolute; z-index: 3; padding: .65rem .9rem; border: 1px solid rgba(131,226,237,.28); border-radius: 999px; color: #d8f5f7; background: #0c2d43; font-size: .75rem; font-weight: 700; box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.orbit-merchants { left: 2%; top: 25%; }.orbit-warehouses { right: -2%; top: 40%; }.orbit-partners { left: 27%; bottom: 3%; }

/* Dynamic WordPress blog */
.blog-archive-hero{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#061b2b,#0b3955);color:#fff}
.blog-archive-hero h1{max-width:850px;margin:.4rem 0 1rem;font-size:clamp(2.8rem,6vw,5.2rem);color:#fff}
.blog-archive-hero .lead{max-width:760px;color:#c8d9e5}
.blog-archive-content{padding:clamp(4rem,7vw,6.5rem) 0}
.blog-post-grid{gap:1.5rem}
.blog-post-card{height:100%;overflow:hidden;border:1px solid rgba(8,43,65,.12);border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(8,43,65,.08);transition:transform .2s ease,box-shadow .2s ease}
.blog-post-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(8,43,65,.14)}
.blog-card-image{margin:0;background:#e8f0f5}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card-body{padding:1.5rem}.blog-card-category{margin:0 0 .65rem;color:#1677a7;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.blog-card-category a{color:inherit}.blog-card-title{margin:0 0 .8rem;font-size:1.35rem;line-height:1.2}.blog-card-title a{color:#082b41;text-decoration:none}
.blog-card-meta{gap:.45rem 1rem;margin-bottom:.9rem;color:#647782;font-size:.86rem}.blog-card-excerpt{color:#425865}.blog-card-excerpt .wp-block-post-excerpt__more-link{display:inline-flex;margin-top:1rem;color:#126f9d;font-weight:800;text-decoration:none}
.blog-pagination{gap:.75rem;margin-top:3rem}.blog-pagination a,.blog-pagination .page-numbers{padding:.65rem .9rem;border-radius:9px;background:#edf4f7;color:#0a526f;text-decoration:none}.blog-pagination .current{background:#0d7199;color:#fff}
.blog-empty{padding:2rem;border-radius:16px;background:#edf4f7;text-align:center}
.blog-single-hero{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#061b2b,#0b3955);color:#fff;text-align:center}
.blog-single-heading h1{margin:.7rem auto 1.2rem;font-size:clamp(2.6rem,5vw,4.8rem);color:#fff}.blog-single-category,.blog-single-category a{color:#74d8eb;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-single-meta{gap:.5rem 1.2rem;color:#c8d9e5}
.blog-single-layout{padding:clamp(3rem,6vw,5rem) 0}.blog-single-image{overflow:hidden;margin-bottom:2.5rem;border-radius:22px}.blog-single-content{font-size:1.08rem;line-height:1.8}.blog-single-content h2,.blog-single-content h3{margin-top:2em}.blog-post-navigation{gap:2rem;margin-top:2rem}.blog-post-navigation a{color:#126f9d;font-weight:800;text-decoration:none}
@media (max-width:900px){.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.blog-post-grid{grid-template-columns:1fr!important}.blog-post-navigation{align-items:flex-start;flex-direction:column}}
.smart-value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.smart-value-grid article { padding: 1.6rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--white); box-shadow: var(--shadow-sm); }
.smart-value-grid article > span { display: inline-block; margin-bottom: 1.2rem; color: var(--brand-cyan); font: 700 .72rem/1 Sora, sans-serif; }
.smart-value-grid p, .pillar-grid p { color: var(--muted); }
.smart-pillars { color: #dce9f2; background: #071b2a; }
.smart-pillars h2, .smart-pillars h3 { color: var(--white); }
.smart-pillars .section-head > p { color: #91a9ba; }
.pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.pillar-grid article { padding: 2rem; border: 1px solid rgba(179,227,237,.15); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); }
.pillar-grid article > b { display: block; margin-bottom: 2.5rem; color: #4fd3e2; font: 800 2.5rem/1 Sora, sans-serif; }
.pillar-grid small { color: #67dce7; font-weight: 700; text-transform: uppercase; }
.pillar-grid ul { margin: 1.2rem 0 0; padding-left: 1.2rem; color: #aec3d1; }
.smart-port { background: #eef7fa; }
.smart-port-grid { display: grid; grid-template-columns: 1fr .85fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.smart-stack { display: grid; gap: .65rem; }
.smart-stack span { display: flex; gap: 1rem; align-items: center; padding: 1rem 1.2rem; border: 1px solid #d8e6eb; border-radius: .8rem; color: #587080; background: rgba(255,255,255,.72); font-weight: 700; }
.smart-stack i { color: #6f8796; font-size: .7rem; font-style: normal; }
.smart-stack .active { color: var(--white); border-color: var(--brand-blue); background: linear-gradient(90deg, var(--brand-blue), #238aa4); box-shadow: 0 16px 35px rgba(30,97,183,.22); transform: translateX(-1rem); }
.smart-audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.smart-audience-grid article { position: relative; overflow: hidden; padding: 2rem; border: 1px solid var(--line); border-radius: 1.25rem; background: var(--white); box-shadow: var(--shadow-sm); }
.smart-audience-grid article::after { position: absolute; width: 150px; height: 150px; right: -75px; bottom: -75px; border-radius: 50%; background: rgba(49,191,213,.08); content: ""; }
.smart-audience-grid article > span { display: inline-grid; width: 2.2rem; height: 2.2rem; margin-bottom: 1.35rem; place-content: center; border-radius: 50%; color: #08788f; background: #def7fa; font: 800 .75rem/1 Sora, sans-serif; }
.smart-audience-grid .eyebrow { margin-bottom: .45rem; font-size: .66rem; }
.smart-audience-grid p:not(.eyebrow), .smart-audience-grid ul { color: var(--muted); }
.smart-audience-grid ul { position: relative; z-index: 1; margin: 1.2rem 0 0; padding-left: 1.2rem; }
.button-on-dark { color: var(--white); border-color: rgba(255,255,255,.4); }
.smart-join { background: linear-gradient(145deg, #f4fbfd, #e9f6fa); }
.smart-join-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.smart-join-note { margin-top: 2rem; padding: 1.25rem; border-left: 4px solid var(--brand-cyan); border-radius: 0 1rem 1rem 0; background: rgba(255,255,255,.75); }
.smart-join-note p { margin: .35rem 0 0; color: var(--muted); }
.smart-join-form { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: 1.4rem; background: var(--white); box-shadow: var(--shadow-md); }
.smart-form-progress { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; margin-bottom: 2rem; border-radius: .8rem; background: var(--line); }
.smart-form-progress span { padding: .85rem 1rem; color: var(--muted); background: #f3f7f9; font-weight: 800; }
.smart-form-progress span.active { color: var(--white); background: linear-gradient(90deg, var(--brand-blue), #238aa4); }
.smart-form-progress small { margin-left: .35rem; font-weight: 600; }
.smart-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.smart-join-form label, .smart-join-form legend { color: var(--navy-950); font-weight: 700; }
.smart-join-form input:not([type="checkbox"]):not([type="radio"]), .smart-join-form select { width: 100%; min-height: 3rem; margin-top: .4rem; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: .65rem; color: var(--navy-950); background: var(--white); font: inherit; }
.smart-join-form > div > label { display: block; margin-bottom: 1rem; }
.smart-join-form fieldset { margin: 1.4rem 0; padding: 0; border: 0; }
.smart-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem 1rem; margin-top: .8rem; }
.smart-check-grid label { display: flex; gap: .55rem; align-items: flex-start; color: var(--muted); font-weight: 500; }
.smart-check-grid input { margin-top: .2rem; accent-color: var(--brand-blue); }
.smart-form-privacy { color: var(--muted); font-size: .85rem; }
.smart-join-form .form-status { margin-top: 1rem; color: var(--brand-blue); font-weight: 700; }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.35rem 0; color: var(--navy-950); font: 700 1.08rem/1.35 Sora, sans-serif; cursor: pointer; list-style: none; }
.faq summary::after { content: "+"; color: var(--blue-600); font-size: 1.5rem; }
.faq details[open] summary::after { content: "−"; }
.faq details p { max-width: 780px; margin: 0; padding: 0 0 1.4rem; color: var(--muted); }
.filter-bar { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.5rem; }
.filter-button { padding: .65rem 1rem; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--white); font-weight: 700; }
.filter-button[aria-pressed="true"] { color: var(--white); border-color: var(--blue-600); background: var(--blue-600); }
.partner-card[hidden] { display: none; }
.tag { display: inline-block; margin-bottom: .8rem; padding: .25rem .55rem; border-radius: 999px; color: var(--blue-600); background: var(--blue-100); font-size: .72rem; font-weight: 700; }

.form-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.form-card { padding: clamp(1.4rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-sm); }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.field { display: grid; gap: .4rem; }
.field-full { grid-column: 1 / -1; }
.field label { color: var(--navy-950); font-size: .88rem; font-weight: 700; }
.field input, .field select, .field textarea { width: 100%; min-height: 48px; padding: .75rem .85rem; border: 1px solid #b9c8d5; border-radius: .65rem; color: var(--ink); background: var(--white); }
.field textarea { min-height: 130px; resize: vertical; }
.field-note { color: var(--muted); font-size: .78rem; }
.form-status { min-height: 1.5rem; margin-top: .8rem; color: var(--success); font-weight: 700; }
.form-card[data-prototype="true"]::before { display: block; margin-bottom: 1rem; padding: .7rem .85rem; border-radius: .6rem; color: #6f4200; background: #fff3d5; content: "Prototype: connect this form to the approved CRM workflow before launch."; font-size: .78rem; }

.site-footer { margin-top: 5rem; color: #d7e8f5; background: linear-gradient(150deg, #10365f, #174b85); }
.footer-grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); gap: 2.5rem; padding: 4.5rem 0 3rem; }
.footer-grid h2, .footer-grid h3 { color: var(--white); font-size: .95rem; letter-spacing: 0; }
.footer-grid p { max-width: 360px; color: #9fb3c6; }
.footer-grid ul { margin: 0; padding: 0; list-style: none; }
.footer-grid li { margin: .45rem 0; }
.footer-grid a { color: #c4d4e3; text-decoration: none; }
.footer-grid a:hover { color: var(--cyan-400); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; padding: 1.4rem 0; border-top: 1px solid rgba(255,255,255,.12); color: #8fa7bc; font-size: .82rem; }
.footer-bottom a { color: inherit; }

@media (max-width: 1100px) {
  .command-grid { width: min(calc(100% - 2rem), 860px); grid-template-columns: 1fr; }
  .command-copy { max-width: 720px; }
  .command-copy h1 { max-width: 720px; }
  .digital-globe { width: min(100%, 720px); }
  .about-hero-grid { grid-template-columns: 1fr; }
  .about-orbit { max-width: 520px; }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .team-layout { grid-template-columns: 1fr; }.team-intro { position: static; }
  .truck-hero-grid { grid-template-columns: 1fr; }
  .coverage-board { width: min(100%, 720px); }
  .ltl-hero-grid, .ltl-network-grid { grid-template-columns: 1fr; }
  .ltl-rate-console { width: min(100%, 720px); }
}

@media (max-width: 940px) {
  .edi-transaction-grid, .routing-grid { grid-template-columns: 1fr 1fr; }
  .edi-transaction-grid article, .routing-grid article { border-bottom: 1px solid #dce8ed; }
  .edi-transaction-grid article:nth-child(2), .routing-grid article:nth-child(2) { border-right: 0; }
  .edi-manager-proof { grid-template-columns: 1fr; }
  .menu-toggle { display: inline-grid; place-items: center; }
  .site-nav { position: fixed; inset: var(--header) 0 auto; display: none; max-height: calc(100vh - var(--header)); padding: 1.5rem; align-items: stretch; flex-direction: column; overflow: auto; border-bottom: 1px solid var(--line); background: var(--white); }
  .site-nav[data-open="true"] { display: flex; }
  .header-actions .login, .header-actions .button { display: none; }
  .header-inner { justify-content: space-between; }
  .hero-grid, .split, .form-layout { grid-template-columns: 1fr; }
  .product-panel { max-width: 680px; }
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .ai-agent-grid { grid-template-columns: 1fr; }
  .workflow-panel { grid-template-columns: 1fr; }
  .ai-agent-card { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); }
  .ai-agent-media { height: 100%; min-height: 360px; }
  .agent-icon-stage { min-height: 360px; border-right: 1px solid rgba(56,122,186,.16); border-bottom: 0; }
  .logo-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .command-grid { grid-template-columns: 1fr; }
  .command-console { max-width: 720px; }
  .digital-globe { width: min(100%, 720px); }
  .concept-heading, .concept-proof-grid { grid-template-columns: 1fr; }
  .about-statement, .about-ai-grid { grid-template-columns: 1fr; }
  .belief-grid, .audience-grid { grid-template-columns: 1fr 1fr; }
  .serve-grid { grid-template-columns: 1fr; }.why-grid { grid-template-columns: 1fr; }.why-grid article, .why-grid article:nth-child(4), .why-grid article:nth-child(5) { grid-column: auto; }
  .truck-foundation-head { grid-template-columns: 1fr; }
  .truck-foundation-grid { grid-template-columns: 1fr 1fr; }
  .truck-foundation-grid article { border-bottom: 1px solid #dce7ed; }
  .truck-foundation-grid article:nth-child(2n) { border-right: 0; }
  .truck-foundation-grid article:nth-last-child(-n+2) { border-bottom: 0; }
  .truck-agent-grid { grid-template-columns: 1fr; }
  .truck-agent-grid article { min-height: auto; }
  .truck-tab-panels article { grid-template-columns: 1fr; gap: 2rem; }
  .ltl-card-grid { grid-template-columns: 1fr 1fr; }
  .ltl-card-grid article:nth-child(2n) { border-right: 0; }
  .ltl-card-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce7ed; }
  .mode-card-grid { grid-template-columns: 1fr 1fr; }
  .mode-card-grid article:nth-child(2n) { border-right: 0; }
  .mode-card-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce7ed; }
  .five-modes { grid-template-columns: repeat(2, 1fr); }
  .five-modes article:last-child { grid-column: 1 / -1; }
  .case-grid { grid-template-columns: 1fr; }
  .depth-links { grid-template-columns: 1fr; }
  .dray-integration-grid { grid-template-columns: 1fr 1fr; }
  .dray-integration-grid article:nth-child(2) { border-right: 0; }
  .dray-integration-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce8ed; }
  .ltl-flow-track { grid-template-columns: repeat(3, 1fr); }
  .integration-capabilities { grid-template-columns: repeat(3, 1fr); }
  .integration-tile { border-bottom: 1px solid #dce7ed; }
  .integration-tile:nth-child(3n) { border-right: 0; }
  .integration-tile:nth-last-child(-n+3) { border-bottom: 0; }
  .smart-hero-grid, .smart-port-grid, .smart-join-grid { grid-template-columns: 1fr; }
  .smart-orbit { max-width: 480px; }
  .smart-value-grid, .pillar-grid, .smart-audience-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .architecture-layer { grid-template-columns: 1fr; gap: .35rem; }
  .architecture-sources, .api-action-grid { grid-template-columns: 1fr 1fr; }
  .edi-transaction-grid, .routing-grid { grid-template-columns: 1fr; }
  .edi-transaction-grid article, .routing-grid article { min-height: auto; border-right: 0; }
  .api-console > div { grid-template-columns: 48px 1fr 34px; padding-inline: .6rem; }
  .section-head, .ai-section-head, .workflow-heading, .field-grid, .cta-band .inner, .native-proof { grid-template-columns: 1fr; }
  .capability-grid { grid-template-columns: 1fr; }.role-list article { grid-template-columns: 1fr; gap: .5rem; }.about-final-cta .actions { justify-content: flex-start; }
  .workflow-tabs { grid-template-columns: 1fr 1fr; }
  .workflow-tab:nth-child(2) { border-right: 0; }
  .workflow-tab { min-height: 94px; padding: .95rem; }
  .workflow-panel { padding: 1.35rem; }
  .ui-option { grid-template-columns: 1fr auto; }
  .ui-option strong { display: none; }
  .ai-agent-card { display: block; }
  .ai-agent-media { min-height: auto; }
  .agent-icon-stage { min-height: 230px; border-right: 0; border-bottom: 1px solid rgba(56,122,186,.16); }
  .native-proof-points { justify-content: flex-start; }
  .card-grid, .stat-grid { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .load-row { grid-template-columns: 1fr auto; }
  .load-row > :last-child { display: none; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
  .command-hero { min-height: auto; }
  .command-copy h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
  .console-stats { grid-template-columns: 1fr; }
  .console-stats > div { border-right: 0; border-bottom: 1px solid rgba(179,227,237,.1); }
  .agent-rail article { grid-template-columns: 72px 1fr; }
  .agent-rail article > b { display: none; }
  .bento-grid, .bento-wide { grid-template-columns: 1fr; }
  .bento-wide, .bento-flow { grid-column: auto; }
  .mini-flow { align-items: stretch; flex-direction: column; }
  .mini-flow i { min-height: 20px; width: 1px; flex: none; margin-left: 1.5rem; }
  .proof-statements p { grid-template-columns: 1fr; }
  .integration-heading { grid-template-columns: 1fr; padding: 1.5rem; }
  .rhythm-heading { grid-template-columns: 1fr; }
  .rhythm-animation { margin-inline: -1rem; overflow-x: auto; }
  .integration-capabilities { grid-template-columns: repeat(2, 1fr); }
  .integration-tile:nth-child(3n) { border-right: 1px solid #dce7ed; }
  .integration-tile:nth-child(2n) { border-right: 0; }
  .integration-tile:nth-last-child(-n+3) { border-bottom: 1px solid #dce7ed; }
  .integration-tile:nth-last-child(-n+2) { border-bottom: 0; }
  .digital-globe { min-height: 520px; }
  .globe-stage { min-height: 400px; }
  .globe-chip { min-width: 96px; padding: .55rem .65rem; }
  .chip-ai { right: 2%; }.chip-modes { left: 2%; }.chip-data { right: 3%; }
  .smart-proof, .smart-value-grid, .pillar-grid, .smart-audience-grid { grid-template-columns: 1fr; }
  .smart-field-grid, .smart-check-grid { grid-template-columns: 1fr; }
  .smart-orbit { width: 88vw; max-width: 420px; }
  .belief-grid, .audience-grid { grid-template-columns: 1fr; }
  .about-tabs { grid-template-columns: 1fr; }
  .about-tab-list { grid-template-columns: 1fr 1fr; }
  .about-tab-list button:nth-child(2) { border-right: 0; }
  .about-tab-panels article { grid-template-columns: 1fr; gap: 1rem; }
  .about-panel-number { font-size: 3rem; }
  .truck-foundation-grid { grid-template-columns: 1fr; }
  .truck-foundation-grid article { border-right: 0; }
  .truck-foundation-grid article:nth-last-child(2) { border-bottom: 1px solid #dce7ed; }
  .ltl-card-grid, .ltl-flow-track { grid-template-columns: 1fr; }
  .edi-flow-rail { display: none; }
  .edi-flow-track { gap: 1rem; }
  .edi-flow-track article::after { display: none; }
  .ltl-card-grid article { border-right: 0; border-bottom: 1px solid #dce7ed; }
  .ltl-card-grid article:last-child { border-bottom: 0; }
  .mode-card-grid { grid-template-columns: 1fr; }
  .mode-card-grid article { border-right: 0; border-bottom: 1px solid #dce7ed; }
  .mode-card-grid article:last-child { border-bottom: 0; }
  .mode-option-list article { grid-template-columns: 1fr; }
  .quote-table-head { display: none; }
  .quote-console .mode-option-list article { grid-template-columns: 1fr auto; }
  .quote-console .mode-option-list article > span { display: none; }
  .quote-winner { align-items: flex-start; flex-direction: column; }
  .five-modes { grid-template-columns: 1fr; }
  .five-modes article:last-child { grid-column: auto; }
  .case-table > div { grid-template-columns: 1fr auto; }
  .case-table > div > span { display: none; }
  .optics-row { display: grid; }
  .optics-row span { text-align: left; }
  .edi-network { grid-template-columns: 1fr; }
  .edi-network i { width: 2px; min-width: 0; height: 22px; justify-self: center; }
  .edi-message-list article { display: grid; }
  .edi-message-list span { text-align: left; }
  .mode-score-row { display: grid; }
  .mode-score-row span { text-align: left; }
  .ltl-panel-row { display: grid; }
  .ltl-panel-row span { text-align: left; }
  .truck-tab-list { grid-template-columns: 1fr; }
  .truck-tab-list button { min-height: 62px; border-right: 0; border-bottom: 1px solid #dce7ed; }
  .truck-tab-list button:last-child { border-bottom: 0; }
  .load-summary i { width: 50px; }
  .load-specs { flex-wrap: wrap; }
  .dray-type-grid, .dray-load-fields { grid-template-columns: 1fr 1fr; }
  .dray-build-status { align-items: flex-start; flex-direction: column; }
  .dray-continuity { grid-template-columns: 1fr; }
  .dray-continuity article { min-height: auto; }
  .dray-continuity h3 { margin-top: 1.5rem; }
  .dray-continuity > i { width: 2px; height: 35px; margin-left: 2rem; background: linear-gradient(180deg, #93dce4, #31bfd5); }
  .dray-continuity > i::after { top: auto; right: auto; bottom: -1px; left: 50%; transform: translateX(-50%) rotate(135deg); }
  .dray-integration-grid { grid-template-columns: 1fr; }
  .dray-integration-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid #dce8ed; }
  .dray-integration-grid article:nth-child(3) { border-bottom: 1px solid #dce8ed; }
  .dray-integration-grid article:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .signal-line, .signal-node, .flow-grid, .flow-grid::after { animation: none !important; }
  .command-mesh, .map-route, .map-pulse, .exception-ring::before { animation: none !important; }
  .globe-stage::before, .globe-aura, .globe-grid-lines, .globe-meridians, .globe-routes, .globe-nodes circle, .globe-orbit, .globe-chip { animation: none !important; }
  .about-grid-lines, .orbit-ring, .orbit-item, .orbit-signal { animation: none !important; }
  .truck-grid-lines, .ltl-grid-lines { animation: none !important; }
  .rhythm-progress { width: 80%; animation: none !important; }
  .rhythm-stage { animation: none !important; }
  .rhythm-actor { display: none; animation: none !important; }
  .quote-console, .quote-console .mode-option-list article.selected, .optics-signal i, .case-table .winner { animation: none !important; }
  .edi-flow-rail { display: none; }
  .edi-flow-track article, .edi-flow-track article::after { animation: none !important; }
  .architecture-layer, .architecture-connector i { animation: none !important; }
}

@media print {
  .site-header, .site-footer, .actions, .cta-band { display: none; }
  body { color: #000; }
  .section { padding: 1.5rem 0; }
}

/* Tracking and visibility */
.tracking-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; background: linear-gradient(135deg, #071c2c 0%, #0b3347 62%, #0c5364 100%); color: #fff; }
.tracking-grid-lines { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(147,220,228,.24) 1px, transparent 1px), linear-gradient(90deg, rgba(147,220,228,.24) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, transparent, #000 35%, #000); animation: tracking-grid-drift 18s linear infinite; }
.tracking-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.tracking-hero h1 { max-width: 790px; color: #fff !important; font-size: clamp(3rem, 5.8vw, 5.6rem); line-height: .98; letter-spacing: -.055em; }
.tracking-hero .lead { max-width: 760px; color: #d3e9ee; }
.tracking-hero .button-outline { color: #fff; border-color: rgba(255,255,255,.42); }
.tracking-proof { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }
.tracking-proof span { padding: .55rem .8rem; border: 1px solid rgba(147,220,228,.25); border-radius: 999px; background: rgba(7,28,44,.46); color: #d8f2f5; font-size: .76rem; font-weight: 750; letter-spacing: .04em; }
.tracking-map { overflow: hidden; border: 1px solid rgba(147,220,228,.22); border-radius: 22px; background: #f8fcfd; color: #0b2d3c; box-shadow: 0 30px 80px rgba(0,0,0,.28); transform: rotate(1deg); }
.tracking-map-top, .tracking-map-status { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }
.tracking-map-top { border-bottom: 1px solid #dce8ed; }
.tracking-map-top span { color: #54717c; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.tracking-map-canvas { position: relative; min-height: 330px; overflow: hidden; background: radial-gradient(circle at 64% 45%, rgba(49,191,213,.15), transparent 24%), linear-gradient(25deg, transparent 47%, #dbe8eb 48%, transparent 49%), linear-gradient(152deg, transparent 45%, #dbe8eb 46%, transparent 47%), #edf5f6; }
.tracking-map-canvas::before { content: ''; position: absolute; inset: 12% 9%; border: 1px solid #cfdee2; border-radius: 47% 53% 50% 44%; transform: rotate(-8deg); }
.map-city { position: absolute; z-index: 2; color: #53727e; font-size: .65rem; font-weight: 800; letter-spacing: .09em; }
.city-one { top: 18%; left: 28%; }.city-two { top: 44%; left: 31%; }.city-three { top: 39%; right: 27%; }.city-four { bottom: 16%; left: 43%; }
.tracking-map-canvas .route { position: absolute; z-index: 1; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #31bfd5, #6bd4a4); transform-origin: left center; box-shadow: 0 0 14px rgba(49,191,213,.65); }
.route-one { width: 48%; top: 49%; left: 29%; transform: rotate(-8deg); }.route-two { width: 38%; top: 50%; left: 34%; transform: rotate(50deg); }
.truck-pin { position: absolute; z-index: 3; display: grid; place-items: center; width: 38px; height: 38px; border: 4px solid #fff; border-radius: 50% 50% 50% 8px; background: #0d7890; color: #fff; font-size: .7rem; box-shadow: 0 6px 16px rgba(9,67,82,.28); transform: rotate(-45deg); animation: tracking-pin-pulse 2.8s ease-in-out infinite; }
.truck-pin::first-letter { transform: rotate(45deg); }.pin-one { top: 30%; left: 35%; }.pin-two { top: 42%; right: 24%; animation-delay: -.9s; }.pin-three { bottom: 15%; left: 48%; animation-delay: -1.7s; }
.tracking-map-status { gap: 1rem; justify-content: flex-start; border-top: 1px solid #dce8ed; }
.tracking-map-status span { display: flex; align-items: center; gap: .45rem; color: #53717d; font-size: .76rem; }.tracking-map-status i { width: 8px; height: 8px; border-radius: 50%; background: #43ba86; }.tracking-map-status span:nth-child(2) i { background: #eea83c; }.tracking-map-status b { color: #123d4e; }
.tracking-cap-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce8ed; border-radius: 20px; overflow: hidden; background: #fff; }
.tracking-cap-grid article { min-height: 260px; padding: 1.6rem; border-right: 1px solid #dce8ed; }.tracking-cap-grid article:nth-child(4) { border-right: 0; }.tracking-cap-grid article > span { color: #1295ad; font-size: .8rem; font-weight: 850; letter-spacing: .12em; }.tracking-cap-grid h3 { margin-top: 3rem; }.tracking-cap-grid .portal-card { grid-column: 1 / -1; min-height: 0; display: grid; grid-template-columns: 50px 1fr 1.4fr auto; gap: 1rem; align-items: center; border-top: 1px solid #dce8ed; border-right: 0; background: #0b3347; color: #fff; }.portal-card h3, .portal-card p { margin: 0; }.portal-card p { color: #cae2e8; }.portal-card a { color: #8ee2ec; font-weight: 750; }
.tracking-sources { background: #eff6f7; }.tracking-source-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }.tracking-note { padding-left: 1rem; border-left: 3px solid #31bfd5; color: #607985; font-size: .88rem; }.source-stack { border: 1px solid #d5e4e8; border-radius: 18px; overflow: hidden; background: #fff; }.source-stack article { display: grid; grid-template-columns: 110px 1fr 1.4fr; gap: 1rem; align-items: center; padding: 1.15rem 1.3rem; border-bottom: 1px solid #dce8ed; }.source-stack article:last-child { border-bottom: 0; }.source-stack span { color: #218aa0; font-size: .69rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.source-stack small { color: #607985; }.source-stack .enterprise { background: #0d3d50; color: #fff; }.source-stack .enterprise small { color: #c9e2e7; }
.portal-showcase { overflow: hidden; background: linear-gradient(150deg, #061b2a, #0b3347 62%, #0d4f60); color: #fff; }
.portal-showcase-head { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 6vw, 6rem); align-items: end; margin-bottom: 3rem; }
.portal-showcase-head h2 { max-width: 760px; color: #fff !important; font-size: clamp(2.5rem, 4.4vw, 4.7rem); line-height: 1.02; letter-spacing: -.045em; }
.portal-showcase-head .lead { color: #d1e8ed; }.portal-principle { margin-top: 1.2rem; padding-left: 1rem; border-left: 3px solid #55d1df; color: #91dce5; font-weight: 700; }
.portal-product { display: grid; grid-template-columns: 210px minmax(0,1fr); overflow: hidden; border: 1px solid rgba(175,226,234,.28); border-radius: 24px; background: #f5f9fa; color: #102f3d; box-shadow: 0 32px 90px rgba(0,0,0,.38); }
.portal-sidebar { display: flex; flex-direction: column; min-height: 640px; padding: 1.25rem; background: #082637; color: #fff; }
.portal-brand { display: flex; align-items: center; gap: .75rem; padding-bottom: 1.4rem; border-bottom: 1px solid rgba(255,255,255,.12); }.portal-brand > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg,#31bfd5,#5fd29c); color: #062334; font-weight: 900; }.portal-brand strong,.portal-brand small { display: block; }.portal-brand small { color: #8fb5c1; }
.portal-sidebar nav { display: grid; gap: .35rem; margin-top: 1.5rem; }.portal-sidebar nav span { display: flex; justify-content: space-between; padding: .75rem .85rem; border-radius: 9px; color: #a9c6ce; font-size: .86rem; font-weight: 700; }.portal-sidebar nav .active { background: rgba(65,193,211,.16); color: #fff; }.portal-sidebar nav b { display: grid; place-items: center; min-width: 24px; border-radius: 99px; background: #41c1d3; color: #072535; font-size: .68rem; }
.portal-account { display: flex; align-items: center; gap: .7rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.12); }.portal-account i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #dbecef; color: #0b4355; font-style: normal; font-size: .7rem; font-weight: 850; }.portal-account strong,.portal-account small { display: block; }.portal-account strong { font-size: .8rem; }.portal-account small { color: #8fb5c1; font-size: .66rem; }
.portal-main { min-width: 0; }.portal-main-top { display: flex; justify-content: space-between; align-items: center; min-height: 78px; padding: 1rem 1.4rem; border-bottom: 1px solid #d9e5e8; background: #fff; }.portal-main-top small,.portal-main-top strong { display: block; }.portal-main-top small { color: #718992; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }.portal-live { display: flex; align-items: center; gap: .4rem; color: #287b66; font-size: .75rem; font-weight: 800; }.portal-live i { width: 8px; height: 8px; border-radius: 50%; background: #48c58e; box-shadow: 0 0 0 5px rgba(72,197,142,.14); animation: portal-live-pulse 2.4s ease-in-out infinite; }
.portal-dashboard { padding: 1.3rem; }.portal-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: .85rem; }.portal-kpis article { padding: 1rem; border: 1px solid #dbe7ea; border-radius: 12px; background: #fff; }.portal-kpis span,.portal-kpis small { display: block; color: #6b838c; }.portal-kpis span { font-size: .72rem; font-weight: 750; }.portal-kpis strong { display: block; margin: .25rem 0; font-size: 1.7rem; }.portal-kpis small { font-size: .65rem; }.portal-kpis .attention { border-color: #f0d9b5; background: #fffaf1; }.portal-kpis .attention strong { color: #b66a16; }
.portal-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 250px; gap: .85rem; margin-top: .85rem; }.portal-load-card,.portal-activity { border: 1px solid #dbe7ea; border-radius: 14px; background: #fff; }.portal-load-card { padding: 1.2rem; }.portal-load-card > header { display: flex; justify-content: space-between; gap: 1rem; }.portal-load-card header small { color: #718992; font-size: .65rem; letter-spacing: .06em; text-transform: uppercase; }.portal-load-card h3 { margin: .25rem 0 1.7rem; font-size: 1.15rem; }.portal-load-card h3 span { color: #27a9bf; }.portal-load-card header > b { align-self: flex-start; padding: .4rem .6rem; border-radius: 99px; background: #e3f7f0; color: #217d62; font-size: .67rem; }
.portal-progress { position: relative; height: 8px; border-radius: 99px; background: #dfebed; }.portal-progress > i { display: block; width: 62%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#168ca5,#45c4a0); }.portal-truck-dot { position: absolute; top: 50%; left: 62%; width: 17px; height: 17px; border: 4px solid #fff; border-radius: 50%; background: #1ba8bd; box-shadow: 0 2px 8px rgba(12,91,107,.35); transform: translate(-50%,-50%); }
.portal-milestones { display: grid; grid-template-columns: repeat(3,1fr); margin-top: .8rem; }.portal-milestones span { position: relative; display: grid; gap: .15rem; padding-top: .6rem; }.portal-milestones span:nth-child(2) { text-align: center; }.portal-milestones span:last-child { text-align: right; }.portal-milestones b { font-size: .7rem; }.portal-milestones small { color: #789099; font-size: .6rem; }.portal-milestones span > i { position: absolute; top: -15px; width: 6px; height: 6px; border-radius: 50%; background: #c2d2d6; }.portal-milestones span:nth-child(2) > i { left: 50%; background: #1ba8bd; }.portal-milestones span:last-child > i { right: 0; }.portal-milestones .complete > i { background: #48bd86; }
.portal-location { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #e0eaec; }.portal-location div { display: grid; gap: .12rem; }.portal-location span { color: #718992; font-size: .63rem; text-transform: uppercase; letter-spacing: .06em; }.portal-location strong { font-size: .78rem; }.portal-location small { color: #68808a; font-size: .61rem; }
.portal-activity { overflow: hidden; }.portal-activity header { display: flex; justify-content: space-between; padding: .9rem 1rem; border-bottom: 1px solid #e0eaec; }.portal-activity header span { font-size: .75rem; font-weight: 800; }.portal-activity header b { color: #2b9070; font-size: .65rem; }.portal-activity ul { display: grid; gap: 0; margin: 0; padding: .3rem 1rem; list-style: none; }.portal-activity li { display: grid; grid-template-columns: 10px 1fr; gap: .6rem; padding: .8rem 0; border-bottom: 1px solid #edf2f3; }.portal-activity li > i { width: 7px; height: 7px; margin-top: .25rem; border-radius: 50%; background: #2ab0c5; }.portal-activity strong,.portal-activity small { display: block; }.portal-activity strong { font-size: .69rem; }.portal-activity small { margin-top: .15rem; color: #758d96; font-size: .58rem; }.portal-activity > a { display: block; padding: .8rem 1rem; color: #168ca5; font-size: .68rem; font-weight: 800; }
.portal-doc-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .85rem; margin-top: .85rem; }.portal-doc-row div { padding: .8rem 1rem; border: 1px solid #dbe7ea; border-radius: 11px; background: #fff; }.portal-doc-row span,.portal-doc-row strong,.portal-doc-row small { display: block; }.portal-doc-row span { color: #718992; font-size: .59rem; text-transform: uppercase; letter-spacing: .06em; }.portal-doc-row strong { margin-top: .15rem; font-size: .72rem; }.portal-doc-row small { color: #718992; font-size: .59rem; }
.portal-outcomes { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 2rem; border: 1px solid rgba(175,226,234,.2); border-radius: 18px; overflow: hidden; }.portal-outcomes article { padding: 1.5rem; border-right: 1px solid rgba(175,226,234,.2); }.portal-outcomes article:last-child { border-right: 0; }.portal-outcomes span { color: #59d4e2; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }.portal-outcomes h3 { margin: 2rem 0 .6rem; color: #fff; }.portal-outcomes p { margin: 0; color: #b9d5dc; }
.portal-showcase-cta { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-top: 2rem; padding: 1.2rem 1.4rem; border-radius: 14px; background: rgba(255,255,255,.08); }.portal-showcase-cta strong,.portal-showcase-cta span { display: block; }.portal-showcase-cta span { margin-top: .25rem; color: #b9d5dc; font-size: .84rem; }
@keyframes tracking-grid-drift { to { background-position: 58px 58px; } }
.portal-faux-link { display: block; padding: .8rem 1rem; color: #168ca5; font-size: .68rem; font-weight: 800; }
@keyframes tracking-pin-pulse { 50% { box-shadow: 0 6px 16px rgba(9,67,82,.28), 0 0 0 9px rgba(49,191,213,.13); } }
@keyframes portal-live-pulse { 50% { box-shadow: 0 0 0 9px rgba(72,197,142,.06); } }
@media (max-width: 920px) { .tracking-hero-grid, .tracking-source-grid, .portal-showcase-head { grid-template-columns: 1fr; }.tracking-map { transform: none; }.tracking-cap-grid { grid-template-columns: 1fr 1fr; }.tracking-cap-grid article:nth-child(2) { border-right: 0; }.tracking-cap-grid article:nth-child(4) { border-top: 1px solid #dce8ed; }.tracking-cap-grid .portal-card { grid-template-columns: 42px 1fr; }.portal-card p, .portal-card a { grid-column: 2; }.source-stack article { grid-template-columns: 90px 1fr; }.source-stack small { grid-column: 2; }.portal-product { grid-template-columns: 1fr; }.portal-sidebar { display: none; }.portal-detail-grid { grid-template-columns: 1fr; }.portal-outcomes { grid-template-columns: 1fr; }.portal-outcomes article { border-right: 0; border-bottom: 1px solid rgba(175,226,234,.2); }.portal-outcomes article:last-child { border-bottom: 0; }.portal-showcase-cta { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { .tracking-cap-grid { grid-template-columns: 1fr; }.tracking-cap-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid #dce8ed; }.tracking-cap-grid h3 { margin-top: 1.5rem; }.tracking-cap-grid .portal-card { display: block; }.portal-card h3 { margin: 1rem 0; }.portal-card p { margin-bottom: 1rem; }.portal-main-top { align-items: flex-start; gap: .8rem; flex-direction: column; }.portal-dashboard { padding: .75rem; }.portal-kpis { grid-template-columns: 1fr; }.portal-load-card > header { display: block; }.portal-load-card header > b { display: inline-block; margin-bottom: 1rem; }.portal-location,.portal-doc-row { grid-template-columns: 1fr; }.portal-milestones { gap: .35rem; }.portal-milestones b { font-size: .62rem; }.portal-milestones small { font-size: .52rem; } }
@media (prefers-reduced-motion: reduce) { .tracking-grid-lines, .truck-pin, .portal-live i { animation: none !important; } }

/* Billing and invoicing */
.billing-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #fff; background: radial-gradient(circle at 78% 22%, rgba(49,191,213,.18), transparent 25%), linear-gradient(135deg, #061925, #0a3447 66%, #0b5967); }
.billing-grid-lines { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(143,218,230,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(143,218,230,.28) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, transparent 4%, #000 48%, #000); animation: billing-grid-drift 20s linear infinite; }
.billing-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .95fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.billing-hero h1 { max-width: 740px; color: #fff !important; font-size: clamp(3.2rem, 6vw, 5.9rem); line-height: .96; letter-spacing: -.055em; }.billing-hero h1 span { color: #65d8e5; }.billing-hero .lead { max-width: 720px; color: #d1e7ec; }.billing-hero .button-outline { color: #fff; border-color: rgba(255,255,255,.42); }
.billing-proof { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }.billing-proof span { padding: .55rem .8rem; border: 1px solid rgba(151,226,235,.25); border-radius: 999px; color: #d9f2f5; background: rgba(4,27,40,.38); font-size: .75rem; font-weight: 750; }
.billing-console { overflow: hidden; border: 1px solid rgba(169,226,234,.28); border-radius: 24px; color: #173b49; background: #f7fbfc; box-shadow: 0 35px 90px rgba(0,0,0,.32); transform: rotate(.8deg); }
.billing-console-top,.billing-console-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; }.billing-console-top { border-bottom: 1px solid #dbe7ea; }.billing-console-top div,.billing-console-foot span { display: flex; align-items: center; gap: .5rem; }.billing-console-top i,.billing-console-foot i { width: 8px; height: 8px; border-radius: 50%; background: #42be89; box-shadow: 0 0 0 5px rgba(66,190,137,.12); }.billing-console-top span { color: #607984; font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.billing-console-top b { font-size: .75rem; }
.billing-queue { display: grid; gap: .65rem; padding: 1.1rem; }.billing-queue article { display: grid; grid-template-columns: 78px 1fr auto; gap: .85rem; align-items: center; padding: .85rem; border: 1px solid #dce7ea; border-radius: 12px; background: #fff; animation: billing-row-focus 9s ease-in-out infinite; }.billing-queue article:nth-child(2) { animation-delay: -6s; }.billing-queue article:nth-child(3) { animation-delay: -3s; }.billing-load { color: #238da0; font-size: .67rem; font-weight: 850; }.billing-queue strong,.billing-queue small { display: block; }.billing-queue strong { font-size: .8rem; }.billing-queue small { margin-top: .15rem; color: #728a94; font-size: .63rem; }.billing-queue em { padding: .35rem .5rem; border-radius: 99px; color: #26755f; background: #e3f5ed; font-size: .62rem; font-style: normal; font-weight: 800; }
.billing-flow { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: .4rem; margin: .4rem 1.1rem 1.1rem; padding-top: 1.2rem; }.billing-flow-line { position: absolute; top: 30px; right: 10%; left: 10%; height: 2px; background: #d5e4e8; }.billing-flow-line::after { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,#178fad,#53c79b); content: ''; transform-origin: left; animation: billing-line-progress 9s ease-in-out infinite; }.billing-flow div { position: relative; z-index: 2; display: grid; justify-items: center; gap: .25rem; }.billing-flow b { display: grid; width: 38px; height: 38px; place-items: center; border: 4px solid #f7fbfc; border-radius: 50%; color: #fff; background: #167f98; font-size: .65rem; }.billing-flow small { color: #647c86; font-size: .58rem; text-align: center; }.billing-packet { position: absolute; z-index: 4; top: 20px; left: 8%; display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; color: #072a39; background: #69d8bd; box-shadow: 0 5px 14px rgba(13,102,117,.28); font-size: .7rem; font-style: normal; font-weight: 900; animation: billing-packet-travel 9s ease-in-out infinite; }
.billing-console-foot { border-top: 1px solid #dbe7ea; color: #607984; font-size: .65rem; }.billing-console-foot small { color: #81959d; }
.billing-workflow { background: #f2f7f8; }.billing-step-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid #d8e5e9; border-radius: 20px; background: #fff; }.billing-step-grid article { position: relative; min-height: 285px; padding: 1.5rem; border-right: 1px solid #d8e5e9; }.billing-step-grid article:last-child { border-right: 0; }.billing-step-grid article > span:first-child { color: #168fa7; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }.billing-step-grid .integration-icon { margin: 2rem 0 1.5rem; }.billing-step-grid p { color: #647c86; }
.billing-ledger { color: #fff; background: linear-gradient(145deg,#071d2b,#0c3d50); }.billing-ledger-grid,.billing-sync-grid,.billing-audit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }.billing-ledger h2 { color: #fff !important; }.billing-ledger .lead { color: #c4dde3; }.billing-ledger-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; }.billing-ledger-notes article { padding: 1.2rem; border: 1px solid rgba(177,226,234,.18); border-radius: 14px; background: rgba(255,255,255,.04); }.billing-ledger-notes span { color: #62d3df; font-size: .67rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.billing-ledger-notes h3 { margin: 1rem 0 .5rem; color: #fff; font-size: 1rem; }.billing-ledger-notes p { margin: 0; color: #aac8cf; font-size: .78rem; }
.ledger-card,.qb-card { overflow: hidden; border: 1px solid #d8e5e9; border-radius: 20px; color: #173b49; background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.2); }.ledger-card header,.ledger-card footer { display: flex; justify-content: space-between; padding: 1rem 1.2rem; }.ledger-card header { border-bottom: 1px solid #dce7ea; }.ledger-card header span { font-size: .72rem; font-weight: 800; }.ledger-card header b { color: #28795f; font-size: .67rem; }.ledger-row { display: grid; grid-template-columns: 48px 1fr auto; gap: 1rem; align-items: center; margin: 1.2rem; padding: 1rem; border: 1px solid #dce7ea; border-radius: 13px; }.ledger-row > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; color: #fff; background: #168ca4; font-size: .72rem; font-style: normal; font-weight: 900; }.ledger-row small,.ledger-row strong { display: block; }.ledger-row small { color: #718993; font-size: .62rem; }.ledger-row strong { margin-top: .15rem; font-size: .78rem; }.ledger-row > span { color: #28795f; font-size: .65rem; font-weight: 850; }.ledger-link { display: flex; align-items: center; gap: .7rem; padding: 0 2.2rem; color: #6e8790; font-size: .62rem; font-weight: 800; }.ledger-link i { flex: 1; height: 1px; background: #dce7ea; }.ledger-card footer { border-top: 1px solid #dce7ea; color: #69818a; font-size: .63rem; }
.billing-sync { background: #eef6f7; }.qb-card { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.5rem; box-shadow: 0 20px 55px rgba(15,64,78,.1); }.qb-mark { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 16px; color: #fff; background: #2da44e; font-weight: 900; }.qb-card small { color: #718992; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }.qb-card h3 { margin: .3rem 0 0; }.qb-card ul { grid-column: 1 / -1; display: grid; gap: .55rem; margin: .5rem 0 0; padding: 0; list-style: none; }.qb-card li { display: flex; justify-content: space-between; padding: .8rem; border-radius: 9px; background: #f2f7f8; font-size: .72rem; }.qb-card li b { color: #28795f; }.qb-card p { grid-column: 1 / -1; margin: 0; color: #6f858e; font-size: .67rem; }
.billing-audit-grid { align-items: stretch; }.billing-claim-note { padding-left: 1rem; border-left: 3px solid #2eb5ca; color: #677f89; font-size: .8rem; }.audit-timeline { display: grid; gap: .8rem; }.audit-timeline article { position: relative; display: grid; gap: .25rem; padding: 1.15rem 1.2rem 1.15rem 4rem; border: 1px solid #d9e6e9; border-radius: 14px; background: #fff; }.audit-timeline article::before { position: absolute; left: 1.2rem; top: 1.15rem; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #fff; background: #168da6; content: '✓'; font-size: .72rem; font-weight: 900; }.audit-timeline .audit-window { border-color: #9edce5; background: #edfafd; }.audit-timeline span { color: #178da5; font-size: .64rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.audit-timeline b { font-size: .86rem; }.audit-timeline small { color: #708892; }
@keyframes billing-grid-drift { to { background-position: 54px 54px; } } @keyframes billing-row-focus { 0%,26%,100% { border-color:#dce7ea; box-shadow:none; transform:translateX(0); } 8%,18% { border-color:#77d4df; box-shadow:0 9px 22px rgba(29,139,160,.12); transform:translateX(4px); } } @keyframes billing-line-progress { 0% { transform:scaleX(0); } 86%,100% { transform:scaleX(1); } } @keyframes billing-packet-travel { 0%,5% { left:8%; } 28% { left:32%; } 55% { left:57%; } 82%,94% { left:83%; } 100% { left:8%; } }
@media (max-width: 920px) { .billing-hero-grid,.billing-ledger-grid,.billing-sync-grid,.billing-audit-grid { grid-template-columns: 1fr; }.billing-console { transform:none; }.billing-step-grid { grid-template-columns: 1fr 1fr; }.billing-step-grid article:nth-child(2) { border-right:0; }.billing-step-grid article:nth-child(-n+2) { border-bottom:1px solid #d8e5e9; } }
@media (max-width: 620px) { .billing-step-grid,.billing-ledger-notes { grid-template-columns:1fr; }.billing-step-grid article { min-height:auto; border-right:0; border-bottom:1px solid #d8e5e9; }.billing-queue article { grid-template-columns:70px 1fr; }.billing-queue em { grid-column:2; justify-self:start; }.billing-flow small { font-size:.5rem; }.ledger-row { grid-template-columns:42px 1fr; }.ledger-row > span { grid-column:2; }.ledger-card footer { gap:.5rem; flex-direction:column; } }
@media (prefers-reduced-motion: reduce) { .billing-grid-lines,.billing-queue article,.billing-flow-line::after,.billing-packet { animation:none !important; }.billing-flow-line::after { transform:scaleX(1); }.billing-packet { left:83%; } }

/* Reporting and analytics */
.reports-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(77,214,190,.18),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 64%,#0b5965)}.reports-grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(143,218,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(143,218,230,.28) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 3%,#000 48%,#000);animation:reports-grid-drift 20s linear infinite}.reports-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.reports-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.reports-hero h1 span{color:#69d9e2}.reports-hero .lead{max-width:720px;color:#d1e7ec}.reports-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.reports-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.reports-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#d9f2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.report-console,.schedule-card,.executive-dashboard{overflow:hidden;border:1px solid #d8e5e9;border-radius:22px;background:#fff;color:#173b49;box-shadow:0 30px 80px rgba(0,0,0,.24)}.report-console{transform:rotate(.8deg)}.report-console-top,.report-console-foot,.schedule-card header,.schedule-card footer,.executive-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.report-console-top{border-bottom:1px solid #dbe7ea}.report-console-top div,.report-console-foot span,.schedule-card footer span{display:flex;align-items:center;gap:.5rem}.report-console-top i,.report-console-foot i,.schedule-card footer i{width:8px;height:8px;border-radius:50%;background:#42be89;box-shadow:0 0 0 5px rgba(66,190,137,.12)}.report-console-top span{color:#607984;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.report-console-top b{font-size:.75rem}.report-search{margin:1rem 1.1rem .5rem;padding:.75rem .9rem;border:1px solid #dce7ea;border-radius:10px;color:#789099;font-size:.7rem}.report-search span{float:right;color:#168ca4;font-weight:800}.report-rows{display:grid;gap:.55rem;padding:.6rem 1.1rem 1.1rem}.report-rows article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #dce7ea;border-radius:11px;animation:report-row-focus 10s ease-in-out infinite}.report-rows article:nth-child(2){animation-delay:-7.5s}.report-rows article:nth-child(3){animation-delay:-5s}.report-rows article:nth-child(4){animation-delay:-2.5s}.report-rows strong,.report-rows small{display:block}.report-rows strong{font-size:.78rem}.report-rows small{margin-top:.12rem;color:#748b94;font-size:.62rem}.report-rows em{padding:.32rem .5rem;border-radius:99px;color:#26755f;background:#e3f5ed;font-size:.6rem;font-style:normal;font-weight:800}.report-console-foot{border-top:1px solid #dbe7ea;color:#607984;font-size:.65rem}.report-console-foot small{color:#81959d}
.reports-library{background:#f2f7f8}.report-card-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #d8e5e9;border-radius:20px;background:#fff}.report-card-grid article{min-height:240px;padding:1.5rem;border-right:1px solid #d8e5e9;border-bottom:1px solid #d8e5e9}.report-card-grid article:nth-child(3n){border-right:0}.report-card-grid article:nth-last-child(-n+3){border-bottom:0}.report-card-grid span{color:#168fa7;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.report-card-grid h3{margin-top:2.8rem}.report-card-grid p{color:#647c86}.report-count-card{color:#fff;background:linear-gradient(145deg,#0b3b4d,#0d7180)}.report-count-card strong{display:block;color:#76dce4;font-size:4.5rem;line-height:1}.report-count-card h3{margin-top:1rem;color:#fff}.report-count-card p{color:#c8e3e7}
.report-scheduling{background:linear-gradient(145deg,#071d2b,#0c3d50);color:#fff}.report-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}.report-scheduling h2{color:#fff!important}.report-scheduling .lead{color:#c4dde3}.report-scheduling .feature-list li{color:#bcd5dc}.report-scheduling .feature-list strong{color:#fff}.schedule-card{box-shadow:0 28px 75px rgba(0,0,0,.3)}.schedule-card header{border-bottom:1px solid #dce7ea}.schedule-card header span{font-size:.75rem;font-weight:850}.schedule-card header b{padding:.35rem .55rem;border-radius:99px;color:#26755f;background:#e3f5ed;font-size:.62rem}.schedule-field{margin:1rem 1.2rem;padding:.9rem;border-radius:11px;background:#f2f7f8}.schedule-field small,.schedule-field strong{display:block}.schedule-field small{color:#718992;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.schedule-field strong{margin-top:.25rem;font-size:.82rem}.schedule-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0 1.2rem}.schedule-options span{padding:.8rem;border:1px solid #dce7ea;border-radius:10px;color:#647c86;font-size:.7rem;font-weight:750}.schedule-options .selected{border-color:#54c4d3;color:#116f84;background:#edfafd}.schedule-options i{display:inline-block;width:8px;height:8px;margin-right:.4rem;border-radius:50%;background:#a7bbc1}.schedule-options .selected i{background:#2bb6ca}.schedule-timeline{position:relative;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:.4rem;margin:1.3rem}.schedule-timeline i{z-index:2;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#1a9cb3;box-shadow:0 0 0 1px #77ccd7}.schedule-timeline span{font-size:.58rem;color:#6c858f}.schedule-timeline b{position:absolute;z-index:1;left:8px;right:8px;height:2px;background:linear-gradient(90deg,#1b98b0,#5bd0aa);transform-origin:left;animation:schedule-progress 7s ease-in-out infinite}.schedule-card footer{border-top:1px solid #dce7ea;color:#607984;font-size:.65rem}.schedule-card footer small{color:#81959d}
.executive-reports{background:#edf5f6}.executive-dashboard{box-shadow:0 22px 60px rgba(16,75,89,.12)}.executive-top{border-bottom:1px solid #dce7ea}.executive-top span,.executive-top strong{display:block}.executive-top span{font-weight:850}.executive-top strong{margin-top:.2rem;color:#718992;font-size:.65rem}.executive-top>b{padding:.5rem .7rem;border-radius:8px;color:#126f83;background:#e7f7fa;font-size:.65rem}.executive-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.executive-metrics article{min-height:230px;padding:1.4rem;border-right:1px solid #dce7ea}.executive-metrics article:last-child{border-right:0}.executive-metrics span,.executive-metrics strong{display:block}.executive-metrics span{color:#607984;font-size:.68rem;font-weight:800}.executive-metrics strong{margin-top:.35rem}.mini-bars{display:flex;align-items:end;gap:8px;height:100px;margin-top:2rem}.mini-bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#4bcbd4,#157f9a);animation:report-bars 6s ease-in-out infinite}.mini-bars i:nth-child(1){height:38%}.mini-bars i:nth-child(2){height:55%}.mini-bars i:nth-child(3){height:48%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:64%}.mini-bars i:nth-child(6){height:88%}.kpi-ring{display:grid;width:105px;height:105px;margin:1.5rem auto 0;place-items:center;border-radius:50%;background:conic-gradient(#32bda8 0 92%,#dce9eb 92%)}.kpi-ring::before{width:76px;height:76px;border-radius:50%;background:#fff;content:'92%';display:grid;place-items:center;font-weight:900}.kpi-ring.pickup{background:conic-gradient(#279db4 0 89%,#dce9eb 89%)}.kpi-ring.pickup::before{content:'89%'}.report-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce7ea;border-radius:18px;overflow:hidden}.report-outcome-grid article{padding:1.5rem;border-right:1px solid #dce7ea}.report-outcome-grid article:last-child{border-right:0}.report-outcome-grid span{color:#1692a9;font-size:.72rem;font-weight:850;letter-spacing:.1em}.report-outcome-grid h3{margin-top:2rem}.report-outcome-grid p{color:#647c86}
@keyframes reports-grid-drift{to{background-position:52px 52px}}@keyframes report-row-focus{0%,20%,100%{border-color:#dce7ea;transform:translateX(0);box-shadow:none}6%,14%{border-color:#6ed0dc;transform:translateX(4px);box-shadow:0 8px 20px rgba(29,139,160,.12)}}@keyframes schedule-progress{0%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}@keyframes report-bars{50%{filter:saturate(1.35);transform:scaleY(.92)}}
@media(max-width:920px){.reports-hero-grid,.report-schedule-grid{grid-template-columns:1fr}.report-console{transform:none}.report-card-grid{grid-template-columns:1fr 1fr}.report-card-grid article:nth-child(3n){border-right:1px solid #d8e5e9}.report-card-grid article:nth-child(2n){border-right:0}.report-card-grid article:nth-last-child(-n+3){border-bottom:1px solid #d8e5e9}.report-card-grid article:nth-last-child(-n+2){border-bottom:0}.executive-metrics{grid-template-columns:1fr}.executive-metrics article{border-right:0;border-bottom:1px solid #dce7ea}.executive-metrics article:last-child{border-bottom:0}}
@media(max-width:620px){.report-card-grid,.report-outcome-grid{grid-template-columns:1fr}.report-card-grid article{min-height:auto;border-right:0!important;border-bottom:1px solid #d8e5e9!important}.report-card-grid article:last-child{border-bottom:0!important}.report-card-grid h3{margin-top:1.5rem}.report-outcome-grid article{border-right:0;border-bottom:1px solid #dce7ea}.report-outcome-grid article:last-child{border-bottom:0}.executive-top{align-items:flex-start;flex-direction:column}.schedule-options{grid-template-columns:1fr}.schedule-timeline{grid-template-columns:auto 1fr auto 1fr auto}.schedule-timeline span{display:none}}
@media(prefers-reduced-motion:reduce){.reports-grid-lines,.report-rows article,.schedule-timeline b,.mini-bars i{animation:none!important}.schedule-timeline b{transform:scaleX(1)}}

/* Customer and carrier portals */
.portals-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(89,216,190,.2),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 62%,#0b5965)}
.portals-grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(143,218,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(143,218,230,.28) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000);animation:portals-grid-drift 20s linear infinite}
.portals-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.9fr);gap:clamp(3rem,7vw,7rem);align-items:center}.portals-hero .eyebrow{color:#fff}.portals-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.portals-hero h1 span{color:#68d9e2}.portals-hero .lead{max-width:720px;color:#d1e7ec}.portals-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.portals-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.portals-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#d9f2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.portal-login-stack{position:relative;display:grid;gap:1rem;padding:2.2rem 0}.portal-login-card{position:relative;display:grid;gap:.35rem;padding:1.5rem;border:1px solid rgba(176,229,236,.35);border-radius:19px;color:#153846;background:#fff;box-shadow:0 26px 65px rgba(0,0,0,.26);animation:portal-card-float 7s ease-in-out infinite}.portal-login-card.carrier{margin-left:3rem;animation-delay:-3.5s}.portal-login-card>span{color:#178ca4;font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.portal-login-card strong{font-size:1.05rem}.portal-login-card small{color:#6f8790}.portal-login-card b{justify-self:start;margin-top:.8rem;color:#147e94;font-size:.7rem}.portal-included-seal{position:absolute;right:-18px;bottom:-18px;display:grid;width:154px;height:154px;place-content:center;padding:1.15rem;border:1px solid rgba(255,255,255,.72);border-radius:34px;color:#062f36;background:linear-gradient(145deg,rgba(236,255,251,.98),rgba(89,216,190,.98) 58%,rgba(47,183,188,.98));box-shadow:0 24px 55px rgba(0,0,0,.3),inset 0 1px 0 #fff,inset 0 0 0 7px rgba(255,255,255,.16);text-align:center;transform:rotate(-5deg);isolation:isolate}.portal-included-seal::before{display:grid;width:38px;height:38px;margin:0 auto .55rem;place-items:center;border:1px solid rgba(6,62,67,.18);border-radius:12px;color:#fff;background:#087681;box-shadow:0 8px 18px rgba(5,93,102,.28);content:'✓';font-size:1rem;font-weight:950}.portal-included-seal::after{position:absolute;z-index:-1;inset:-9px;border:1px dashed rgba(136,237,224,.55);border-radius:40px;content:'';animation:portal-seal-breathe 4s ease-in-out infinite}.portal-included-seal strong,.portal-included-seal span{display:block}.portal-included-seal strong{font-size:1.08rem;line-height:1;letter-spacing:-.02em}.portal-included-seal span{max-width:95px;margin:.35rem auto 0;font-size:.58rem;font-weight:900;line-height:1.25;text-transform:uppercase;letter-spacing:.095em}
.portals-workspaces{background:#f0f6f7}.portals-switcher{overflow:hidden;border:1px solid #cfdee2;border-radius:24px;background:#fff;box-shadow:0 25px 70px rgba(13,71,85,.13)}.portals-tab-list{display:grid;grid-template-columns:1fr 1fr;background:#092b3c}.portals-tab-list button{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:72px;border:0;border-right:1px solid rgba(255,255,255,.12);color:#a9c9d1;background:transparent;font:inherit;font-weight:800;cursor:pointer}.portals-tab-list button:last-child{border-right:0}.portals-tab-list button span{color:#65d5df;font-size:.66rem;letter-spacing:.08em}.portals-tab-list button[aria-selected=true]{color:#fff;background:rgba(60,192,209,.15);box-shadow:inset 0 -3px #4bc8d8}.portals-panels>article{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:590px}.workspace-nav{display:flex;flex-direction:column;gap:.3rem;padding:1.4rem;color:#fff;background:#0b3448}.workspace-nav.carrier{background:#123e42}.workspace-nav>strong{font-size:1.05rem}.workspace-nav>small{margin-bottom:1.5rem;color:#8fb7c1}.workspace-nav>span{display:flex;justify-content:space-between;padding:.75rem .8rem;border-radius:9px;color:#adc8cf;font-size:.73rem;font-weight:700}.workspace-nav .active{color:#fff;background:rgba(63,197,212,.17)}.workspace-nav span b{padding:.1rem .4rem;border-radius:99px;color:#082b39;background:#63d1dc;font-size:.6rem}.workspace-main{min-width:0;background:#f6fafb}.workspace-main>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid #d9e6e9;background:#fff}.workspace-main header small,.workspace-main header strong{display:block}.workspace-main header small{color:#6f8790;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.workspace-live{display:flex;align-items:center;gap:.5rem;color:#267b63;font-size:.67rem}.workspace-live i{width:8px;height:8px;border-radius:50%;background:#45bf8a;box-shadow:0 0 0 5px rgba(69,191,138,.12);animation:portal-status-pulse 2.5s ease-in-out infinite}.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1.2rem}.workspace-metrics article{padding:1rem;border:1px solid #dce7ea;border-radius:12px;background:#fff}.workspace-metrics span,.workspace-metrics small,.workspace-metrics strong{display:block}.workspace-metrics span{color:#657e88;font-size:.65rem;font-weight:750}.workspace-metrics strong{margin:.2rem 0;font-size:1.55rem}.workspace-metrics small{color:#779099;font-size:.59rem}.workspace-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.2rem;padding:1.2rem;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0c6478,#1695a9)}.workspace-action.carrier{background:linear-gradient(135deg,#176d63,#259881)}.workspace-action span{color:#aee7ed;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.workspace-action h3{margin:.25rem 0;color:#fff;font-size:1rem}.workspace-action p{margin:0;color:#d2eaed;font-size:.7rem}.workspace-action>b{flex:none;padding:.65rem .8rem;border-radius:8px;color:#0a4857;background:#fff;font-size:.68rem}.workspace-rows{display:grid;gap:.65rem;padding:1.2rem}.workspace-rows>span{display:grid;grid-template-columns:38px 1fr 1.3fr auto;gap:.7rem;align-items:center;padding:.8rem;border:1px solid #dce7ea;border-radius:11px;background:#fff}.workspace-rows i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#fff;background:#158ca3;font-size:.58rem;font-style:normal;font-weight:850}.workspace-rows strong,.workspace-rows small,.workspace-rows b{font-size:.65rem}.workspace-rows small{color:#6f8790}.workspace-rows b{color:#287b63}
.portal-capabilities{background:#fff}.dual-cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem)}.dual-cap-grid>div:last-child{padding-left:clamp(2rem,5vw,5rem);border-left:1px solid #d7e5e8}.dual-cap-grid h2{font-size:clamp(2rem,3.4vw,3.5rem)}.cap-list{display:grid;margin-top:2rem;border-top:1px solid #d8e5e8}.cap-list article{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #d8e5e8}.cap-list article>span{color:#178fa7;font-size:.67rem;font-weight:850}.cap-list h3{margin:0;font-size:1rem}.cap-list p{margin:.35rem 0 0;color:#687f89;font-size:.78rem}.cap-list.carrier article>span{color:#278c77}
.portals-included{color:#fff;background:linear-gradient(145deg,#071d2b,#0c3d50)}.included-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,8rem);align-items:center}.portals-included h2{color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.portals-included .lead{color:#c2dde3}.included-list{overflow:hidden;border:1px solid rgba(170,226,234,.22);border-radius:18px}.included-list article{display:grid;grid-template-columns:38px 1fr auto;gap:1rem;align-items:center;padding:1.15rem;border-bottom:1px solid rgba(170,226,234,.18);background:rgba(255,255,255,.035)}.included-list article:last-child{border-bottom:0}.included-list b{color:#5dd1dc;font-size:.65rem}.included-list strong,.included-list span{display:block}.included-list span{margin-top:.18rem;color:#accbd2;font-size:.67rem}.included-list i{padding:.35rem .55rem;border-radius:99px;color:#073d3b;background:#69d8bd;font-size:.6rem;font-style:normal;font-weight:850}.portal-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #d7e5e8;border-radius:18px}.portal-outcome-grid article{min-height:240px;padding:1.5rem;border-right:1px solid #d7e5e8}.portal-outcome-grid article:last-child{border-right:0}.portal-outcome-grid span{color:#178fa7;font-size:.7rem;font-weight:850;letter-spacing:.09em}.portal-outcome-grid h3{margin-top:3rem}.portal-outcome-grid p{color:#667e88}.portal-guardrail{margin-top:1.5rem;padding-left:1rem;border-left:3px solid #2eb5ca;color:#677f89;font-size:.78rem}
@keyframes portals-grid-drift{to{background-position:54px 54px}}@keyframes portal-card-float{50%{transform:translateY(-7px)}}@keyframes portal-status-pulse{50%{box-shadow:0 0 0 9px rgba(69,191,138,.05)}}@keyframes portal-seal-breathe{50%{opacity:.45;transform:scale(1.035)}}
@media(max-width:920px){.portals-hero-grid,.dual-cap-grid,.included-grid{grid-template-columns:1fr}.portal-login-stack{max-width:600px}.dual-cap-grid>div:last-child{padding-left:0;border-left:0}.portals-panels>article{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:680px){.portal-login-card.carrier{margin-left:0}.portal-included-seal{right:0}.portals-tab-list{grid-template-columns:1fr}.portals-tab-list button{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.portals-panels>article{grid-template-columns:1fr}.workspace-nav{display:grid;grid-template-columns:1fr 1fr;min-height:auto}.workspace-nav>strong,.workspace-nav>small{grid-column:1/-1}.workspace-nav>small{margin-bottom:.5rem}.workspace-metrics,.portal-outcome-grid{grid-template-columns:1fr}.workspace-action{align-items:flex-start;flex-direction:column}.workspace-rows>span{grid-template-columns:38px 1fr}.workspace-rows small,.workspace-rows b{grid-column:2}.portal-outcome-grid article{min-height:auto;border-right:0;border-bottom:1px solid #d7e5e8}.portal-outcome-grid article:last-child{border-bottom:0}.portal-outcome-grid h3{margin-top:1.5rem}.included-list article{grid-template-columns:30px 1fr}.included-list i{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.portals-grid-lines,.portal-login-card,.workspace-live i,.portal-included-seal::after{animation:none!important}}

/* Native AI */
.ai-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 78% 28%,rgba(85,216,190,.22),transparent 25%),linear-gradient(140deg,#061927,#0a3448 58%,#095967)}
.ai-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(142,220,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(142,220,230,.28) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 48%,#000);animation:ai-grid-drift 20s linear infinite}
.ai-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.ai-hero .eyebrow{color:#fff}.ai-hero h1{max-width:760px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.ai-hero h1 span{color:#69d8bd}.ai-hero .lead{max-width:700px;color:#d1e7ec}.ai-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.ai-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.ai-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.ai-orbit{position:relative;min-height:480px}.ai-orbit::before,.ai-orbit::after{position:absolute;inset:50%;border:1px solid rgba(137,222,229,.25);border-radius:50%;content:'';transform:translate(-50%,-50%)}.ai-orbit::before{width:330px;height:330px}.ai-orbit::after{width:225px;height:225px}.ai-core{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:145px;height:145px;place-content:center;border:1px solid rgba(255,255,255,.55);border-radius:38px;background:linear-gradient(145deg,#f4fffd,#63d7be);box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px #fff;color:#073b43;text-align:center;transform:translate(-50%,-50%);animation:ai-core-breathe 4s ease-in-out infinite}.ai-core small,.ai-core strong,.ai-core span{display:block}.ai-core small{font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ai-core strong{font-size:3.4rem;line-height:1}.ai-core span{margin-top:.3rem;color:#176f68;font-size:.62rem;font-weight:850}.orbit-card{position:absolute;z-index:4;display:grid;gap:.2rem;min-width:145px;padding:1rem;border:1px solid rgba(174,230,236,.32);border-radius:15px;background:rgba(6,36,50,.86);box-shadow:0 18px 45px rgba(0,0,0,.25);backdrop-filter:blur(8px);animation:ai-card-float 6s ease-in-out infinite}.orbit-card b{font-size:.75rem}.orbit-card span{color:#9fc7cf;font-size:.62rem}.orbit-card span::before{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#5cd2ae;box-shadow:0 0 0 5px rgba(92,210,174,.1);content:''}.orbit-dispatch{top:6%;left:2%}.orbit-capacity{top:15%;right:0;animation-delay:-1.5s}.orbit-ltl{bottom:13%;left:0;animation-delay:-3s}.orbit-kpi{right:3%;bottom:5%;animation-delay:-4.5s}
.ai-agents{background:#f0f6f7}.ai-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.ai-agent-card{position:relative;grid-column:span 2;overflow:hidden;min-height:315px;padding:1.5rem;border:1px solid #d4e3e6;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(14,75,88,.08);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.ai-agent-card:nth-child(4){grid-column:2/span 2}.ai-agent-card:hover{border-color:#69cbd5;box-shadow:0 24px 58px rgba(14,75,88,.14);transform:translateY(-5px)}.ai-card-top{display:flex;align-items:center;justify-content:space-between}.ai-card-top span{color:#168ca4;font-size:.7rem;font-weight:900;letter-spacing:.1em}.ai-card-top>i{position:relative;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#0c5568,#1699a9)}.ai-card-top>i::before,.ai-card-top>i::after{position:absolute;border-radius:50%;background:#70dbc4;content:''}.ai-card-top>i::before{width:9px;height:9px;top:11px;left:11px}.ai-card-top>i::after{width:5px;height:5px;right:10px;bottom:10px;animation:ai-node-pulse 2.8s ease-in-out infinite}.ai-agent-card h3{margin-top:2.2rem}.ai-agent-card p{color:#617983}.ai-card-status{position:absolute;right:1.5rem;bottom:1.4rem;left:1.5rem;display:flex;align-items:center;gap:.55rem;padding-top:1rem;border-top:1px solid #dde8ea}.ai-card-status i{width:8px;height:8px;border-radius:50%;background:#43bd89;box-shadow:0 0 0 5px rgba(67,189,137,.1);animation:ai-status-pulse 2.8s ease-in-out infinite}.ai-card-status b{color:#28745f;font-size:.68rem}.ai-agent-card:nth-child(2) .ai-card-top>i::after,.ai-agent-card:nth-child(2) .ai-card-status i{animation-delay:-.55s}.ai-agent-card:nth-child(3) .ai-card-top>i::after,.ai-agent-card:nth-child(3) .ai-card-status i{animation-delay:-1.1s}.ai-agent-card:nth-child(4) .ai-card-top>i::after,.ai-agent-card:nth-child(4) .ai-card-status i{animation-delay:-1.65s}.ai-agent-card:nth-child(5) .ai-card-top>i::after,.ai-agent-card:nth-child(5) .ai-card-status i{animation-delay:-2.2s}
.ai-foundation{color:#fff;background:linear-gradient(145deg,#071d2b,#0b3d50)}.ai-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.ai-foundation h2{color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.ai-foundation .lead{color:#bad7de}.ai-foundation-copy{padding-top:1rem}.ai-foundation-copy p{padding:0 0 1.5rem;border-bottom:1px solid rgba(164,222,230,.18);color:#c8dfe4;font-size:1.05rem}.ai-foundation-copy .ai-closing{border-bottom:0;color:#6bd9c0;font-size:1.35rem;font-weight:850}
@keyframes ai-grid-drift{to{background-position:52px 52px}}@keyframes ai-card-float{50%{transform:translateY(-7px)}}@keyframes ai-core-breathe{50%{box-shadow:0 32px 85px rgba(0,0,0,.38),0 0 0 12px rgba(105,216,189,.07),inset 0 1px #fff}}@keyframes ai-node-pulse{50%{transform:scale(1.7);box-shadow:0 0 0 5px rgba(112,219,196,.13)}}@keyframes ai-status-pulse{50%{box-shadow:0 0 0 9px rgba(67,189,137,.04)}}
@media(max-width:920px){.ai-hero-grid,.ai-foundation-grid{grid-template-columns:1fr}.ai-orbit{max-width:620px}.ai-card-grid{grid-template-columns:1fr 1fr}.ai-agent-card,.ai-agent-card:nth-child(4){grid-column:auto}}
@media(max-width:620px){.ai-orbit{min-height:420px}.ai-orbit::before{width:280px;height:280px}.ai-orbit::after{width:190px;height:190px}.ai-core{width:125px;height:125px}.ai-core strong{font-size:2.8rem}.orbit-card{min-width:122px;padding:.8rem}.orbit-dispatch{left:0}.orbit-capacity{right:0}.orbit-ltl{left:0}.orbit-kpi{right:0}.ai-card-grid{grid-template-columns:1fr}.ai-agent-card{min-height:290px}}
@media(prefers-reduced-motion:reduce){.ai-grid-lines,.ai-core,.orbit-card,.ai-card-top>i::after,.ai-card-status i{animation:none!important}.ai-agent-card{transition:none}.ai-agent-card:hover{transform:none}}
.ai-card-grid>.ai-agent-card{display:block}
.ai-card-grid .ai-card-top>.agent-icon{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(106,221,198,.45);border-radius:18px;background:linear-gradient(145deg,#0b4c60,#168b99);box-shadow:0 12px 28px rgba(13,101,117,.2);animation:ai-icon-float 4.8s ease-in-out infinite}
.ai-card-grid .ai-card-top>.agent-icon svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.ai-card-grid .ai-agent-card:nth-child(2) .agent-icon{animation-delay:-.9s}.ai-card-grid .ai-agent-card:nth-child(3) .agent-icon{animation-delay:-1.8s}.ai-card-grid .ai-agent-card:nth-child(4) .agent-icon{animation-delay:-2.7s}.ai-card-grid .ai-agent-card:nth-child(5) .agent-icon{animation-delay:-3.6s}
@keyframes ai-icon-float{50%{transform:translateY(-5px);box-shadow:0 17px 34px rgba(13,101,117,.25)}}
@media(prefers-reduced-motion:reduce){.ai-card-grid .ai-card-top>.agent-icon{animation:none!important}}


/* Small parcel */
.parcel-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 22%,rgba(99,220,190,.2),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 62%,#0b5b65)}
.parcel-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(153,225,232,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(153,225,232,.24) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 42%,#000)}
.parcel-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.parcel-hero .eyebrow{color:#fff}.parcel-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.parcel-hero h1 span{color:#69d8bd}.parcel-hero .lead{max-width:720px;color:#d1e7ec}.parcel-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}
.parcel-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.parcel-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.parcel-rate-console{overflow:hidden;border:1px solid rgba(157,226,233,.3);border-radius:24px;color:#173b49;background:#f7fbfb;box-shadow:0 34px 85px rgba(0,0,0,.32);transform:rotate(.6deg)}.parcel-console-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid #d7e6e9;background:#fff}.parcel-console-head>div{display:flex;align-items:center;gap:.55rem}.parcel-console-head small{color:#16879c;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.parcel-package{padding:1.2rem;background:linear-gradient(145deg,#eaf5f5,#f8fcfc)}.parcel-package>span,.parcel-package>strong{display:block}.parcel-package>span{color:#16879c;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.parcel-package>strong{margin-top:.35rem;font-size:.9rem}.parcel-package>div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.parcel-package em{padding:.35rem .55rem;border:1px solid #d1e3e6;border-radius:7px;color:#52707a;background:#fff;font-size:.62rem;font-style:normal}.parcel-rate-list{display:grid;gap:.55rem;padding:1rem}.parcel-rate-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #d8e6e8;border-radius:10px;background:#fff}.parcel-rate-list article.selected{border-color:#72cdbd;background:#effaf6;box-shadow:0 8px 20px rgba(25,132,112,.08)}.parcel-rate-list strong,.parcel-rate-list small{display:block}.parcel-rate-list strong{font-size:.75rem}.parcel-rate-list small{margin-top:.18rem;color:#71868e;font-size:.6rem}.parcel-rate-list article>span,.parcel-rate-list article>b{padding:.32rem .48rem;border-radius:6px;color:#166b59;background:#dff4ec;font-size:.56rem;font-weight:900}.parcel-rate-list article>b{color:#496872;background:#edf4f5}.parcel-console-foot{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;border-top:1px solid #d7e6e9;background:#fff}.parcel-console-foot span{display:flex;align-items:center;gap:.5rem;color:#28725f;font-size:.65rem;font-weight:850}.parcel-console-foot i{width:8px;height:8px;border-radius:50%;background:#43bd89;box-shadow:0 0 0 5px rgba(67,189,137,.1)}.parcel-console-foot strong{font-size:.64rem}
.parcel-capabilities{background:#f1f6f7}.parcel-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:2.4rem}.parcel-card-grid article{grid-column:span 2;min-height:240px;padding:1.5rem;border:1px solid #d4e3e6;border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(14,75,88,.06)}.parcel-card-grid article:nth-child(4){grid-column:2/span 2}.parcel-card-grid>article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#0c5669,#1595a6);font-size:.64rem;font-weight:900}.parcel-card-grid h3{margin-top:2.2rem}.parcel-card-grid p{color:#607983}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700;800&family=Syne:wght@500;600;700;800&display=swap');

:root {
  --brand-blue: #1e61b7;
  --brand-blue-light: #387aba;
  --brand-cyan: #31bfd5;
  --brand-cyan-light: #b3e3ed;
  --brand-charcoal: #4d4d4d;
  --brand-gray: #e1e1e1;
  --navy-950: #10365f;
  --navy-900: #174b85;
  --navy-800: #1e61b7;
  --blue-600: #1e61b7;
  --blue-500: #387aba;
  --blue-100: #e8f4fa;
  --cyan-400: #31bfd5;
  --teal-500: #31bfd5;
  --ink: #303942;
  --muted: #5c6873;
  --line: #e1e1e1;
  --surface: #f7fafc;
  --white: #ffffff;
  --success: #157d69;
  --warning: #b55d08;
  --shadow-sm: 0 8px 24px rgba(7, 23, 41, .08);
  --shadow-lg: 0 22px 70px rgba(7, 23, 41, .16);
  --radius-sm: .75rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --content: 1180px;
  --header: 78px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
a { color: var(--blue-600); text-underline-offset: .18em; }
a:hover { color: var(--navy-900); }
img { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--cyan-400); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 1000; top: .5rem; left: .5rem; padding: .75rem 1rem; color: var(--white); background: var(--navy-950); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.container { width: min(calc(100% - 2rem), var(--content)); margin-inline: auto; }
.narrow { width: min(calc(100% - 2rem), 780px); margin-inline: auto; }
.section { padding: clamp(4rem, 8vw, 7.5rem) 0; }
.section-sm { padding: 3.5rem 0; }
.surface { background: var(--surface); }
.dark { color: var(--white); background: var(--navy-950); }
.eyebrow { margin: 0 0 .75rem; color: var(--blue-600); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.dark .eyebrow { color: var(--cyan-400); }
h1, h2, h3 { margin: 0 0 1rem; color: #142230; font-family: Sora, Arial, sans-serif; line-height: 1.08; letter-spacing: -.045em; }
.dark h1, .dark h2, .dark h3 { color: var(--white); }
h1 { max-width: 880px; font-size: clamp(2.65rem, 6vw, 5.6rem); }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
h3 { font-size: clamp(1.15rem, 2vw, 1.45rem); letter-spacing: -.02em; }
.concept-b h1, .concept-b h2, .concept-b h3 { font-family: Syne, Sora, sans-serif; letter-spacing: -.055em; }
.concept-b .command-copy h1 { letter-spacing: -.075em; }
.lead { max-width: 730px; margin: 0 0 1.75rem; color: var(--muted); font-size: clamp(1.08rem, 2vw, 1.3rem); }
.dark .lead { color: #bcd0e2; }
.section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 480px); gap: 2rem; align-items: end; margin-bottom: 2.5rem; }
.section-head p { margin: 0; color: var(--muted); }
.actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.75rem; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .55rem; padding: .8rem 1.2rem; border: 1px solid transparent; border-radius: 999px; color: var(--white); background: var(--blue-600); font-weight: 700; line-height: 1.2; text-decoration: none; transition: .2s ease; }
.button:hover { color: var(--white); background: var(--navy-800); transform: translateY(-2px); }
.button-light { color: var(--navy-950); background: var(--white); }
.button-light:hover { color: var(--navy-950); background: var(--blue-100); }
.button-outline { color: var(--navy-900); border-color: var(--line); background: transparent; }
.dark .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.button-outline:hover { color: var(--navy-950); background: var(--blue-100); }
.dark .button-outline:hover { color: var(--white); background: rgba(255,255,255,.12); }

.site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid rgba(220,229,237,.8); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.header-inner { display: flex; min-height: var(--header); align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--navy-950); font: 800 1.2rem/1 Sora, sans-serif; text-decoration: none; white-space: nowrap; }
.brand-mark { position: relative; display: grid; width: 38px; height: 38px; place-items: center; border: 3px solid var(--brand-blue); border-radius: 50%; color: var(--brand-blue); background: var(--white); font: 800 .68rem/1 Sora, sans-serif; letter-spacing: -.08em; }
.brand-mark::after { position: absolute; inset: 4px; border: 2px solid var(--brand-cyan); border-radius: 50%; content: ""; }
.brand-logo { position: relative; display: block; width: 190px; height: 50px; overflow: hidden; }
.brand-logo img { position: absolute; width: 100%; max-width: none; height: auto; left: 0; top: -66px; }
.brand-footer .brand-logo { width: 210px; height: 56px; }
.brand-footer .brand-logo img { top: -73px; }
.site-nav { display: flex; flex: 1; align-items: center; justify-content: center; gap: 1.65rem; }
.site-nav a { color: var(--ink); font-size: .94rem; font-weight: 600; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--blue-600); }
.header-actions { display: flex; align-items: center; gap: .75rem; }
.header-actions .button { border-color: rgba(255,255,255,.26); background: linear-gradient(145deg, #31bfd5 0%, #1e61b7 62%, #174b85 100%); background-size: 160% 160%; box-shadow: 0 10px 24px rgba(30,97,183,.28), inset 0 1px 0 rgba(255,255,255,.28); transition: transform .2s ease, box-shadow .2s ease, background-position .35s ease; }
.header-actions .button:hover { background-position: 100% 100%; box-shadow: 0 14px 30px rgba(30,97,183,.36), inset 0 1px 0 rgba(255,255,255,.32); transform: translateY(-2px); }
.login { color: var(--ink); font-weight: 700; text-decoration: none; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--white); }

.hero { position: relative; overflow: hidden; padding: clamp(4.75rem, 9vw, 8.75rem) 0; color: #dce9f5; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #061522 0%, #0b2842 56%, #103d62 100%); }
.hero h1 { color: var(--white); text-shadow: 0 6px 32px rgba(0,0,0,.2); }
.hero .lead { color: #bbcede; }
.hero .eyebrow { color: #6ce5f2; }
.hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.hero .button-outline:hover { color: var(--white); border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.1); }
.hero::before { position: absolute; width: 560px; height: 560px; border: 1px solid rgba(49,191,213,.2); border-radius: 50%; content: ""; right: -180px; top: -270px; box-shadow: 0 0 0 95px rgba(56,122,186,.07), 0 0 0 190px rgba(49,191,213,.04); }
.hero::after { position: absolute; width: 240px; height: 240px; border-radius: 50%; content: ""; left: -150px; bottom: -170px; background: rgba(49,191,213,.12); filter: blur(2px); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.tech-lines { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.tech-lines svg { width: 100%; height: 100%; overflow: visible; }
.signal-line { fill: none; stroke: url(#hero-signal); stroke-width: 1.4; stroke-linecap: round; stroke-dasharray: 11 19; vector-effect: non-scaling-stroke; animation: signalFlow 8s linear infinite, waveFloat 12s ease-in-out infinite alternate; }
.signal-b { opacity: .55; stroke-width: 1; animation-duration: 11s, 15s; animation-direction: reverse, alternate; }
.signal-c { opacity: .36; animation-duration: 14s, 18s; }
.signal-node { fill: var(--brand-cyan); filter: drop-shadow(0 0 7px rgba(49,191,213,.9)); transform-box: fill-box; transform-origin: center; animation: nodePulse 3.2s ease-in-out infinite; }
.node-b { animation-delay: -1.4s; }
.tech-lines-hero { opacity: .62; }
.hero .proof-line { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 2rem; color: var(--muted); font-size: .88rem; font-weight: 600; }
.hero .proof-line { color: #b6cbdd; }
.proof-line span::before { margin-right: .45rem; color: var(--teal-500); content: "✓"; }
.product-panel { position: relative; padding: 1.1rem; border: 1px solid rgba(56,122,186,.16); border-radius: var(--radius-lg); background: rgba(255,255,255,.9); box-shadow: 0 28px 80px rgba(30,97,183,.2); backdrop-filter: blur(18px); }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; padding: .6rem .55rem 1rem; color: var(--muted); font-size: .8rem; font-weight: 700; }
.dots { display: flex; gap: .3rem; }
.dots i { width: 7px; height: 7px; bo[Truncated]
/* Primary header alignment and sticky wrapper fix */
.wp-site-blocks>main{margin-block-start:0!important}
header.wp-block-template-part{position:sticky!important;z-index:1000!important;top:0!important}
body.admin-bar header.wp-block-template-part{top:32px!important}
.site-header{position:relative!important;z-index:1;top:auto!important}
.header-inner{display:grid!important;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;column-gap:clamp(1.5rem,2.5vw,2.5rem)}
.site-nav{min-width:0;gap:clamp(1rem,1.55vw,1.65rem)}
.site-nav a{display:inline-flex;min-height:44px;align-items:center}
.header-actions{min-height:50px;justify-content:flex-end}
@media(max-width:1180px){.header-inner{display:flex!important;justify-content:space-between}}
@media(max-width:782px){body.admin-bar header.wp-block-template-part{top:46px!important}}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700;800&family=Syne:wght@500;600;700;800&display=swap');

:root {
  --brand-blue: #1e61b7;
  --brand-blue-light: #387aba;
  --brand-cyan: #31bfd5;
  --brand-cyan-light: #b3e3ed;
  --brand-charcoal: #4d4d4d;
  --brand-gray: #e1e1e1;
  --navy-950: #10365f;
  --navy-900: #174b85;
  --navy-800: #1e61b7;
  --blue-600: #1e61b7;
  --blue-500: #387aba;
  --blue-100: #e8f4fa;
  --cyan-400: #31bfd5;
  --teal-500: #31bfd5;
  --ink: #303942;
  --muted: #5c6873;
  --line: #e1e1e1;
  --surface: #f7fafc;
  --white: #ffffff;
  --success: #157d69;
  --warning: #b55d08;
  --shadow-sm: 0 8px 24px rgba(7, 23, 41, .08);
  --shadow-lg: 0 22px 70px rgba(7, 23, 41, .16);
  --radius-sm: .75rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --content: 1180px;
  --header: 78px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
a { color: var(--blue-600); text-underline-offset: .18em; }
a:hover { color: var(--navy-900); }
img { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--cyan-400); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 1000; top: .5rem; left: .5rem; padding: .75rem 1rem; color: var(--white); background: var(--navy-950); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.container { width: min(calc(100% - 2rem), var(--content)); margin-inline: auto; }
.narrow { width: min(calc(100% - 2rem), 780px); margin-inline: auto; }
.section { padding: clamp(4rem, 8vw, 7.5rem) 0; }
.section-sm { padding: 3.5rem 0; }
.surface { background: var(--surface); }
.dark { color: var(--white); background: var(--navy-950); }
.eyebrow { margin: 0 0 .75rem; color: var(--blue-600); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.dark .eyebrow { color: var(--cyan-400); }
h1, h2, h3 { margin: 0 0 1rem; color: #142230; font-family: Sora, Arial, sans-serif; line-height: 1.08; letter-spacing: -.045em; }
.dark h1, .dark h2, .dark h3 { color: var(--white); }
h1 { max-width: 880px; font-size: clamp(2.65rem, 6vw, 5.6rem); }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
h3 { font-size: clamp(1.15rem, 2vw, 1.45rem); letter-spacing: -.02em; }
.concept-b h1, .concept-b h2, .concept-b h3 { font-family: Syne, Sora, sans-serif; letter-spacing: -.055em; }
.concept-b .command-copy h1 { letter-spacing: -.075em; }
.lead { max-width: 730px; margin: 0 0 1.75rem; color: var(--muted); font-size: clamp(1.08rem, 2vw, 1.3rem); }
.dark .lead { color: #bcd0e2; }
.section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 480px); gap: 2rem; align-items: end; margin-bottom: 2.5rem; }
.section-head p { margin: 0; color: var(--muted); }
.actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.75rem; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .55rem; padding: .8rem 1.2rem; border: 1px solid transparent; border-radius: 999px; color: var(--white); background: var(--blue-600); font-weight: 700; line-height: 1.2; text-decoration: none; transition: .2s ease; }
.button:hover { color: var(--white); background: var(--navy-800); transform: translateY(-2px); }
.button-light { color: var(--navy-950); background: var(--white); }
.button-light:hover { color: var(--navy-950); background: var(--blue-100); }
.button-outline { color: var(--navy-900); border-color: var(--line); background: transparent; }
.dark .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.button-outline:hover { color: var(--navy-950); background: var(--blue-100); }
.dark .button-outline:hover { color: var(--white); background: rgba(255,255,255,.12); }

.site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid rgba(220,229,237,.8); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.header-inner { display: flex; min-height: var(--header); align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--navy-950); font: 800 1.2rem/1 Sora, sans-serif; text-decoration: none; white-space: nowrap; }
.brand-mark { position: relative; display: grid; width: 38px; height: 38px; place-items: center; border: 3px solid var(--brand-blue); border-radius: 50%; color: var(--brand-blue); background: var(--white); font: 800 .68rem/1 Sora, sans-serif; letter-spacing: -.08em; }
.brand-mark::after { position: absolute; inset: 4px; border: 2px solid var(--brand-cyan); border-radius: 50%; content: ""; }
.brand-logo { position: relative; display: block; width: 190px; height: 50px; overflow: hidden; }
.brand-logo img { position: absolute; width: 100%; max-width: none; height: auto; left: 0; top: -66px; }
.brand-footer .brand-logo { width: 210px; height: 56px; }
.brand-footer .brand-logo img { top: -73px; }
.site-nav { display: flex; flex: 1; align-items: center; justify-content: center; gap: 1.65rem; }
.site-nav a { color: var(--ink); font-size: .94rem; font-weight: 600; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--blue-600); }
.header-actions { display: flex; align-items: center; gap: .75rem; }
.header-actions .button { border-color: rgba(255,255,255,.26); background: linear-gradient(145deg, #31bfd5 0%, #1e61b7 62%, #174b85 100%); background-size: 160% 160%; box-shadow: 0 10px 24px rgba(30,97,183,.28), inset 0 1px 0 rgba(255,255,255,.28); transition: transform .2s ease, box-shadow .2s ease, background-position .35s ease; }
.header-actions .button:hover { background-position: 100% 100%; box-shadow: 0 14px 30px rgba(30,97,183,.36), inset 0 1px 0 rgba(255,255,255,.32); transform: translateY(-2px); }
.login { color: var(--ink); font-weight: 700; text-decoration: none; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--white); }

.hero { position: relative; overflow: hidden; padding: clamp(4.75rem, 9vw, 8.75rem) 0; color: #dce9f5; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #061522 0%, #0b2842 56%, #103d62 100%); }
.hero h1 { color: var(--white); text-shadow: 0 6px 32px rgba(0,0,0,.2); }
.hero .lead { color: #bbcede; }
.hero .eyebrow { color: #6ce5f2; }
.hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.hero .button-outline:hover { color: var(--white); border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.1); }
.hero::before { position: absolute; width: 560px; height: 560px; border: 1px solid rgba(49,191,213,.2); border-radius: 50%; content: ""; right: -180px; top: -270px; box-shadow: 0 0 0 95px rgba(56,122,186,.07), 0 0 0 190px rgba(49,191,213,.04); }
.hero::after { position: absolute; width: 240px; height: 240px; border-radius: 50%; content: ""; left: -150px; bottom: -170px; background: rgba(49,191,213,.12); filter: blur(2px); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.tech-lines { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.tech-lines svg { width: 100%; height: 100%; overflow: visible; }
.signal-line { fill: none; stroke: url(#hero-signal); stroke-width: 1.4; stroke-linecap: round; stroke-dasharray: 11 19; vector-effect: non-scaling-stroke; animation: signalFlow 8s linear infinite, waveFloat 12s ease-in-out infinite alternate; }
.signal-b { opacity: .55; stroke-width: 1; animation-duration: 11s, 15s; animation-direction: reverse, alternate; }
.signal-c { opacity: .36; animation-duration: 14s, 18s; }
.signal-node { fill: var(--brand-cyan); filter: drop-shadow(0 0 7px rgba(49,191,213,.9)); transform-box: fill-box; transform-origin: center; animation: nodePulse 3.2s ease-in-out infinite; }
.node-b { animation-delay: -1.4s; }
.tech-lines-hero { opacity: .62; }
.hero .proof-line { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 2rem; color: var(--muted); font-size: .88rem; font-weight: 600; }
.hero .proof-line { color: #b6cbdd; }
.proof-line span::before { margin-right: .45rem; color: var(--teal-500); content: "✓"; }
.product-panel { position: relative; padding: 1.1rem; border: 1px solid rgba(56,122,186,.16); border-radius: var(--radius-lg); background: rgba(255,255,255,.9); box-shadow: 0 28px 80px rgba(30,97,183,.2); backdrop-filter: blur(18px); }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; padding: .6rem .55rem 1rem; color: var(--muted); font-size: .8rem; font-weight: 700; }
.dots { display: flex; gap: .3rem; }
.dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); }
.dashboard { padding: 1rem; border-radius: 1.35rem; color: var(--white); background: linear-gradient(145deg, #10365f, #1e61b7); }
.dashboard-top { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.dashboard-label { color: #9db4c9; font-size: .75rem; }
.metric { padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-sm); background: rgba(255,255,255,.06); }
.metric strong { display: block; font: 700 1.6rem/1.2 Sora, sans-serif; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; }
.load-list { display: grid; gap: .6rem; margin-top: .8rem; }
.load-row { display: grid; grid-template-columns: 1fr auto auto; gap: .7rem; align-items: center; padding: .8rem; border-radius: .7rem; color: #c6d7e6; background: rgba(255,255,255,.055); font-size: .78rem; }
.status { padding: .25rem .55rem; border-radius: 999px; color: #91f0df; background: rgba(32,168,155,.18); font-size: .7rem; font-weight: 700; }
.breadcrumb { padding: 1.1rem 0; color: var(--muted); font-size: .84rem; }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.breadcrumb li + li::before { margin-right: .45rem; content: "/"; }
.breadcrumb a { color: var(--muted); }

.logo-strip { border-block: 1px solid var(--line); }
.logo-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5rem; align-items: center; }
.wordmark { color: var(--brand-charcoal); font: 700 1rem/1 Sora, sans-serif; text-align: center; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.card { position: relative; overflow: hidden; padding: clamp(1.35rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: 0 1px 0 rgba(30,97,183,.03); transition: .2s ease; }
.card::after { position: absolute; width: 80px; height: 3px; left: 0; bottom: 0; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.card:hover { border-color: var(--brand-cyan-light); box-shadow: 0 16px 38px rgba(30,97,183,.11); transform: translateY(-3px); }
.card:hover::after { transform: scaleX(1); }
.card p { margin: 0; color: var(--muted); }
.card a { font-weight: 700; }
.card-icon { display: grid; width: 44px; height: 44px; margin-bottom: 1.25rem; place-items: center; border-radius: 13px; color: var(--blue-600); background: var(--blue-100); font-weight: 800; }
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.feature-list { display: grid; gap: 1rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.feature-list li { position: relative; padding-left: 2rem; }
.feature-list li::before { position: absolute; left: 0; top: .15rem; display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; color: var(--white); background: var(--teal-500); content: "✓"; font-size: .72rem; font-weight: 800; }
.feature-list strong { display: block; color: var(--navy-950); }
.visual-box { min-height: 420px; padding: 2rem; border-radius: var(--radius-lg); background: linear-gradient(145deg, #164b84, #1e61b7 62%, #287da9); box-shadow: 0 24px 60px rgba(30,97,183,.22); }
.flow { display: grid; gap: 1rem; }
.flow-step { display: flex; gap: 1rem; align-items: center; padding: 1.1rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-sm); color: var(--white); background: rgba(255,255,255,.07); }
.flow-step b { display: grid; flex: 0 0 32px; height: 32px; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--cyan-400); }
.flow-step small { display: block; color: #aac0d3; }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--line); }
.stat { padding: 2rem 1.25rem; background: var(--white); text-align: center; }
.stat strong { display: block; color: var(--blue-600); font: 800 clamp(1.8rem, 4vw, 3rem)/1 Sora, sans-serif; }
.stat span { display: block; margin-top: .6rem; color: var(--muted); font-size: .88rem; }
.quote { margin: 0; padding: clamp(1.8rem, 4vw, 3.5rem); border-radius: var(--radius-lg); color: var(--white); background: var(--navy-900); }
.quote p { margin: 0 0 1.5rem; font: 600 clamp(1.35rem, 3vw, 2.1rem)/1.35 Sora, sans-serif; }
.quote cite { color: #bcd0e2; font-style: normal; }
.cta-band { position: relative; overflow: hidden; border-radius: var(--radius-lg); background: linear-gradient(120deg, var(--brand-blue), var(--brand-blue-light) 64%, #278da9); box-shadow: 0 24px 56px rgba(30,97,183,.2); }
.cta-band .inner { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; padding: clamp(2rem, 6vw, 4.5rem); }
.cta-band h2 { max-width: 720px; margin: 0; color: var(--white); }
.cta-band p { margin: .8rem 0 0; color: #dbe8ff; }

.ai-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #f7fbfd 0%, #eef7fb 100%); }
.ai-section::before { position: absolute; width: 440px; height: 440px; border: 1px solid rgba(49,191,213,.2); border-radius: 50%; content: ""; right: -260px; top: 80px; box-shadow: 0 0 0 70px rgba(49,191,213,.035), 0 0 0 140px rgba(30,97,183,.025); }
.ai-section > .container { position: relative; z-index: 2; }
.tech-lines-ai { z-index: 1; top: 10%; bottom: 2%; opacity: .7; }
.tech-lines-ai .signal-line { stroke: url(#ai-signal); stroke-width: 1.1; stroke-dasharray: 8 17; animation-duration: 15s, 20s; }
.tech-lines-ai .signal-e { opacity: .5; animation-duration: 18s, 24s; animation-direction: reverse, alternate; }
.ai-section-head { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 3rem; align-items: end; margin-bottom: 2.75rem; }
.ai-section-head h2 { max-width: 780px; }
.ai-section-head > p { margin: 0; color: var(--muted); font-size: 1.08rem; }
.ai-agent-grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.ai-agent-card { overflow: hidden; border: 1px solid rgba(56,122,186,.2); border-radius: 1.45rem; background: rgba(255,255,255,.92); box-shadow: 0 18px 48px rgba(30,97,183,.1); transition: transform .25s ease, box-shadow .25s ease; }
.ai-agent-card:hover { box-shadow: 0 26px 64px rgba(30,97,183,.18); transform: translateY(-6px); }
.ai-agent-media { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: var(--white); }
.ai-agent-media::after { position: absolute; inset: auto 0 0; height: 22%; background: linear-gradient(transparent, rgba(16,54,95,.08)); content: ""; pointer-events: none; }
.ai-agent-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.ai-agent-card:hover .ai-agent-media img { transform: scale(1.025); }
.agent-icon-stage { position: relative; display: grid; min-height: 245px; place-items: center; overflow: hidden; border-bottom: 1px solid rgba(56,122,186,.16); background: radial-gradient(circle at 50% 45%, #ffffff 0 20%, #eff8fc 68%, #e2f3f7 100%); }
.agent-icon-stage::before { position: absolute; width: 230px; height: 230px; border: 1px solid rgba(30,97,183,.1); border-radius: 50%; content: ""; box-shadow: 0 0 0 34px rgba(49,191,213,.045), 0 0 0 68px rgba(30,97,183,.025); }
.agent-icon { position: relative; z-index: 1; display: grid; width: 112px; height: 112px; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 30px; color: var(--white); background: linear-gradient(145deg, var(--brand-blue-light), var(--brand-blue) 62%, #174b85); box-shadow: 0 18px 34px rgba(30,97,183,.25), inset 0 1px 0 rgba(255,255,255,.25); }
.agent-icon svg { width: 62px; height: 62px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.agent-icon-procaller { background: linear-gradient(145deg, #31bfd5, #1e61b7 66%, #174b85); }
.agent-icon-dispatch { background: linear-gradient(145deg, #387aba, #1e61b7 58%, #10365f); }
.agent-number { position: absolute; right: 1.1rem; top: .8rem; color: rgba(30,97,183,.22); font: 800 2.7rem/1 Sora, sans-serif; letter-spacing: -.08em; }
.ai-agent-content { padding: 1.5rem; }
.ai-agent-content h3 { margin-top: .65rem; font-size: 1.65rem; }
.ai-agent-content p { color: var(--muted); }
.ai-agent-content ul { display: grid; gap: .45rem; margin: 1rem 0 1.25rem; padding: 0; list-style: none; }
.ai-agent-content li { position: relative; padding-left: 1.35rem; color: var(--ink); font-size: .92rem; }
.ai-agent-content li::before { position: absolute; left: 0; color: var(--brand-cyan); content: "●"; font-size: .72rem; }
.ai-agent-content a { font-weight: 700; text-decoration: none; }
.ai-badge { display: inline-flex; align-items: center; padding: .35rem .65rem; border: 1px solid rgba(30,97,183,.16); border-radius: 999px; color: var(--brand-blue); background: var(--blue-100); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.native-proof { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 2rem; align-items: center; margin-top: 1.5rem; padding: 1.4rem 1.6rem; border-radius: 1.15rem; color: var(--white); background: linear-gradient(120deg, #10365f, var(--brand-blue)); box-shadow: 0 18px 44px rgba(30,97,183,.18); }
.native-proof-kicker { display: block; margin-bottom: .25rem; color: var(--brand-cyan-light); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.native-proof strong { font: 700 1.18rem/1.35 Sora, sans-serif; }
.native-proof-points { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
.native-proof-points span { padding: .42rem .7rem; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #e8f7fb; font-size: .8rem; font-weight: 700; }

.workflow-lab { position: relative; overflow: hidden; color: #d8e7f3; background: radial-gradient(circle at 20% 8%, rgba(49,191,213,.12), transparent 25%), #071722; }
.workflow-lab > .container { position: relative; z-index: 2; }
.flow-grid { position: absolute; z-index: 1; inset: -80px; opacity: .22; background-image: linear-gradient(rgba(49,191,213,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.16) 1px, transparent 1px); background-size: 54px 54px; -webkit-mask-image: radial-gradient(ellipse at 50% 45%, #000 0 25%, transparent 76%); mask-image: radial-gradient(ellipse at 50% 45%, #000 0 25%, transparent 76%); animation: gridDrift 20s linear infinite; pointer-events: none; }
.flow-grid::after { position: absolute; width: 520px; height: 520px; border: 1px solid rgba(49,191,213,.35); border-radius: 50%; content: ""; right: 5%; top: 14%; box-shadow: 0 0 0 46px rgba(49,191,213,.035), 0 0 0 92px rgba(56,122,186,.025); animation: orbitDrift 14s ease-in-out infinite alternate; }
.workflow-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr); gap: 3rem; align-items: end; margin-bottom: 2.5rem; }
.workflow-heading h2 { max-width: 780px; color: var(--white); }
.workflow-heading > p { margin: 0; color: #9eb5c7; font-size: 1.05rem; }
.workflow-heading .eyebrow { color: #68dbea; }
.workflow-shell { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.65rem; background: rgba(11,40,66,.7); box-shadow: 0 34px 90px rgba(0,0,0,.28); backdrop-filter: blur(16px); }
.workflow-tabs { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid rgba(179,227,237,.14); background: rgba(4,17,28,.5); }
.workflow-tab { position: relative; display: grid; gap: .22rem; min-height: 112px; padding: 1.2rem 1.35rem; border: 0; border-right: 1px solid rgba(179,227,237,.1); color: #93aabd; background: transparent; text-align: left; transition: .2s ease; }
.workflow-tab:last-child { border-right: 0; }
.workflow-tab::after { position: absolute; right: 1rem; bottom: -1px; left: 1rem; height: 3px; border-radius: 3px 3px 0 0; background: var(--brand-cyan); content: ""; opacity: 0; transform: scaleX(.4); transition: .2s ease; }
.workflow-tab:hover { color: var(--white); background: rgba(255,255,255,.035); }
.workflow-tab[aria-selected="true"] { color: var(--white); background: linear-gradient(180deg, rgba(49,191,213,.11), rgba(30,97,183,.04)); }
.workflow-tab[aria-selected="true"]::after { opacity: 1; transform: scaleX(1); }
.workflow-tab span { color: var(--brand-cyan); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .08em; }
.workflow-tab strong { font: 600 1rem/1.3 Sora, sans-serif; }
.workflow-tab small { color: #7891a5; font-size: .78rem; }
.workflow-stage { min-height: 480px; }
.workflow-panel { display: grid; grid-template-columns: minmax(0, .86fr) minmax(390px, 1.14fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; padding: clamp(2rem, 5vw, 4.25rem); }
.workflow-panel[hidden] { display: none; }
.workflow-copy h3 { margin: .9rem 0 1rem; color: var(--white); font-size: clamp(1.7rem, 3vw, 2.65rem); }
.workflow-copy > p { color: #9fb6c8; }
.workflow-copy .feature-list strong { color: #eff8ff; }
.workflow-copy .feature-list li { color: #a8bdcd; }
.ui-status { display: inline-flex; align-items: center; width: fit-content; padding: .35rem .65rem; border: 1px solid rgba(49,191,213,.24); border-radius: 999px; color: #8be8f2; background: rgba(49,191,213,.09); font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.ui-window { overflow: hidden; min-height: 320px; border: 1px solid rgba(179,227,237,.18); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 50px rgba(0,0,0,.2); }
.ui-window-bar { display: flex; min-height: 54px; align-items: center; justify-content: space-between; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.13); color: #dceaf4; font-size: .83rem; font-weight: 700; }
.ui-window-bar i { width: 8px; height: 8px; border-radius: 50%; background: #617b8e; box-shadow: -14px 0 #3e5d72, -28px 0 #2b485c; }
.ui-window-bar .live-dot { background: #55dfc0; box-shadow: 0 0 0 5px rgba(85,223,192,.09), 0 0 18px rgba(85,223,192,.5); }
.route-line { display: grid; grid-template-columns: 1fr auto 1fr; gap: .8rem; align-items: center; padding: 1.3rem 1.15rem; border-bottom: 1px solid rgba(179,227,237,.1); }
.route-line b { color: var(--white); font-family: Sora, sans-serif; }
.route-line b:last-child { text-align: right; }
.route-line span { position: relative; padding: 0 1.4rem; color: #8da6b9; font-size: .75rem; }
.route-line span::before { position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, var(--brand-cyan), rgba(49,191,213,.2)); content: ""; }
.route-line span { z-index: 1; background: #102d45; }
.ui-options { display: grid; gap: .65rem; padding: 1.1rem; }
.ui-option { display: grid; grid-template-columns: .8fr 1.2fr auto; gap: 1rem; align-items: center; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .8rem; color: #88a1b4; background: rgba(255,255,255,.025); }
.ui-option.active { border-color: rgba(49,191,213,.42); color: var(--white); background: rgba(49,191,213,.08); box-shadow: 0 0 0 1px rgba(49,191,213,.08); }
.ui-option strong { color: inherit; font-size: .85rem; }
.ui-option em { color: #74dbe8; font-size: .75rem; font-style: normal; }
.activity-feed { padding: .75rem 1rem 1rem; }
.activity-feed > div { display: grid; grid-template-columns: 52px 1fr auto; gap: .8rem; align-items: center; padding: .9rem .4rem; border-bottom: 1px solid rgba(179,227,237,.09); }
.activity-feed > div:last-child { border-bottom: 0; }
.activity-feed b { color: #6f8ba0; font-size: .72rem; }
.activity-feed span { color: #d5e4ef; font-size: .86rem; }
.activity-feed em { padding: .25rem .5rem; border-radius: 999px; color: #75dfeb; background: rgba(49,191,213,.1); font-size: .68rem; font-style: normal; }
.dispatch-card { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin: 1.1rem; padding: 1.1rem; border: 1px solid rgba(49,191,213,.22); border-radius: .9rem; background: rgba(49,191,213,.06); }
.dispatch-card strong, .dispatch-card small { display: block; }
.dispatch-card strong { margin: .55rem 0 .15rem; color: var(--white); font-family: Sora, sans-serif; }
.dispatch-card small { color: #8da7ba; }
.dispatch-checks { display: grid; gap: .55rem; padding: 0 1.1rem 1.1rem; }
.dispatch-checks span { position: relative; padding: .75rem 1rem .75rem 2.4rem; border-radius: .7rem; color: #7892a6; background: rgba(255,255,255,.025); }
.dispatch-checks span::before { position: absolute; left: .9rem; content: "○"; color: #6f899d; }
.dispatch-checks .done { color: #d5e5ef; }
.dispatch-checks .done::before { color: #55dfc0; content: "✓"; }
.timeline { position: relative; display: grid; gap: 0; padding: 1.1rem 1.2rem; }
.timeline::before { position: absolute; width: 1px; top: 2rem; bottom: 2rem; left: 2rem; background: rgba(179,227,237,.18); content: ""; }
.timeline > div { position: relative; display: grid; gap: .1rem; padding: .75rem .6rem .75rem 2.5rem; }
.timeline > div::before { position: absolute; z-index: 1; width: 10px; height: 10px; left: .35rem; top: 1.1rem; border: 2px solid #557489; border-radius: 50%; background: #102d45; content: ""; }
.timeline .complete::before { border-color: #55dfc0; background: #55dfc0; }
.timeline .current::before { border-color: var(--brand-cyan); box-shadow: 0 0 0 6px rgba(49,191,213,.1), 0 0 18px rgba(49,191,213,.38); }
.timeline b { color: #e2edf5; font-size: .86rem; }
.timeline span { color: #7893a8; font-size: .76rem; }

@keyframes signalFlow {
  to { stroke-dashoffset: -180; }
}

@keyframes waveFloat {
  from { transform: translate3d(-1.5%, -5px, 0); }
  to { transform: translate3d(1.5%, 7px, 0); }
}

@keyframes nodePulse {
  0%, 100% { opacity: .35; transform: scale(.75); }
  50% { opacity: 1; transform: scale(1.35); }
}

@keyframes gridDrift {
  to { transform: translate3d(54px, 54px, 0); }
}

@keyframes orbitDrift {
  from { transform: translate3d(-18px, -10px, 0) scale(.96); opacity: .45; }
  to { transform: translate3d(22px, 14px, 0) scale(1.04); opacity: .8; }
}

.command-hero { position: relative; overflow: hidden; min-height: 780px; padding: clamp(5rem, 9vw, 8rem) 0; color: #dceaf5; background: linear-gradient(135deg, #040e16 0%, #081c2b 52%, #0d2f48 100%); }
.command-mesh { position: absolute; inset: -20%; opacity: .2; background-image: linear-gradient(rgba(49,191,213,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.12) 1px, transparent 1px); background-size: 72px 72px; transform: perspective(700px) rotateX(62deg) translateY(18%); transform-origin: center bottom; mask-image: linear-gradient(180deg, transparent, #000 35%, transparent 80%); animation: commandMesh 22s linear infinite; }
.command-hero::after { position: absolute; width: 620px; height: 620px; border-radius: 50%; content: ""; right: -220px; top: -260px; background: radial-gradient(circle, rgba(49,191,213,.18), transparent 68%); filter: blur(12px); }
.command-grid { position: relative; z-index: 2; display: grid; width: min(calc(100% - 3rem), 1280px); grid-template-columns: minmax(0, 1fr) minmax(500px, 1fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
.command-copy { min-width: 0; max-width: 610px; }
.command-copy h1 { max-width: 610px; margin-top: 0; color: var(--white); font-size: clamp(3.35rem, 5.1vw, 5.25rem); line-height: 1.04; letter-spacing: -.065em; overflow-wrap: break-word; }
.command-copy h1 span { color: transparent; background: linear-gradient(90deg, #8debf3, #31bfd5 48%, #6ba8f1); -webkit-background-clip: text; background-clip: text; }
.command-copy .lead { color: #a9bfce; }
.command-pill { display: inline-flex; align-items: center; gap: .55rem; padding: .45rem .8rem; border: 1px solid rgba(49,191,213,.26); border-radius: 999px; color: #a7edf3; background: rgba(49,191,213,.08); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.command-pill i { width: 7px; height: 7px; border-radius: 50%; background: #58e1c1; box-shadow: 0 0 0 5px rgba(88,225,193,.1), 0 0 15px rgba(88,225,193,.6); }
.command-copy .actions { align-items: center; }
.text-link { color: #bad0df; font-size: .9rem; font-weight: 700; text-decoration: none; }
.text-link:hover { color: var(--brand-cyan); }
.command-trust { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 2.4rem; color: #7f99ac; font-size: .76rem; font-weight: 600; text-transform: uppercase; }
.command-trust span { display: flex; align-items: center; gap: .45rem; }
.command-trust b { color: #55d5e5; font-size: .64rem; }
.command-console { position: relative; overflow: hidden; border: 1px solid rgba(179,227,237,.18); border-radius: 1.5rem; background: linear-gradient(145deg, rgba(20,57,84,.88), rgba(6,25,39,.94)); box-shadow: 0 40px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter: blur(18px); }
.digital-globe { position: relative; overflow: hidden; min-height: 590px; border: 1px solid rgba(179,227,237,.16); border-radius: 1.75rem; background: radial-gradient(circle at 50% 45%, rgba(24,93,132,.36), transparent 48%), linear-gradient(145deg, rgba(10,42,63,.86), rgba(3,16,26,.94)); box-shadow: 0 40px 100px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(18px); }
.globe-hud, .globe-footer { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; color: #dceaf4; font-size: .76rem; }
.globe-hud { min-height: 58px; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.11); }
.globe-hud > div { display: flex; align-items: center; gap: .55rem; font-weight: 700; }
.globe-hud small { color: #5fe0c0; }
.globe-stage { position: relative; display: grid; min-height: 470px; place-items: center; overflow: hidden; }
.globe-stage::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(179,227,237,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(179,227,237,.035) 1px, transparent 1px); background-size: 34px 34px; content: ""; mask-image: radial-gradient(circle, #000 0 38%, transparent 74%); animation: globeGridDrift 22s linear infinite; }
.globe-stage svg { position: relative; z-index: 2; width: min(92%, 520px); height: auto; overflow: visible; }
.globe-aura { position: absolute; width: 330px; height: 330px; border-radius: 50%; background: rgba(49,191,213,.08); box-shadow: 0 0 80px 28px rgba(49,191,213,.12), 0 0 160px 60px rgba(30,97,183,.07); animation: globeBreathe 5s ease-in-out infinite; }
.globe-sphere { filter: drop-shadow(0 22px 36px rgba(0,0,0,.35)); }
.globe-rim { fill: none; stroke: rgba(110,226,239,.56); stroke-width: 1.7; filter: drop-shadow(0 0 8px rgba(49,191,213,.35)); }
.globe-grid-lines, .globe-meridians { fill: none; stroke: rgba(123,214,227,.2); stroke-width: 1; transform-box: view-box; transform-origin: center; }
.globe-grid-lines { animation: globeTurn 14s ease-in-out infinite alternate; }
.globe-meridians { stroke: rgba(83,174,201,.18); animation: globeTurn 18s ease-in-out infinite alternate-reverse; }
.globe-routes { fill: none; stroke: url(#globe-route); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 8 14; animation: globeRouteFlow 7s linear infinite; }
.globe-routes path:nth-child(2) { animation-delay: -1.8s; }.globe-routes path:nth-child(3) { opacity: .7; }.globe-routes path:nth-child(4) { opacity: .5; }
.globe-nodes { fill: #70e6ef; }
.globe-nodes circle { transform-box: fill-box; transform-origin: center; animation: globeNode 2.8s ease-in-out infinite; }
.globe-nodes circle:nth-child(2n) { animation-delay: -1.1s; }.globe-nodes circle:nth-child(3n) { animation-delay: -2s; }
.globe-orbit { fill: none; stroke: rgba(49,191,213,.22); stroke-width: 1; stroke-dasharray: 2 13; transform-box: view-box; transform-origin: center; animation: slowSpin 32s linear infinite; }
.orbit-two { stroke: rgba(82,140,211,.15); stroke-dasharray: 22 10 2 12; animation-duration: 44s; animation-direction: reverse; }
.globe-chip { position: absolute; z-index: 3; display: grid; min-width: 112px; gap: .15rem; padding: .65rem .8rem; border: 1px solid rgba(179,227,237,.16); border-radius: .8rem; background: rgba(5,28,43,.72); box-shadow: 0 12px 28px rgba(0,0,0,.25); backdrop-filter: blur(10px); animation: globeChipFloat 5s ease-in-out infinite alternate; }
.globe-chip b { color: #dff1f7; font: 700 .72rem/1.2 Sora, sans-serif; }.globe-chip small { color: #60d7e3; font-size: .63rem; text-transform: uppercase; }
.chip-ai { right: 5%; top: 18%; }.chip-modes { left: 4%; top: 43%; animation-delay: -1.6s; }.chip-data { right: 8%; bottom: 14%; animation-delay: -3s; }
.globe-footer { min-height: 56px; padding: 0 1.15rem; border-top: 1px solid rgba(179,227,237,.11); color: #6f8fa4; font-size: .67rem; letter-spacing: .03em; }
.globe-footer span:first-child { display: flex; align-items: center; gap: .45rem; color: #8bdcc8; }
.globe-footer i { width: 6px; height: 6px; border-radius: 50%; background: #5fe0c0; box-shadow: 0 0 10px rgba(95,224,192,.7); }
.console-top { display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.12); color: #dce9f3; font-size: .78rem; font-weight: 700; }
.console-top > div { display: flex; align-items: center; gap: .55rem; }
.console-top small { color: #65dabe; }
.console-dot { width: 8px; height: 8px; border-radius: 50%; background: #58e1c1; box-shadow: 0 0 13px rgba(88,225,193,.8); }
.console-map { position: relative; height: 245px; overflow: hidden; border-bottom: 1px solid rgba(179,227,237,.1); background-image: radial-gradient(circle at 40% 50%, rgba(49,191,213,.08), transparent 36%), linear-gradient(rgba(179,227,237,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(179,227,237,.04) 1px, transparent 1px); background-size: auto, 30px 30px, 30px 30px; }
.map-route { position: absolute; height: 80px; border-top: 2px dashed rgba(49,191,213,.55); border-radius: 50%; filter: drop-shadow(0 0 7px rgba(49,191,213,.35)); animation: mapSignal 9s linear infinite; }
.route-one { width: 58%; left: 15%; top: 82px; transform: rotate(7deg); }
.route-two { width: 42%; left: 42%; top: 126px; transform: rotate(-12deg); animation-duration: 13s; animation-direction: reverse; }
.map-node { position: absolute; z-index: 2; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(49,191,213,.4); border-radius: 50%; color: #b9eef3; background: #0b2940; font: 700 .62rem/1 Sora, sans-serif; box-shadow: 0 0 0 7px rgba(49,191,213,.05); }
.map-node.chicago { left: 12%; top: 60px; }.map-node.denver { left: 42%; top: 122px; }.map-node.dallas { right: 22%; top: 64px; }.map-node.atlanta { right: 7%; top: 150px; }
.map-pulse { position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 48%; top: 45%; background: var(--brand-cyan); box-shadow: 0 0 0 0 rgba(49,191,213,.45); animation: mapPulse 2.6s ease-out infinite; }
.console-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(179,227,237,.1); }
.console-stats > div { padding: 1rem; border-right: 1px solid rgba(179,227,237,.1); }
.console-stats > div:last-child { border-right: 0; }
.console-stats small, .console-stats span { display: block; color: #6f8da2; font-size: .67rem; }
.console-stats strong { display: block; margin: .2rem 0; color: #f2f8fc; font: 700 1.15rem/1.2 Sora, sans-serif; }
.console-feed { padding: .7rem 1rem 1rem; }
.console-feed > div { display: grid; grid-template-columns: 32px 1fr auto; gap: .7rem; align-items: center; padding: .65rem .2rem; border-bottom: 1px solid rgba(179,227,237,.07); }
.console-feed > div:last-child { border-bottom: 0; }
.feed-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #80e4ee; background: rgba(49,191,213,.1); font-size: .68rem; font-weight: 800; }
.console-feed p, .console-feed strong, .console-feed small { display: block; margin: 0; }
.console-feed strong { color: #dbe9f3; font-size: .78rem; }
.console-feed small { color: #718da1; font-size: .69rem; }
.console-feed em { color: #608096; font-size: .67rem; font-style: normal; }
.command-ticker { overflow: hidden; border-block: 1px solid #dce8ee; background: #f4f9fb; }
.command-ticker > div { display: flex; width: max-content; min-width: 100%; align-items: center; justify-content: center; gap: 2rem; padding: 1.05rem 2rem; color: #476478; font: 700 .74rem/1 Sora, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.command-ticker i { width: 5px; height: 5px; border-radius: 50%; background: var(--brand-cyan); }
.concept-agents { color: #dce9f2; background: #081a28; }
.concept-heading { display: grid; grid-template-columns: 1fr .65fr; gap: 1rem 3rem; align-items: end; margin-bottom: 2.6rem; }
.concept-heading h2 { color: var(--white); }
.concept-heading > p { margin: 0; color: #8fa8b9; }
.concept-heading .concept-index { grid-column: 1 / -1; }
.concept-index { color: #57d7e6; font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.agent-rail { display: grid; border-top: 1px solid rgba(179,227,237,.13); }
.agent-rail article { position: relative; display: grid; grid-template-columns: 100px 1fr auto; gap: 1.5rem; align-items: center; padding: 1.5rem 1rem; border-bottom: 1px solid rgba(179,227,237,.13); transition: .2s ease; }
.agent-rail article:hover { padding-left: 1.4rem; background: linear-gradient(90deg, rgba(49,191,213,.08), transparent 65%); }
.rail-icon { display: grid; place-items: center; }
.rail-icon .agent-icon { width: 72px; height: 72px; border-radius: 21px; }
.rail-icon .agent-icon svg { width: 39px; height: 39px; }
.agent-rail small { color: #58d6e5; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.agent-rail h3 { margin: .3rem 0; color: var(--white); font-size: 1.7rem; }
.agent-rail p { margin: 0; color: #8da6b8; }
.agent-rail article > b { color: rgba(179,227,237,.13); font: 800 3.8rem/1 Sora, sans-serif; }
.concept-bento { background: #f3f7fa; }
.concept-heading.light h2 { color: #112a3c; }
.concept-heading.light > p { color: #647785; }
.bento-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; }
.bento-card { position: relative; overflow: hidden; min-height: 290px; padding: clamp(1.4rem, 3vw, 2.2rem); border: 1px solid #dce7ed; border-radius: 1.35rem; background: var(--white); box-shadow: 0 16px 50px rgba(9,35,52,.07); }
.bento-card h3 { max-width: 580px; font-size: clamp(1.4rem, 2.7vw, 2.25rem); }
.bento-card p { max-width: 560px; color: #687b89; }
.bento-card a { font-weight: 700; text-decoration: none; }
.bento-kicker { display: inline-block; margin-bottom: .75rem; color: var(--brand-blue); font: 700 .69rem/1 Sora, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.bento-wide { display: grid; grid-template-columns: 1fr .85fr; gap: 2rem; align-items: center; grid-column: 1 / -1; }
.mode-stack { display: grid; gap: .6rem; }
.mode-stack span { display: grid; grid-template-columns: 42px 1fr auto; gap: .75rem; align-items: center; padding: .8rem; border: 1px solid #dfe9ef; border-radius: .75rem; color: #647b8c; font-size: .78rem; }
.mode-stack span.selected { color: #123c5e; border-color: rgba(49,191,213,.5); background: #eefafd; }
.mode-stack b { color: var(--brand-blue); }
.mode-stack em { color: #7990a1; font-size: .65rem; font-style: normal; text-transform: uppercase; }
.bento-dark { color: #d9e8f3; background: linear-gradient(145deg, #0a2539, #123f5f); }
.bento-dark h3, .bento-dark .bento-kicker { color: var(--white); }
.exception-ring { position: absolute; display: grid; width: 130px; height: 130px; right: 1.8rem; bottom: 1.3rem; place-items: center; border: 1px solid rgba(49,191,213,.35); border-radius: 50%; box-shadow: 0 0 0 18px rgba(49,191,213,.04), 0 0 0 36px rgba(49,191,213,.025); }
.exception-ring::before { position: absolute; inset: 10px; border: 3px dashed var(--brand-cyan); border-radius: 50%; content: ""; animation: slowSpin 18s linear infinite; }
.exception-ring span { color: #8ee8f1; font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.integration-dots { display: grid; grid-template-columns: repeat(3, 48px); gap: .65rem; margin-top: 1.7rem; }
.integration-dots i { height: 48px; border: 1px solid #dbe8ee; border-radius: 13px; background: radial-gradient(circle, #31bfd5 0 4px, #edf8fb 5px); }
.bento-integrations { grid-column: 1 / -1; min-height: 0; padding: 0; }
.integration-heading { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: .5rem 3rem; align-items: end; padding: 2rem 2.1rem 1.7rem; }
.integration-heading .bento-kicker { grid-column: 1 / -1; }
.integration-heading h3, .integration-heading p { margin-bottom: 0; }
.integration-capabilities { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid #dce7ed; background: #f9fcfd; }
.integration-tile { min-height: 190px; padding: 1.2rem 1rem; border-right: 1px solid #dce7ed; transition: .2s ease; }
.integration-tile:last-child { border-right: 0; }
.integration-tile:hover { background: #eef9fc; transform: translateY(-3px); }
.integration-icon { display: grid; width: 46px; height: 46px; margin-bottom: 1rem; place-items: center; border: 1px solid rgba(49,191,213,.25); border-radius: 13px; color: var(--brand-cyan); background: linear-gradient(145deg, #0e3855, #15577a); box-shadow: 0 10px 22px rgba(13,55,83,.16); }
.integration-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.integration-tile h4 { margin: 0 0 .45rem; color: #183b52; font: 700 .93rem/1.25 Syne, Sora, sans-serif; }
.integration-tile p { margin: 0; color: #708593; font-size: .76rem; line-height: 1.45; }
.bento-flow { grid-column: 1 / -1; min-height: 500px; }
.rhythm-heading { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: .5rem 3rem; align-items: end; }
.rhythm-heading .bento-kicker { grid-column: 1 / -1; }
.rhythm-heading h3, .rhythm-heading p { margin-bottom: 0; }
.rhythm-animation { overflow: hidden; padding: 2.2rem 0 .2rem; }
.rhythm-track { position: relative; min-width: 760px; height: 300px; }
.rhythm-track::before { position: absolute; height: 2px; right: 10%; left: 10%; top: 48px; border-radius: 999px; background: #d8e7ee; content: ""; }
.rhythm-progress { position: absolute; z-index: 1; width: 0; height: 2px; left: 10%; top: 48px; border-radius: 999px; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); box-shadow: 0 0 12px rgba(49,191,213,.45); animation: rhythmProgress 12s ease-in-out infinite; }
.rhythm-stage { position: absolute; z-index: 2; display: grid; width: 180px; justify-items: center; top: 0; color: #607887; text-align: center; transform: translateX(-50%); }
.rhythm-quote { left: 10%; animation: rhythmStage 12s ease-in-out infinite; }
.rhythm-cover { left: 37%; animation: rhythmStage 12s 3s ease-in-out infinite; }
.rhythm-execute { left: 63%; animation: rhythmStage 12s 6s ease-in-out infinite; }
.rhythm-close { left: 90%; animation: rhythmStage 12s 9s ease-in-out infinite; }
.rhythm-stage-icon { display: grid; width: 72px; height: 72px; place-items: center; border: 1px solid #d3e4eb; border-radius: 20px; color: #2a719d; background: #f8fcfd; box-shadow: 0 12px 28px rgba(17,64,90,.09); transition: .2s ease; }
.rhythm-stage-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.rhythm-stage strong { margin-top: .8rem; color: #23465c; font: 700 .88rem/1.2 Syne, Sora, sans-serif; }
.rhythm-stage small { margin-top: .25rem; color: #7b909d; font-size: .68rem; }
.rhythm-stage ul { display: grid; gap: .45rem; width: 100%; margin: .85rem 0 0; padding: .8rem 0 0; border-top: 1px solid #deeaef; list-style: none; text-align: left; }
.rhythm-stage li { position: relative; padding-left: .9rem; color: #657b89; font-size: .7rem; line-height: 1.4; }
.rhythm-stage li::before { position: absolute; left: 0; top: .43rem; width: 4px; height: 4px; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.rhythm-actor { position: absolute; z-index: 4; display: grid; place-items: center; opacity: 0; pointer-events: none; }
.rhythm-actor svg { width: 100%; height: 100%; fill: #f8fcfd; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.quote-actor { width: 34px; height: 34px; left: 10%; top: 31px; color: var(--brand-blue); animation: quoteFlow 12s ease-in-out infinite; }
.truck-actor { width: 54px; height: 38px; left: 37%; top: 30px; color: #19799a; animation: truckFlow 12s ease-in-out infinite; }
.bill-actor { width: 34px; height: 34px; left: 63%; top: 26px; border: 2px solid var(--brand-cyan); border-radius: 50%; color: #146795; background: #eefdff; font: 800 1rem/1 Sora, sans-serif; box-shadow: 0 7px 18px rgba(49,191,213,.24); animation: billFlow 12s ease-in-out infinite; }
.mini-flow { display: flex; align-items: center; gap: .8rem; margin-top: 1.2rem; }
.mini-flow span { padding: .8rem 1rem; border: 1px solid #d9e6ec; border-radius: .75rem; color: #274a60; background: #f8fbfd; font-size: .82rem; font-weight: 700; }
.mini-flow i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); }
.concept-proof { color: #dce9f2; background: #071722; }
.concept-proof-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 4rem; align-items: start; }
.concept-proof h2 { margin-top: 1rem; color: var(--white); }
.proof-statements { display: grid; }
.proof-statements p { display: grid; grid-template-columns: 140px 1fr; gap: 1rem; margin: 0; padding: 1.2rem 0; border-bottom: 1px solid rgba(179,227,237,.13); }
.proof-statements b { color: #7ce2ec; font-family: Sora, sans-serif; }
.proof-statements span { color: #93aabd; }

@keyframes commandMesh { to { background-position: 72px 72px; } }
@keyframes mapSignal { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes mapPulse { 75%, 100% { box-shadow: 0 0 0 34px rgba(49,191,213,0); } }
@keyframes slowSpin { to { transform: rotate(360deg); } }
@keyframes globeGridDrift { to { background-position: 34px 34px; } }
@keyframes globeBreathe { 0%, 100% { opacity: .55; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.06); } }
@keyframes globeTurn { from { transform: rotate(-4deg) scaleX(.96); } to { transform: rotate(5deg) scaleX(1.04); } }
@keyframes globeRouteFlow { to { stroke-dashoffset: -180; } }
@keyframes globeNode { 0%, 100% { opacity: .45; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.42); } }
@keyframes globeChipFloat { from { transform: translateY(-5px); } to { transform: translateY(7px); } }
@keyframes rhythmProgress { 0%, 4% { width: 0; } 23% { width: 27%; } 52% { width: 53%; } 82%, 92% { width: 80%; } 100% { width: 0; } }
@keyframes rhythmStage { 0%, 23%, 100% { filter: none; transform: translateX(-50%) scale(1); } 7%, 16% { filter: drop-shadow(0 8px 12px rgba(49,191,213,.22)); transform: translateX(-50%) scale(1.06); } }
@keyframes quoteFlow { 0%, 3% { left: 10%; opacity: 0; transform: translateY(-3px) scale(.8); } 7% { opacity: 1; } 21% { left: 37%; opacity: 1; transform: translateY(-3px) scale(1); } 24%, 100% { left: 37%; opacity: 0; } }
@keyframes truckFlow { 0%, 25% { left: 37%; opacity: 0; transform: translateY(0); } 29% { opacity: 1; } 50% { left: 63%; opacity: 1; transform: translateY(-2px); } 54%, 100% { left: 63%; opacity: 0; } }
@keyframes billFlow { 0%, 56% { left: 63%; top: 26px; opacity: 0; transform: scale(.7); } 61% { opacity: 1; transform: scale(1); } 78% { left: 90%; top: 26px; opacity: 1; transform: scale(1); } 84% { left: 90%; top: 55px; opacity: 0; transform: scale(.72); } 100% { opacity: 0; } }

.about-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 82% 25%, rgba(49,191,213,.14), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0e3953); }
.about-grid-lines { position: absolute; inset: -20%; opacity: .13; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 62px 62px; mask-image: radial-gradient(circle at 75% 42%, #000, transparent 62%); animation: gridDrift 24s linear infinite; }
.about-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.about-hero h1 { max-width: 780px; color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }
.about-hero h1 span { color: transparent; background: linear-gradient(90deg, #78e4ee, #31bfd5 58%, #6c9ee3); -webkit-background-clip: text; background-clip: text; }
.about-hero .lead { color: #adc2d0; }
.about-hero .eyebrow { color: #63dce8; }
.about-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.about-hero .hero-proof { max-width: 690px; margin: 1.15rem 0 0; color: #d8e7f2; font-weight: 700; }
.about-modes .orbit-quote { left: -10%; }.about-modes .orbit-cover { right: -2%; }.about-modes .orbit-execute { right: 3%; }.about-modes .orbit-improve { left: -4%; }
.about-problem { background: linear-gradient(180deg, #fff, #f4f8fb); }
.about-problem .narrow { max-width: 880px; }.about-problem h2 { max-width: 820px; font-size: clamp(2.35rem, 5vw, 4.5rem); }
.about-problem p:not(.eyebrow) { color: #526b7e; font-size: 1.08rem; line-height: 1.8; }
.about-problem .problem-answer { margin-top: 2rem; padding-left: 1.35rem; border-left: 4px solid var(--brand-cyan); color: #123d58; font-weight: 800; }
.about-platform { color: #dceaf3; background: radial-gradient(circle at 88% 12%, rgba(49,191,213,.12), transparent 28%), #071722; }
.about-platform .concept-heading h2 { color: var(--white); }.about-platform .concept-heading > p { color: #91a9ba; }
.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 3rem; }
.capability-grid article { min-height: 220px; padding: 1.4rem; border: 1px solid rgba(126,206,220,.16); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); transition: transform .2s ease, border-color .2s ease; }
.capability-grid article:hover { border-color: rgba(99,220,232,.42); transform: translateY(-3px); }
.capability-grid span { color: #63dce8; font: 800 .8rem/1 Syne, sans-serif; letter-spacing: .12em; }.capability-grid h3 { margin-top: 2.3rem; color: var(--white); font-size: 1.2rem; }.capability-grid p { color: #9eb4c3; font-size: .94rem; }
.capability-grid .capability-ai { border-color: rgba(99,220,232,.35); background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); }
.serve-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }
.serve-grid article { min-height: 280px; padding: 1.6rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; background: rgba(255,255,255,.9); box-shadow: 0 24px 60px rgba(8,35,55,.08); }
.serve-grid span { color: var(--brand-cyan); font: 800 2.9rem/1 Syne, sans-serif; }.serve-grid h3 { margin-top: 3rem; font-size: 1.35rem; }.serve-grid p { color: #5c7488; }
.about-team { color: #dceaf3; background: #0b2d45; }
.team-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.team-intro { position: sticky; top: 7rem; }.team-intro h2 { color: var(--white); }.team-intro > p:last-child { color: #a1b8c8; }
.role-list { display: grid; gap: .8rem; }.role-list article { display: grid; grid-template-columns: 160px 1fr; gap: 1.5rem; padding: 1.35rem 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.role-list span { color: #63dce8; font-weight: 800; }.role-list p { margin: 0; color: #b3c7d4; }
.about-why { background: #fff; }.about-why .concept-heading h2 { color: #071722; }.why-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; margin-top: 3rem; }
.why-grid article { grid-column: span 2; padding: 1.5rem; border: 1px solid #dce7ef; border-radius: 1.1rem; background: #f7fafc; }
.why-grid article:nth-child(4) { grid-column: 2 / span 2; }.why-grid article:nth-child(5) { grid-column: span 2; }
.why-grid strong { display: block; color: #123d58; font-size: 1.08rem; }.why-grid p { margin-bottom: 0; color: #60788a; }
.about-final-cta .eyebrow { color: #b9f5fa; }.about-final-cta .actions { justify-content: flex-end; flex-wrap: wrap; }
.about-orbit { position: relative; width: min(100%, 480px); aspect-ratio: 1; margin-inline: auto; }
.about-orbit::before { position: absolute; inset: 18%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, rgba(49,191,213,.26), rgba(16,64,91,.18) 56%, rgba(5,19,30,.05)); box-shadow: 0 0 80px rgba(49,191,213,.14); content: ""; }
.about-orbit-core { position: absolute; z-index: 4; display: grid; width: 134px; height: 134px; inset: 50% auto auto 50%; place-items: center; align-content: center; border: 1px solid rgba(100,227,238,.42); border-radius: 50%; color: var(--white); background: rgba(7,36,54,.9); box-shadow: 0 0 0 16px rgba(49,191,213,.045), 0 16px 40px rgba(0,0,0,.3); transform: translate(-50%, -50%); }
.about-orbit-core span { font: 800 1.5rem/1 Syne, sans-serif; letter-spacing: -.05em; }.about-orbit-core small { margin-top: .35rem; color: #69dbe6; font-size: .62rem; text-transform: uppercase; }
.orbit-ring { position: absolute; border: 1px solid rgba(80,207,222,.26); border-radius: 50%; inset: 12%; animation: slowSpin 28s linear infinite; }
.orbit-ring::after { position: absolute; width: 7px; height: 7px; border-radius: 50%; content: ""; left: 15%; top: 10%; background: var(--brand-cyan); box-shadow: 0 0 12px rgba(49,191,213,.8); }
.ring-two { inset: 25%; border-style: dashed; animation-duration: 18s; animation-direction: reverse; }
.orbit-item { position: absolute; z-index: 5; display: grid; min-width: 84px; min-height: 38px; place-items: center; padding: .45rem .75rem; border: 1px solid rgba(179,227,237,.18); border-radius: 999px; color: #cfe6ef; background: rgba(6,31,47,.82); box-shadow: 0 10px 24px rgba(0,0,0,.2); font-size: .7rem; font-weight: 700; animation: globeChipFloat 5s ease-in-out infinite alternate; }
.orbit-quote { left: 2%; top: 24%; }.orbit-cover { right: 1%; top: 19%; animation-delay: -1.3s; }.orbit-execute { right: 0; bottom: 19%; animation-delay: -2.6s; }.orbit-improve { left: 3%; bottom: 21%; animation-delay: -3.8s; }
.orbit-signal { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #70e6ef; box-shadow: 0 0 0 0 rgba(112,230,239,.4); animation: mapPulse 2.8s ease-out infinite; }
.signal-one { right: 20%; top: 43%; }.signal-two { left: 21%; bottom: 38%; animation-delay: -1.4s; }
.about-belief { position: relative; overflow: hidden; background: radial-gradient(circle at 88% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }
.about-belief::before { position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 74%); content: ""; }
.about-belief .container { position: relative; z-index: 1; }
.about-statement { display: grid; grid-template-columns: 1.12fr .88fr; gap: 1rem 4rem; align-items: end; margin-bottom: 3rem; }
.about-statement .concept-index { grid-column: 1 / -1; }
.about-statement h2 { max-width: 760px; }
.about-statement > p { margin: 0; color: #677d8b; }
.belief-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.belief-card { position: relative; min-height: 315px; padding: 1.45rem; overflow: hidden; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)); box-shadow: 0 24px 60px rgba(8,35,55,.08); }
.belief-card::before { position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }
.belief-card::after { position: absolute; width: 180px; height: 180px; right: -58px; top: -62px; border-radius: 50%; background: radial-gradient(circle, rgba(49,191,213,.22), transparent 68%); content: ""; }
.belief-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.belief-card-top > span { display: block; color: rgba(49,191,213,.95); font: 800 clamp(2.4rem, 4.6vw, 4.65rem)/.85 Syne, sans-serif; letter-spacing: -.08em; }
.belief-card-top > span::after { content: none; }
.belief-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; flex: 0 0 64px; padding: 13px; border: 1px solid rgba(255,255,255,.7); border-radius: 19px; color: #fff; background: linear-gradient(145deg, #168aae, #125a9e); box-shadow: 0 16px 30px rgba(18,90,158,.28), inset 0 1px 0 rgba(255,255,255,.24); }
.belief-icon svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.belief-grid h3 { position: relative; z-index: 1; margin-top: 2.35rem; font-size: 1.35rem; }.belief-grid p { position: relative; z-index: 1; color: #5c7488; }
.about-build { color: #dceaf3; background: #071722; }
.about-build .concept-heading h2 { color: var(--white); }.about-build .concept-heading > p { color: #8fa8b9; }
.about-tabs { display: grid; grid-template-columns: 260px 1fr; gap: 1rem; min-height: 420px; }
.about-tab-list { display: grid; align-content: start; border: 1px solid rgba(179,227,237,.14); border-radius: 1rem; overflow: hidden; background: rgba(255,255,255,.025); }
.about-tab-list button { display: flex; min-height: 76px; align-items: center; gap: .8rem; padding: 1rem 1.2rem; border: 0; border-bottom: 1px solid rgba(179,227,237,.1); color: #8da6b8; background: transparent; font-weight: 700; text-align: left; transition: .2s ease; }
.about-tab-list button:last-child { border-bottom: 0; }.about-tab-list button span { color: #4d809c; font-size: .7rem; }.about-tab-list button:hover { color: var(--white); background: rgba(49,191,213,.05); }.about-tab-list button[aria-selected="true"] { color: var(--white); background: linear-gradient(90deg, rgba(49,191,213,.16), rgba(30,97,183,.04)); box-shadow: inset 3px 0 var(--brand-cyan); }.about-tab-list button[aria-selected="true"] span { color: #6de1eb; }
.about-tab-panels { border: 1px solid rgba(179,227,237,.14); border-radius: 1rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.about-tab-panels article { display: grid; grid-template-columns: 120px 1fr; gap: 2.5rem; padding: clamp(2rem, 5vw, 4rem); }.about-tab-panels article[hidden] { display: none; }
.about-panel-number { color: rgba(179,227,237,.12); font: 800 4.8rem/1 Syne, sans-serif; }.about-tab-panels h3 { color: var(--white); font-size: 2rem; }.about-tab-panels p { color: #9bb2c3; }.about-tab-panels ul { display: grid; gap: .65rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }.about-tab-panels li { position: relative; padding-left: 1.3rem; color: #c3d4df; }.about-tab-panels li::before { position: absolute; width: 5px; height: 5px; left: 0; top: .65rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.about-ai { color: #dce9f2; background: radial-gradient(circle at 18% 22%, rgba(49,191,213,.1), transparent 28%), #0b2d45; }
.about-ai-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }.about-ai h2 { margin-top: 1rem; color: var(--white); }.about-ai p { color: #a1b8c8; }
.ai-principles { display: grid; gap: .8rem; }.ai-principles article { display: grid; grid-template-columns: 58px 1fr; gap: 1rem; align-items: center; padding: 1.15rem; border: 1px solid rgba(179,227,237,.13); border-radius: .9rem; background: rgba(255,255,255,.035); }.ai-principles article > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #86edf6; background: linear-gradient(145deg, #1b7fb2, #18579b); box-shadow: 0 14px 32px rgba(0, 111, 207, .24); }.ai-principles article > span svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }.ai-principles h3 { margin: 0; color: var(--white); font-size: 1.08rem; }.ai-principles p { margin: .25rem 0 0; font-size: .85rem; }
.about-audience { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }.about-audience::before { position: absolute; inset: 0; pointer-events: none; opacity: .4; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 70%); content: ""; }.about-audience .container { position: relative; z-index: 1; }.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }.audience-card { position: relative; min-height: 305px; padding: 1.45rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)); box-shadow: 0 24px 60px rgba(8, 35, 55, .08); }.audience-card::before { position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }.audience-card::after { position: absolute; width: 180px; height: 180px; right: -58px; top: -62px; border-radius: 50%; background: radial-gradient(circle, rgba(49,191,213,.22), transparent 68%); content: ""; }.audience-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.audience-card-top > span { display: block; color: rgba(49,191,213,.95); font: 800 clamp(2.4rem, 4.6vw, 4.65rem)/.85 Syne, sans-serif; letter-spacing: -.08em; }.audience-card-top > span::after { content: none; }.audience-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; flex: 0 0 64px; padding: 13px; border: 1px solid rgba(255,255,255,.7); border-radius: 19px; color: #fff; background: linear-gradient(145deg, #168aae, #125a9e); box-shadow: 0 16px 30px rgba(18,90,158,.28), inset 0 1px 0 rgba(255,255,255,.24); }.audience-icon svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }.audience-grid h3 { margin-top: 2.35rem; position: relative; z-index: 1; font-size: 1.35rem; }.audience-grid p { color: #5c7488; position: relative; z-index: 1; }.audience-tags { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.4rem; }.audience-tags small { display: inline-flex; align-items: center; min-height: 28px; padding: .35rem .62rem; border: 1px solid rgba(49,191,213,.24); border-radius: 999px; color: #1b5f89; background: rgba(49,191,213,.09); font-size: .72rem; font-weight: 800; letter-spacing: .02em; }

.truck-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 78% 26%, rgba(49,191,213,.15), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.truck-grid-lines { position: absolute; inset: -20%; opacity: .12; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(circle at 75% 45%, #000, transparent 64%); animation: gridDrift 22s linear infinite; }
.truck-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.truck-hero h1 { color: var(--white); font-size: clamp(3.1rem, 5.7vw, 5.8rem); }.truck-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.truck-hero .lead { color: #adc3d1; }.truck-hero .eyebrow { color: #64dce8; }.truck-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.truck-proof { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: 2rem; color: #8ca7ba; font-size: .76rem; font-weight: 700; }.truck-proof span::before { margin-right: .4rem; color: var(--brand-cyan); content: "●"; }
.coverage-board { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.coverage-top, .coverage-status { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }.coverage-top { border-bottom: 1px solid rgba(179,227,237,.1); }.coverage-top > div { display: flex; align-items: center; gap: .55rem; }.coverage-top strong { color: #e4eff6; font-size: .82rem; }.coverage-top small, .coverage-status small { color: #6d8ca1; }
.load-summary { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; padding: 1.2rem; }.load-summary > div:last-child { text-align: right; }.load-summary span, .load-summary small { display: block; color: #6e8ca0; font-size: .68rem; }.load-summary strong { display: block; margin: .25rem 0; color: var(--white); font: 700 .93rem/1.2 Sora, sans-serif; }.load-summary i { width: 100px; height: 1px; background: linear-gradient(90deg, var(--brand-cyan), rgba(49,191,213,.18)); }
.load-specs { display: flex; gap: .55rem; padding: 0 1.15rem 1rem; }.load-specs span { padding: .35rem .6rem; border: 1px solid rgba(179,227,237,.11); border-radius: 999px; color: #8fa9bb; background: rgba(255,255,255,.025); font-size: .65rem; }
.coverage-candidates { padding: .9rem 1rem; border-block: 1px solid rgba(179,227,237,.09); background: rgba(2,15,24,.22); }.candidate-head { display: flex; justify-content: space-between; margin-bottom: .65rem; color: #8ca6b8; font-size: .7rem; }.candidate-head em { color: #69dbe5; font-style: normal; }
.candidate { display: grid; grid-template-columns: 38px 1fr auto; gap: .75rem; align-items: center; padding: .7rem; border-bottom: 1px solid rgba(179,227,237,.07); }.candidate:last-child { border-bottom: 0; }.candidate.selected { border: 1px solid rgba(49,191,213,.25); border-radius: .75rem; background: rgba(49,191,213,.055); }.candidate-score { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #7ee2eb; background: rgba(49,191,213,.09); font-size: .7rem; font-weight: 800; }.candidate strong, .candidate small { display: block; }.candidate strong { color: #d9e8f2; font-size: .75rem; }.candidate small { color: #68879c; font-size: .64rem; }.candidate > em { color: #62d5df; font-size: .62rem; font-style: normal; text-transform: uppercase; }
.coverage-status span { display: flex; align-items: center; gap: .45rem; color: #86dbc7; font-size: .7rem; }.coverage-status i { width: 6px; height: 6px; border-radius: 50%; background: #5fe0c0; box-shadow: 0 0 10px rgba(95,224,192,.7); }
.truck-foundation { background: #f4f8fa; }.truck-foundation-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem 4rem; align-items: end; margin-bottom: 2.5rem; }.truck-foundation-head .concept-index { grid-column: 1 / -1; }.truck-foundation-head p { margin: 0; color: #687e8c; }.truck-foundation-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.2rem; overflow: hidden; background: var(--white); }.truck-foundation-grid article { min-height: 250px; padding: 1.5rem; border-right: 1px solid #dce7ed; }.truck-foundation-grid article:last-child { border-right: 0; }.truck-foundation-grid article > span { color: var(--brand-cyan); font: 700 .7rem/1 Syne, sans-serif; }.truck-foundation-grid h3 { margin-top: 3.5rem; font-size: 1.2rem; }.truck-foundation-grid p { color: #6b808d; font-size: .84rem; }
.truck-ai { color: #dce9f2; background: radial-gradient(circle at 15% 20%, rgba(49,191,213,.1), transparent 25%), #071722; }.truck-ai .concept-heading h2 { color: var(--white); }.truck-ai .concept-heading > p { color: #8fa8b9; }.truck-agent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.truck-agent-grid article { position: relative; min-height: 420px; padding: 1.6rem; border: 1px solid rgba(179,227,237,.13); border-radius: 1.15rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.truck-agent-grid .agent-icon { width: 76px; height: 76px; border-radius: 22px; }.truck-agent-grid .agent-icon svg { width: 42px; height: 42px; }.truck-agent-label { display: block; margin-top: 2rem; color: #63d9e5; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.truck-agent-grid h3 { margin-top: .4rem; color: var(--white); }.truck-agent-grid p { color: #91aabd; }.truck-agent-grid ul { display: grid; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }.truck-agent-grid li { position: relative; padding-left: 1rem; color: #b9cbd7; font-size: .78rem; }.truck-agent-grid li::before { position: absolute; width: 4px; height: 4px; left: 0; top: .5rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.truck-workflow { background: #f4f8fa; }.truck-tabs { overflow: hidden; border: 1px solid #d9e6ec; border-radius: 1.25rem; background: var(--white); box-shadow: 0 18px 50px rgba(8,39,57,.07); }.truck-tab-list { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid #dce7ed; }.truck-tab-list button { display: grid; min-height: 90px; gap: .25rem; padding: 1rem; border: 0; border-right: 1px solid #dce7ed; color: #6f8594; background: #f9fcfd; font-weight: 700; text-align: left; transition: .2s ease; }.truck-tab-list button:last-child { border-right: 0; }.truck-tab-list button span { color: #3a82b2; font-size: .68rem; }.truck-tab-list button:hover { color: #183d55; background: #eef9fc; }.truck-tab-list button[aria-selected="true"] { color: #143c57; background: linear-gradient(180deg, #e9f9fc, #f8fcfd); box-shadow: inset 0 -3px var(--brand-cyan); }
.truck-tab-panels article { display: grid; grid-template-columns: 1fr minmax(330px, .75fr); gap: 4rem; align-items: center; min-height: 430px; padding: clamp(2rem, 5vw, 4rem); }.truck-tab-panels article[hidden] { display: none; }.truck-panel-number { color: rgba(30,97,183,.12); font: 800 4rem/1 Syne, sans-serif; }.truck-tab-panels h3 { margin-top: .6rem; font-size: 2rem; }.truck-tab-panels p { color: #687e8c; }.truck-tab-panels ul { display: grid; gap: .55rem; padding: 0; list-style: none; }.truck-tab-panels li { position: relative; padding-left: 1.1rem; color: #526c7c; }.truck-tab-panels li::before { position: absolute; width: 5px; height: 5px; left: 0; top: .65rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.truck-mini-ui { display: grid; gap: .65rem; padding: 1.2rem; border: 1px solid #d8e6ed; border-radius: 1rem; background: linear-gradient(145deg, #f9fcfd, #edf7fa); box-shadow: 0 16px 34px rgba(9,53,78,.08); }.truck-mini-ui > span { color: var(--brand-blue); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.truck-mini-ui > strong { margin-bottom: .35rem; color: #163d56; font: 700 1.2rem/1.2 Syne, sans-serif; }.truck-mini-ui > div { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem; border-radius: .65rem; background: var(--white); }.truck-mini-ui em { color: #758c9a; font-size: .72rem; font-style: normal; }.truck-mini-ui b { color: #254f68; font-size: .72rem; }
.truck-capabilities { background: var(--white); }

.ltl-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.16), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.ltl-grid-lines { position: absolute; inset: -20%; opacity: .13; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle at 72% 42%, #000, transparent 66%); animation: gridDrift 22s linear infinite; }
.ltl-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.ltl-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.ltl-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.ltl-hero .lead { color: #adc3d1; }.ltl-hero .eyebrow { color: #64dce8; }.ltl-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.ltl-rate-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.ltl-console-top, .ltl-console-footer { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }.ltl-console-top { border-bottom: 1px solid rgba(179,227,237,.1); }.ltl-console-top > div, .ltl-console-footer span { display: flex; align-items: center; gap: .55rem; }.ltl-console-top strong { color: #e4eff6; font-size: .82rem; }.ltl-console-top small, .ltl-console-footer small { color: #6d8ca1; }
.ltl-shipment-card { margin: 1.2rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.12); border-radius: 1rem; background: rgba(255,255,255,.035); }.ltl-shipment-card span { color: #64dce8; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }.ltl-shipment-card strong { display: block; margin: .35rem 0 1rem; color: #fff; font-size: 1.35rem; }.ltl-shipment-card div { display: flex; flex-wrap: wrap; gap: .55rem; }.ltl-shipment-card em { padding: .42rem .65rem; border: 1px solid rgba(179,227,237,.16); border-radius: 999px; color: #b8cede; font-style: normal; font-size: .78rem; }
.ltl-rate-list { display: grid; gap: .75rem; padding: 0 1.2rem 1.2rem; }.ltl-rate-list article { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .95rem; background: rgba(255,255,255,.035); }.ltl-rate-list article.selected { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.ltl-rate-list strong { color: #fff; }.ltl-rate-list small { display: block; margin-top: .2rem; color: #8ca7ba; }.ltl-rate-list article > span { display: grid; min-width: 54px; height: 42px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #31bfd5, #1e61b7); font-weight: 900; }
.ltl-console-footer { border-top: 1px solid rgba(179,227,237,.1); color: #9ec1d3; font-size: .82rem; }.ltl-console-footer i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #54e3e3; box-shadow: 0 0 18px rgba(84,227,227,.65); }
.ltl-foundation { background: #f5f9fb; }.ltl-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.35rem; overflow: hidden; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }.ltl-card-grid article { position: relative; min-height: 280px; padding: 1.45rem; border-right: 1px solid #dce7ed; overflow: hidden; }.ltl-card-grid article:last-child { border-right: 0; }.ltl-card-grid article > span:first-child { color: rgba(49,191,213,.95); font: 800 2.7rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.ltl-card-grid .integration-icon { margin: 1.5rem 0 1rem; }.ltl-card-grid h3 { font-size: 1.22rem; }.ltl-card-grid p { color: #60778a; }
.ltl-network { color: #dceaf3; background: #071722; }.ltl-network-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }.ltl-network h2 { color: #fff; }.ltl-network p { color: #9db5c5; }.ltl-detail-list { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.5rem; }.ltl-detail-list span { padding: .55rem .8rem; border: 1px solid rgba(179,227,237,.14); border-radius: 999px; color: #dceaf3; background: rgba(255,255,255,.04); font-weight: 800; font-size: .78rem; }
.ltl-exception-panel { display: grid; gap: .85rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.ltl-panel-row { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .95rem; background: rgba(255,255,255,.025); }.ltl-panel-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.ltl-panel-row b { color: #fff; }.ltl-panel-row span { color: #91aabb; font-size: .84rem; text-align: right; }
.ltl-ai { color: #dce9f2; background: radial-gradient(circle at 18% 22%, rgba(49,191,213,.1), transparent 28%), #0b2d45; }.ltl-ai .concept-heading h2 { color: #fff; }.ltl-ai .concept-heading p { color: #9bb4c5; }
.ltl-flow { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }.ltl-flow::before { position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 74%); content: ""; }.ltl-flow .container { position: relative; z-index: 1; }
#ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.ltl-flow-track { display: grid; grid-template-columns: repeat(5, 1fr); gap: .9rem; }.ltl-flow-track article { position: relative; min-height: 250px; padding: 1.25rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.2rem; background: rgba(255,255,255,.88); box-shadow: 0 20px 50px rgba(8,35,55,.07); }.ltl-flow-track article::before { position: absolute; inset: 0 0 auto; height: 6px; border-radius: 1.2rem 1.2rem 0 0; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }.ltl-flow-track span { color: rgba(49,191,213,.95); font: 800 2.15rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.ltl-flow-track h3 { margin-top: 2rem; font-size: 1.08rem; }.ltl-flow-track p { color: #61788b; font-size: .86rem; }
.edi-implementation-flow .concept-heading h2 { color: #082b40; text-shadow: none; }
.edi-implementation-flow .concept-heading p { color: #587286; }
.edi-flow-rail { position: relative; height: 58px; margin: 1rem calc(10% - 1px) -29px; }
.edi-flow-rail::before { position: absolute; top: 26px; right: 0; left: 0; height: 3px; border-radius: 999px; background: #c7dce5; content: ""; }
.edi-flow-rail::after { position: absolute; top: 26px; left: 0; width: 100%; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #31bfd5, #1e61b7); box-shadow: 0 0 18px rgba(49,191,213,.42); content: ""; transform: scaleX(0); transform-origin: left; animation: edi-flow-progress 10s ease-in-out infinite; }
.edi-flow-rail span { position: absolute; z-index: 2; top: 19px; left: 0; width: 17px; height: 17px; border: 4px solid #fff; border-radius: 50%; background: #31bfd5; box-shadow: 0 0 0 5px rgba(49,191,213,.16), 0 0 22px rgba(49,191,213,.48); animation: edi-flow-signal 10s ease-in-out infinite; }
.edi-flow-track article { transform-origin: center top; animation: edi-flow-stage 10s ease-in-out infinite; }
.edi-flow-track article::before { display: none; }
.edi-flow-track article:nth-child(2) { animation-delay: 2s; }.edi-flow-track article:nth-child(3) { animation-delay: 4s; }.edi-flow-track article:nth-child(4) { animation-delay: 6s; }.edi-flow-track article:nth-child(5) { animation-delay: 8s; }
.edi-flow-track article::after { position: absolute; top: -38px; left: 50%; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: #a9c4d0; box-shadow: 0 0 0 1px #9ec6d4; content: ""; transform: translateX(-50%); animation: edi-flow-node 10s ease-in-out infinite; }
.edi-flow-track article:nth-child(2)::after { animation-delay: 2s; }.edi-flow-track article:nth-child(3)::after { animation-delay: 4s; }.edi-flow-track article:nth-child(4)::after { animation-delay: 6s; }.edi-flow-track article:nth-child(5)::after { animation-delay: 8s; }
@keyframes edi-flow-progress { 0%, 4% { transform: scaleX(0); } 86%, 94% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes edi-flow-signal { 0%, 4% { left: 0; opacity: 0; } 7% { opacity: 1; } 24% { left: 25%; } 44% { left: 50%; } 64% { left: 75%; } 84%, 94% { left: calc(100% - 17px); opacity: 1; } 100% { left: 0; opacity: 0; } }
@keyframes edi-flow-stage { 0%, 14%, 100% { border-color: rgba(179,227,237,.78); box-shadow: 0 20px 50px rgba(8,35,55,.07); transform: translateY(0); } 3%, 10% { border-color: rgba(49,191,213,.82); box-shadow: 0 24px 54px rgba(30,97,183,.17); transform: translateY(-7px); } }
@keyframes edi-flow-node { 0%, 14%, 100% { background: #a9c4d0; box-shadow: 0 0 0 1px #9ec6d4; transform: translateX(-50%) scale(1); } 3%, 10% { background: #31bfd5; box-shadow: 0 0 0 6px rgba(49,191,213,.18), 0 0 20px rgba(49,191,213,.5); transform: translateX(-50%) scale(1.2); } }

.dray-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 76% 22%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #04111b, #092638 55%, #0d3853); }
.dray-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.dray-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.dray-hero .lead { color: #adc3d1; }.dray-hero .eyebrow { color: #64dce8; }.dray-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.dray-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.dray-route { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: .7rem; align-items: center; padding: 1.4rem 1.2rem .2rem; }.dray-route span { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(49,191,213,.34); border-radius: 18px; color: #eaffff; background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); font-size: .72rem; font-weight: 900; letter-spacing: .08em; }.dray-route i { height: 2px; min-width: 34px; border-radius: 99px; background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(49,191,213,.85), rgba(49,191,213,.15)); box-shadow: 0 0 18px rgba(49,191,213,.45); }
.dray-event-list { display: grid; gap: .72rem; padding: 0 1.2rem 1.2rem; }.dray-event-list article { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .9rem; background: rgba(255,255,255,.035); }.dray-event-list article.active { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.dray-event-list b { color: #fff; }.dray-event-list span { color: #8ca7ba; font-size: .84rem; text-align: right; }
.dray-build-console { padding-bottom: 1.2rem; }
.dray-type-label { padding: 1.25rem 1.2rem .55rem; color: #91aabb; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.dray-type-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; padding: 0 1.2rem 1.2rem; }
.dray-type-grid span { display: grid; min-height: 62px; padding: .65rem; place-items: center; border: 1px solid rgba(179,227,237,.12); border-radius: .8rem; color: #93abba; background: rgba(255,255,255,.03); font-size: .7rem; font-weight: 800; line-height: 1.25; text-align: center; }
.dray-type-grid span.active { border-color: rgba(49,191,213,.72); color: #efffff; background: linear-gradient(145deg, rgba(49,191,213,.24), rgba(30,97,183,.14)); box-shadow: 0 0 24px rgba(49,191,213,.1); }
.dray-load-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding: 0 1.2rem 1.15rem; }
.dray-load-fields label { display: grid; gap: .32rem; padding: .78rem .9rem; border: 1px solid rgba(179,227,237,.11); border-radius: .75rem; background: rgba(255,255,255,.028); }
.dray-load-fields label:first-child { border-color: rgba(49,191,213,.42); background: rgba(49,191,213,.08); }
.dray-load-fields span { color: #829dad; font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.dray-load-fields strong { color: #f4fdff; font-size: .84rem; }
.dray-build-status { display: flex; justify-content: space-between; gap: 1rem; margin: 0 1.2rem; padding: .8rem .9rem; border: 1px solid rgba(49,191,213,.2); border-radius: .75rem; color: #a8c0cf; background: rgba(49,191,213,.06); font-size: .75rem; }
.dray-build-status span { display: flex; gap: .45rem; align-items: center; }.dray-build-status i { width: 7px; height: 7px; border-radius: 50%; background: #55dfe9; box-shadow: 0 0 12px rgba(85,223,233,.8); }.dray-build-status b { color: #e8fbfd; }
.dray-native { background: #f4f9fb; }
.drayage-b .ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.dray-continuity { display: grid; grid-template-columns: 1fr 54px 1fr 54px 1fr; align-items: center; margin-top: 3rem; overflow: hidden; border: 1px solid #d5e5eb; border-radius: 1.3rem; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }
.dray-continuity article { min-height: 240px; padding: 1.6rem; }.dray-continuity article span { color: #31bfd5; font: 800 2.1rem/1 Syne, sans-serif; }.dray-continuity h3 { margin-top: 3rem; }.dray-continuity p { color: #60798a; }
.dray-continuity > i { position: relative; height: 2px; background: linear-gradient(90deg, #93dce4, #31bfd5); }.dray-continuity > i::after { position: absolute; top: 50%; right: -1px; width: 9px; height: 9px; border-top: 2px solid #31bfd5; border-right: 2px solid #31bfd5; content: ""; transform: translateY(-50%) rotate(45deg); }
.dray-integration-grid { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid #d7e5eb; border-radius: 1.25rem; background: #fff; box-shadow: 0 26px 68px rgba(8,35,55,.08); }
.dray-integration-grid article { min-height: 250px; padding: 1.4rem; border-right: 1px solid #dce8ed; }.dray-integration-grid article:last-child { border-right: 0; }.dray-integration-grid .integration-icon { margin-bottom: 2.2rem; }.dray-integration-grid p { color: #60788a; }

.multi-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 80% 22%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.multi-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.multi-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.multi-hero .lead { color: #adc3d1; }.multi-hero .eyebrow { color: #64dce8; }.multi-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.mode-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.mode-option-list { display: grid; gap: .75rem; padding: 0 1.2rem 1.2rem; }.mode-option-list article { display: grid; grid-template-columns: 92px 1fr auto; gap: .8rem; align-items: center; padding: .95rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .95rem; background: rgba(255,255,255,.035); }.mode-option-list article.selected { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.mode-option-list b { color: #fff; }.mode-option-list span { color: #8ca7ba; font-size: .84rem; }.mode-option-list strong { padding: .38rem .6rem; border-radius: 999px; color: #fff; background: linear-gradient(145deg, #31bfd5, #1e61b7); font-size: .72rem; }
.mode-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.35rem; overflow: hidden; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }.mode-card-grid article { position: relative; min-height: 300px; padding: 1.45rem; border-right: 1px solid #dce7ed; overflow: hidden; }.mode-card-grid article:last-child { border-right: 0; }.mode-card-grid article > span:first-child { color: rgba(49,191,213,.95); font: 800 2.25rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.mode-card-grid .integration-icon, .mode-card-grid .agent-icon { margin: 1.45rem 0 1rem; }.mode-card-grid h3 { font-size: 1.22rem; }.mode-card-grid p { color: #60778a; }
.mode-score-panel { display: grid; gap: .85rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.mode-score-row { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .95rem; background: rgba(255,255,255,.025); }.mode-score-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.mode-score-row b { color: #fff; }.mode-score-row span { color: #91aabb; font-size: .84rem; text-align: right; }

/* Multi-Mode Quote Tool */
.quote-console { position: relative; animation: quote-float 7s ease-in-out infinite; }
.quote-table-head { display: grid; grid-template-columns: 1fr 70px 76px; gap: .8rem; padding: 0 2.2rem .55rem; color: #6f8da1; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.quote-table-head span:nth-child(n+2) { text-align: right; }
.quote-console .mode-option-list article { grid-template-columns: 1fr 70px 76px; }
.quote-console .mode-option-list small { display: block; margin-top: .15rem; color: #708da1; font-size: .7rem; }
.quote-console .mode-option-list article > span, .quote-console .mode-option-list article > strong { text-align: right; }
.quote-console .mode-option-list article > strong { padding: 0; color: #eaf8fa; background: none; font-size: .85rem; }
.quote-console .mode-option-list article.selected { animation: quote-pulse 3.8s ease-in-out infinite; }
.quote-winner { display: flex; justify-content: space-between; gap: 1rem; margin: 0 1.2rem 1.2rem; padding: .8rem 1rem; border: 1px solid rgba(84,227,227,.2); border-radius: .8rem; color: #dffbfc; background: rgba(49,191,213,.09); font-size: .78rem; }
.quote-winner span { color: #65dce7; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.five-modes { grid-template-columns: repeat(5, 1fr); }
.five-modes article { min-height: 245px; }
.five-modes article > span:first-child { display: block; margin-bottom: 3.2rem; }
.multimode-optics { color: #dceaf3; background: radial-gradient(circle at 82% 28%, rgba(49,191,213,.11), transparent 30%), #071722; }
.multimode-optics h2 { color: #fff; }.multimode-optics p { color: #9db5c5; }
.optics-panel { display: grid; gap: .75rem; overflow: hidden; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.optics-signal { display: flex; gap: 5px; align-items: end; height: 45px; padding: 0 .4rem; }
.optics-signal i { width: 25%; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #64dce8, rgba(30,97,183,.35)); transform-origin: bottom; animation: optics-bars 2.8s ease-in-out infinite; }
.optics-signal i:nth-child(1) { height: 35%; }.optics-signal i:nth-child(2) { height: 70%; animation-delay: -.6s; }.optics-signal i:nth-child(3) { height: 48%; animation-delay: -1.2s; }.optics-signal i:nth-child(4) { height: 88%; animation-delay: -1.8s; }
.optics-row { display: flex; justify-content: space-between; gap: 1rem; padding: .95rem 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .9rem; background: rgba(255,255,255,.025); }
.optics-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.optics-row b { color: #fff; }.optics-row span { color: #91aabb; font-size: .82rem; text-align: right; }
.multimode-case { background: #f5f9fb; }
.multimode-b .ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.case-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.case-table { overflow: hidden; border: 1px solid #d6e5eb; border-radius: 1.25rem; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.1); }
.case-table > div { display: grid; grid-template-columns: 1fr 100px 100px; gap: 1rem; align-items: center; padding: 1.15rem 1.3rem; border-bottom: 1px solid #e1ebef; }
.case-table .case-table-head { color: #78909e; background: #edf5f7; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.case-table > div > :nth-child(n+2) { text-align: right; }.case-table > div b { color: #123a50; }.case-table > div strong { color: #133e57; }
.case-table .winner { border-color: rgba(49,191,213,.3); background: linear-gradient(90deg, rgba(49,191,213,.13), rgba(30,97,183,.05)); animation: winner-glow 4s ease-in-out infinite; }
.case-table em { display: inline-block; margin-left: .45rem; padding: .25rem .45rem; border-radius: 999px; color: #08788f; background: #dff8fa; font-size: .62rem; font-style: normal; text-transform: uppercase; }
.case-table footer { display: flex; justify-content: space-between; padding: 1.1rem 1.3rem; color: #fff; background: linear-gradient(90deg, #0c3953, #155f79); }.case-table footer b { font-size: 1.2rem; }
.mode-depth { padding-top: 0; }.depth-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.depth-links a { display: grid; gap: 2.5rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: 1rem; color: var(--navy-950); background: #fff; box-shadow: var(--shadow-sm); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.depth-links a:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }.depth-links span { color: #658092; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.depth-links b { color: #126f9d; }
@keyframes quote-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes quote-pulse { 0%,100% { box-shadow: 0 0 0 rgba(49,191,213,0); } 50% { box-shadow: 0 0 24px rgba(49,191,213,.12); } }
@keyframes optics-bars { 0%,100% { transform: scaleY(.72); opacity: .6; } 50% { transform: scaleY(1); opacity: 1; } }
@keyframes winner-glow { 0%,100% { box-shadow: inset 4px 0 0 #31bfd5; } 50% { box-shadow: inset 4px 0 0 #31bfd5, 0 0 24px rgba(49,191,213,.13); } }

.edi-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 78% 20%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #04111b, #082338 56%, #0c3854); }
.edi-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.edi-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.edi-hero .lead { color: #adc3d1; }.edi-hero .eyebrow { color: #64dce8; }.edi-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.edi-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.edi-network { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: .75rem; align-items: center; padding: 1.45rem 1.2rem .4rem; }.edi-network span { display: grid; min-width: 92px; min-height: 58px; place-items: center; border: 1px solid rgba(49,191,213,.34); border-radius: 18px; color: #eaffff; background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); font-size: .76rem; font-weight: 900; letter-spacing: .05em; }.edi-network i { height: 2px; min-width: 40px; border-radius: 99px; background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(49,191,213,.85), rgba(49,191,213,.15)); box-shadow: 0 0 18px rgba(49,191,213,.45); }
.edi-message-list { display: grid; gap: .72rem; padding: 1.2rem; }.edi-message-list article { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .9rem; background: rgba(255,255,255,.035); }.edi-message-list article.active { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.edi-message-list b { color: #fff; }.edi-message-list span { color: #8ca7ba; font-size: .84rem; text-align: right; }
.edi-architecture { color: #dceaf3; background: radial-gradient(circle at 50% 38%, rgba(49,191,213,.12), transparent 36%), #061722; }
.edi-architecture .concept-heading h2 { color: #fff; }
.architecture-stack { width: min(900px, 100%); margin: 3.5rem auto 0; }
.architecture-layer { display: grid; grid-template-columns: 145px 1fr 1.25fr; gap: 1.25rem; align-items: center; padding: 1.35rem 1.55rem; border: 1px solid rgba(144,218,229,.22); border-radius: 1.1rem; background: rgba(255,255,255,.04); box-shadow: 0 22px 50px rgba(0,0,0,.16); animation: architecture-layer-pulse 7.2s ease-in-out infinite; }
.architecture-layer.routing { border-color: rgba(89,220,230,.52); background: linear-gradient(90deg, rgba(49,191,213,.17), rgba(30,97,183,.08)); }
.architecture-layer.database { border-color: rgba(106,156,225,.4); background: linear-gradient(90deg, rgba(30,97,183,.14), rgba(255,255,255,.035)); animation-delay: 2.4s; }
.architecture-layer.interfaces { border-color: rgba(121,229,238,.3); animation-delay: 4.8s; }
.architecture-layer span { color: #66dce8; font-size: .69rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.architecture-layer strong { color: #fff; font-size: 1.15rem; }.architecture-layer small { color: #9eb6c5; }
.architecture-connector { display: flex; justify-content: space-around; height: 44px; padding: 0 16%; }.architecture-connector i { width: 2px; height: 100%; background: linear-gradient(180deg, rgba(49,191,213,.1) 0%, #5be2eb 45%, rgba(49,191,213,.1) 70%); background-size: 100% 220%; animation: architecture-data-flow 2.4s linear infinite; }
.architecture-sources { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; margin-top: 1rem; }.architecture-sources span { padding: .8rem .6rem; border: 1px solid rgba(179,227,237,.13); border-radius: .75rem; color: #abc2cf; background: rgba(255,255,255,.025); font-size: .75rem; font-weight: 700; text-align: center; }
.architecture-origin-note { max-width: 720px; margin: 1.15rem auto 0; color: #9eb6c5; font-size: .84rem; text-align: center; }.architecture-origin-note b { color: #66dce8; }
@keyframes architecture-layer-pulse { 0%, 22%, 100% { border-color: rgba(144,218,229,.22); box-shadow: 0 22px 50px rgba(0,0,0,.16); transform: translateY(0); } 7%, 15% { border-color: rgba(91,226,235,.72); box-shadow: 0 24px 58px rgba(49,191,213,.18), inset 0 0 28px rgba(49,191,213,.05); transform: translateY(-4px); } }
@keyframes architecture-data-flow { from { background-position: 0 -100%; } to { background-position: 0 100%; } }
.edi-manager { background: #f4f9fb; }.edi-transaction-grid { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid #d5e4ea; border-radius: 1.25rem; background: #fff; box-shadow: 0 26px 70px rgba(8,35,55,.08); }
.edi-transaction-grid article { min-height: 270px; padding: 1.4rem; border-right: 1px solid #dce8ed; }.edi-transaction-grid article:last-child { border-right: 0; }.edi-transaction-grid span { color: #718b9b; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.edi-transaction-grid b { display: block; margin: 1.9rem 0 .55rem; color: #087f96; font: 800 2rem/1 Syne, sans-serif; }.edi-transaction-grid p { color: #60788a; }
.edi-manager-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }.edi-manager-proof > div { display: grid; gap: .35rem; padding: 1.2rem; border: 1px solid #d9e7ec; border-radius: .9rem; background: #fff; }.edi-manager-proof strong { color: #123d54; }.edi-manager-proof span { color: #647d8d; font-size: .85rem; }.edi-manager-proof a { margin-top: .2rem; color: #087f96; font-size: .8rem; font-weight: 800; text-decoration: none; }
.edi-api-depth { color: #dceaf3; background: radial-gradient(circle at 80% 22%, rgba(30,97,183,.16), transparent 30%), #071b29; }.edi-api-depth h2 { color: #fff; }.edi-api-depth p { color: #9db6c6; }
.api-action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.6rem; }.api-action-grid span { display: grid; gap: .25rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .8rem; color: #91aabb; background: rgba(255,255,255,.025); font-size: .78rem; }.api-action-grid b { color: #fff; font-size: .95rem; }
.api-console { overflow: hidden; padding: 1rem; border: 1px solid rgba(179,227,237,.17); border-radius: 1.2rem; background: #06141e; box-shadow: 0 30px 70px rgba(0,0,0,.25); }.api-console > div { display: grid; grid-template-columns: 55px 1fr 40px; gap: .7rem; padding: 1rem; border-bottom: 1px solid rgba(179,227,237,.1); }.api-console small { color: #63dbe6; font-weight: 800; }.api-console code { color: #d7e8f0; }.api-console span { color: #71d8a0; font-size: .8rem; text-align: right; }.api-console footer { padding: 1rem; color: #8fa9ba; font-size: .75rem; }.api-console footer i { display: inline-block; width: 7px; height: 7px; margin-right: .45rem; border-radius: 50%; background: #46d39a; box-shadow: 0 0 12px #46d39a; }
.edi-routing { background: #fff; }.edi-routing .concept-heading h2 { color: #000; text-shadow: none; }.edi-routing .concept-heading p { color: #587286; }.routing-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2.4rem; border: 1px solid #d8e6eb; border-radius: 1.2rem; overflow: hidden; }.routing-grid article { min-height: 245px; padding: 1.35rem; border-right: 1px solid #dce8ed; }.routing-grid article:last-child { border-right: 0; }.routing-grid article > span { color: #31bfd5; font: 800 2rem/1 Syne, sans-serif; }.routing-grid h3 { margin-top: 2.4rem; }.routing-grid p { color: #60788a; }

.faq { border-top: 1px solid var(--line); }
.smart-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8.5rem) 0; color: #dceaf5; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.2), transparent 28%), linear-gradient(140deg, #061522, #0c3452 62%, #155d76); }
.smart-hero::before { position: absolute; width: 720px; height: 720px; right: -300px; top: -340px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 90px rgba(49,191,213,.04), 0 0 0 180px rgba(49,191,213,.025); content: ""; }
.smart-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.smart-hero h1 { max-width: 760px; color: var(--white); font-size: clamp(3rem, 6.5vw, 6rem); }
.smart-hero .lead { color: #bad0df; }
.smart-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.35); }
.smart-badge { display: inline-flex; margin-bottom: 1.25rem; padding: .45rem .8rem; border: 1px solid rgba(110,231,240,.35); border-radius: 999px; color: #a7edf3; background: rgba(49,191,213,.1); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.smart-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 2.8rem; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(255,255,255,.12); }
.smart-proof span { padding: 1rem; color: #91aabd; background: rgba(4,20,32,.62); font-size: .7rem; text-transform: uppercase; }
.smart-proof b { display: block; color: var(--white); font: 700 1.8rem/1 Sora, sans-serif; }
.smart-orbit { position: relative; width: min(100%, 520px); aspect-ratio: 1; margin-inline: auto; border: 1px solid rgba(131,226,237,.25); border-radius: 50%; box-shadow: inset 0 0 90px rgba(49,191,213,.07), 0 0 0 42px rgba(49,191,213,.035); }
.smart-orbit::before, .smart-orbit::after { position: absolute; inset: 16%; border: 1px dashed rgba(131,226,237,.22); border-radius: 50%; content: ""; }
.smart-orbit::after { inset: 32%; }
.orbit-core { position: absolute; z-index: 2; display: grid; width: 150px; aspect-ratio: 1; left: 50%; top: 50%; place-content: center; border: 1px solid rgba(131,226,237,.5); border-radius: 50%; text-align: center; background: #0b334d; box-shadow: 0 0 55px rgba(49,191,213,.25); transform: translate(-50%,-50%); }
.orbit-core small { color: #78dfe9; letter-spacing: .2em; }
.orbit-core strong { color: var(--white); font-family: Sora, sans-serif; }
.orbit-node { position: absolute; z-index: 3; padding: .65rem .9rem; border: 1px solid rgba(131,226,237,.28); border-radius: 999px; color: #d8f5f7; background: #0c2d43; font-size: .75rem; font-weight: 700; box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.orbit-merchants { left: 2%; top: 25%; }.orbit-warehouses { right: -2%; top: 40%; }.orbit-partners { left: 27%; bottom: 3%; }

/* Dynamic WordPress blog */
.blog-archive-hero{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#061b2b,#0b3955);color:#fff}
.blog-archive-hero h1{max-width:850px;margin:.4rem 0 1rem;font-size:clamp(2.8rem,6vw,5.2rem);color:#fff}
.blog-archive-hero .lead{max-width:760px;color:#c8d9e5}
.blog-archive-content{padding:clamp(4rem,7vw,6.5rem) 0}
.blog-post-grid{gap:1.5rem}
.blog-post-card{height:100%;overflow:hidden;border:1px solid rgba(8,43,65,.12);border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(8,43,65,.08);transition:transform .2s ease,box-shadow .2s ease}
.blog-post-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(8,43,65,.14)}
.blog-card-image{margin:0;background:#e8f0f5}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card-body{padding:1.5rem}.blog-card-category{margin:0 0 .65rem;color:#1677a7;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.blog-card-category a{color:inherit}.blog-card-title{margin:0 0 .8rem;font-size:1.35rem;line-height:1.2}.blog-card-title a{color:#082b41;text-decoration:none}
.blog-card-meta{gap:.45rem 1rem;margin-bottom:.9rem;color:#647782;font-size:.86rem}.blog-card-excerpt{color:#425865}.blog-card-excerpt .wp-block-post-excerpt__more-link{display:inline-flex;margin-top:1rem;color:#126f9d;font-weight:800;text-decoration:none}
.blog-pagination{gap:.75rem;margin-top:3rem}.blog-pagination a,.blog-pagination .page-numbers{padding:.65rem .9rem;border-radius:9px;background:#edf4f7;color:#0a526f;text-decoration:none}.blog-pagination .current{background:#0d7199;color:#fff}
.blog-empty{padding:2rem;border-radius:16px;background:#edf4f7;text-align:center}
.blog-single-hero{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#061b2b,#0b3955);color:#fff;text-align:center}
.blog-single-heading h1{margin:.7rem auto 1.2rem;font-size:clamp(2.6rem,5vw,4.8rem);color:#fff}.blog-single-category,.blog-single-category a{color:#74d8eb;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-single-meta{gap:.5rem 1.2rem;color:#c8d9e5}
.blog-single-layout{padding:clamp(3rem,6vw,5rem) 0}.blog-single-image{overflow:hidden;margin-bottom:2.5rem;border-radius:22px}.blog-single-content{font-size:1.08rem;line-height:1.8}.blog-single-content h2,.blog-single-content h3{margin-top:2em}.blog-post-navigation{gap:2rem;margin-top:2rem}.blog-post-navigation a{color:#126f9d;font-weight:800;text-decoration:none}
@media (max-width:900px){.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.blog-post-grid{grid-template-columns:1fr!important}.blog-post-navigation{align-items:flex-start;flex-direction:column}}
.smart-value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.smart-value-grid article { padding: 1.6rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--white); box-shadow: var(--shadow-sm); }
.smart-value-grid article > span { display: inline-block; margin-bottom: 1.2rem; color: var(--brand-cyan); font: 700 .72rem/1 Sora, sans-serif; }
.smart-value-grid p, .pillar-grid p { color: var(--muted); }
.smart-pillars { color: #dce9f2; background: #071b2a; }
.smart-pillars h2, .smart-pillars h3 { color: var(--white); }
.smart-pillars .section-head > p { color: #91a9ba; }
.pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.pillar-grid article { padding: 2rem; border: 1px solid rgba(179,227,237,.15); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); }
.pillar-grid article > b { display: block; margin-bottom: 2.5rem; color: #4fd3e2; font: 800 2.5rem/1 Sora, sans-serif; }
.pillar-grid small { color: #67dce7; font-weight: 700; text-transform: uppercase; }
.pillar-grid ul { margin: 1.2rem 0 0; padding-left: 1.2rem; color: #aec3d1; }
.smart-port { background: #eef7fa; }
.smart-port-grid { display: grid; grid-template-columns: 1fr .85fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.smart-stack { display: grid; gap: .65rem; }
.smart-stack span { display: flex; gap: 1rem; align-items: center; padding: 1rem 1.2rem; border: 1px solid #d8e6eb; border-radius: .8rem; color: #587080; background: rgba(255,255,255,.72); font-weight: 700; }
.smart-stack i { color: #6f8796; font-size: .7rem; font-style: normal; }
.smart-stack .active { color: var(--white); border-color: var(--brand-blue); background: linear-gradient(90deg, var(--brand-blue), #238aa4); box-shadow: 0 16px 35px rgba(30,97,183,.22); transform: translateX(-1rem); }
.smart-audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.smart-audience-grid article { position: relative; overflow: hidden; padding: 2rem; border: 1px solid var(--line); border-radius: 1.25rem; background: var(--white); box-shadow: var(--shadow-sm); }
.smart-audience-grid article::after { position: absolute; width: 150px; height: 150px; right: -75px; bottom: -75px; border-radius: 50%; background: rgba(49,191,213,.08); content: ""; }
.smart-audience-grid article > span { display: inline-grid; width: 2.2rem; height: 2.2rem; margin-bottom: 1.35rem; place-content: center; border-radius: 50%; color: #08788f; background: #def7fa; font: 800 .75rem/1 Sora, sans-serif; }
.smart-audience-grid .eyebrow { margin-bottom: .45rem; font-size: .66rem; }
.smart-audience-grid p:not(.eyebrow), .smart-audience-grid ul { color: var(--muted); }
.smart-audience-grid ul { position: relative; z-index: 1; margin: 1.2rem 0 0; padding-left: 1.2rem; }
.button-on-dark { color: var(--white); border-color: rgba(255,255,255,.4); }
.smart-join { background: linear-gradient(145deg, #f4fbfd, #e9f6fa); }
.smart-join-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.smart-join-note { margin-top: 2rem; padding: 1.25rem; border-left: 4px solid var(--brand-cyan); border-radius: 0 1rem 1rem 0; background: rgba(255,255,255,.75); }
.smart-join-note p { margin: .35rem 0 0; color: var(--muted); }
.smart-join-form { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: 1.4rem; background: var(--white); box-shadow: var(--shadow-md); }
.smart-form-progress { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; margin-bottom: 2rem; border-radius: .8rem; background: var(--line); }
.smart-form-progress span { padding: .85rem 1rem; color: var(--muted); background: #f3f7f9; font-weight: 800; }
.smart-form-progress span.active { color: var(--white); background: linear-gradient(90deg, var(--brand-blue), #238aa4); }
.smart-form-progress small { margin-left: .35rem; font-weight: 600; }
.smart-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.smart-join-form label, .smart-join-form legend { color: var(--navy-950); font-weight: 700; }
.smart-join-form input:not([type="checkbox"]):not([type="radio"]), .smart-join-form select { width: 100%; min-height: 3rem; margin-top: .4rem; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: .65rem; color: var(--navy-950); background: var(--white); font: inherit; }
.smart-join-form > div > label { display: block; margin-bottom: 1rem; }
.smart-join-form fieldset { margin: 1.4rem 0; padding: 0; border: 0; }
.smart-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem 1rem; margin-top: .8rem; }
.smart-check-grid label { display: flex; gap: .55rem; align-items: flex-start; color: var(--muted); font-weight: 500; }
.smart-check-grid input { margin-top: .2rem; accent-color: var(--brand-blue); }
.smart-form-privacy { color: var(--muted); font-size: .85rem; }
.smart-join-form .form-status { margin-top: 1rem; color: var(--brand-blue); font-weight: 700; }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.35rem 0; color: var(--navy-950); font: 700 1.08rem/1.35 Sora, sans-serif; cursor: pointer; list-style: none; }
.faq summary::after { content: "+"; color: var(--blue-600); font-size: 1.5rem; }
.faq details[open] summary::after { content: "−"; }
.faq details p { max-width: 780px; margin: 0; padding: 0 0 1.4rem; color: var(--muted); }
.filter-bar { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.5rem; }
.filter-button { padding: .65rem 1rem; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--white); font-weight: 700; }
.filter-button[aria-pressed="true"] { color: var(--white); border-color: var(--blue-600); background: var(--blue-600); }
.partner-card[hidden] { display: none; }
.tag { display: inline-block; margin-bottom: .8rem; padding: .25rem .55rem; border-radius: 999px; color: var(--blue-600); background: var(--blue-100); font-size: .72rem; font-weight: 700; }

.form-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.form-card { padding: clamp(1.4rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-sm); }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.field { display: grid; gap: .4rem; }
.field-full { grid-column: 1 / -1; }
.field label { color: var(--navy-950); font-size: .88rem; font-weight: 700; }
.field input, .field select, .field textarea { width: 100%; min-height: 48px; padding: .75rem .85rem; border: 1px solid #b9c8d5; border-radius: .65rem; color: var(--ink); background: var(--white); }
.field textarea { min-height: 130px; resize: vertical; }
.field-note { color: var(--muted); font-size: .78rem; }
.form-status { min-height: 1.5rem; margin-top: .8rem; color: var(--success); font-weight: 700; }
.form-card[data-prototype="true"]::before { display: block; margin-bottom: 1rem; padding: .7rem .85rem; border-radius: .6rem; color: #6f4200; background: #fff3d5; content: "Prototype: connect this form to the approved CRM workflow before launch."; font-size: .78rem; }

.site-footer { margin-top: 5rem; color: #d7e8f5; background: linear-gradient(150deg, #10365f, #174b85); }
.footer-grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); gap: 2.5rem; padding: 4.5rem 0 3rem; }
.footer-grid h2, .footer-grid h3 { color: var(--white); font-size: .95rem; letter-spacing: 0; }
.footer-grid p { max-width: 360px; color: #9fb3c6; }
.footer-grid ul { margin: 0; padding: 0; list-style: none; }
.footer-grid li { margin: .45rem 0; }
.footer-grid a { color: #c4d4e3; text-decoration: none; }
.footer-grid a:hover { color: var(--cyan-400); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; padding: 1.4rem 0; border-top: 1px solid rgba(255,255,255,.12); color: #8fa7bc; font-size: .82rem; }
.footer-bottom a { color: inherit; }

@media (max-width: 1100px) {
  .command-grid { width: min(calc(100% - 2rem), 860px); grid-template-columns: 1fr; }
  .command-copy { max-width: 720px; }
  .command-copy h1 { max-width: 720px; }
  .digital-globe { width: min(100%, 720px); }
  .about-hero-grid { grid-template-columns: 1fr; }
  .about-orbit { max-width: 520px; }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .team-layout { grid-template-columns: 1fr; }.team-intro { position: static; }
  .truck-hero-grid { grid-template-columns: 1fr; }
  .coverage-board { width: min(100%, 720px); }
  .ltl-hero-grid, .ltl-network-grid { grid-template-columns: 1fr; }
  .ltl-rate-console { width: min(100%, 720px); }
}

@media (max-width: 940px) {
  .edi-transaction-grid, .routing-grid { grid-template-columns: 1fr 1fr; }
  .edi-transaction-grid article, .routing-grid article { border-bottom: 1px solid #dce8ed; }
  .edi-transaction-grid article:nth-child(2), .routing-grid article:nth-child(2) { border-right: 0; }
  .edi-manager-proof { grid-template-columns: 1fr; }
  .menu-toggle { display: inline-grid; place-items: center; }
  .site-nav { position: fixed; inset: var(--header) 0 auto; display: none; max-height: calc(100vh - var(--header)); padding: 1.5rem; align-items: stretch; flex-direction: column; overflow: auto; border-bottom: 1px solid var(--line); background: var(--white); }
  .site-nav[data-open="true"] { display: flex; }
  .header-actions .login, .header-actions .button { display: none; }
  .header-inner { justify-content: space-between; }
  .hero-grid, .split, .form-layout { grid-template-columns: 1fr; }
  .product-panel { max-width: 680px; }
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .ai-agent-grid { grid-template-columns: 1fr; }
  .workflow-panel { grid-template-columns: 1fr; }
  .ai-agent-card { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); }
  .ai-agent-media { height: 100%; min-height: 360px; }
  .agent-icon-stage { min-height: 360px; border-right: 1px solid rgba(56,122,186,.16); border-bottom: 0; }
  .logo-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .command-grid { grid-template-columns: 1fr; }
  .command-console { max-width: 720px; }
  .digital-globe { width: min(100%, 720px); }
  .concept-heading, .concept-proof-grid { grid-template-columns: 1fr; }
  .about-statement, .about-ai-grid { grid-template-columns: 1fr; }
  .belief-grid, .audience-grid { grid-template-columns: 1fr 1fr; }
  .serve-grid { grid-template-columns: 1fr; }.why-grid { grid-template-columns: 1fr; }.why-grid article, .why-grid article:nth-child(4), .why-grid article:nth-child(5) { grid-column: auto; }
  .truck-foundation-head { grid-template-columns: 1fr; }
  .truck-foundation-grid { grid-template-columns: 1fr 1fr; }
  .truck-foundation-grid article { border-bottom: 1px solid #dce7ed; }
  .truck-foundation-grid article:nth-child(2n) { border-right: 0; }
  .truck-foundation-grid article:nth-last-child(-n+2) { border-bottom: 0; }
  .truck-agent-grid { grid-template-columns: 1fr; }
  .truck-agent-grid article { min-height: auto; }
  .truck-tab-panels article { grid-template-columns: 1fr; gap: 2rem; }
  .ltl-card-grid { grid-template-columns: 1fr 1fr; }
  .ltl-card-grid article:nth-child(2n) { border-right: 0; }
  .ltl-card-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce7ed; }
  .mode-card-grid { grid-template-columns: 1fr 1fr; }
  .mode-card-grid article:nth-child(2n) { border-right: 0; }
  .mode-card-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce7ed; }
  .five-modes { grid-template-columns: repeat(2, 1fr); }
  .five-modes article:last-child { grid-column: 1 / -1; }
  .case-grid { grid-template-columns: 1fr; }
  .depth-links { grid-template-columns: 1fr; }
  .dray-integration-grid { grid-template-columns: 1fr 1fr; }
  .dray-integration-grid article:nth-child(2) { border-right: 0; }
  .dray-integration-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce8ed; }
  .ltl-flow-track { grid-template-columns: repeat(3, 1fr); }
  .integration-capabilities { grid-template-columns: repeat(3, 1fr); }
  .integration-tile { border-bottom: 1px solid #dce7ed; }
  .integration-tile:nth-child(3n) { border-right: 0; }
  .integration-tile:nth-last-child(-n+3) { border-bottom: 0; }
  .smart-hero-grid, .smart-port-grid, .smart-join-grid { grid-template-columns: 1fr; }
  .smart-orbit { max-width: 480px; }
  .smart-value-grid, .pillar-grid, .smart-audience-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .architecture-layer { grid-template-columns: 1fr; gap: .35rem; }
  .architecture-sources, .api-action-grid { grid-template-columns: 1fr 1fr; }
  .edi-transaction-grid, .routing-grid { grid-template-columns: 1fr; }
  .edi-transaction-grid article, .routing-grid article { min-height: auto; border-right: 0; }
  .api-console > div { grid-template-columns: 48px 1fr 34px; padding-inline: .6rem; }
  .section-head, .ai-section-head, .workflow-heading, .field-grid, .cta-band .inner, .native-proof { grid-template-columns: 1fr; }
  .capability-grid { grid-template-columns: 1fr; }.role-list article { grid-template-columns: 1fr; gap: .5rem; }.about-final-cta .actions { justify-content: flex-start; }
  .workflow-tabs { grid-template-columns: 1fr 1fr; }
  .workflow-tab:nth-child(2) { border-right: 0; }
  .workflow-tab { min-height: 94px; padding: .95rem; }
  .workflow-panel { padding: 1.35rem; }
  .ui-option { grid-template-columns: 1fr auto; }
  .ui-option strong { display: none; }
  .ai-agent-card { display: block; }
  .ai-agent-media { min-height: auto; }
  .agent-icon-stage { min-height: 230px; border-right: 0; border-bottom: 1px solid rgba(56,122,186,.16); }
  .native-proof-points { justify-content: flex-start; }
  .card-grid, .stat-grid { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .load-row { grid-template-columns: 1fr auto; }
  .load-row > :last-child { display: none; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
  .command-hero { min-height: auto; }
  .command-copy h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
  .console-stats { grid-template-columns: 1fr; }
  .console-stats > div { border-right: 0; border-bottom: 1px solid rgba(179,227,237,.1); }
  .agent-rail article { grid-template-columns: 72px 1fr; }
  .agent-rail article > b { display: none; }
  .bento-grid, .bento-wide { grid-template-columns: 1fr; }
  .bento-wide, .bento-flow { grid-column: auto; }
  .mini-flow { align-items: stretch; flex-direction: column; }
  .mini-flow i { min-height: 20px; width: 1px; flex: none; margin-left: 1.5rem; }
  .proof-statements p { grid-template-columns: 1fr; }
  .integration-heading { grid-template-columns: 1fr; padding: 1.5rem; }
  .rhythm-heading { grid-template-columns: 1fr; }
  .rhythm-animation { margin-inline: -1rem; overflow-x: auto; }
  .integration-capabilities { grid-template-columns: repeat(2, 1fr); }
  .integration-tile:nth-child(3n) { border-right: 1px solid #dce7ed; }
  .integration-tile:nth-child(2n) { border-right: 0; }
  .integration-tile:nth-last-child(-n+3) { border-bottom: 1px solid #dce7ed; }
  .integration-tile:nth-last-child(-n+2) { border-bottom: 0; }
  .digital-globe { min-height: 520px; }
  .globe-stage { min-height: 400px; }
  .globe-chip { min-width: 96px; padding: .55rem .65rem; }
  .chip-ai { right: 2%; }.chip-modes { left: 2%; }.chip-data { right: 3%; }
  .smart-proof, .smart-value-grid, .pillar-grid, .smart-audience-grid { grid-template-columns: 1fr; }
  .smart-field-grid, .smart-check-grid { grid-template-columns: 1fr; }
  .smart-orbit { width: 88vw; max-width: 420px; }
  .belief-grid, .audience-grid { grid-template-columns: 1fr; }
  .about-tabs { grid-template-columns: 1fr; }
  .about-tab-list { grid-template-columns: 1fr 1fr; }
  .about-tab-list button:nth-child(2) { border-right: 0; }
  .about-tab-panels article { grid-template-columns: 1fr; gap: 1rem; }
  .about-panel-number { font-size: 3rem; }
  .truck-foundation-grid { grid-template-columns: 1fr; }
  .truck-foundation-grid article { border-right: 0; }
  .truck-foundation-grid article:nth-last-child(2) { border-bottom: 1px solid #dce7ed; }
  .ltl-card-grid, .ltl-flow-track { grid-template-columns: 1fr; }
  .edi-flow-rail { display: none; }
  .edi-flow-track { gap: 1rem; }
  .edi-flow-track article::after { display: none; }
  .ltl-card-grid article { border-right: 0; border-bottom: 1px solid #dce7ed; }
  .ltl-card-grid article:last-child { border-bottom: 0; }
  .mode-card-grid { grid-template-columns: 1fr; }
  .mode-card-grid article { border-right: 0; border-bottom: 1px solid #dce7ed; }
  .mode-card-grid article:last-child { border-bottom: 0; }
  .mode-option-list article { grid-template-columns: 1fr; }
  .quote-table-head { display: none; }
  .quote-console .mode-option-list article { grid-template-columns: 1fr auto; }
  .quote-console .mode-option-list article > span { display: none; }
  .quote-winner { align-items: flex-start; flex-direction: column; }
  .five-modes { grid-template-columns: 1fr; }
  .five-modes article:last-child { grid-column: auto; }
  .case-table > div { grid-template-columns: 1fr auto; }
  .case-table > div > span { display: none; }
  .optics-row { display: grid; }
  .optics-row span { text-align: left; }
  .edi-network { grid-template-columns: 1fr; }
  .edi-network i { width: 2px; min-width: 0; height: 22px; justify-self: center; }
  .edi-message-list article { display: grid; }
  .edi-message-list span { text-align: left; }
  .mode-score-row { display: grid; }
  .mode-score-row span { text-align: left; }
  .ltl-panel-row { display: grid; }
  .ltl-panel-row span { text-align: left; }
  .truck-tab-list { grid-template-columns: 1fr; }
  .truck-tab-list button { min-height: 62px; border-right: 0; border-bottom: 1px solid #dce7ed; }
  .truck-tab-list button:last-child { border-bottom: 0; }
  .load-summary i { width: 50px; }
  .load-specs { flex-wrap: wrap; }
  .dray-type-grid, .dray-load-fields { grid-template-columns: 1fr 1fr; }
  .dray-build-status { align-items: flex-start; flex-direction: column; }
  .dray-continuity { grid-template-columns: 1fr; }
  .dray-continuity article { min-height: auto; }
  .dray-continuity h3 { margin-top: 1.5rem; }
  .dray-continuity > i { width: 2px; height: 35px; margin-left: 2rem; background: linear-gradient(180deg, #93dce4, #31bfd5); }
  .dray-continuity > i::after { top: auto; right: auto; bottom: -1px; left: 50%; transform: translateX(-50%) rotate(135deg); }
  .dray-integration-grid { grid-template-columns: 1fr; }
  .dray-integration-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid #dce8ed; }
  .dray-integration-grid article:nth-child(3) { border-bottom: 1px solid #dce8ed; }
  .dray-integration-grid article:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .signal-line, .signal-node, .flow-grid, .flow-grid::after { animation: none !important; }
  .command-mesh, .map-route, .map-pulse, .exception-ring::before { animation: none !important; }
  .globe-stage::before, .globe-aura, .globe-grid-lines, .globe-meridians, .globe-routes, .globe-nodes circle, .globe-orbit, .globe-chip { animation: none !important; }
  .about-grid-lines, .orbit-ring, .orbit-item, .orbit-signal { animation: none !important; }
  .truck-grid-lines, .ltl-grid-lines { animation: none !important; }
  .rhythm-progress { width: 80%; animation: none !important; }
  .rhythm-stage { animation: none !important; }
  .rhythm-actor { display: none; animation: none !important; }
  .quote-console, .quote-console .mode-option-list article.selected, .optics-signal i, .case-table .winner { animation: none !important; }
  .edi-flow-rail { display: none; }
  .edi-flow-track article, .edi-flow-track article::after { animation: none !important; }
  .architecture-layer, .architecture-connector i { animation: none !important; }
}

@media print {
  .site-header, .site-footer, .actions, .cta-band { display: none; }
  body { color: #000; }
  .section { padding: 1.5rem 0; }
}

/* Tracking and visibility */
.tracking-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; background: linear-gradient(135deg, #071c2c 0%, #0b3347 62%, #0c5364 100%); color: #fff; }
.tracking-grid-lines { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(147,220,228,.24) 1px, transparent 1px), linear-gradient(90deg, rgba(147,220,228,.24) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, transparent, #000 35%, #000); animation: tracking-grid-drift 18s linear infinite; }
.tracking-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.tracking-hero h1 { max-width: 790px; color: #fff !important; font-size: clamp(3rem, 5.8vw, 5.6rem); line-height: .98; letter-spacing: -.055em; }
.tracking-hero .lead { max-width: 760px; color: #d3e9ee; }
.tracking-hero .button-outline { color: #fff; border-color: rgba(255,255,255,.42); }
.tracking-proof { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }
.tracking-proof span { padding: .55rem .8rem; border: 1px solid rgba(147,220,228,.25); border-radius: 999px; background: rgba(7,28,44,.46); color: #d8f2f5; font-size: .76rem; font-weight: 750; letter-spacing: .04em; }
.tracking-map { overflow: hidden; border: 1px solid rgba(147,220,228,.22); border-radius: 22px; background: #f8fcfd; color: #0b2d3c; box-shadow: 0 30px 80px rgba(0,0,0,.28); transform: rotate(1deg); }
.tracking-map-top, .tracking-map-status { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }
.tracking-map-top { border-bottom: 1px solid #dce8ed; }
.tracking-map-top span { color: #54717c; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.tracking-map-canvas { position: relative; min-height: 330px; overflow: hidden; background: radial-gradient(circle at 64% 45%, rgba(49,191,213,.15), transparent 24%), linear-gradient(25deg, transparent 47%, #dbe8eb 48%, transparent 49%), linear-gradient(152deg, transparent 45%, #dbe8eb 46%, transparent 47%), #edf5f6; }
.tracking-map-canvas::before { content: ''; position: absolute; inset: 12% 9%; border: 1px solid #cfdee2; border-radius: 47% 53% 50% 44%; transform: rotate(-8deg); }
.map-city { position: absolute; z-index: 2; color: #53727e; font-size: .65rem; font-weight: 800; letter-spacing: .09em; }
.city-one { top: 18%; left: 28%; }.city-two { top: 44%; left: 31%; }.city-three { top: 39%; right: 27%; }.city-four { bottom: 16%; left: 43%; }
.tracking-map-canvas .route { position: absolute; z-index: 1; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #31bfd5, #6bd4a4); transform-origin: left center; box-shadow: 0 0 14px rgba(49,191,213,.65); }
.route-one { width: 48%; top: 49%; left: 29%; transform: rotate(-8deg); }.route-two { width: 38%; top: 50%; left: 34%; transform: rotate(50deg); }
.truck-pin { position: absolute; z-index: 3; display: grid; place-items: center; width: 38px; height: 38px; border: 4px solid #fff; border-radius: 50% 50% 50% 8px; background: #0d7890; color: #fff; font-size: .7rem; box-shadow: 0 6px 16px rgba(9,67,82,.28); transform: rotate(-45deg); animation: tracking-pin-pulse 2.8s ease-in-out infinite; }
.truck-pin::first-letter { transform: rotate(45deg); }.pin-one { top: 30%; left: 35%; }.pin-two { top: 42%; right: 24%; animation-delay: -.9s; }.pin-three { bottom: 15%; left: 48%; animation-delay: -1.7s; }
.tracking-map-status { gap: 1rem; justify-content: flex-start; border-top: 1px solid #dce8ed; }
.tracking-map-status span { display: flex; align-items: center; gap: .45rem; color: #53717d; font-size: .76rem; }.tracking-map-status i { width: 8px; height: 8px; border-radius: 50%; background: #43ba86; }.tracking-map-status span:nth-child(2) i { background: #eea83c; }.tracking-map-status b { color: #123d4e; }
.tracking-cap-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce8ed; border-radius: 20px; overflow: hidden; background: #fff; }
.tracking-cap-grid article { min-height: 260px; padding: 1.6rem; border-right: 1px solid #dce8ed; }.tracking-cap-grid article:nth-child(4) { border-right: 0; }.tracking-cap-grid article > span { color: #1295ad; font-size: .8rem; font-weight: 850; letter-spacing: .12em; }.tracking-cap-grid h3 { margin-top: 3rem; }.tracking-cap-grid .portal-card { grid-column: 1 / -1; min-height: 0; display: grid; grid-template-columns: 50px 1fr 1.4fr auto; gap: 1rem; align-items: center; border-top: 1px solid #dce8ed; border-right: 0; background: #0b3347; color: #fff; }.portal-card h3, .portal-card p { margin: 0; }.portal-card p { color: #cae2e8; }.portal-card a { color: #8ee2ec; font-weight: 750; }
.tracking-sources { background: #eff6f7; }.tracking-source-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }.tracking-note { padding-left: 1rem; border-left: 3px solid #31bfd5; color: #607985; font-size: .88rem; }.source-stack { border: 1px solid #d5e4e8; border-radius: 18px; overflow: hidden; background: #fff; }.source-stack article { display: grid; grid-template-columns: 110px 1fr 1.4fr; gap: 1rem; align-items: center; padding: 1.15rem 1.3rem; border-bottom: 1px solid #dce8ed; }.source-stack article:last-child { border-bottom: 0; }.source-stack span { color: #218aa0; font-size: .69rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.source-stack small { color: #607985; }.source-stack .enterprise { background: #0d3d50; color: #fff; }.source-stack .enterprise small { color: #c9e2e7; }
.portal-showcase { overflow: hidden; background: linear-gradient(150deg, #061b2a, #0b3347 62%, #0d4f60); color: #fff; }
.portal-showcase-head { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 6vw, 6rem); align-items: end; margin-bottom: 3rem; }
.portal-showcase-head h2 { max-width: 760px; color: #fff !important; font-size: clamp(2.5rem, 4.4vw, 4.7rem); line-height: 1.02; letter-spacing: -.045em; }
.portal-showcase-head .lead { color: #d1e8ed; }.portal-principle { margin-top: 1.2rem; padding-left: 1rem; border-left: 3px solid #55d1df; color: #91dce5; font-weight: 700; }
.portal-product { display: grid; grid-template-columns: 210px minmax(0,1fr); overflow: hidden; border: 1px solid rgba(175,226,234,.28); border-radius: 24px; background: #f5f9fa; color: #102f3d; box-shadow: 0 32px 90px rgba(0,0,0,.38); }
.portal-sidebar { display: flex; flex-direction: column; min-height: 640px; padding: 1.25rem; background: #082637; color: #fff; }
.portal-brand { display: flex; align-items: center; gap: .75rem; padding-bottom: 1.4rem; border-bottom: 1px solid rgba(255,255,255,.12); }.portal-brand > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg,#31bfd5,#5fd29c); color: #062334; font-weight: 900; }.portal-brand strong,.portal-brand small { display: block; }.portal-brand small { color: #8fb5c1; }
.portal-sidebar nav { display: grid; gap: .35rem; margin-top: 1.5rem; }.portal-sidebar nav span { display: flex; justify-content: space-between; padding: .75rem .85rem; border-radius: 9px; color: #a9c6ce; font-size: .86rem; font-weight: 700; }.portal-sidebar nav .active { background: rgba(65,193,211,.16); color: #fff; }.portal-sidebar nav b { display: grid; place-items: center; min-width: 24px; border-radius: 99px; background: #41c1d3; color: #072535; font-size: .68rem; }
.portal-account { display: flex; align-items: center; gap: .7rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.12); }.portal-account i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #dbecef; color: #0b4355; font-style: normal; font-size: .7rem; font-weight: 850; }.portal-account strong,.portal-account small { display: block; }.portal-account strong { font-size: .8rem; }.portal-account small { color: #8fb5c1; font-size: .66rem; }
.portal-main { min-width: 0; }.portal-main-top { display: flex; justify-content: space-between; align-items: center; min-height: 78px; padding: 1rem 1.4rem; border-bottom: 1px solid #d9e5e8; background: #fff; }.portal-main-top small,.portal-main-top strong { display: block; }.portal-main-top small { color: #718992; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }.portal-live { display: flex; align-items: center; gap: .4rem; color: #287b66; font-size: .75rem; font-weight: 800; }.portal-live i { width: 8px; height: 8px; border-radius: 50%; background: #48c58e; box-shadow: 0 0 0 5px rgba(72,197,142,.14); animation: portal-live-pulse 2.4s ease-in-out infinite; }
.portal-dashboard { padding: 1.3rem; }.portal-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: .85rem; }.portal-kpis article { padding: 1rem; border: 1px solid #dbe7ea; border-radius: 12px; background: #fff; }.portal-kpis span,.portal-kpis small { display: block; color: #6b838c; }.portal-kpis span { font-size: .72rem; font-weight: 750; }.portal-kpis strong { display: block; margin: .25rem 0; font-size: 1.7rem; }.portal-kpis small { font-size: .65rem; }.portal-kpis .attention { border-color: #f0d9b5; background: #fffaf1; }.portal-kpis .attention strong { color: #b66a16; }
.portal-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 250px; gap: .85rem; margin-top: .85rem; }.portal-load-card,.portal-activity { border: 1px solid #dbe7ea; border-radius: 14px; background: #fff; }.portal-load-card { padding: 1.2rem; }.portal-load-card > header { display: flex; justify-content: space-between; gap: 1rem; }.portal-load-card header small { color: #718992; font-size: .65rem; letter-spacing: .06em; text-transform: uppercase; }.portal-load-card h3 { margin: .25rem 0 1.7rem; font-size: 1.15rem; }.portal-load-card h3 span { color: #27a9bf; }.portal-load-card header > b { align-self: flex-start; padding: .4rem .6rem; border-radius: 99px; background: #e3f7f0; color: #217d62; font-size: .67rem; }
.portal-progress { position: relative; height: 8px; border-radius: 99px; background: #dfebed; }.portal-progress > i { display: block; width: 62%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#168ca5,#45c4a0); }.portal-truck-dot { position: absolute; top: 50%; left: 62%; width: 17px; height: 17px; border: 4px solid #fff; border-radius: 50%; background: #1ba8bd; box-shadow: 0 2px 8px rgba(12,91,107,.35); transform: translate(-50%,-50%); }
.portal-milestones { display: grid; grid-template-columns: repeat(3,1fr); margin-top: .8rem; }.portal-milestones span { position: relative; display: grid; gap: .15rem; padding-top: .6rem; }.portal-milestones span:nth-child(2) { text-align: center; }.portal-milestones span:last-child { text-align: right; }.portal-milestones b { font-size: .7rem; }.portal-milestones small { color: #789099; font-size: .6rem; }.portal-milestones span > i { position: absolute; top: -15px; width: 6px; height: 6px; border-radius: 50%; background: #c2d2d6; }.portal-milestones span:nth-child(2) > i { left: 50%; background: #1ba8bd; }.portal-milestones span:last-child > i { right: 0; }.portal-milestones .complete > i { background: #48bd86; }
.portal-location { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #e0eaec; }.portal-location div { display: grid; gap: .12rem; }.portal-location span { color: #718992; font-size: .63rem; text-transform: uppercase; letter-spacing: .06em; }.portal-location strong { font-size: .78rem; }.portal-location small { color: #68808a; font-size: .61rem; }
.portal-activity { overflow: hidden; }.portal-activity header { display: flex; justify-content: space-between; padding: .9rem 1rem; border-bottom: 1px solid #e0eaec; }.portal-activity header span { font-size: .75rem; font-weight: 800; }.portal-activity header b { color: #2b9070; font-size: .65rem; }.portal-activity ul { display: grid; gap: 0; margin: 0; padding: .3rem 1rem; list-style: none; }.portal-activity li { display: grid; grid-template-columns: 10px 1fr; gap: .6rem; padding: .8rem 0; border-bottom: 1px solid #edf2f3; }.portal-activity li > i { width: 7px; height: 7px; margin-top: .25rem; border-radius: 50%; background: #2ab0c5; }.portal-activity strong,.portal-activity small { display: block; }.portal-activity strong { font-size: .69rem; }.portal-activity small { margin-top: .15rem; color: #758d96; font-size: .58rem; }.portal-activity > a { display: block; padding: .8rem 1rem; color: #168ca5; font-size: .68rem; font-weight: 800; }
.portal-doc-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .85rem; margin-top: .85rem; }.portal-doc-row div { padding: .8rem 1rem; border: 1px solid #dbe7ea; border-radius: 11px; background: #fff; }.portal-doc-row span,.portal-doc-row strong,.portal-doc-row small { display: block; }.portal-doc-row span { color: #718992; font-size: .59rem; text-transform: uppercase; letter-spacing: .06em; }.portal-doc-row strong { margin-top: .15rem; font-size: .72rem; }.portal-doc-row small { color: #718992; font-size: .59rem; }
.portal-outcomes { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 2rem; border: 1px solid rgba(175,226,234,.2); border-radius: 18px; overflow: hidden; }.portal-outcomes article { padding: 1.5rem; border-right: 1px solid rgba(175,226,234,.2); }.portal-outcomes article:last-child { border-right: 0; }.portal-outcomes span { color: #59d4e2; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }.portal-outcomes h3 { margin: 2rem 0 .6rem; color: #fff; }.portal-outcomes p { margin: 0; color: #b9d5dc; }
.portal-showcase-cta { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-top: 2rem; padding: 1.2rem 1.4rem; border-radius: 14px; background: rgba(255,255,255,.08); }.portal-showcase-cta strong,.portal-showcase-cta span { display: block; }.portal-showcase-cta span { margin-top: .25rem; color: #b9d5dc; font-size: .84rem; }
@keyframes tracking-grid-drift { to { background-position: 58px 58px; } }
.portal-faux-link { display: block; padding: .8rem 1rem; color: #168ca5; font-size: .68rem; font-weight: 800; }
@keyframes tracking-pin-pulse { 50% { box-shadow: 0 6px 16px rgba(9,67,82,.28), 0 0 0 9px rgba(49,191,213,.13); } }
@keyframes portal-live-pulse { 50% { box-shadow: 0 0 0 9px rgba(72,197,142,.06); } }
@media (max-width: 920px) { .tracking-hero-grid, .tracking-source-grid, .portal-showcase-head { grid-template-columns: 1fr; }.tracking-map { transform: none; }.tracking-cap-grid { grid-template-columns: 1fr 1fr; }.tracking-cap-grid article:nth-child(2) { border-right: 0; }.tracking-cap-grid article:nth-child(4) { border-top: 1px solid #dce8ed; }.tracking-cap-grid .portal-card { grid-template-columns: 42px 1fr; }.portal-card p, .portal-card a { grid-column: 2; }.source-stack article { grid-template-columns: 90px 1fr; }.source-stack small { grid-column: 2; }.portal-product { grid-template-columns: 1fr; }.portal-sidebar { display: none; }.portal-detail-grid { grid-template-columns: 1fr; }.portal-outcomes { grid-template-columns: 1fr; }.portal-outcomes article { border-right: 0; border-bottom: 1px solid rgba(175,226,234,.2); }.portal-outcomes article:last-child { border-bottom: 0; }.portal-showcase-cta { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { .tracking-cap-grid { grid-template-columns: 1fr; }.tracking-cap-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid #dce8ed; }.tracking-cap-grid h3 { margin-top: 1.5rem; }.tracking-cap-grid .portal-card { display: block; }.portal-card h3 { margin: 1rem 0; }.portal-card p { margin-bottom: 1rem; }.portal-main-top { align-items: flex-start; gap: .8rem; flex-direction: column; }.portal-dashboard { padding: .75rem; }.portal-kpis { grid-template-columns: 1fr; }.portal-load-card > header { display: block; }.portal-load-card header > b { display: inline-block; margin-bottom: 1rem; }.portal-location,.portal-doc-row { grid-template-columns: 1fr; }.portal-milestones { gap: .35rem; }.portal-milestones b { font-size: .62rem; }.portal-milestones small { font-size: .52rem; } }
@media (prefers-reduced-motion: reduce) { .tracking-grid-lines, .truck-pin, .portal-live i { animation: none !important; } }

/* Billing and invoicing */
.billing-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #fff; background: radial-gradient(circle at 78% 22%, rgba(49,191,213,.18), transparent 25%), linear-gradient(135deg, #061925, #0a3447 66%, #0b5967); }
.billing-grid-lines { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(143,218,230,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(143,218,230,.28) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, transparent 4%, #000 48%, #000); animation: billing-grid-drift 20s linear infinite; }
.billing-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .95fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.billing-hero h1 { max-width: 740px; color: #fff !important; font-size: clamp(3.2rem, 6vw, 5.9rem); line-height: .96; letter-spacing: -.055em; }.billing-hero h1 span { color: #65d8e5; }.billing-hero .lead { max-width: 720px; color: #d1e7ec; }.billing-hero .button-outline { color: #fff; border-color: rgba(255,255,255,.42); }
.billing-proof { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }.billing-proof span { padding: .55rem .8rem; border: 1px solid rgba(151,226,235,.25); border-radius: 999px; color: #d9f2f5; background: rgba(4,27,40,.38); font-size: .75rem; font-weight: 750; }
.billing-console { overflow: hidden; border: 1px solid rgba(169,226,234,.28); border-radius: 24px; color: #173b49; background: #f7fbfc; box-shadow: 0 35px 90px rgba(0,0,0,.32); transform: rotate(.8deg); }
.billing-console-top,.billing-console-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; }.billing-console-top { border-bottom: 1px solid #dbe7ea; }.billing-console-top div,.billing-console-foot span { display: flex; align-items: center; gap: .5rem; }.billing-console-top i,.billing-console-foot i { width: 8px; height: 8px; border-radius: 50%; background: #42be89; box-shadow: 0 0 0 5px rgba(66,190,137,.12); }.billing-console-top span { color: #607984; font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.billing-console-top b { font-size: .75rem; }
.billing-queue { display: grid; gap: .65rem; padding: 1.1rem; }.billing-queue article { display: grid; grid-template-columns: 78px 1fr auto; gap: .85rem; align-items: center; padding: .85rem; border: 1px solid #dce7ea; border-radius: 12px; background: #fff; animation: billing-row-focus 9s ease-in-out infinite; }.billing-queue article:nth-child(2) { animation-delay: -6s; }.billing-queue article:nth-child(3) { animation-delay: -3s; }.billing-load { color: #238da0; font-size: .67rem; font-weight: 850; }.billing-queue strong,.billing-queue small { display: block; }.billing-queue strong { font-size: .8rem; }.billing-queue small { margin-top: .15rem; color: #728a94; font-size: .63rem; }.billing-queue em { padding: .35rem .5rem; border-radius: 99px; color: #26755f; background: #e3f5ed; font-size: .62rem; font-style: normal; font-weight: 800; }
.billing-flow { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: .4rem; margin: .4rem 1.1rem 1.1rem; padding-top: 1.2rem; }.billing-flow-line { position: absolute; top: 30px; right: 10%; left: 10%; height: 2px; background: #d5e4e8; }.billing-flow-line::after { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,#178fad,#53c79b); content: ''; transform-origin: left; animation: billing-line-progress 9s ease-in-out infinite; }.billing-flow div { position: relative; z-index: 2; display: grid; justify-items: center; gap: .25rem; }.billing-flow b { display: grid; width: 38px; height: 38px; place-items: center; border: 4px solid #f7fbfc; border-radius: 50%; color: #fff; background: #167f98; font-size: .65rem; }.billing-flow small { color: #647c86; font-size: .58rem; text-align: center; }.billing-packet { position: absolute; z-index: 4; top: 20px; left: 8%; display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; color: #072a39; background: #69d8bd; box-shadow: 0 5px 14px rgba(13,102,117,.28); font-size: .7rem; font-style: normal; font-weight: 900; animation: billing-packet-travel 9s ease-in-out infinite; }
.billing-console-foot { border-top: 1px solid #dbe7ea; color: #607984; font-size: .65rem; }.billing-console-foot small { color: #81959d; }
.billing-workflow { background: #f2f7f8; }.billing-step-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid #d8e5e9; border-radius: 20px; background: #fff; }.billing-step-grid article { position: relative; min-height: 285px; padding: 1.5rem; border-right: 1px solid #d8e5e9; }.billing-step-grid article:last-child { border-right: 0; }.billing-step-grid article > span:first-child { color: #168fa7; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }.billing-step-grid .integration-icon { margin: 2rem 0 1.5rem; }.billing-step-grid p { color: #647c86; }
.billing-ledger { color: #fff; background: linear-gradient(145deg,#071d2b,#0c3d50); }.billing-ledger-grid,.billing-sync-grid,.billing-audit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }.billing-ledger h2 { color: #fff !important; }.billing-ledger .lead { color: #c4dde3; }.billing-ledger-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; }.billing-ledger-notes article { padding: 1.2rem; border: 1px solid rgba(177,226,234,.18); border-radius: 14px; background: rgba(255,255,255,.04); }.billing-ledger-notes span { color: #62d3df; font-size: .67rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.billing-ledger-notes h3 { margin: 1rem 0 .5rem; color: #fff; font-size: 1rem; }.billing-ledger-notes p { margin: 0; color: #aac8cf; font-size: .78rem; }
.ledger-card,.qb-card { overflow: hidden; border: 1px solid #d8e5e9; border-radius: 20px; color: #173b49; background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.2); }.ledger-card header,.ledger-card footer { display: flex; justify-content: space-between; padding: 1rem 1.2rem; }.ledger-card header { border-bottom: 1px solid #dce7ea; }.ledger-card header span { font-size: .72rem; font-weight: 800; }.ledger-card header b { color: #28795f; font-size: .67rem; }.ledger-row { display: grid; grid-template-columns: 48px 1fr auto; gap: 1rem; align-items: center; margin: 1.2rem; padding: 1rem; border: 1px solid #dce7ea; border-radius: 13px; }.ledger-row > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; color: #fff; background: #168ca4; font-size: .72rem; font-style: normal; font-weight: 900; }.ledger-row small,.ledger-row strong { display: block; }.ledger-row small { color: #718993; font-size: .62rem; }.ledger-row strong { margin-top: .15rem; font-size: .78rem; }.ledger-row > span { color: #28795f; font-size: .65rem; font-weight: 850; }.ledger-link { display: flex; align-items: center; gap: .7rem; padding: 0 2.2rem; color: #6e8790; font-size: .62rem; font-weight: 800; }.ledger-link i { flex: 1; height: 1px; background: #dce7ea; }.ledger-card footer { border-top: 1px solid #dce7ea; color: #69818a; font-size: .63rem; }
.billing-sync { background: #eef6f7; }.qb-card { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.5rem; box-shadow: 0 20px 55px rgba(15,64,78,.1); }.qb-mark { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 16px; color: #fff; background: #2da44e; font-weight: 900; }.qb-card small { color: #718992; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }.qb-card h3 { margin: .3rem 0 0; }.qb-card ul { grid-column: 1 / -1; display: grid; gap: .55rem; margin: .5rem 0 0; padding: 0; list-style: none; }.qb-card li { display: flex; justify-content: space-between; padding: .8rem; border-radius: 9px; background: #f2f7f8; font-size: .72rem; }.qb-card li b { color: #28795f; }.qb-card p { grid-column: 1 / -1; margin: 0; color: #6f858e; font-size: .67rem; }
.billing-audit-grid { align-items: stretch; }.billing-claim-note { padding-left: 1rem; border-left: 3px solid #2eb5ca; color: #677f89; font-size: .8rem; }.audit-timeline { display: grid; gap: .8rem; }.audit-timeline article { position: relative; display: grid; gap: .25rem; padding: 1.15rem 1.2rem 1.15rem 4rem; border: 1px solid #d9e6e9; border-radius: 14px; background: #fff; }.audit-timeline article::before { position: absolute; left: 1.2rem; top: 1.15rem; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #fff; background: #168da6; content: '✓'; font-size: .72rem; font-weight: 900; }.audit-timeline .audit-window { border-color: #9edce5; background: #edfafd; }.audit-timeline span { color: #178da5; font-size: .64rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.audit-timeline b { font-size: .86rem; }.audit-timeline small { color: #708892; }
@keyframes billing-grid-drift { to { background-position: 54px 54px; } } @keyframes billing-row-focus { 0%,26%,100% { border-color:#dce7ea; box-shadow:none; transform:translateX(0); } 8%,18% { border-color:#77d4df; box-shadow:0 9px 22px rgba(29,139,160,.12); transform:translateX(4px); } } @keyframes billing-line-progress { 0% { transform:scaleX(0); } 86%,100% { transform:scaleX(1); } } @keyframes billing-packet-travel { 0%,5% { left:8%; } 28% { left:32%; } 55% { left:57%; } 82%,94% { left:83%; } 100% { left:8%; } }
@media (max-width: 920px) { .billing-hero-grid,.billing-ledger-grid,.billing-sync-grid,.billing-audit-grid { grid-template-columns: 1fr; }.billing-console { transform:none; }.billing-step-grid { grid-template-columns: 1fr 1fr; }.billing-step-grid article:nth-child(2) { border-right:0; }.billing-step-grid article:nth-child(-n+2) { border-bottom:1px solid #d8e5e9; } }
@media (max-width: 620px) { .billing-step-grid,.billing-ledger-notes { grid-template-columns:1fr; }.billing-step-grid article { min-height:auto; border-right:0; border-bottom:1px solid #d8e5e9; }.billing-queue article { grid-template-columns:70px 1fr; }.billing-queue em { grid-column:2; justify-self:start; }.billing-flow small { font-size:.5rem; }.ledger-row { grid-template-columns:42px 1fr; }.ledger-row > span { grid-column:2; }.ledger-card footer { gap:.5rem; flex-direction:column; } }
@media (prefers-reduced-motion: reduce) { .billing-grid-lines,.billing-queue article,.billing-flow-line::after,.billing-packet { animation:none !important; }.billing-flow-line::after { transform:scaleX(1); }.billing-packet { left:83%; } }

/* Reporting and analytics */
.reports-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(77,214,190,.18),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 64%,#0b5965)}.reports-grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(143,218,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(143,218,230,.28) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 3%,#000 48%,#000);animation:reports-grid-drift 20s linear infinite}.reports-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.reports-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.reports-hero h1 span{color:#69d9e2}.reports-hero .lead{max-width:720px;color:#d1e7ec}.reports-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.reports-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.reports-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#d9f2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.report-console,.schedule-card,.executive-dashboard{overflow:hidden;border:1px solid #d8e5e9;border-radius:22px;background:#fff;color:#173b49;box-shadow:0 30px 80px rgba(0,0,0,.24)}.report-console{transform:rotate(.8deg)}.report-console-top,.report-console-foot,.schedule-card header,.schedule-card footer,.executive-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.report-console-top{border-bottom:1px solid #dbe7ea}.report-console-top div,.report-console-foot span,.schedule-card footer span{display:flex;align-items:center;gap:.5rem}.report-console-top i,.report-console-foot i,.schedule-card footer i{width:8px;height:8px;border-radius:50%;background:#42be89;box-shadow:0 0 0 5px rgba(66,190,137,.12)}.report-console-top span{color:#607984;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.report-console-top b{font-size:.75rem}.report-search{margin:1rem 1.1rem .5rem;padding:.75rem .9rem;border:1px solid #dce7ea;border-radius:10px;color:#789099;font-size:.7rem}.report-search span{float:right;color:#168ca4;font-weight:800}.report-rows{display:grid;gap:.55rem;padding:.6rem 1.1rem 1.1rem}.report-rows article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #dce7ea;border-radius:11px;animation:report-row-focus 10s ease-in-out infinite}.report-rows article:nth-child(2){animation-delay:-7.5s}.report-rows article:nth-child(3){animation-delay:-5s}.report-rows article:nth-child(4){animation-delay:-2.5s}.report-rows strong,.report-rows small{display:block}.report-rows strong{font-size:.78rem}.report-rows small{margin-top:.12rem;color:#748b94;font-size:.62rem}.report-rows em{padding:.32rem .5rem;border-radius:99px;color:#26755f;background:#e3f5ed;font-size:.6rem;font-style:normal;font-weight:800}.report-console-foot{border-top:1px solid #dbe7ea;color:#607984;font-size:.65rem}.report-console-foot small{color:#81959d}
.reports-library{background:#f2f7f8}.report-card-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #d8e5e9;border-radius:20px;background:#fff}.report-card-grid article{min-height:240px;padding:1.5rem;border-right:1px solid #d8e5e9;border-bottom:1px solid #d8e5e9}.report-card-grid article:nth-child(3n){border-right:0}.report-card-grid article:nth-last-child(-n+3){border-bottom:0}.report-card-grid span{color:#168fa7;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.report-card-grid h3{margin-top:2.8rem}.report-card-grid p{color:#647c86}.report-count-card{color:#fff;background:linear-gradient(145deg,#0b3b4d,#0d7180)}.report-count-card strong{display:block;color:#76dce4;font-size:4.5rem;line-height:1}.report-count-card h3{margin-top:1rem;color:#fff}.report-count-card p{color:#c8e3e7}
.report-scheduling{background:linear-gradient(145deg,#071d2b,#0c3d50);color:#fff}.report-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}.report-scheduling h2{color:#fff!important}.report-scheduling .lead{color:#c4dde3}.report-scheduling .feature-list li{color:#bcd5dc}.report-scheduling .feature-list strong{color:#fff}.schedule-card{box-shadow:0 28px 75px rgba(0,0,0,.3)}.schedule-card header{border-bottom:1px solid #dce7ea}.schedule-card header span{font-size:.75rem;font-weight:850}.schedule-card header b{padding:.35rem .55rem;border-radius:99px;color:#26755f;background:#e3f5ed;font-size:.62rem}.schedule-field{margin:1rem 1.2rem;padding:.9rem;border-radius:11px;background:#f2f7f8}.schedule-field small,.schedule-field strong{display:block}.schedule-field small{color:#718992;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.schedule-field strong{margin-top:.25rem;font-size:.82rem}.schedule-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0 1.2rem}.schedule-options span{padding:.8rem;border:1px solid #dce7ea;border-radius:10px;color:#647c86;font-size:.7rem;font-weight:750}.schedule-options .selected{border-color:#54c4d3;color:#116f84;background:#edfafd}.schedule-options i{display:inline-block;width:8px;height:8px;margin-right:.4rem;border-radius:50%;background:#a7bbc1}.schedule-options .selected i{background:#2bb6ca}.schedule-timeline{position:relative;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:.4rem;margin:1.3rem}.schedule-timeline i{z-index:2;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#1a9cb3;box-shadow:0 0 0 1px #77ccd7}.schedule-timeline span{font-size:.58rem;color:#6c858f}.schedule-timeline b{position:absolute;z-index:1;left:8px;right:8px;height:2px;background:linear-gradient(90deg,#1b98b0,#5bd0aa);transform-origin:left;animation:schedule-progress 7s ease-in-out infinite}.schedule-card footer{border-top:1px solid #dce7ea;color:#607984;font-size:.65rem}.schedule-card footer small{color:#81959d}
.executive-reports{background:#edf5f6}.executive-dashboard{box-shadow:0 22px 60px rgba(16,75,89,.12)}.executive-top{border-bottom:1px solid #dce7ea}.executive-top span,.executive-top strong{display:block}.executive-top span{font-weight:850}.executive-top strong{margin-top:.2rem;color:#718992;font-size:.65rem}.executive-top>b{padding:.5rem .7rem;border-radius:8px;color:#126f83;background:#e7f7fa;font-size:.65rem}.executive-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.executive-metrics article{min-height:230px;padding:1.4rem;border-right:1px solid #dce7ea}.executive-metrics article:last-child{border-right:0}.executive-metrics span,.executive-metrics strong{display:block}.executive-metrics span{color:#607984;font-size:.68rem;font-weight:800}.executive-metrics strong{margin-top:.35rem}.mini-bars{display:flex;align-items:end;gap:8px;height:100px;margin-top:2rem}.mini-bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#4bcbd4,#157f9a);animation:report-bars 6s ease-in-out infinite}.mini-bars i:nth-child(1){height:38%}.mini-bars i:nth-child(2){height:55%}.mini-bars i:nth-child(3){height:48%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:64%}.mini-bars i:nth-child(6){height:88%}.kpi-ring{display:grid;width:105px;height:105px;margin:1.5rem auto 0;place-items:center;border-radius:50%;background:conic-gradient(#32bda8 0 92%,#dce9eb 92%)}.kpi-ring::before{width:76px;height:76px;border-radius:50%;background:#fff;content:'92%';display:grid;place-items:center;font-weight:900}.kpi-ring.pickup{background:conic-gradient(#279db4 0 89%,#dce9eb 89%)}.kpi-ring.pickup::before{content:'89%'}.report-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce7ea;border-radius:18px;overflow:hidden}.report-outcome-grid article{padding:1.5rem;border-right:1px solid #dce7ea}.report-outcome-grid article:last-child{border-right:0}.report-outcome-grid span{color:#1692a9;font-size:.72rem;font-weight:850;letter-spacing:.1em}.report-outcome-grid h3{margin-top:2rem}.report-outcome-grid p{color:#647c86}
@keyframes reports-grid-drift{to{background-position:52px 52px}}@keyframes report-row-focus{0%,20%,100%{border-color:#dce7ea;transform:translateX(0);box-shadow:none}6%,14%{border-color:#6ed0dc;transform:translateX(4px);box-shadow:0 8px 20px rgba(29,139,160,.12)}}@keyframes schedule-progress{0%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}@keyframes report-bars{50%{filter:saturate(1.35);transform:scaleY(.92)}}
@media(max-width:920px){.reports-hero-grid,.report-schedule-grid{grid-template-columns:1fr}.report-console{transform:none}.report-card-grid{grid-template-columns:1fr 1fr}.report-card-grid article:nth-child(3n){border-right:1px solid #d8e5e9}.report-card-grid article:nth-child(2n){border-right:0}.report-card-grid article:nth-last-child(-n+3){border-bottom:1px solid #d8e5e9}.report-card-grid article:nth-last-child(-n+2){border-bottom:0}.executive-metrics{grid-template-columns:1fr}.executive-metrics article{border-right:0;border-bottom:1px solid #dce7ea}.executive-metrics article:last-child{border-bottom:0}}
@media(max-width:620px){.report-card-grid,.report-outcome-grid{grid-template-columns:1fr}.report-card-grid article{min-height:auto;border-right:0!important;border-bottom:1px solid #d8e5e9!important}.report-card-grid article:last-child{border-bottom:0!important}.report-card-grid h3{margin-top:1.5rem}.report-outcome-grid article{border-right:0;border-bottom:1px solid #dce7ea}.report-outcome-grid article:last-child{border-bottom:0}.executive-top{align-items:flex-start;flex-direction:column}.schedule-options{grid-template-columns:1fr}.schedule-timeline{grid-template-columns:auto 1fr auto 1fr auto}.schedule-timeline span{display:none}}
@media(prefers-reduced-motion:reduce){.reports-grid-lines,.report-rows article,.schedule-timeline b,.mini-bars i{animation:none!important}.schedule-timeline b{transform:scaleX(1)}}

/* Customer and carrier portals */
.portals-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(89,216,190,.2),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 62%,#0b5965)}
.portals-grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(143,218,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(143,218,230,.28) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000);animation:portals-grid-drift 20s linear infinite}
.portals-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.9fr);gap:clamp(3rem,7vw,7rem);align-items:center}.portals-hero .eyebrow{color:#fff}.portals-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.portals-hero h1 span{color:#68d9e2}.portals-hero .lead{max-width:720px;color:#d1e7ec}.portals-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.portals-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.portals-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#d9f2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.portal-login-stack{position:relative;display:grid;gap:1rem;padding:2.2rem 0}.portal-login-card{position:relative;display:grid;gap:.35rem;padding:1.5rem;border:1px solid rgba(176,229,236,.35);border-radius:19px;color:#153846;background:#fff;box-shadow:0 26px 65px rgba(0,0,0,.26);animation:portal-card-float 7s ease-in-out infinite}.portal-login-card.carrier{margin-left:3rem;animation-delay:-3.5s}.portal-login-card>span{color:#178ca4;font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.portal-login-card strong{font-size:1.05rem}.portal-login-card small{color:#6f8790}.portal-login-card b{justify-self:start;margin-top:.8rem;color:#147e94;font-size:.7rem}.portal-included-seal{position:absolute;right:-18px;bottom:-18px;display:grid;width:154px;height:154px;place-content:center;padding:1.15rem;border:1px solid rgba(255,255,255,.72);border-radius:34px;color:#062f36;background:linear-gradient(145deg,rgba(236,255,251,.98),rgba(89,216,190,.98) 58%,rgba(47,183,188,.98));box-shadow:0 24px 55px rgba(0,0,0,.3),inset 0 1px 0 #fff,inset 0 0 0 7px rgba(255,255,255,.16);text-align:center;transform:rotate(-5deg);isolation:isolate}.portal-included-seal::before{display:grid;width:38px;height:38px;margin:0 auto .55rem;place-items:center;border:1px solid rgba(6,62,67,.18);border-radius:12px;color:#fff;background:#087681;box-shadow:0 8px 18px rgba(5,93,102,.28);content:'✓';font-size:1rem;font-weight:950}.portal-included-seal::after{position:absolute;z-index:-1;inset:-9px;border:1px dashed rgba(136,237,224,.55);border-radius:40px;content:'';animation:portal-seal-breathe 4s ease-in-out infinite}.portal-included-seal strong,.portal-included-seal span{display:block}.portal-included-seal strong{font-size:1.08rem;line-height:1;letter-spacing:-.02em}.portal-included-seal span{max-width:95px;margin:.35rem auto 0;font-size:.58rem;font-weight:900;line-height:1.25;text-transform:uppercase;letter-spacing:.095em}
.portals-workspaces{background:#f0f6f7}.portals-switcher{overflow:hidden;border:1px solid #cfdee2;border-radius:24px;background:#fff;box-shadow:0 25px 70px rgba(13,71,85,.13)}.portals-tab-list{display:grid;grid-template-columns:1fr 1fr;background:#092b3c}.portals-tab-list button{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:72px;border:0;border-right:1px solid rgba(255,255,255,.12);color:#a9c9d1;background:transparent;font:inherit;font-weight:800;cursor:pointer}.portals-tab-list button:last-child{border-right:0}.portals-tab-list button span{color:#65d5df;font-size:.66rem;letter-spacing:.08em}.portals-tab-list button[aria-selected=true]{color:#fff;background:rgba(60,192,209,.15);box-shadow:inset 0 -3px #4bc8d8}.portals-panels>article{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:590px}.workspace-nav{display:flex;flex-direction:column;gap:.3rem;padding:1.4rem;color:#fff;background:#0b3448}.workspace-nav.carrier{background:#123e42}.workspace-nav>strong{font-size:1.05rem}.workspace-nav>small{margin-bottom:1.5rem;color:#8fb7c1}.workspace-nav>span{display:flex;justify-content:space-between;padding:.75rem .8rem;border-radius:9px;color:#adc8cf;font-size:.73rem;font-weight:700}.workspace-nav .active{color:#fff;background:rgba(63,197,212,.17)}.workspace-nav span b{padding:.1rem .4rem;border-radius:99px;color:#082b39;background:#63d1dc;font-size:.6rem}.workspace-main{min-width:0;background:#f6fafb}.workspace-main>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid #d9e6e9;background:#fff}.workspace-main header small,.workspace-main header strong{display:block}.workspace-main header small{color:#6f8790;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.workspace-live{display:flex;align-items:center;gap:.5rem;color:#267b63;font-size:.67rem}.workspace-live i{width:8px;height:8px;border-radius:50%;background:#45bf8a;box-shadow:0 0 0 5px rgba(69,191,138,.12);animation:portal-status-pulse 2.5s ease-in-out infinite}.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1.2rem}.workspace-metrics article{padding:1rem;border:1px solid #dce7ea;border-radius:12px;background:#fff}.workspace-metrics span,.workspace-metrics small,.workspace-metrics strong{display:block}.workspace-metrics span{color:#657e88;font-size:.65rem;font-weight:750}.workspace-metrics strong{margin:.2rem 0;font-size:1.55rem}.workspace-metrics small{color:#779099;font-size:.59rem}.workspace-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.2rem;padding:1.2rem;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0c6478,#1695a9)}.workspace-action.carrier{background:linear-gradient(135deg,#176d63,#259881)}.workspace-action span{color:#aee7ed;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.workspace-action h3{margin:.25rem 0;color:#fff;font-size:1rem}.workspace-action p{margin:0;color:#d2eaed;font-size:.7rem}.workspace-action>b{flex:none;padding:.65rem .8rem;border-radius:8px;color:#0a4857;background:#fff;font-size:.68rem}.workspace-rows{display:grid;gap:.65rem;padding:1.2rem}.workspace-rows>span{display:grid;grid-template-columns:38px 1fr 1.3fr auto;gap:.7rem;align-items:center;padding:.8rem;border:1px solid #dce7ea;border-radius:11px;background:#fff}.workspace-rows i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#fff;background:#158ca3;font-size:.58rem;font-style:normal;font-weight:850}.workspace-rows strong,.workspace-rows small,.workspace-rows b{font-size:.65rem}.workspace-rows small{color:#6f8790}.workspace-rows b{color:#287b63}
.portal-capabilities{background:#fff}.dual-cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem)}.dual-cap-grid>div:last-child{padding-left:clamp(2rem,5vw,5rem);border-left:1px solid #d7e5e8}.dual-cap-grid h2{font-size:clamp(2rem,3.4vw,3.5rem)}.cap-list{display:grid;margin-top:2rem;border-top:1px solid #d8e5e8}.cap-list article{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #d8e5e8}.cap-list article>span{color:#178fa7;font-size:.67rem;font-weight:850}.cap-list h3{margin:0;font-size:1rem}.cap-list p{margin:.35rem 0 0;color:#687f89;font-size:.78rem}.cap-list.carrier article>span{color:#278c77}
.portals-included{color:#fff;background:linear-gradient(145deg,#071d2b,#0c3d50)}.included-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,8rem);align-items:center}.portals-included h2{color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.portals-included .lead{color:#c2dde3}.included-list{overflow:hidden;border:1px solid rgba(170,226,234,.22);border-radius:18px}.included-list article{display:grid;grid-template-columns:38px 1fr auto;gap:1rem;align-items:center;padding:1.15rem;border-bottom:1px solid rgba(170,226,234,.18);background:rgba(255,255,255,.035)}.included-list article:last-child{border-bottom:0}.included-list b{color:#5dd1dc;font-size:.65rem}.included-list strong,.included-list span{display:block}.included-list span{margin-top:.18rem;color:#accbd2;font-size:.67rem}.included-list i{padding:.35rem .55rem;border-radius:99px;color:#073d3b;background:#69d8bd;font-size:.6rem;font-style:normal;font-weight:850}.portal-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #d7e5e8;border-radius:18px}.portal-outcome-grid article{min-height:240px;padding:1.5rem;border-right:1px solid #d7e5e8}.portal-outcome-grid article:last-child{border-right:0}.portal-outcome-grid span{color:#178fa7;font-size:.7rem;font-weight:850;letter-spacing:.09em}.portal-outcome-grid h3{margin-top:3rem}.portal-outcome-grid p{color:#667e88}.portal-guardrail{margin-top:1.5rem;padding-left:1rem;border-left:3px solid #2eb5ca;color:#677f89;font-size:.78rem}
@keyframes portals-grid-drift{to{background-position:54px 54px}}@keyframes portal-card-float{50%{transform:translateY(-7px)}}@keyframes portal-status-pulse{50%{box-shadow:0 0 0 9px rgba(69,191,138,.05)}}@keyframes portal-seal-breathe{50%{opacity:.45;transform:scale(1.035)}}
@media(max-width:920px){.portals-hero-grid,.dual-cap-grid,.included-grid{grid-template-columns:1fr}.portal-login-stack{max-width:600px}.dual-cap-grid>div:last-child{padding-left:0;border-left:0}.portals-panels>article{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:680px){.portal-login-card.carrier{margin-left:0}.portal-included-seal{right:0}.portals-tab-list{grid-template-columns:1fr}.portals-tab-list button{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.portals-panels>article{grid-template-columns:1fr}.workspace-nav{display:grid;grid-template-columns:1fr 1fr;min-height:auto}.workspace-nav>strong,.workspace-nav>small{grid-column:1/-1}.workspace-nav>small{margin-bottom:.5rem}.workspace-metrics,.portal-outcome-grid{grid-template-columns:1fr}.workspace-action{align-items:flex-start;flex-direction:column}.workspace-rows>span{grid-template-columns:38px 1fr}.workspace-rows small,.workspace-rows b{grid-column:2}.portal-outcome-grid article{min-height:auto;border-right:0;border-bottom:1px solid #d7e5e8}.portal-outcome-grid article:last-child{border-bottom:0}.portal-outcome-grid h3{margin-top:1.5rem}.included-list article{grid-template-columns:30px 1fr}.included-list i{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.portals-grid-lines,.portal-login-card,.workspace-live i,.portal-included-seal::after{animation:none!important}}

/* Native AI */
.ai-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 78% 28%,rgba(85,216,190,.22),transparent 25%),linear-gradient(140deg,#061927,#0a3448 58%,#095967)}
.ai-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(142,220,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(142,220,230,.28) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 48%,#000);animation:ai-grid-drift 20s linear infinite}
.ai-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.ai-hero .eyebrow{color:#fff}.ai-hero h1{max-width:760px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.ai-hero h1 span{color:#69d8bd}.ai-hero .lead{max-width:700px;color:#d1e7ec}.ai-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.ai-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.ai-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.ai-orbit{position:relative;min-height:480px}.ai-orbit::before,.ai-orbit::after{position:absolute;inset:50%;border:1px solid rgba(137,222,229,.25);border-radius:50%;content:'';transform:translate(-50%,-50%)}.ai-orbit::before{width:330px;height:330px}.ai-orbit::after{width:225px;height:225px}.ai-core{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:145px;height:145px;place-content:center;border:1px solid rgba(255,255,255,.55);border-radius:38px;background:linear-gradient(145deg,#f4fffd,#63d7be);box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px #fff;color:#073b43;text-align:center;transform:translate(-50%,-50%);animation:ai-core-breathe 4s ease-in-out infinite}.ai-core small,.ai-core strong,.ai-core span{display:block}.ai-core small{font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ai-core strong{font-size:3.4rem;line-height:1}.ai-core span{margin-top:.3rem;color:#176f68;font-size:.62rem;font-weight:850}.orbit-card{position:absolute;z-index:4;display:grid;gap:.2rem;min-width:145px;padding:1rem;border:1px solid rgba(174,230,236,.32);border-radius:15px;background:rgba(6,36,50,.86);box-shadow:0 18px 45px rgba(0,0,0,.25);backdrop-filter:blur(8px);animation:ai-card-float 6s ease-in-out infinite}.orbit-card b{font-size:.75rem}.orbit-card span{color:#9fc7cf;font-size:.62rem}.orbit-card span::before{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#5cd2ae;box-shadow:0 0 0 5px rgba(92,210,174,.1);content:''}.orbit-dispatch{top:6%;left:2%}.orbit-capacity{top:15%;right:0;animation-delay:-1.5s}.orbit-ltl{bottom:13%;left:0;animation-delay:-3s}.orbit-kpi{right:3%;bottom:5%;animation-delay:-4.5s}
.ai-agents{background:#f0f6f7}.ai-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.ai-agent-card{position:relative;grid-column:span 2;overflow:hidden;min-height:315px;padding:1.5rem;border:1px solid #d4e3e6;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(14,75,88,.08);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.ai-agent-card:nth-child(4){grid-column:2/span 2}.ai-agent-card:hover{border-color:#69cbd5;box-shadow:0 24px 58px rgba(14,75,88,.14);transform:translateY(-5px)}.ai-card-top{display:flex;align-items:center;justify-content:space-between}.ai-card-top span{color:#168ca4;font-size:.7rem;font-weight:900;letter-spacing:.1em}.ai-card-top>i{position:relative;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#0c5568,#1699a9)}.ai-card-top>i::before,.ai-card-top>i::after{position:absolute;border-radius:50%;background:#70dbc4;content:''}.ai-card-top>i::before{width:9px;height:9px;top:11px;left:11px}.ai-card-top>i::after{width:5px;height:5px;right:10px;bottom:10px;animation:ai-node-pulse 2.8s ease-in-out infinite}.ai-agent-card h3{margin-top:2.2rem}.ai-agent-card p{color:#617983}.ai-card-status{position:absolute;right:1.5rem;bottom:1.4rem;left:1.5rem;display:flex;align-items:center;gap:.55rem;padding-top:1rem;border-top:1px solid #dde8ea}.ai-card-status i{width:8px;height:8px;border-radius:50%;background:#43bd89;box-shadow:0 0 0 5px rgba(67,189,137,.1);animation:ai-status-pulse 2.8s ease-in-out infinite}.ai-card-status b{color:#28745f;font-size:.68rem}.ai-agent-card:nth-child(2) .ai-card-top>i::after,.ai-agent-card:nth-child(2) .ai-card-status i{animation-delay:-.55s}.ai-agent-card:nth-child(3) .ai-card-top>i::after,.ai-agent-card:nth-child(3) .ai-card-status i{animation-delay:-1.1s}.ai-agent-card:nth-child(4) .ai-card-top>i::after,.ai-agent-card:nth-child(4) .ai-card-status i{animation-delay:-1.65s}.ai-agent-card:nth-child(5) .ai-card-top>i::after,.ai-agent-card:nth-child(5) .ai-card-status i{animation-delay:-2.2s}
.ai-foundation{color:#fff;background:linear-gradient(145deg,#071d2b,#0b3d50)}.ai-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.ai-foundation h2{color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.ai-foundation .lead{color:#bad7de}.ai-foundation-copy{padding-top:1rem}.ai-foundation-copy p{padding:0 0 1.5rem;border-bottom:1px solid rgba(164,222,230,.18);color:#c8dfe4;font-size:1.05rem}.ai-foundation-copy .ai-closing{border-bottom:0;color:#6bd9c0;font-size:1.35rem;font-weight:850}
@keyframes ai-grid-drift{to{background-position:52px 52px}}@keyframes ai-card-float{50%{transform:translateY(-7px)}}@keyframes ai-core-breathe{50%{box-shadow:0 32px 85px rgba(0,0,0,.38),0 0 0 12px rgba(105,216,189,.07),inset 0 1px #fff}}@keyframes ai-node-pulse{50%{transform:scale(1.7);box-shadow:0 0 0 5px rgba(112,219,196,.13)}}@keyframes ai-status-pulse{50%{box-shadow:0 0 0 9px rgba(67,189,137,.04)}}
@media(max-width:920px){.ai-hero-grid,.ai-foundation-grid{grid-template-columns:1fr}.ai-orbit{max-width:620px}.ai-card-grid{grid-template-columns:1fr 1fr}.ai-agent-card,.ai-agent-card:nth-child(4){grid-column:auto}}
@media(max-width:620px){.ai-orbit{min-height:420px}.ai-orbit::before{width:280px;height:280px}.ai-orbit::after{width:190px;height:190px}.ai-core{width:125px;height:125px}.ai-core strong{font-size:2.8rem}.orbit-card{min-width:122px;padding:.8rem}.orbit-dispatch{left:0}.orbit-capacity{right:0}.orbit-ltl{left:0}.orbit-kpi{right:0}.ai-card-grid{grid-template-columns:1fr}.ai-agent-card{min-height:290px}}
@media(prefers-reduced-motion:reduce){.ai-grid-lines,.ai-core,.orbit-card,.ai-card-top>i::after,.ai-card-status i{animation:none!important}.ai-agent-card{transition:none}.ai-agent-card:hover{transform:none}}
.ai-card-grid>.ai-agent-card{display:block}
.ai-card-grid .ai-card-top>.agent-icon{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(106,221,198,.45);border-radius:18px;background:linear-gradient(145deg,#0b4c60,#168b99);box-shadow:0 12px 28px rgba(13,101,117,.2);animation:ai-icon-float 4.8s ease-in-out infinite}
.ai-card-grid .ai-card-top>.agent-icon svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.ai-card-grid .ai-agent-card:nth-child(2) .agent-icon{animation-delay:-.9s}.ai-card-grid .ai-agent-card:nth-child(3) .agent-icon{animation-delay:-1.8s}.ai-card-grid .ai-agent-card:nth-child(4) .agent-icon{animation-delay:-2.7s}.ai-card-grid .ai-agent-card:nth-child(5) .agent-icon{animation-delay:-3.6s}
@keyframes ai-icon-float{50%{transform:translateY(-5px);box-shadow:0 17px 34px rgba(13,101,117,.25)}}
@media(prefers-reduced-motion:reduce){.ai-card-grid .ai-card-top>.agent-icon{animation:none!important}}


/* Small parcel */
.parcel-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 22%,rgba(99,220,190,.2),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 62%,#0b5b65)}
.parcel-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(153,225,232,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(153,225,232,.24) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 42%,#000)}
.parcel-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.parcel-hero .eyebrow{color:#fff}.parcel-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.parcel-hero h1 span{color:#69d8bd}.parcel-hero .lead{max-width:720px;color:#d1e7ec}.parcel-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}
.parcel-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.parcel-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.parcel-rate-console{overflow:hidden;border:1px solid rgba(157,226,233,.3);border-radius:24px;color:#173b49;background:#f7fbfb;box-shadow:0 34px 85px rgba(0,0,0,.32);transform:rotate(.6deg)}.parcel-console-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid #d7e6e9;background:#fff}.parcel-console-head>div{display:flex;align-items:center;gap:.55rem}.parcel-console-head small{color:#16879c;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.parcel-package{padding:1.2rem;background:linear-gradient(145deg,#eaf5f5,#f8fcfc)}.parcel-package>span,.parcel-package>strong{display:block}.parcel-package>span{color:#16879c;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.parcel-package>strong{margin-top:.35rem;font-size:.9rem}.parcel-package>div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.parcel-package em{padding:.35rem .55rem;border:1px solid #d1e3e6;border-radius:7px;color:#52707a;background:#fff;font-size:.62rem;font-style:normal}.parcel-rate-list{display:grid;gap:.55rem;padding:1rem}.parcel-rate-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #d8e6e8;border-radius:10px;background:#fff}.parcel-rate-list article.selected{border-color:#72cdbd;background:#effaf6;box-shadow:0 8px 20px rgba(25,132,112,.08)}.parcel-rate-list strong,.parcel-rate-list small{display:block}.parcel-rate-list strong{font-size:.75rem}.parcel-rate-list small{margin-top:.18rem;color:#71868e;font-size:.6rem}.parcel-rate-list article>span,.parcel-rate-list article>b{padding:.32rem .48rem;border-radius:6px;color:#166b59;background:#dff4ec;font-size:.56rem;font-weight:900}.parcel-rate-list article>b{color:#496872;background:#edf4f5}.parcel-console-foot{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;border-top:1px solid #d7e6e9;background:#fff}.parcel-console-foot span{display:flex;align-items:center;gap:.5rem;color:#28725f;font-size:.65rem;font-weight:850}.parcel-console-foot i{width:8px;height:8px;border-radius:50%;background:#43bd89;box-shadow:0 0 0 5px rgba(67,189,137,.1)}.parcel-console-foot strong{font-size:.64rem}
.parcel-capabilities{background:#f1f6f7}.parcel-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:2.4rem}.parcel-card-grid article{grid-column:span 2;min-height:240px;padding:1.5rem;border:1px solid #d4e3e6;border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(14,75,88,.06)}.parcel-card-grid article:nth-child(4){grid-column:2/span 2}.parcel-card-grid>article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#0c5669,#1595a6);font-size:.64rem;font-weight:900}.parcel-card-grid h3{margin-top:2.2rem}.parcel-card-grid p{color:#607983}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700;800&family=Syne:wght@500;600;700;800&display=swap');

:root {
  --brand-blue: #1e61b7;
  --brand-blue-light: #387aba;
  --brand-cyan: #31bfd5;
  --brand-cyan-light: #b3e3ed;
  --brand-charcoal: #4d4d4d;
  --brand-gray: #e1e1e1;
  --navy-950: #10365f;
  --navy-900: #174b85;
  --navy-800: #1e61b7;
  --blue-600: #1e61b7;
  --blue-500: #387aba;
  --blue-100: #e8f4fa;
  --cyan-400: #31bfd5;
  --teal-500: #31bfd5;
  --ink: #303942;
  --muted: #5c6873;
  --line: #e1e1e1;
  --surface: #f7fafc;
  --white: #ffffff;
  --success: #157d69;
  --warning: #b55d08;
  --shadow-sm: 0 8px 24px rgba(7, 23, 41, .08);
  --shadow-lg: 0 22px 70px rgba(7, 23, 41, .16);
  --radius-sm: .75rem;
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --content: 1180px;
  --header: 78px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
a { color: var(--blue-600); text-underline-offset: .18em; }
a:hover { color: var(--navy-900); }
img { display: block; max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--cyan-400); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 1000; top: .5rem; left: .5rem; padding: .75rem 1rem; color: var(--white); background: var(--navy-950); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.container { width: min(calc(100% - 2rem), var(--content)); margin-inline: auto; }
.narrow { width: min(calc(100% - 2rem), 780px); margin-inline: auto; }
.section { padding: clamp(4rem, 8vw, 7.5rem) 0; }
.section-sm { padding: 3.5rem 0; }
.surface { background: var(--surface); }
.dark { color: var(--white); background: var(--navy-950); }
.eyebrow { margin: 0 0 .75rem; color: var(--blue-600); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.dark .eyebrow { color: var(--cyan-400); }
h1, h2, h3 { margin: 0 0 1rem; color: #142230; font-family: Sora, Arial, sans-serif; line-height: 1.08; letter-spacing: -.045em; }
.dark h1, .dark h2, .dark h3 { color: var(--white); }
h1 { max-width: 880px; font-size: clamp(2.65rem, 6vw, 5.6rem); }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
h3 { font-size: clamp(1.15rem, 2vw, 1.45rem); letter-spacing: -.02em; }
.concept-b h1, .concept-b h2, .concept-b h3 { font-family: Syne, Sora, sans-serif; letter-spacing: -.055em; }
.concept-b .command-copy h1 { letter-spacing: -.075em; }
.lead { max-width: 730px; margin: 0 0 1.75rem; color: var(--muted); font-size: clamp(1.08rem, 2vw, 1.3rem); }
.dark .lead { color: #bcd0e2; }
.section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 480px); gap: 2rem; align-items: end; margin-bottom: 2.5rem; }
.section-head p { margin: 0; color: var(--muted); }
.actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.75rem; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .55rem; padding: .8rem 1.2rem; border: 1px solid transparent; border-radius: 999px; color: var(--white); background: var(--blue-600); font-weight: 700; line-height: 1.2; text-decoration: none; transition: .2s ease; }
.button:hover { color: var(--white); background: var(--navy-800); transform: translateY(-2px); }
.button-light { color: var(--navy-950); background: var(--white); }
.button-light:hover { color: var(--navy-950); background: var(--blue-100); }
.button-outline { color: var(--navy-900); border-color: var(--line); background: transparent; }
.dark .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.button-outline:hover { color: var(--navy-950); background: var(--blue-100); }
.dark .button-outline:hover { color: var(--white); background: rgba(255,255,255,.12); }

.site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid rgba(220,229,237,.8); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.header-inner { display: flex; min-height: var(--header); align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--navy-950); font: 800 1.2rem/1 Sora, sans-serif; text-decoration: none; white-space: nowrap; }
.brand-mark { position: relative; display: grid; width: 38px; height: 38px; place-items: center; border: 3px solid var(--brand-blue); border-radius: 50%; color: var(--brand-blue); background: var(--white); font: 800 .68rem/1 Sora, sans-serif; letter-spacing: -.08em; }
.brand-mark::after { position: absolute; inset: 4px; border: 2px solid var(--brand-cyan); border-radius: 50%; content: ""; }
.brand-logo { position: relative; display: block; width: 190px; height: 50px; overflow: hidden; }
.brand-logo img { position: absolute; width: 100%; max-width: none; height: auto; left: 0; top: -66px; }
.brand-footer .brand-logo { width: 210px; height: 56px; }
.brand-footer .brand-logo img { top: -73px; }
.site-nav { display: flex; flex: 1; align-items: center; justify-content: center; gap: 1.65rem; }
.site-nav a { color: var(--ink); font-size: .94rem; font-weight: 600; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--blue-600); }
.header-actions { display: flex; align-items: center; gap: .75rem; }
.header-actions .button { border-color: rgba(255,255,255,.26); background: linear-gradient(145deg, #31bfd5 0%, #1e61b7 62%, #174b85 100%); background-size: 160% 160%; box-shadow: 0 10px 24px rgba(30,97,183,.28), inset 0 1px 0 rgba(255,255,255,.28); transition: transform .2s ease, box-shadow .2s ease, background-position .35s ease; }
.header-actions .button:hover { background-position: 100% 100%; box-shadow: 0 14px 30px rgba(30,97,183,.36), inset 0 1px 0 rgba(255,255,255,.32); transform: translateY(-2px); }
.login { color: var(--ink); font-weight: 700; text-decoration: none; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--white); }

.hero { position: relative; overflow: hidden; padding: clamp(4.75rem, 9vw, 8.75rem) 0; color: #dce9f5; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #061522 0%, #0b2842 56%, #103d62 100%); }
.hero h1 { color: var(--white); text-shadow: 0 6px 32px rgba(0,0,0,.2); }
.hero .lead { color: #bbcede; }
.hero .eyebrow { color: #6ce5f2; }
.hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.hero .button-outline:hover { color: var(--white); border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.1); }
.hero::before { position: absolute; width: 560px; height: 560px; border: 1px solid rgba(49,191,213,.2); border-radius: 50%; content: ""; right: -180px; top: -270px; box-shadow: 0 0 0 95px rgba(56,122,186,.07), 0 0 0 190px rgba(49,191,213,.04); }
.hero::after { position: absolute; width: 240px; height: 240px; border-radius: 50%; content: ""; left: -150px; bottom: -170px; background: rgba(49,191,213,.12); filter: blur(2px); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.tech-lines { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.tech-lines svg { width: 100%; height: 100%; overflow: visible; }
.signal-line { fill: none; stroke: url(#hero-signal); stroke-width: 1.4; stroke-linecap: round; stroke-dasharray: 11 19; vector-effect: non-scaling-stroke; animation: signalFlow 8s linear infinite, waveFloat 12s ease-in-out infinite alternate; }
.signal-b { opacity: .55; stroke-width: 1; animation-duration: 11s, 15s; animation-direction: reverse, alternate; }
.signal-c { opacity: .36; animation-duration: 14s, 18s; }
.signal-node { fill: var(--brand-cyan); filter: drop-shadow(0 0 7px rgba(49,191,213,.9)); transform-box: fill-box; transform-origin: center; animation: nodePulse 3.2s ease-in-out infinite; }
.node-b { animation-delay: -1.4s; }
.tech-lines-hero { opacity: .62; }
.hero .proof-line { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 2rem; color: var(--muted); font-size: .88rem; font-weight: 600; }
.hero .proof-line { color: #b6cbdd; }
.proof-line span::before { margin-right: .45rem; color: var(--teal-500); content: "✓"; }
.product-panel { position: relative; padding: 1.1rem; border: 1px solid rgba(56,122,186,.16); border-radius: var(--radius-lg); background: rgba(255,255,255,.9); box-shadow: 0 28px 80px rgba(30,97,183,.2); backdrop-filter: blur(18px); }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; padding: .6rem .55rem 1rem; color: var(--muted); font-size: .8rem; font-weight: 700; }
.dots { display: flex; gap: .3rem; }
.dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); }
.dashboard { padding: 1rem; border-radius: 1.35rem; color: var(--white); background: linear-gradient(145deg, #10365f, #1e61b7); }
.dashboard-top { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.dashboard-label { color: #9db4c9; font-size: .75rem; }
.metric { padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-sm); background: rgba(255,255,255,.06); }
.metric strong { display: block; font: 700 1.6rem/1.2 Sora, sans-serif; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; }
.load-list { display: grid; gap: .6rem; margin-top: .8rem; }
.load-row { display: grid; grid-template-columns: 1fr auto auto; gap: .7rem; align-items: center; padding: .8rem; border-radius: .7rem; color: #c6d7e6; background: rgba(255,255,255,.055); font-size: .78rem; }
.status { padding: .25rem .55rem; border-radius: 999px; color: #91f0df; background: rgba(32,168,155,.18); font-size: .7rem; font-weight: 700; }
.breadcrumb { padding: 1.1rem 0; color: var(--muted); font-size: .84rem; }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.breadcrumb li + li::before { margin-right: .45rem; content: "/"; }
.breadcrumb a { color: var(--muted); }

.logo-strip { border-block: 1px solid var(--line); }
.logo-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5rem; align-items: center; }
.wordmark { color: var(--brand-charcoal); font: 700 1rem/1 Sora, sans-serif; text-align: center; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.card { position: relative; overflow: hidden; padding: clamp(1.35rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: 0 1px 0 rgba(30,97,183,.03); transition: .2s ease; }
.card::after { position: absolute; width: 80px; height: 3px; left: 0; bottom: 0; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.card:hover { border-color: var(--brand-cyan-light); box-shadow: 0 16px 38px rgba(30,97,183,.11); transform: translateY(-3px); }
.card:hover::after { transform: scaleX(1); }
.card p { margin: 0; color: var(--muted); }
.card a { font-weight: 700; }
.card-icon { display: grid; width: 44px; height: 44px; margin-bottom: 1.25rem; place-items: center; border-radius: 13px; color: var(--blue-600); background: var(--blue-100); font-weight: 800; }
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.feature-list { display: grid; gap: 1rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.feature-list li { position: relative; padding-left: 2rem; }
.feature-list li::before { position: absolute; left: 0; top: .15rem; display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; color: var(--white); background: var(--teal-500); content: "✓"; font-size: .72rem; font-weight: 800; }
.feature-list strong { display: block; color: var(--navy-950); }
.visual-box { min-height: 420px; padding: 2rem; border-radius: var(--radius-lg); background: linear-gradient(145deg, #164b84, #1e61b7 62%, #287da9); box-shadow: 0 24px 60px rgba(30,97,183,.22); }
.flow { display: grid; gap: 1rem; }
.flow-step { display: flex; gap: 1rem; align-items: center; padding: 1.1rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-sm); color: var(--white); background: rgba(255,255,255,.07); }
.flow-step b { display: grid; flex: 0 0 32px; height: 32px; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--cyan-400); }
.flow-step small { display: block; color: #aac0d3; }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--line); }
.stat { padding: 2rem 1.25rem; background: var(--white); text-align: center; }
.stat strong { display: block; color: var(--blue-600); font: 800 clamp(1.8rem, 4vw, 3rem)/1 Sora, sans-serif; }
.stat span { display: block; margin-top: .6rem; color: var(--muted); font-size: .88rem; }
.quote { margin: 0; padding: clamp(1.8rem, 4vw, 3.5rem); border-radius: var(--radius-lg); color: var(--white); background: var(--navy-900); }
.quote p { margin: 0 0 1.5rem; font: 600 clamp(1.35rem, 3vw, 2.1rem)/1.35 Sora, sans-serif; }
.quote cite { color: #bcd0e2; font-style: normal; }
.cta-band { position: relative; overflow: hidden; border-radius: var(--radius-lg); background: linear-gradient(120deg, var(--brand-blue), var(--brand-blue-light) 64%, #278da9); box-shadow: 0 24px 56px rgba(30,97,183,.2); }
.cta-band .inner { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; padding: clamp(2rem, 6vw, 4.5rem); }
.cta-band h2 { max-width: 720px; margin: 0; color: var(--white); }
.cta-band p { margin: .8rem 0 0; color: #dbe8ff; }

.ai-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #f7fbfd 0%, #eef7fb 100%); }
.ai-section::before { position: absolute; width: 440px; height: 440px; border: 1px solid rgba(49,191,213,.2); border-radius: 50%; content: ""; right: -260px; top: 80px; box-shadow: 0 0 0 70px rgba(49,191,213,.035), 0 0 0 140px rgba(30,97,183,.025); }
.ai-section > .container { position: relative; z-index: 2; }
.tech-lines-ai { z-index: 1; top: 10%; bottom: 2%; opacity: .7; }
.tech-lines-ai .signal-line { stroke: url(#ai-signal); stroke-width: 1.1; stroke-dasharray: 8 17; animation-duration: 15s, 20s; }
.tech-lines-ai .signal-e { opacity: .5; animation-duration: 18s, 24s; animation-direction: reverse, alternate; }
.ai-section-head { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 3rem; align-items: end; margin-bottom: 2.75rem; }
.ai-section-head h2 { max-width: 780px; }
.ai-section-head > p { margin: 0; color: var(--muted); font-size: 1.08rem; }
.ai-agent-grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.ai-agent-card { overflow: hidden; border: 1px solid rgba(56,122,186,.2); border-radius: 1.45rem; background: rgba(255,255,255,.92); box-shadow: 0 18px 48px rgba(30,97,183,.1); transition: transform .25s ease, box-shadow .25s ease; }
.ai-agent-card:hover { box-shadow: 0 26px 64px rgba(30,97,183,.18); transform: translateY(-6px); }
.ai-agent-media { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: var(--white); }
.ai-agent-media::after { position: absolute; inset: auto 0 0; height: 22%; background: linear-gradient(transparent, rgba(16,54,95,.08)); content: ""; pointer-events: none; }
.ai-agent-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.ai-agent-card:hover .ai-agent-media img { transform: scale(1.025); }
.agent-icon-stage { position: relative; display: grid; min-height: 245px; place-items: center; overflow: hidden; border-bottom: 1px solid rgba(56,122,186,.16); background: radial-gradient(circle at 50% 45%, #ffffff 0 20%, #eff8fc 68%, #e2f3f7 100%); }
.agent-icon-stage::before { position: absolute; width: 230px; height: 230px; border: 1px solid rgba(30,97,183,.1); border-radius: 50%; content: ""; box-shadow: 0 0 0 34px rgba(49,191,213,.045), 0 0 0 68px rgba(30,97,183,.025); }
.agent-icon { position: relative; z-index: 1; display: grid; width: 112px; height: 112px; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 30px; color: var(--white); background: linear-gradient(145deg, var(--brand-blue-light), var(--brand-blue) 62%, #174b85); box-shadow: 0 18px 34px rgba(30,97,183,.25), inset 0 1px 0 rgba(255,255,255,.25); }
.agent-icon svg { width: 62px; height: 62px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.agent-icon-procaller { background: linear-gradient(145deg, #31bfd5, #1e61b7 66%, #174b85); }
.agent-icon-dispatch { background: linear-gradient(145deg, #387aba, #1e61b7 58%, #10365f); }
.agent-number { position: absolute; right: 1.1rem; top: .8rem; color: rgba(30,97,183,.22); font: 800 2.7rem/1 Sora, sans-serif; letter-spacing: -.08em; }
.ai-agent-content { padding: 1.5rem; }
.ai-agent-content h3 { margin-top: .65rem; font-size: 1.65rem; }
.ai-agent-content p { color: var(--muted); }
.ai-agent-content ul { display: grid; gap: .45rem; margin: 1rem 0 1.25rem; padding: 0; list-style: none; }
.ai-agent-content li { position: relative; padding-left: 1.35rem; color: var(--ink); font-size: .92rem; }
.ai-agent-content li::before { position: absolute; left: 0; color: var(--brand-cyan); content: "●"; font-size: .72rem; }
.ai-agent-content a { font-weight: 700; text-decoration: none; }
.ai-badge { display: inline-flex; align-items: center; padding: .35rem .65rem; border: 1px solid rgba(30,97,183,.16); border-radius: 999px; color: var(--brand-blue); background: var(--blue-100); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.native-proof { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 2rem; align-items: center; margin-top: 1.5rem; padding: 1.4rem 1.6rem; border-radius: 1.15rem; color: var(--white); background: linear-gradient(120deg, #10365f, var(--brand-blue)); box-shadow: 0 18px 44px rgba(30,97,183,.18); }
.native-proof-kicker { display: block; margin-bottom: .25rem; color: var(--brand-cyan-light); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.native-proof strong { font: 700 1.18rem/1.35 Sora, sans-serif; }
.native-proof-points { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
.native-proof-points span { padding: .42rem .7rem; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #e8f7fb; font-size: .8rem; font-weight: 700; }

.workflow-lab { position: relative; overflow: hidden; color: #d8e7f3; background: radial-gradient(circle at 20% 8%, rgba(49,191,213,.12), transparent 25%), #071722; }
.workflow-lab > .container { position: relative; z-index: 2; }
.flow-grid { position: absolute; z-index: 1; inset: -80px; opacity: .22; background-image: linear-gradient(rgba(49,191,213,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.16) 1px, transparent 1px); background-size: 54px 54px; -webkit-mask-image: radial-gradient(ellipse at 50% 45%, #000 0 25%, transparent 76%); mask-image: radial-gradient(ellipse at 50% 45%, #000 0 25%, transparent 76%); animation: gridDrift 20s linear infinite; pointer-events: none; }
.flow-grid::after { position: absolute; width: 520px; height: 520px; border: 1px solid rgba(49,191,213,.35); border-radius: 50%; content: ""; right: 5%; top: 14%; box-shadow: 0 0 0 46px rgba(49,191,213,.035), 0 0 0 92px rgba(56,122,186,.025); animation: orbitDrift 14s ease-in-out infinite alternate; }
.workflow-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr); gap: 3rem; align-items: end; margin-bottom: 2.5rem; }
.workflow-heading h2 { max-width: 780px; color: var(--white); }
.workflow-heading > p { margin: 0; color: #9eb5c7; font-size: 1.05rem; }
.workflow-heading .eyebrow { color: #68dbea; }
.workflow-shell { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.65rem; background: rgba(11,40,66,.7); box-shadow: 0 34px 90px rgba(0,0,0,.28); backdrop-filter: blur(16px); }
.workflow-tabs { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid rgba(179,227,237,.14); background: rgba(4,17,28,.5); }
.workflow-tab { position: relative; display: grid; gap: .22rem; min-height: 112px; padding: 1.2rem 1.35rem; border: 0; border-right: 1px solid rgba(179,227,237,.1); color: #93aabd; background: transparent; text-align: left; transition: .2s ease; }
.workflow-tab:last-child { border-right: 0; }
.workflow-tab::after { position: absolute; right: 1rem; bottom: -1px; left: 1rem; height: 3px; border-radius: 3px 3px 0 0; background: var(--brand-cyan); content: ""; opacity: 0; transform: scaleX(.4); transition: .2s ease; }
.workflow-tab:hover { color: var(--white); background: rgba(255,255,255,.035); }
.workflow-tab[aria-selected="true"] { color: var(--white); background: linear-gradient(180deg, rgba(49,191,213,.11), rgba(30,97,183,.04)); }
.workflow-tab[aria-selected="true"]::after { opacity: 1; transform: scaleX(1); }
.workflow-tab span { color: var(--brand-cyan); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .08em; }
.workflow-tab strong { font: 600 1rem/1.3 Sora, sans-serif; }
.workflow-tab small { color: #7891a5; font-size: .78rem; }
.workflow-stage { min-height: 480px; }
.workflow-panel { display: grid; grid-template-columns: minmax(0, .86fr) minmax(390px, 1.14fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; padding: clamp(2rem, 5vw, 4.25rem); }
.workflow-panel[hidden] { display: none; }
.workflow-copy h3 { margin: .9rem 0 1rem; color: var(--white); font-size: clamp(1.7rem, 3vw, 2.65rem); }
.workflow-copy > p { color: #9fb6c8; }
.workflow-copy .feature-list strong { color: #eff8ff; }
.workflow-copy .feature-list li { color: #a8bdcd; }
.ui-status { display: inline-flex; align-items: center; width: fit-content; padding: .35rem .65rem; border: 1px solid rgba(49,191,213,.24); border-radius: 999px; color: #8be8f2; background: rgba(49,191,213,.09); font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.ui-window { overflow: hidden; min-height: 320px; border: 1px solid rgba(179,227,237,.18); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 50px rgba(0,0,0,.2); }
.ui-window-bar { display: flex; min-height: 54px; align-items: center; justify-content: space-between; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.13); color: #dceaf4; font-size: .83rem; font-weight: 700; }
.ui-window-bar i { width: 8px; height: 8px; border-radius: 50%; background: #617b8e; box-shadow: -14px 0 #3e5d72, -28px 0 #2b485c; }
.ui-window-bar .live-dot { background: #55dfc0; box-shadow: 0 0 0 5px rgba(85,223,192,.09), 0 0 18px rgba(85,223,192,.5); }
.route-line { display: grid; grid-template-columns: 1fr auto 1fr; gap: .8rem; align-items: center; padding: 1.3rem 1.15rem; border-bottom: 1px solid rgba(179,227,237,.1); }
.route-line b { color: var(--white); font-family: Sora, sans-serif; }
.route-line b:last-child { text-align: right; }
.route-line span { position: relative; padding: 0 1.4rem; color: #8da6b9; font-size: .75rem; }
.route-line span::before { position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, var(--brand-cyan), rgba(49,191,213,.2)); content: ""; }
.route-line span { z-index: 1; background: #102d45; }
.ui-options { display: grid; gap: .65rem; padding: 1.1rem; }
.ui-option { display: grid; grid-template-columns: .8fr 1.2fr auto; gap: 1rem; align-items: center; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .8rem; color: #88a1b4; background: rgba(255,255,255,.025); }
.ui-option.active { border-color: rgba(49,191,213,.42); color: var(--white); background: rgba(49,191,213,.08); box-shadow: 0 0 0 1px rgba(49,191,213,.08); }
.ui-option strong { color: inherit; font-size: .85rem; }
.ui-option em { color: #74dbe8; font-size: .75rem; font-style: normal; }
.activity-feed { padding: .75rem 1rem 1rem; }
.activity-feed > div { display: grid; grid-template-columns: 52px 1fr auto; gap: .8rem; align-items: center; padding: .9rem .4rem; border-bottom: 1px solid rgba(179,227,237,.09); }
.activity-feed > div:last-child { border-bottom: 0; }
.activity-feed b { color: #6f8ba0; font-size: .72rem; }
.activity-feed span { color: #d5e4ef; font-size: .86rem; }
.activity-feed em { padding: .25rem .5rem; border-radius: 999px; color: #75dfeb; background: rgba(49,191,213,.1); font-size: .68rem; font-style: normal; }
.dispatch-card { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin: 1.1rem; padding: 1.1rem; border: 1px solid rgba(49,191,213,.22); border-radius: .9rem; background: rgba(49,191,213,.06); }
.dispatch-card strong, .dispatch-card small { display: block; }
.dispatch-card strong { margin: .55rem 0 .15rem; color: var(--white); font-family: Sora, sans-serif; }
.dispatch-card small { color: #8da7ba; }
.dispatch-checks { display: grid; gap: .55rem; padding: 0 1.1rem 1.1rem; }
.dispatch-checks span { position: relative; padding: .75rem 1rem .75rem 2.4rem; border-radius: .7rem; color: #7892a6; background: rgba(255,255,255,.025); }
.dispatch-checks span::before { position: absolute; left: .9rem; content: "○"; color: #6f899d; }
.dispatch-checks .done { color: #d5e5ef; }
.dispatch-checks .done::before { color: #55dfc0; content: "✓"; }
.timeline { position: relative; display: grid; gap: 0; padding: 1.1rem 1.2rem; }
.timeline::before { position: absolute; width: 1px; top: 2rem; bottom: 2rem; left: 2rem; background: rgba(179,227,237,.18); content: ""; }
.timeline > div { position: relative; display: grid; gap: .1rem; padding: .75rem .6rem .75rem 2.5rem; }
.timeline > div::before { position: absolute; z-index: 1; width: 10px; height: 10px; left: .35rem; top: 1.1rem; border: 2px solid #557489; border-radius: 50%; background: #102d45; content: ""; }
.timeline .complete::before { border-color: #55dfc0; background: #55dfc0; }
.timeline .current::before { border-color: var(--brand-cyan); box-shadow: 0 0 0 6px rgba(49,191,213,.1), 0 0 18px rgba(49,191,213,.38); }
.timeline b { color: #e2edf5; font-size: .86rem; }
.timeline span { color: #7893a8; font-size: .76rem; }

@keyframes signalFlow {
  to { stroke-dashoffset: -180; }
}

@keyframes waveFloat {
  from { transform: translate3d(-1.5%, -5px, 0); }
  to { transform: translate3d(1.5%, 7px, 0); }
}

@keyframes nodePulse {
  0%, 100% { opacity: .35; transform: scale(.75); }
  50% { opacity: 1; transform: scale(1.35); }
}

@keyframes gridDrift {
  to { transform: translate3d(54px, 54px, 0); }
}

@keyframes orbitDrift {
  from { transform: translate3d(-18px, -10px, 0) scale(.96); opacity: .45; }
  to { transform: translate3d(22px, 14px, 0) scale(1.04); opacity: .8; }
}

.command-hero { position: relative; overflow: hidden; min-height: 780px; padding: clamp(5rem, 9vw, 8rem) 0; color: #dceaf5; background: linear-gradient(135deg, #040e16 0%, #081c2b 52%, #0d2f48 100%); }
.command-mesh { position: absolute; inset: -20%; opacity: .2; background-image: linear-gradient(rgba(49,191,213,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.12) 1px, transparent 1px); background-size: 72px 72px; transform: perspective(700px) rotateX(62deg) translateY(18%); transform-origin: center bottom; mask-image: linear-gradient(180deg, transparent, #000 35%, transparent 80%); animation: commandMesh 22s linear infinite; }
.command-hero::after { position: absolute; width: 620px; height: 620px; border-radius: 50%; content: ""; right: -220px; top: -260px; background: radial-gradient(circle, rgba(49,191,213,.18), transparent 68%); filter: blur(12px); }
.command-grid { position: relative; z-index: 2; display: grid; width: min(calc(100% - 3rem), 1280px); grid-template-columns: minmax(0, 1fr) minmax(500px, 1fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
.command-copy { min-width: 0; max-width: 610px; }
.command-copy h1 { max-width: 610px; margin-top: 0; color: var(--white); font-size: clamp(3.35rem, 5.1vw, 5.25rem); line-height: 1.04; letter-spacing: -.065em; overflow-wrap: break-word; }
.command-copy h1 span { color: transparent; background: linear-gradient(90deg, #8debf3, #31bfd5 48%, #6ba8f1); -webkit-background-clip: text; background-clip: text; }
.command-copy .lead { color: #a9bfce; }
.command-pill { display: inline-flex; align-items: center; gap: .55rem; padding: .45rem .8rem; border: 1px solid rgba(49,191,213,.26); border-radius: 999px; color: #a7edf3; background: rgba(49,191,213,.08); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.command-pill i { width: 7px; height: 7px; border-radius: 50%; background: #58e1c1; box-shadow: 0 0 0 5px rgba(88,225,193,.1), 0 0 15px rgba(88,225,193,.6); }
.command-copy .actions { align-items: center; }
.text-link { color: #bad0df; font-size: .9rem; font-weight: 700; text-decoration: none; }
.text-link:hover { color: var(--brand-cyan); }
.command-trust { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 2.4rem; color: #7f99ac; font-size: .76rem; font-weight: 600; text-transform: uppercase; }
.command-trust span { display: flex; align-items: center; gap: .45rem; }
.command-trust b { color: #55d5e5; font-size: .64rem; }
.command-console { position: relative; overflow: hidden; border: 1px solid rgba(179,227,237,.18); border-radius: 1.5rem; background: linear-gradient(145deg, rgba(20,57,84,.88), rgba(6,25,39,.94)); box-shadow: 0 40px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter: blur(18px); }
.digital-globe { position: relative; overflow: hidden; min-height: 590px; border: 1px solid rgba(179,227,237,.16); border-radius: 1.75rem; background: radial-gradient(circle at 50% 45%, rgba(24,93,132,.36), transparent 48%), linear-gradient(145deg, rgba(10,42,63,.86), rgba(3,16,26,.94)); box-shadow: 0 40px 100px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(18px); }
.globe-hud, .globe-footer { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; color: #dceaf4; font-size: .76rem; }
.globe-hud { min-height: 58px; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.11); }
.globe-hud > div { display: flex; align-items: center; gap: .55rem; font-weight: 700; }
.globe-hud small { color: #5fe0c0; }
.globe-stage { position: relative; display: grid; min-height: 470px; place-items: center; overflow: hidden; }
.globe-stage::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(179,227,237,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(179,227,237,.035) 1px, transparent 1px); background-size: 34px 34px; content: ""; mask-image: radial-gradient(circle, #000 0 38%, transparent 74%); animation: globeGridDrift 22s linear infinite; }
.globe-stage svg { position: relative; z-index: 2; width: min(92%, 520px); height: auto; overflow: visible; }
.globe-aura { position: absolute; width: 330px; height: 330px; border-radius: 50%; background: rgba(49,191,213,.08); box-shadow: 0 0 80px 28px rgba(49,191,213,.12), 0 0 160px 60px rgba(30,97,183,.07); animation: globeBreathe 5s ease-in-out infinite; }
.globe-sphere { filter: drop-shadow(0 22px 36px rgba(0,0,0,.35)); }
.globe-rim { fill: none; stroke: rgba(110,226,239,.56); stroke-width: 1.7; filter: drop-shadow(0 0 8px rgba(49,191,213,.35)); }
.globe-grid-lines, .globe-meridians { fill: none; stroke: rgba(123,214,227,.2); stroke-width: 1; transform-box: view-box; transform-origin: center; }
.globe-grid-lines { animation: globeTurn 14s ease-in-out infinite alternate; }
.globe-meridians { stroke: rgba(83,174,201,.18); animation: globeTurn 18s ease-in-out infinite alternate-reverse; }
.globe-routes { fill: none; stroke: url(#globe-route); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 8 14; animation: globeRouteFlow 7s linear infinite; }
.globe-routes path:nth-child(2) { animation-delay: -1.8s; }.globe-routes path:nth-child(3) { opacity: .7; }.globe-routes path:nth-child(4) { opacity: .5; }
.globe-nodes { fill: #70e6ef; }
.globe-nodes circle { transform-box: fill-box; transform-origin: center; animation: globeNode 2.8s ease-in-out infinite; }
.globe-nodes circle:nth-child(2n) { animation-delay: -1.1s; }.globe-nodes circle:nth-child(3n) { animation-delay: -2s; }
.globe-orbit { fill: none; stroke: rgba(49,191,213,.22); stroke-width: 1; stroke-dasharray: 2 13; transform-box: view-box; transform-origin: center; animation: slowSpin 32s linear infinite; }
.orbit-two { stroke: rgba(82,140,211,.15); stroke-dasharray: 22 10 2 12; animation-duration: 44s; animation-direction: reverse; }
.globe-chip { position: absolute; z-index: 3; display: grid; min-width: 112px; gap: .15rem; padding: .65rem .8rem; border: 1px solid rgba(179,227,237,.16); border-radius: .8rem; background: rgba(5,28,43,.72); box-shadow: 0 12px 28px rgba(0,0,0,.25); backdrop-filter: blur(10px); animation: globeChipFloat 5s ease-in-out infinite alternate; }
.globe-chip b { color: #dff1f7; font: 700 .72rem/1.2 Sora, sans-serif; }.globe-chip small { color: #60d7e3; font-size: .63rem; text-transform: uppercase; }
.chip-ai { right: 5%; top: 18%; }.chip-modes { left: 4%; top: 43%; animation-delay: -1.6s; }.chip-data { right: 8%; bottom: 14%; animation-delay: -3s; }
.globe-footer { min-height: 56px; padding: 0 1.15rem; border-top: 1px solid rgba(179,227,237,.11); color: #6f8fa4; font-size: .67rem; letter-spacing: .03em; }
.globe-footer span:first-child { display: flex; align-items: center; gap: .45rem; color: #8bdcc8; }
.globe-footer i { width: 6px; height: 6px; border-radius: 50%; background: #5fe0c0; box-shadow: 0 0 10px rgba(95,224,192,.7); }
.console-top { display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.12); color: #dce9f3; font-size: .78rem; font-weight: 700; }
.console-top > div { display: flex; align-items: center; gap: .55rem; }
.console-top small { color: #65dabe; }
.console-dot { width: 8px; height: 8px; border-radius: 50%; background: #58e1c1; box-shadow: 0 0 13px rgba(88,225,193,.8); }
.console-map { position: relative; height: 245px; overflow: hidden; border-bottom: 1px solid rgba(179,227,237,.1); background-image: radial-gradient(circle at 40% 50%, rgba(49,191,213,.08), transparent 36%), linear-gradient(rgba(179,227,237,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(179,227,237,.04) 1px, transparent 1px); background-size: auto, 30px 30px, 30px 30px; }
.map-route { position: absolute; height: 80px; border-top: 2px dashed rgba(49,191,213,.55); border-radius: 50%; filter: drop-shadow(0 0 7px rgba(49,191,213,.35)); animation: mapSignal 9s linear infinite; }
.route-one { width: 58%; left: 15%; top: 82px; transform: rotate(7deg); }
.route-two { width: 42%; left: 42%; top: 126px; transform: rotate(-12deg); animation-duration: 13s; animation-direction: reverse; }
.map-node { position: absolute; z-index: 2; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(49,191,213,.4); border-radius: 50%; color: #b9eef3; background: #0b2940; font: 700 .62rem/1 Sora, sans-serif; box-shadow: 0 0 0 7px rgba(49,191,213,.05); }
.map-node.chicago { left: 12%; top: 60px; }.map-node.denver { left: 42%; top: 122px; }.map-node.dallas { right: 22%; top: 64px; }.map-node.atlanta { right: 7%; top: 150px; }
.map-pulse { position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 48%; top: 45%; background: var(--brand-cyan); box-shadow: 0 0 0 0 rgba(49,191,213,.45); animation: mapPulse 2.6s ease-out infinite; }
.console-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(179,227,237,.1); }
.console-stats > div { padding: 1rem; border-right: 1px solid rgba(179,227,237,.1); }
.console-stats > div:last-child { border-right: 0; }
.console-stats small, .console-stats span { display: block; color: #6f8da2; font-size: .67rem; }
.console-stats strong { display: block; margin: .2rem 0; color: #f2f8fc; font: 700 1.15rem/1.2 Sora, sans-serif; }
.console-feed { padding: .7rem 1rem 1rem; }
.console-feed > div { display: grid; grid-template-columns: 32px 1fr auto; gap: .7rem; align-items: center; padding: .65rem .2rem; border-bottom: 1px solid rgba(179,227,237,.07); }
.console-feed > div:last-child { border-bottom: 0; }
.feed-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #80e4ee; background: rgba(49,191,213,.1); font-size: .68rem; font-weight: 800; }
.console-feed p, .console-feed strong, .console-feed small { display: block; margin: 0; }
.console-feed strong { color: #dbe9f3; font-size: .78rem; }
.console-feed small { color: #718da1; font-size: .69rem; }
.console-feed em { color: #608096; font-size: .67rem; font-style: normal; }
.command-ticker { overflow: hidden; border-block: 1px solid #dce8ee; background: #f4f9fb; }
.command-ticker > div { display: flex; width: max-content; min-width: 100%; align-items: center; justify-content: center; gap: 2rem; padding: 1.05rem 2rem; color: #476478; font: 700 .74rem/1 Sora, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.command-ticker i { width: 5px; height: 5px; border-radius: 50%; background: var(--brand-cyan); }
.concept-agents { color: #dce9f2; background: #081a28; }
.concept-heading { display: grid; grid-template-columns: 1fr .65fr; gap: 1rem 3rem; align-items: end; margin-bottom: 2.6rem; }
.concept-heading h2 { color: var(--white); }
.concept-heading > p { margin: 0; color: #8fa8b9; }
.concept-heading .concept-index { grid-column: 1 / -1; }
.concept-index { color: #57d7e6; font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.agent-rail { display: grid; border-top: 1px solid rgba(179,227,237,.13); }
.agent-rail article { position: relative; display: grid; grid-template-columns: 100px 1fr auto; gap: 1.5rem; align-items: center; padding: 1.5rem 1rem; border-bottom: 1px solid rgba(179,227,237,.13); transition: .2s ease; }
.agent-rail article:hover { padding-left: 1.4rem; background: linear-gradient(90deg, rgba(49,191,213,.08), transparent 65%); }
.rail-icon { display: grid; place-items: center; }
.rail-icon .agent-icon { width: 72px; height: 72px; border-radius: 21px; }
.rail-icon .agent-icon svg { width: 39px; height: 39px; }
.agent-rail small { color: #58d6e5; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.agent-rail h3 { margin: .3rem 0; color: var(--white); font-size: 1.7rem; }
.agent-rail p { margin: 0; color: #8da6b8; }
.agent-rail article > b { color: rgba(179,227,237,.13); font: 800 3.8rem/1 Sora, sans-serif; }
.concept-bento { background: #f3f7fa; }
.concept-heading.light h2 { color: #112a3c; }
.concept-heading.light > p { color: #647785; }
.bento-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; }
.bento-card { position: relative; overflow: hidden; min-height: 290px; padding: clamp(1.4rem, 3vw, 2.2rem); border: 1px solid #dce7ed; border-radius: 1.35rem; background: var(--white); box-shadow: 0 16px 50px rgba(9,35,52,.07); }
.bento-card h3 { max-width: 580px; font-size: clamp(1.4rem, 2.7vw, 2.25rem); }
.bento-card p { max-width: 560px; color: #687b89; }
.bento-card a { font-weight: 700; text-decoration: none; }
.bento-kicker { display: inline-block; margin-bottom: .75rem; color: var(--brand-blue); font: 700 .69rem/1 Sora, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.bento-wide { display: grid; grid-template-columns: 1fr .85fr; gap: 2rem; align-items: center; grid-column: 1 / -1; }
.mode-stack { display: grid; gap: .6rem; }
.mode-stack span { display: grid; grid-template-columns: 42px 1fr auto; gap: .75rem; align-items: center; padding: .8rem; border: 1px solid #dfe9ef; border-radius: .75rem; color: #647b8c; font-size: .78rem; }
.mode-stack span.selected { color: #123c5e; border-color: rgba(49,191,213,.5); background: #eefafd; }
.mode-stack b { color: var(--brand-blue); }
.mode-stack em { color: #7990a1; font-size: .65rem; font-style: normal; text-transform: uppercase; }
.bento-dark { color: #d9e8f3; background: linear-gradient(145deg, #0a2539, #123f5f); }
.bento-dark h3, .bento-dark .bento-kicker { color: var(--white); }
.exception-ring { position: absolute; display: grid; width: 130px; height: 130px; right: 1.8rem; bottom: 1.3rem; place-items: center; border: 1px solid rgba(49,191,213,.35); border-radius: 50%; box-shadow: 0 0 0 18px rgba(49,191,213,.04), 0 0 0 36px rgba(49,191,213,.025); }
.exception-ring::before { position: absolute; inset: 10px; border: 3px dashed var(--brand-cyan); border-radius: 50%; content: ""; animation: slowSpin 18s linear infinite; }
.exception-ring span { color: #8ee8f1; font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.integration-dots { display: grid; grid-template-columns: repeat(3, 48px); gap: .65rem; margin-top: 1.7rem; }
.integration-dots i { height: 48px; border: 1px solid #dbe8ee; border-radius: 13px; background: radial-gradient(circle, #31bfd5 0 4px, #edf8fb 5px); }
.bento-integrations { grid-column: 1 / -1; min-height: 0; padding: 0; }
.integration-heading { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: .5rem 3rem; align-items: end; padding: 2rem 2.1rem 1.7rem; }
.integration-heading .bento-kicker { grid-column: 1 / -1; }
.integration-heading h3, .integration-heading p { margin-bottom: 0; }
.integration-capabilities { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid #dce7ed; background: #f9fcfd; }
.integration-tile { min-height: 190px; padding: 1.2rem 1rem; border-right: 1px solid #dce7ed; transition: .2s ease; }
.integration-tile:last-child { border-right: 0; }
.integration-tile:hover { background: #eef9fc; transform: translateY(-3px); }
.integration-icon { display: grid; width: 46px; height: 46px; margin-bottom: 1rem; place-items: center; border: 1px solid rgba(49,191,213,.25); border-radius: 13px; color: var(--brand-cyan); background: linear-gradient(145deg, #0e3855, #15577a); box-shadow: 0 10px 22px rgba(13,55,83,.16); }
.integration-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.integration-tile h4 { margin: 0 0 .45rem; color: #183b52; font: 700 .93rem/1.25 Syne, Sora, sans-serif; }
.integration-tile p { margin: 0; color: #708593; font-size: .76rem; line-height: 1.45; }
.bento-flow { grid-column: 1 / -1; min-height: 500px; }
.rhythm-heading { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: .5rem 3rem; align-items: end; }
.rhythm-heading .bento-kicker { grid-column: 1 / -1; }
.rhythm-heading h3, .rhythm-heading p { margin-bottom: 0; }
.rhythm-animation { overflow: hidden; padding: 2.2rem 0 .2rem; }
.rhythm-track { position: relative; min-width: 760px; height: 300px; }
.rhythm-track::before { position: absolute; height: 2px; right: 10%; left: 10%; top: 48px; border-radius: 999px; background: #d8e7ee; content: ""; }
.rhythm-progress { position: absolute; z-index: 1; width: 0; height: 2px; left: 10%; top: 48px; border-radius: 999px; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); box-shadow: 0 0 12px rgba(49,191,213,.45); animation: rhythmProgress 12s ease-in-out infinite; }
.rhythm-stage { position: absolute; z-index: 2; display: grid; width: 180px; justify-items: center; top: 0; color: #607887; text-align: center; transform: translateX(-50%); }
.rhythm-quote { left: 10%; animation: rhythmStage 12s ease-in-out infinite; }
.rhythm-cover { left: 37%; animation: rhythmStage 12s 3s ease-in-out infinite; }
.rhythm-execute { left: 63%; animation: rhythmStage 12s 6s ease-in-out infinite; }
.rhythm-close { left: 90%; animation: rhythmStage 12s 9s ease-in-out infinite; }
.rhythm-stage-icon { display: grid; width: 72px; height: 72px; place-items: center; border: 1px solid #d3e4eb; border-radius: 20px; color: #2a719d; background: #f8fcfd; box-shadow: 0 12px 28px rgba(17,64,90,.09); transition: .2s ease; }
.rhythm-stage-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.rhythm-stage strong { margin-top: .8rem; color: #23465c; font: 700 .88rem/1.2 Syne, Sora, sans-serif; }
.rhythm-stage small { margin-top: .25rem; color: #7b909d; font-size: .68rem; }
.rhythm-stage ul { display: grid; gap: .45rem; width: 100%; margin: .85rem 0 0; padding: .8rem 0 0; border-top: 1px solid #deeaef; list-style: none; text-align: left; }
.rhythm-stage li { position: relative; padding-left: .9rem; color: #657b89; font-size: .7rem; line-height: 1.4; }
.rhythm-stage li::before { position: absolute; left: 0; top: .43rem; width: 4px; height: 4px; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.rhythm-actor { position: absolute; z-index: 4; display: grid; place-items: center; opacity: 0; pointer-events: none; }
.rhythm-actor svg { width: 100%; height: 100%; fill: #f8fcfd; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.quote-actor { width: 34px; height: 34px; left: 10%; top: 31px; color: var(--brand-blue); animation: quoteFlow 12s ease-in-out infinite; }
.truck-actor { width: 54px; height: 38px; left: 37%; top: 30px; color: #19799a; animation: truckFlow 12s ease-in-out infinite; }
.bill-actor { width: 34px; height: 34px; left: 63%; top: 26px; border: 2px solid var(--brand-cyan); border-radius: 50%; color: #146795; background: #eefdff; font: 800 1rem/1 Sora, sans-serif; box-shadow: 0 7px 18px rgba(49,191,213,.24); animation: billFlow 12s ease-in-out infinite; }
.mini-flow { display: flex; align-items: center; gap: .8rem; margin-top: 1.2rem; }
.mini-flow span { padding: .8rem 1rem; border: 1px solid #d9e6ec; border-radius: .75rem; color: #274a60; background: #f8fbfd; font-size: .82rem; font-weight: 700; }
.mini-flow i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); }
.concept-proof { color: #dce9f2; background: #071722; }
.concept-proof-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 4rem; align-items: start; }
.concept-proof h2 { margin-top: 1rem; color: var(--white); }
.proof-statements { display: grid; }
.proof-statements p { display: grid; grid-template-columns: 140px 1fr; gap: 1rem; margin: 0; padding: 1.2rem 0; border-bottom: 1px solid rgba(179,227,237,.13); }
.proof-statements b { color: #7ce2ec; font-family: Sora, sans-serif; }
.proof-statements span { color: #93aabd; }

@keyframes commandMesh { to { background-position: 72px 72px; } }
@keyframes mapSignal { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes mapPulse { 75%, 100% { box-shadow: 0 0 0 34px rgba(49,191,213,0); } }
@keyframes slowSpin { to { transform: rotate(360deg); } }
@keyframes globeGridDrift { to { background-position: 34px 34px; } }
@keyframes globeBreathe { 0%, 100% { opacity: .55; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.06); } }
@keyframes globeTurn { from { transform: rotate(-4deg) scaleX(.96); } to { transform: rotate(5deg) scaleX(1.04); } }
@keyframes globeRouteFlow { to { stroke-dashoffset: -180; } }
@keyframes globeNode { 0%, 100% { opacity: .45; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.42); } }
@keyframes globeChipFloat { from { transform: translateY(-5px); } to { transform: translateY(7px); } }
@keyframes rhythmProgress { 0%, 4% { width: 0; } 23% { width: 27%; } 52% { width: 53%; } 82%, 92% { width: 80%; } 100% { width: 0; } }
@keyframes rhythmStage { 0%, 23%, 100% { filter: none; transform: translateX(-50%) scale(1); } 7%, 16% { filter: drop-shadow(0 8px 12px rgba(49,191,213,.22)); transform: translateX(-50%) scale(1.06); } }
@keyframes quoteFlow { 0%, 3% { left: 10%; opacity: 0; transform: translateY(-3px) scale(.8); } 7% { opacity: 1; } 21% { left: 37%; opacity: 1; transform: translateY(-3px) scale(1); } 24%, 100% { left: 37%; opacity: 0; } }
@keyframes truckFlow { 0%, 25% { left: 37%; opacity: 0; transform: translateY(0); } 29% { opacity: 1; } 50% { left: 63%; opacity: 1; transform: translateY(-2px); } 54%, 100% { left: 63%; opacity: 0; } }
@keyframes billFlow { 0%, 56% { left: 63%; top: 26px; opacity: 0; transform: scale(.7); } 61% { opacity: 1; transform: scale(1); } 78% { left: 90%; top: 26px; opacity: 1; transform: scale(1); } 84% { left: 90%; top: 55px; opacity: 0; transform: scale(.72); } 100% { opacity: 0; } }

.about-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 82% 25%, rgba(49,191,213,.14), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0e3953); }
.about-grid-lines { position: absolute; inset: -20%; opacity: .13; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 62px 62px; mask-image: radial-gradient(circle at 75% 42%, #000, transparent 62%); animation: gridDrift 24s linear infinite; }
.about-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.about-hero h1 { max-width: 780px; color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }
.about-hero h1 span { color: transparent; background: linear-gradient(90deg, #78e4ee, #31bfd5 58%, #6c9ee3); -webkit-background-clip: text; background-clip: text; }
.about-hero .lead { color: #adc2d0; }
.about-hero .eyebrow { color: #63dce8; }
.about-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.about-hero .hero-proof { max-width: 690px; margin: 1.15rem 0 0; color: #d8e7f2; font-weight: 700; }
.about-modes .orbit-quote { left: -10%; }.about-modes .orbit-cover { right: -2%; }.about-modes .orbit-execute { right: 3%; }.about-modes .orbit-improve { left: -4%; }
.about-problem { background: linear-gradient(180deg, #fff, #f4f8fb); }
.about-problem .narrow { max-width: 880px; }.about-problem h2 { max-width: 820px; font-size: clamp(2.35rem, 5vw, 4.5rem); }
.about-problem p:not(.eyebrow) { color: #526b7e; font-size: 1.08rem; line-height: 1.8; }
.about-problem .problem-answer { margin-top: 2rem; padding-left: 1.35rem; border-left: 4px solid var(--brand-cyan); color: #123d58; font-weight: 800; }
.about-platform { color: #dceaf3; background: radial-gradient(circle at 88% 12%, rgba(49,191,213,.12), transparent 28%), #071722; }
.about-platform .concept-heading h2 { color: var(--white); }.about-platform .concept-heading > p { color: #91a9ba; }
.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 3rem; }
.capability-grid article { min-height: 220px; padding: 1.4rem; border: 1px solid rgba(126,206,220,.16); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); transition: transform .2s ease, border-color .2s ease; }
.capability-grid article:hover { border-color: rgba(99,220,232,.42); transform: translateY(-3px); }
.capability-grid span { color: #63dce8; font: 800 .8rem/1 Syne, sans-serif; letter-spacing: .12em; }.capability-grid h3 { margin-top: 2.3rem; color: var(--white); font-size: 1.2rem; }.capability-grid p { color: #9eb4c3; font-size: .94rem; }
.capability-grid .capability-ai { border-color: rgba(99,220,232,.35); background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); }
.serve-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }
.serve-grid article { min-height: 280px; padding: 1.6rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; background: rgba(255,255,255,.9); box-shadow: 0 24px 60px rgba(8,35,55,.08); }
.serve-grid span { color: var(--brand-cyan); font: 800 2.9rem/1 Syne, sans-serif; }.serve-grid h3 { margin-top: 3rem; font-size: 1.35rem; }.serve-grid p { color: #5c7488; }
.about-team { color: #dceaf3; background: #0b2d45; }
.team-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.team-intro { position: sticky; top: 7rem; }.team-intro h2 { color: var(--white); }.team-intro > p:last-child { color: #a1b8c8; }
.role-list { display: grid; gap: .8rem; }.role-list article { display: grid; grid-template-columns: 160px 1fr; gap: 1.5rem; padding: 1.35rem 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.role-list span { color: #63dce8; font-weight: 800; }.role-list p { margin: 0; color: #b3c7d4; }
.about-why { background: #fff; }.about-why .concept-heading h2 { color: #071722; }.why-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; margin-top: 3rem; }
.why-grid article { grid-column: span 2; padding: 1.5rem; border: 1px solid #dce7ef; border-radius: 1.1rem; background: #f7fafc; }
.why-grid article:nth-child(4) { grid-column: 2 / span 2; }.why-grid article:nth-child(5) { grid-column: span 2; }
.why-grid strong { display: block; color: #123d58; font-size: 1.08rem; }.why-grid p { margin-bottom: 0; color: #60788a; }
.about-final-cta .eyebrow { color: #b9f5fa; }.about-final-cta .actions { justify-content: flex-end; flex-wrap: wrap; }
.about-orbit { position: relative; width: min(100%, 480px); aspect-ratio: 1; margin-inline: auto; }
.about-orbit::before { position: absolute; inset: 18%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, rgba(49,191,213,.26), rgba(16,64,91,.18) 56%, rgba(5,19,30,.05)); box-shadow: 0 0 80px rgba(49,191,213,.14); content: ""; }
.about-orbit-core { position: absolute; z-index: 4; display: grid; width: 134px; height: 134px; inset: 50% auto auto 50%; place-items: center; align-content: center; border: 1px solid rgba(100,227,238,.42); border-radius: 50%; color: var(--white); background: rgba(7,36,54,.9); box-shadow: 0 0 0 16px rgba(49,191,213,.045), 0 16px 40px rgba(0,0,0,.3); transform: translate(-50%, -50%); }
.about-orbit-core span { font: 800 1.5rem/1 Syne, sans-serif; letter-spacing: -.05em; }.about-orbit-core small { margin-top: .35rem; color: #69dbe6; font-size: .62rem; text-transform: uppercase; }
.orbit-ring { position: absolute; border: 1px solid rgba(80,207,222,.26); border-radius: 50%; inset: 12%; animation: slowSpin 28s linear infinite; }
.orbit-ring::after { position: absolute; width: 7px; height: 7px; border-radius: 50%; content: ""; left: 15%; top: 10%; background: var(--brand-cyan); box-shadow: 0 0 12px rgba(49,191,213,.8); }
.ring-two { inset: 25%; border-style: dashed; animation-duration: 18s; animation-direction: reverse; }
.orbit-item { position: absolute; z-index: 5; display: grid; min-width: 84px; min-height: 38px; place-items: center; padding: .45rem .75rem; border: 1px solid rgba(179,227,237,.18); border-radius: 999px; color: #cfe6ef; background: rgba(6,31,47,.82); box-shadow: 0 10px 24px rgba(0,0,0,.2); font-size: .7rem; font-weight: 700; animation: globeChipFloat 5s ease-in-out infinite alternate; }
.orbit-quote { left: 2%; top: 24%; }.orbit-cover { right: 1%; top: 19%; animation-delay: -1.3s; }.orbit-execute { right: 0; bottom: 19%; animation-delay: -2.6s; }.orbit-improve { left: 3%; bottom: 21%; animation-delay: -3.8s; }
.orbit-signal { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #70e6ef; box-shadow: 0 0 0 0 rgba(112,230,239,.4); animation: mapPulse 2.8s ease-out infinite; }
.signal-one { right: 20%; top: 43%; }.signal-two { left: 21%; bottom: 38%; animation-delay: -1.4s; }
.about-belief { position: relative; overflow: hidden; background: radial-gradient(circle at 88% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }
.about-belief::before { position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 74%); content: ""; }
.about-belief .container { position: relative; z-index: 1; }
.about-statement { display: grid; grid-template-columns: 1.12fr .88fr; gap: 1rem 4rem; align-items: end; margin-bottom: 3rem; }
.about-statement .concept-index { grid-column: 1 / -1; }
.about-statement h2 { max-width: 760px; }
.about-statement > p { margin: 0; color: #677d8b; }
.belief-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.belief-card { position: relative; min-height: 315px; padding: 1.45rem; overflow: hidden; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)); box-shadow: 0 24px 60px rgba(8,35,55,.08); }
.belief-card::before { position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }
.belief-card::after { position: absolute; width: 180px; height: 180px; right: -58px; top: -62px; border-radius: 50%; background: radial-gradient(circle, rgba(49,191,213,.22), transparent 68%); content: ""; }
.belief-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.belief-card-top > span { display: block; color: rgba(49,191,213,.95); font: 800 clamp(2.4rem, 4.6vw, 4.65rem)/.85 Syne, sans-serif; letter-spacing: -.08em; }
.belief-card-top > span::after { content: none; }
.belief-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; flex: 0 0 64px; padding: 13px; border: 1px solid rgba(255,255,255,.7); border-radius: 19px; color: #fff; background: linear-gradient(145deg, #168aae, #125a9e); box-shadow: 0 16px 30px rgba(18,90,158,.28), inset 0 1px 0 rgba(255,255,255,.24); }
.belief-icon svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.belief-grid h3 { position: relative; z-index: 1; margin-top: 2.35rem; font-size: 1.35rem; }.belief-grid p { position: relative; z-index: 1; color: #5c7488; }
.about-build { color: #dceaf3; background: #071722; }
.about-build .concept-heading h2 { color: var(--white); }.about-build .concept-heading > p { color: #8fa8b9; }
.about-tabs { display: grid; grid-template-columns: 260px 1fr; gap: 1rem; min-height: 420px; }
.about-tab-list { display: grid; align-content: start; border: 1px solid rgba(179,227,237,.14); border-radius: 1rem; overflow: hidden; background: rgba(255,255,255,.025); }
.about-tab-list button { display: flex; min-height: 76px; align-items: center; gap: .8rem; padding: 1rem 1.2rem; border: 0; border-bottom: 1px solid rgba(179,227,237,.1); color: #8da6b8; background: transparent; font-weight: 700; text-align: left; transition: .2s ease; }
.about-tab-list button:last-child { border-bottom: 0; }.about-tab-list button span { color: #4d809c; font-size: .7rem; }.about-tab-list button:hover { color: var(--white); background: rgba(49,191,213,.05); }.about-tab-list button[aria-selected="true"] { color: var(--white); background: linear-gradient(90deg, rgba(49,191,213,.16), rgba(30,97,183,.04)); box-shadow: inset 3px 0 var(--brand-cyan); }.about-tab-list button[aria-selected="true"] span { color: #6de1eb; }
.about-tab-panels { border: 1px solid rgba(179,227,237,.14); border-radius: 1rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.about-tab-panels article { display: grid; grid-template-columns: 120px 1fr; gap: 2.5rem; padding: clamp(2rem, 5vw, 4rem); }.about-tab-panels article[hidden] { display: none; }
.about-panel-number { color: rgba(179,227,237,.12); font: 800 4.8rem/1 Syne, sans-serif; }.about-tab-panels h3 { color: var(--white); font-size: 2rem; }.about-tab-panels p { color: #9bb2c3; }.about-tab-panels ul { display: grid; gap: .65rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }.about-tab-panels li { position: relative; padding-left: 1.3rem; color: #c3d4df; }.about-tab-panels li::before { position: absolute; width: 5px; height: 5px; left: 0; top: .65rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.about-ai { color: #dce9f2; background: radial-gradient(circle at 18% 22%, rgba(49,191,213,.1), transparent 28%), #0b2d45; }
.about-ai-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }.about-ai h2 { margin-top: 1rem; color: var(--white); }.about-ai p { color: #a1b8c8; }
.ai-principles { display: grid; gap: .8rem; }.ai-principles article { display: grid; grid-template-columns: 58px 1fr; gap: 1rem; align-items: center; padding: 1.15rem; border: 1px solid rgba(179,227,237,.13); border-radius: .9rem; background: rgba(255,255,255,.035); }.ai-principles article > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #86edf6; background: linear-gradient(145deg, #1b7fb2, #18579b); box-shadow: 0 14px 32px rgba(0, 111, 207, .24); }.ai-principles article > span svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }.ai-principles h3 { margin: 0; color: var(--white); font-size: 1.08rem; }.ai-principles p { margin: .25rem 0 0; font-size: .85rem; }
.about-audience { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }.about-audience::before { position: absolute; inset: 0; pointer-events: none; opacity: .4; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 70%); content: ""; }.about-audience .container { position: relative; z-index: 1; }.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }.audience-card { position: relative; min-height: 305px; padding: 1.45rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)); box-shadow: 0 24px 60px rgba(8, 35, 55, .08); }.audience-card::before { position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }.audience-card::after { position: absolute; width: 180px; height: 180px; right: -58px; top: -62px; border-radius: 50%; background: radial-gradient(circle, rgba(49,191,213,.22), transparent 68%); content: ""; }.audience-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.audience-card-top > span { display: block; color: rgba(49,191,213,.95); font: 800 clamp(2.4rem, 4.6vw, 4.65rem)/.85 Syne, sans-serif; letter-spacing: -.08em; }.audience-card-top > span::after { content: none; }.audience-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; flex: 0 0 64px; padding: 13px; border: 1px solid rgba(255,255,255,.7); border-radius: 19px; color: #fff; background: linear-gradient(145deg, #168aae, #125a9e); box-shadow: 0 16px 30px rgba(18,90,158,.28), inset 0 1px 0 rgba(255,255,255,.24); }.audience-icon svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }.audience-grid h3 { margin-top: 2.35rem; position: relative; z-index: 1; font-size: 1.35rem; }.audience-grid p { color: #5c7488; position: relative; z-index: 1; }.audience-tags { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.4rem; }.audience-tags small { display: inline-flex; align-items: center; min-height: 28px; padding: .35rem .62rem; border: 1px solid rgba(49,191,213,.24); border-radius: 999px; color: #1b5f89; background: rgba(49,191,213,.09); font-size: .72rem; font-weight: 800; letter-spacing: .02em; }

.truck-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 78% 26%, rgba(49,191,213,.15), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.truck-grid-lines { position: absolute; inset: -20%; opacity: .12; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(circle at 75% 45%, #000, transparent 64%); animation: gridDrift 22s linear infinite; }
.truck-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.truck-hero h1 { color: var(--white); font-size: clamp(3.1rem, 5.7vw, 5.8rem); }.truck-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.truck-hero .lead { color: #adc3d1; }.truck-hero .eyebrow { color: #64dce8; }.truck-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.truck-proof { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: 2rem; color: #8ca7ba; font-size: .76rem; font-weight: 700; }.truck-proof span::before { margin-right: .4rem; color: var(--brand-cyan); content: "●"; }
.coverage-board { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.coverage-top, .coverage-status { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }.coverage-top { border-bottom: 1px solid rgba(179,227,237,.1); }.coverage-top > div { display: flex; align-items: center; gap: .55rem; }.coverage-top strong { color: #e4eff6; font-size: .82rem; }.coverage-top small, .coverage-status small { color: #6d8ca1; }
.load-summary { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; padding: 1.2rem; }.load-summary > div:last-child { text-align: right; }.load-summary span, .load-summary small { display: block; color: #6e8ca0; font-size: .68rem; }.load-summary strong { display: block; margin: .25rem 0; color: var(--white); font: 700 .93rem/1.2 Sora, sans-serif; }.load-summary i { width: 100px; height: 1px; background: linear-gradient(90deg, var(--brand-cyan), rgba(49,191,213,.18)); }
.load-specs { display: flex; gap: .55rem; padding: 0 1.15rem 1rem; }.load-specs span { padding: .35rem .6rem; border: 1px solid rgba(179,227,237,.11); border-radius: 999px; color: #8fa9bb; background: rgba(255,255,255,.025); font-size: .65rem; }
.coverage-candidates { padding: .9rem 1rem; border-block: 1px solid rgba(179,227,237,.09); background: rgba(2,15,24,.22); }.candidate-head { display: flex; justify-content: space-between; margin-bottom: .65rem; color: #8ca6b8; font-size: .7rem; }.candidate-head em { color: #69dbe5; font-style: normal; }
.candidate { display: grid; grid-template-columns: 38px 1fr auto; gap: .75rem; align-items: center; padding: .7rem; border-bottom: 1px solid rgba(179,227,237,.07); }.candidate:last-child { border-bottom: 0; }.candidate.selected { border: 1px solid rgba(49,191,213,.25); border-radius: .75rem; background: rgba(49,191,213,.055); }.candidate-score { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #7ee2eb; background: rgba(49,191,213,.09); font-size: .7rem; font-weight: 800; }.candidate strong, .candidate small { display: block; }.candidate strong { color: #d9e8f2; font-size: .75rem; }.candidate small { color: #68879c; font-size: .64rem; }.candidate > em { color: #62d5df; font-size: .62rem; font-style: normal; text-transform: uppercase; }
.coverage-status span { display: flex; align-items: center; gap: .45rem; color: #86dbc7; font-size: .7rem; }.coverage-status i { width: 6px; height: 6px; border-radius: 50%; background: #5fe0c0; box-shadow: 0 0 10px rgba(95,224,192,.7); }
.truck-foundation { background: #f4f8fa; }.truck-foundation-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem 4rem; align-items: end; margin-bottom: 2.5rem; }.truck-foundation-head .concept-index { grid-column: 1 / -1; }.truck-foundation-head p { margin: 0; color: #687e8c; }.truck-foundation-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.2rem; overflow: hidden; background: var(--white); }.truck-foundation-grid article { min-height: 250px; padding: 1.5rem; border-right: 1px solid #dce7ed; }.truck-foundation-grid article:last-child { border-right: 0; }.truck-foundation-grid article > span { color: var(--brand-cyan); font: 700 .7rem/1 Syne, sans-serif; }.truck-foundation-grid h3 { margin-top: 3.5rem; font-size: 1.2rem; }.truck-foundation-grid p { color: #6b808d; font-size: .84rem; }
.truck-ai { color: #dce9f2; background: radial-gradient(circle at 15% 20%, rgba(49,191,213,.1), transparent 25%), #071722; }.truck-ai .concept-heading h2 { color: var(--white); }.truck-ai .concept-heading > p { color: #8fa8b9; }.truck-agent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.truck-agent-grid article { position: relative; min-height: 420px; padding: 1.6rem; border: 1px solid rgba(179,227,237,.13); border-radius: 1.15rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.truck-agent-grid .agent-icon { width: 76px; height: 76px; border-radius: 22px; }.truck-agent-grid .agent-icon svg { width: 42px; height: 42px; }.truck-agent-label { display: block; margin-top: 2rem; color: #63d9e5; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.truck-agent-grid h3 { margin-top: .4rem; color: var(--white); }.truck-agent-grid p { color: #91aabd; }.truck-agent-grid ul { display: grid; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }.truck-agent-grid li { position: relative; padding-left: 1rem; color: #b9cbd7; font-size: .78rem; }.truck-agent-grid li::before { position: absolute; width: 4px; height: 4px; left: 0; top: .5rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.truck-workflow { background: #f4f8fa; }.truck-tabs { overflow: hidden; border: 1px solid #d9e6ec; border-radius: 1.25rem; background: var(--white); box-shadow: 0 18px 50px rgba(8,39,57,.07); }.truck-tab-list { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid #dce7ed; }.truck-tab-list button { display: grid; min-height: 90px; gap: .25rem; padding: 1rem; border: 0; border-right: 1px solid #dce7ed; color: #6f8594; background: #f9fcfd; font-weight: 700; text-align: left; transition: .2s ease; }.truck-tab-list button:last-child { border-right: 0; }.truck-tab-list button span { color: #3a82b2; font-size: .68rem; }.truck-tab-list button:hover { color: #183d55; background: #eef9fc; }.truck-tab-list button[aria-selected="true"] { color: #143c57; background: linear-gradient(180deg, #e9f9fc, #f8fcfd); box-shadow: inset 0 -3px var(--brand-cyan); }
.truck-tab-panels article { display: grid; grid-template-columns: 1fr minmax(330px, .75fr); gap: 4rem; align-items: center; min-height: 430px; padding: clamp(2rem, 5vw, 4rem); }.truck-tab-panels article[hidden] { display: none; }.truck-panel-number { color: rgba(30,97,183,.12); font: 800 4rem/1 Syne, sans-serif; }.truck-tab-panels h3 { margin-top: .6rem; font-size: 2rem; }.truck-tab-panels p { color: #687e8c; }.truck-tab-panels ul { display: grid; gap: .55rem; padding: 0; list-style: none; }.truck-tab-panels li { position: relative; padding-left: 1.1rem; color: #526c7c; }.truck-tab-panels li::before { position: absolute; width: 5px; height: 5px; left: 0; top: .65rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.truck-mini-ui { display: grid; gap: .65rem; padding: 1.2rem; border: 1px solid #d8e6ed; border-radius: 1rem; background: linear-gradient(145deg, #f9fcfd, #edf7fa); box-shadow: 0 16px 34px rgba(9,53,78,.08); }.truck-mini-ui > span { color: var(--brand-blue); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.truck-mini-ui > strong { margin-bottom: .35rem; color: #163d56; font: 700 1.2rem/1.2 Syne, sans-serif; }.truck-mini-ui > div { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem; border-radius: .65rem; background: var(--white); }.truck-mini-ui em { color: #758c9a; font-size: .72rem; font-style: normal; }.truck-mini-ui b { color: #254f68; font-size: .72rem; }
.truck-capabilities { background: var(--white); }

.ltl-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.16), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.ltl-grid-lines { position: absolute; inset: -20%; opacity: .13; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle at 72% 42%, #000, transparent 66%); animation: gridDrift 22s linear infinite; }
.ltl-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.ltl-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.ltl-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.ltl-hero .lead { color: #adc3d1; }.ltl-hero .eyebrow { color: #64dce8; }.ltl-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.ltl-rate-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.ltl-console-top, .ltl-console-footer { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }.ltl-console-top { border-bottom: 1px solid rgba(179,227,237,.1); }.ltl-console-top > div, .ltl-console-footer span { display: flex; align-items: center; gap: .55rem; }.ltl-console-top strong { color: #e4eff6; font-size: .82rem; }.ltl-console-top small, .ltl-console-footer small { color: #6d8ca1; }
.ltl-shipment-card { margin: 1.2rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.12); border-radius: 1rem; background: rgba(255,255,255,.035); }.ltl-shipment-card span { color: #64dce8; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }.ltl-shipment-card strong { display: block; margin: .35rem 0 1rem; color: #fff; font-size: 1.35rem; }.ltl-shipment-card div { display: flex; flex-wrap: wrap; gap: .55rem; }.ltl-shipment-card em { padding: .42rem .65rem; border: 1px solid rgba(179,227,237,.16); border-radius: 999px; color: #b8cede; font-style: normal; font-size: .78rem; }
.ltl-rate-list { display: grid; gap: .75rem; padding: 0 1.2rem 1.2rem; }.ltl-rate-list article { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .95rem; background: rgba(255,255,255,.035); }.ltl-rate-list article.selected { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.ltl-rate-list strong { color: #fff; }.ltl-rate-list small { display: block; margin-top: .2rem; color: #8ca7ba; }.ltl-rate-list article > span { display: grid; min-width: 54px; height: 42px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #31bfd5, #1e61b7); font-weight: 900; }
.ltl-console-footer { border-top: 1px solid rgba(179,227,237,.1); color: #9ec1d3; font-size: .82rem; }.ltl-console-footer i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #54e3e3; box-shadow: 0 0 18px rgba(84,227,227,.65); }
.ltl-foundation { background: #f5f9fb; }.ltl-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.35rem; overflow: hidden; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }.ltl-card-grid article { position: relative; min-height: 280px; padding: 1.45rem; border-right: 1px solid #dce7ed; overflow: hidden; }.ltl-card-grid article:last-child { border-right: 0; }.ltl-card-grid article > span:first-child { color: rgba(49,191,213,.95); font: 800 2.7rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.ltl-card-grid .integration-icon { margin: 1.5rem 0 1rem; }.ltl-card-grid h3 { font-size: 1.22rem; }.ltl-card-grid p { color: #60778a; }
.ltl-network { color: #dceaf3; background: #071722; }.ltl-network-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }.ltl-network h2 { color: #fff; }.ltl-network p { color: #9db5c5; }.ltl-detail-list { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.5rem; }.ltl-detail-list span { padding: .55rem .8rem; border: 1px solid rgba(179,227,237,.14); border-radius: 999px; color: #dceaf3; background: rgba(255,255,255,.04); font-weight: 800; font-size: .78rem; }
.ltl-exception-panel { display: grid; gap: .85rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.ltl-panel-row { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .95rem; background: rgba(255,255,255,.025); }.ltl-panel-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.ltl-panel-row b { color: #fff; }.ltl-panel-row span { color: #91aabb; font-size: .84rem; text-align: right; }
.ltl-ai { color: #dce9f2; background: radial-gradient(circle at 18% 22%, rgba(49,191,213,.1), transparent 28%), #0b2d45; }.ltl-ai .concept-heading h2 { color: #fff; }.ltl-ai .concept-heading p { color: #9bb4c5; }
.ltl-flow { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }.ltl-flow::before { position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 74%); content: ""; }.ltl-flow .container { position: relative; z-index: 1; }
#ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.ltl-flow-track { display: grid; grid-template-columns: repeat(5, 1fr); gap: .9rem; }.ltl-flow-track article { position: relative; min-height: 250px; padding: 1.25rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.2rem; background: rgba(255,255,255,.88); box-shadow: 0 20px 50px rgba(8,35,55,.07); }.ltl-flow-track article::before { position: absolute; inset: 0 0 auto; height: 6px; border-radius: 1.2rem 1.2rem 0 0; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }.ltl-flow-track span { color: rgba(49,191,213,.95); font: 800 2.15rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.ltl-flow-track h3 { margin-top: 2rem; font-size: 1.08rem; }.ltl-flow-track p { color: #61788b; font-size: .86rem; }
.edi-implementation-flow .concept-heading h2 { color: #082b40; text-shadow: none; }
.edi-implementation-flow .concept-heading p { color: #587286; }
.edi-flow-rail { position: relative; height: 58px; margin: 1rem calc(10% - 1px) -29px; }
.edi-flow-rail::before { position: absolute; top: 26px; right: 0; left: 0; height: 3px; border-radius: 999px; background: #c7dce5; content: ""; }
.edi-flow-rail::after { position: absolute; top: 26px; left: 0; width: 100%; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #31bfd5, #1e61b7); box-shadow: 0 0 18px rgba(49,191,213,.42); content: ""; transform: scaleX(0); transform-origin: left; animation: edi-flow-progress 10s ease-in-out infinite; }
.edi-flow-rail span { position: absolute; z-index: 2; top: 19px; left: 0; width: 17px; height: 17px; border: 4px solid #fff; border-radius: 50%; background: #31bfd5; box-shadow: 0 0 0 5px rgba(49,191,213,.16), 0 0 22px rgba(49,191,213,.48); animation: edi-flow-signal 10s ease-in-out infinite; }
.edi-flow-track article { transform-origin: center top; animation: edi-flow-stage 10s ease-in-out infinite; }
.edi-flow-track article::before { display: none; }
.edi-flow-track article:nth-child(2) { animation-delay: 2s; }.edi-flow-track article:nth-child(3) { animation-delay: 4s; }.edi-flow-track article:nth-child(4) { animation-delay: 6s; }.edi-flow-track article:nth-child(5) { animation-delay: 8s; }
.edi-flow-track article::after { position: absolute; top: -38px; left: 50%; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: #a9c4d0; box-shadow: 0 0 0 1px #9ec6d4; content: ""; transform: translateX(-50%); animation: edi-flow-node 10s ease-in-out infinite; }
.edi-flow-track article:nth-child(2)::after { animation-delay: 2s; }.edi-flow-track article:nth-child(3)::after { animation-delay: 4s; }.edi-flow-track article:nth-child(4)::after { animation-delay: 6s; }.edi-flow-track article:nth-child(5)::after { animation-delay: 8s; }
@keyframes edi-flow-progress { 0%, 4% { transform: scaleX(0); } 86%, 94% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes edi-flow-signal { 0%, 4% { left: 0; opacity: 0; } 7% { opacity: 1; } 24% { left: 25%; } 44% { left: 50%; } 64% { left: 75%; } 84%, 94% { left: calc(100% - 17px); opacity: 1; } 100% { left: 0; opacity: 0; } }
@keyframes edi-flow-stage { 0%, 14%, 100% { border-color: rgba(179,227,237,.78); box-shadow: 0 20px 50px rgba(8,35,55,.07); transform: translateY(0); } 3%, 10% { border-color: rgba(49,191,213,.82); box-shadow: 0 24px 54px rgba(30,97,183,.17); transform: translateY(-7px); } }
@keyframes edi-flow-node { 0%, 14%, 100% { background: #a9c4d0; box-shadow: 0 0 0 1px #9ec6d4; transform: translateX(-50%) scale(1); } 3%, 10% { background: #31bfd5; box-shadow: 0 0 0 6px rgba(49,191,213,.18), 0 0 20px rgba(49,191,213,.5); transform: translateX(-50%) scale(1.2); } }

.dray-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 76% 22%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #04111b, #092638 55%, #0d3853); }
.dray-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.dray-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.dray-hero .lead { color: #adc3d1; }.dray-hero .eyebrow { color: #64dce8; }.dray-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.dray-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.dray-route { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: .7rem; align-items: center; padding: 1.4rem 1.2rem .2rem; }.dray-route span { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(49,191,213,.34); border-radius: 18px; color: #eaffff; background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); font-size: .72rem; font-weight: 900; letter-spacing: .08em; }.dray-route i { height: 2px; min-width: 34px; border-radius: 99px; background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(49,191,213,.85), rgba(49,191,213,.15)); box-shadow: 0 0 18px rgba(49,191,213,.45); }
.dray-event-list { display: grid; gap: .72rem; padding: 0 1.2rem 1.2rem; }.dray-event-list article { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .9rem; background: rgba(255,255,255,.035); }.dray-event-list article.active { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.dray-event-list b { color: #fff; }.dray-event-list span { color: #8ca7ba; font-size: .84rem; text-align: right; }
.dray-build-console { padding-bottom: 1.2rem; }
.dray-type-label { padding: 1.25rem 1.2rem .55rem; color: #91aabb; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.dray-type-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; padding: 0 1.2rem 1.2rem; }
.dray-type-grid span { display: grid; min-height: 62px; padding: .65rem; place-items: center; border: 1px solid rgba(179,227,237,.12); border-radius: .8rem; color: #93abba; background: rgba(255,255,255,.03); font-size: .7rem; font-weight: 800; line-height: 1.25; text-align: center; }
.dray-type-grid span.active { border-color: rgba(49,191,213,.72); color: #efffff; background: linear-gradient(145deg, rgba(49,191,213,.24), rgba(30,97,183,.14)); box-shadow: 0 0 24px rgba(49,191,213,.1); }
.dray-load-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding: 0 1.2rem 1.15rem; }
.dray-load-fields label { display: grid; gap: .32rem; padding: .78rem .9rem; border: 1px solid rgba(179,227,237,.11); border-radius: .75rem; background: rgba(255,255,255,.028); }
.dray-load-fields label:first-child { border-color: rgba(49,191,213,.42); background: rgba(49,191,213,.08); }
.dray-load-fields span { color: #829dad; font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.dray-load-fields strong { color: #f4fdff; font-size: .84rem; }
.dray-build-status { display: flex; justify-content: space-between; gap: 1rem; margin: 0 1.2rem; padding: .8rem .9rem; border: 1px solid rgba(49,191,213,.2); border-radius: .75rem; color: #a8c0cf; background: rgba(49,191,213,.06); font-size: .75rem; }
.dray-build-status span { display: flex; gap: .45rem; align-items: center; }.dray-build-status i { width: 7px; height: 7px; border-radius: 50%; background: #55dfe9; box-shadow: 0 0 12px rgba(85,223,233,.8); }.dray-build-status b { color: #e8fbfd; }
.dray-native { background: #f4f9fb; }
.drayage-b .ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.dray-continuity { display: grid; grid-template-columns: 1fr 54px 1fr 54px 1fr; align-items: center; margin-top: 3rem; overflow: hidden; border: 1px solid #d5e5eb; border-radius: 1.3rem; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }
.dray-continuity article { min-height: 240px; padding: 1.6rem; }.dray-continuity article span { color: #31bfd5; font: 800 2.1rem/1 Syne, sans-serif; }.dray-continuity h3 { margin-top: 3rem; }.dray-continuity p { color: #60798a; }
.dray-continuity > i { position: relative; height: 2px; background: linear-gradient(90deg, #93dce4, #31bfd5); }.dray-continuity > i::after { position: absolute; top: 50%; right: -1px; width: 9px; height: 9px; border-top: 2px solid #31bfd5; border-right: 2px solid #31bfd5; content: ""; transform: translateY(-50%) rotate(45deg); }
.dray-integration-grid { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid #d7e5eb; border-radius: 1.25rem; background: #fff; box-shadow: 0 26px 68px rgba(8,35,55,.08); }
.dray-integration-grid article { min-height: 250px; padding: 1.4rem; border-right: 1px solid #dce8ed; }.dray-integration-grid article:last-child { border-right: 0; }.dray-integration-grid .integration-icon { margin-bottom: 2.2rem; }.dray-integration-grid p { color: #60788a; }

.multi-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 80% 22%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.multi-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.multi-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.multi-hero .lead { color: #adc3d1; }.multi-hero .eyebrow { color: #64dce8; }.multi-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.mode-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.mode-option-list { display: grid; gap: .75rem; padding: 0 1.2rem 1.2rem; }.mode-option-list article { display: grid; grid-template-columns: 92px 1fr auto; gap: .8rem; align-items: center; padding: .95rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .95rem; background: rgba(255,255,255,.035); }.mode-option-list article.selected { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.mode-option-list b { color: #fff; }.mode-option-list span { color: #8ca7ba; font-size: .84rem; }.mode-option-list strong { padding: .38rem .6rem; border-radius: 999px; color: #fff; background: linear-gradient(145deg, #31bfd5, #1e61b7); font-size: .72rem; }
.mode-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.35rem; overflow: hidden; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }.mode-card-grid article { position: relative; min-height: 300px; padding: 1.45rem; border-right: 1px solid #dce7ed; overflow: hidden; }.mode-card-grid article:last-child { border-right: 0; }.mode-card-grid article > span:first-child { color: rgba(49,191,213,.95); font: 800 2.25rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.mode-card-grid .integration-icon, .mode-card-grid .agent-icon { margin: 1.45rem 0 1rem; }.mode-card-grid h3 { font-size: 1.22rem; }.mode-card-grid p { color: #60778a; }
.mode-score-panel { display: grid; gap: .85rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.mode-score-row { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .95rem; background: rgba(255,255,255,.025); }.mode-score-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.mode-score-row b { color: #fff; }.mode-score-row span { color: #91aabb; font-size: .84rem; text-align: right; }

/* Multi-Mode Quote Tool */
.quote-console { position: relative; animation: quote-float 7s ease-in-out infinite; }
.quote-table-head { display: grid; grid-template-columns: 1fr 70px 76px; gap: .8rem; padding: 0 2.2rem .55rem; color: #6f8da1; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.quote-table-head span:nth-child(n+2) { text-align: right; }
.quote-console .mode-option-list article { grid-template-columns: 1fr 70px 76px; }
.quote-console .mode-option-list small { display: block; margin-top: .15rem; color: #708da1; font-size: .7rem; }
.quote-console .mode-option-list article > span, .quote-console .mode-option-list article > strong { text-align: right; }
.quote-console .mode-option-list article > strong { padding: 0; color: #eaf8fa; background: none; font-size: .85rem; }
.quote-console .mode-option-list article.selected { animation: quote-pulse 3.8s ease-in-out infinite; }
.quote-winner { display: flex; justify-content: space-between; gap: 1rem; margin: 0 1.2rem 1.2rem; padding: .8rem 1rem; border: 1px solid rgba(84,227,227,.2); border-radius: .8rem; color: #dffbfc; background: rgba(49,191,213,.09); font-size: .78rem; }
.quote-winner span { color: #65dce7; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.five-modes { grid-template-columns: repeat(5, 1fr); }
.five-modes article { min-height: 245px; }
.five-modes article > span:first-child { display: block; margin-bottom: 3.2rem; }
.multimode-optics { color: #dceaf3; background: radial-gradient(circle at 82% 28%, rgba(49,191,213,.11), transparent 30%), #071722; }
.multimode-optics h2 { color: #fff; }.multimode-optics p { color: #9db5c5; }
.optics-panel { display: grid; gap: .75rem; overflow: hidden; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.optics-signal { display: flex; gap: 5px; align-items: end; height: 45px; padding: 0 .4rem; }
.optics-signal i { width: 25%; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #64dce8, rgba(30,97,183,.35)); transform-origin: bottom; animation: optics-bars 2.8s ease-in-out infinite; }
.optics-signal i:nth-child(1) { height: 35%; }.optics-signal i:nth-child(2) { height: 70%; animation-delay: -.6s; }.optics-signal i:nth-child(3) { height: 48%; animation-delay: -1.2s; }.optics-signal i:nth-child(4) { height: 88%; animation-delay: -1.8s; }
.optics-row { display: flex; justify-content: space-between; gap: 1rem; padding: .95rem 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .9rem; background: rgba(255,255,255,.025); }
.optics-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.optics-row b { color: #fff; }.optics-row span { color: #91aabb; font-size: .82rem; text-align: right; }
.multimode-case { background: #f5f9fb; }
.multimode-b .ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.case-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.case-table { overflow: hidden; border: 1px solid #d6e5eb; border-radius: 1.25rem; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.1); }
.case-table > div { display: grid; grid-template-columns: 1fr 100px 100px; gap: 1rem; align-items: center; padding: 1.15rem 1.3rem; border-bottom: 1px solid #e1ebef; }
.case-table .case-table-head { color: #78909e; background: #edf5f7; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.case-table > div > :nth-child(n+2) { text-align: right; }.case-table > div b { color: #123a50; }.case-table > div strong { color: #133e57; }
.case-table .winner { border-color: rgba(49,191,213,.3); background: linear-gradient(90deg, rgba(49,191,213,.13), rgba(30,97,183,.05)); animation: winner-glow 4s ease-in-out infinite; }
.case-table em { display: inline-block; margin-left: .45rem; padding: .25rem .45rem; border-radius: 999px; color: #08788f; background: #dff8fa; font-size: .62rem; font-style: normal; text-transform: uppercase; }
.case-table footer { display: flex; justify-content: space-between; padding: 1.1rem 1.3rem; color: #fff; background: linear-gradient(90deg, #0c3953, #155f79); }.case-table footer b { font-size: 1.2rem; }
.mode-depth { padding-top: 0; }.depth-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.depth-links a { display: grid; gap: 2.5rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: 1rem; color: var(--navy-950); background: #fff; box-shadow: var(--shadow-sm); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.depth-links a:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }.depth-links span { color: #658092; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.depth-links b { color: #126f9d; }
@keyframes quote-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes quote-pulse { 0%,100% { box-shadow: 0 0 0 rgba(49,191,213,0); } 50% { box-shadow: 0 0 24px rgba(49,191,213,.12); } }
@keyframes optics-bars { 0%,100% { transform: scaleY(.72); opacity: .6; } 50% { transform: scaleY(1); opacity: 1; } }
@keyframes winner-glow { 0%,100% { box-shadow: inset 4px 0 0 #31bfd5; } 50% { box-shadow: inset 4px 0 0 #31bfd5, 0 0 24px rgba(49,191,213,.13); } }

.edi-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 78% 20%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #04111b, #082338 56%, #0c3854); }
.edi-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.edi-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.edi-hero .lead { color: #adc3d1; }.edi-hero .eyebrow { color: #64dce8; }.edi-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.edi-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.edi-network { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: .75rem; align-items: center; padding: 1.45rem 1.2rem .4rem; }.edi-network span { display: grid; min-width: 92px; min-height: 58px; place-items: center; border: 1px solid rgba(49,191,213,.34); border-radius: 18px; color: #eaffff; background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); font-size: .76rem; font-weight: 900; letter-spacing: .05em; }.edi-network i { height: 2px; min-width: 40px; border-radius: 99px; background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(49,191,213,.85), rgba(49,191,213,.15)); box-shadow: 0 0 18px rgba(49,191,213,.45); }
.edi-message-list { display: grid; gap: .72rem; padding: 1.2rem; }.edi-message-list article { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .9rem; background: rgba(255,255,255,.035); }.edi-message-list article.active { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.edi-message-list b { color: #fff; }.edi-message-list span { color: #8ca7ba; font-size: .84rem; text-align: right; }
.edi-architecture { color: #dceaf3; background: radial-gradient(circle at 50% 38%, rgba(49,191,213,.12), transparent 36%), #061722; }
.edi-architecture .concept-heading h2 { color: #fff; }
.architecture-stack { width: min(900px, 100%); margin: 3.5rem auto 0; }
.architecture-layer { display: grid; grid-template-columns: 145px 1fr 1.25fr; gap: 1.25rem; align-items: center; padding: 1.35rem 1.55rem; border: 1px solid rgba(144,218,229,.22); border-radius: 1.1rem; background: rgba(255,255,255,.04); box-shadow: 0 22px 50px rgba(0,0,0,.16); animation: architecture-layer-pulse 7.2s ease-in-out infinite; }
.architecture-layer.routing { border-color: rgba(89,220,230,.52); background: linear-gradient(90deg, rgba(49,191,213,.17), rgba(30,97,183,.08)); }
.architecture-layer.database { border-color: rgba(106,156,225,.4); background: linear-gradient(90deg, rgba(30,97,183,.14), rgba(255,255,255,.035)); animation-delay: 2.4s; }
.architecture-layer.interfaces { border-color: rgba(121,229,238,.3); animation-delay: 4.8s; }
.architecture-layer span { color: #66dce8; font-size: .69rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.architecture-layer strong { color: #fff; font-size: 1.15rem; }.architecture-layer small { color: #9eb6c5; }
.architecture-connector { display: flex; justify-content: space-around; height: 44px; padding: 0 16%; }.architecture-connector i { width: 2px; height: 100%; background: linear-gradient(180deg, rgba(49,191,213,.1) 0%, #5be2eb 45%, rgba(49,191,213,.1) 70%); background-size: 100% 220%; animation: architecture-data-flow 2.4s linear infinite; }
.architecture-sources { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; margin-top: 1rem; }.architecture-sources span { padding: .8rem .6rem; border: 1px solid rgba(179,227,237,.13); border-radius: .75rem; color: #abc2cf; background: rgba(255,255,255,.025); font-size: .75rem; font-weight: 700; text-align: center; }
.architecture-origin-note { max-width: 720px; margin: 1.15rem auto 0; color: #9eb6c5; font-size: .84rem; text-align: center; }.architecture-origin-note b { color: #66dce8; }
@keyframes architecture-layer-pulse { 0%, 22%, 100% { border-color: rgba(144,218,229,.22); box-shadow: 0 22px 50px rgba(0,0,0,.16); transform: translateY(0); } 7%, 15% { border-color: rgba(91,226,235,.72); box-shadow: 0 24px 58px rgba(49,191,213,.18), inset 0 0 28px rgba(49,191,213,.05); transform: translateY(-4px); } }
@keyframes architecture-data-flow { from { background-position: 0 -100%; } to { background-position: 0 100%; } }
.edi-manager { background: #f4f9fb; }.edi-transaction-grid { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid #d5e4ea; border-radius: 1.25rem; background: #fff; box-shadow: 0 26px 70px rgba(8,35,55,.08); }
.edi-transaction-grid article { min-height: 270px; padding: 1.4rem; border-right: 1px solid #dce8ed; }.edi-transaction-grid article:last-child { border-right: 0; }.edi-transaction-grid span { color: #718b9b; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.edi-transaction-grid b { display: block; margin: 1.9rem 0 .55rem; color: #087f96; font: 800 2rem/1 Syne, sans-serif; }.edi-transaction-grid p { color: #60788a; }
.edi-manager-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }.edi-manager-proof > div { display: grid; gap: .35rem; padding: 1.2rem; border: 1px solid #d9e7ec; border-radius: .9rem; background: #fff; }.edi-manager-proof strong { color: #123d54; }.edi-manager-proof span { color: #647d8d; font-size: .85rem; }.edi-manager-proof a { margin-top: .2rem; color: #087f96; font-size: .8rem; font-weight: 800; text-decoration: none; }
.edi-api-depth { color: #dceaf3; background: radial-gradient(circle at 80% 22%, rgba(30,97,183,.16), transparent 30%), #071b29; }.edi-api-depth h2 { color: #fff; }.edi-api-depth p { color: #9db6c6; }
.api-action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.6rem; }.api-action-grid span { display: grid; gap: .25rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .8rem; color: #91aabb; background: rgba(255,255,255,.025); font-size: .78rem; }.api-action-grid b { color: #fff; font-size: .95rem; }
.api-console { overflow: hidden; padding: 1rem; border: 1px solid rgba(179,227,237,.17); border-radius: 1.2rem; background: #06141e; box-shadow: 0 30px 70px rgba(0,0,0,.25); }.api-console > div { display: grid; grid-template-columns: 55px 1fr 40px; gap: .7rem; padding: 1rem; border-bottom: 1px solid rgba(179,227,237,.1); }.api-console small { color: #63dbe6; font-weight: 800; }.api-console code { color: #d7e8f0; }.api-console span { color: #71d8a0; font-size: .8rem; text-align: right; }.api-console footer { padding: 1rem; color: #8fa9ba; font-size: .75rem; }.api-console footer i { display: inline-block; width: 7px; height: 7px; margin-right: .45rem; border-radius: 50%; background: #46d39a; box-shadow: 0 0 12px #46d39a; }
.edi-routing { background: #fff; }.edi-routing .concept-heading h2 { color: #000; text-shadow: none; }.edi-routing .concept-heading p { color: #587286; }.routing-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2.4rem; border: 1px solid #d8e6eb; border-radius: 1.2rem; overflow: hidden; }.routing-grid article { min-height: 245px; padding: 1.35rem; border-right: 1px solid #dce8ed; }.routing-grid article:last-child { border-right: 0; }.routing-grid article > span { color: #31bfd5; font: 800 2rem/1 Syne, sans-serif; }.routing-grid h3 { margin-top: 2.4rem; }.routing-grid p { color: #60788a; }

.faq { border-top: 1px solid var(--line); }
.smart-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8.5rem) 0; color: #dceaf5; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.2), transparent 28%), linear-gradient(140deg, #061522, #0c3452 62%, #155d76); }
.smart-hero::before { position: absolute; width: 720px; height: 720px; right: -300px; top: -340px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 90px rgba(49,191,213,.04), 0 0 0 180px rgba(49,191,213,.025); content: ""; }
.smart-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.smart-hero h1 { max-width: 760px; color: var(--white); font-size: clamp(3rem, 6.5vw, 6rem); }
.smart-hero .lead { color: #bad0df; }
.smart-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.35); }
.smart-badge { display: inline-flex; margin-bottom: 1.25rem; padding: .45rem .8rem; border: 1px solid rgba(110,231,240,.35); border-radius: 999px; color: #a7edf3; background: rgba(49,191,213,.1); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.smart-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 2.8rem; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(255,255,255,.12); }
.smart-proof span { padding: 1rem; color: #91aabd; background: rgba(4,20,32,.62); font-size: .7rem; text-transform: uppercase; }
.smart-proof b { display: block; color: var(--white); font: 700 1.8rem/1 Sora, sans-serif; }
.smart-orbit { position: relative; width: min(100%, 520px); aspect-ratio: 1; margin-inline: auto; border: 1px solid rgba(131,226,237,.25); border-radius: 50%; box-shadow: inset 0 0 90px rgba(49,191,213,.07), 0 0 0 42px rgba(49,191,213,.035); }
.smart-orbit::before, .smart-orbit::after { position: absolute; inset: 16%; border: 1px dashed rgba(131,226,237,.22); border-radius: 50%; content: ""; }
.smart-orbit::after { inset: 32%; }
.orbit-core { position: absolute; z-index: 2; display: grid; width: 150px; aspect-ratio: 1; left: 50%; top: 50%; place-content: center; border: 1px solid rgba(131,226,237,.5); border-radius: 50%; text-align: center; background: #0b334d; box-shadow: 0 0 55px rgba(49,191,213,.25); transform: translate(-50%,-50%); }
.orbit-core small { color: #78dfe9; letter-spacing: .2em; }
.orbit-core strong { color: var(--white); font-family: Sora, sans-serif; }
.orbit-node { position: absolute; z-index: 3; padding: .65rem .9rem; border: 1px solid rgba(131,226,237,.28); border-radius: 999px; color: #d8f5f7; background: #0c2d43; font-size: .75rem; font-weight: 700; box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.orbit-merchants { left: 2%; top: 25%; }.orbit-warehouses { right: -2%; top: 40%; }.orbit-partners { left: 27%; bottom: 3%; }

/* Dynamic WordPress blog */
.blog-archive-hero{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#061b2b,#0b3955);color:#fff}
.blog-archive-hero h1{max-width:850px;margin:.4rem 0 1rem;font-size:clamp(2.8rem,6vw,5.2rem);color:#fff}
.blog-archive-hero .lead{max-width:760px;color:#c8d9e5}
.blog-archive-content{padding:clamp(4rem,7vw,6.5rem) 0}
.blog-post-grid{gap:1.5rem}
.blog-post-card{height:100%;overflow:hidden;border:1px solid rgba(8,43,65,.12);border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(8,43,65,.08);transition:transform .2s ease,box-shadow .2s ease}
.blog-post-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(8,43,65,.14)}
.blog-card-image{margin:0;background:#e8f0f5}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card-body{padding:1.5rem}.blog-card-category{margin:0 0 .65rem;color:#1677a7;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.blog-card-category a{color:inherit}.blog-card-title{margin:0 0 .8rem;font-size:1.35rem;line-height:1.2}.blog-card-title a{color:#082b41;text-decoration:none}
.blog-card-meta{gap:.45rem 1rem;margin-bottom:.9rem;color:#647782;font-size:.86rem}.blog-card-excerpt{color:#425865}.blog-card-excerpt .wp-block-post-excerpt__more-link{display:inline-flex;margin-top:1rem;color:#126f9d;font-weight:800;text-decoration:none}
.blog-pagination{gap:.75rem;margin-top:3rem}.blog-pagination a,.blog-pagination .page-numbers{padding:.65rem .9rem;border-radius:9px;background:#edf4f7;color:#0a526f;text-decoration:none}.blog-pagination .current{background:#0d7199;color:#fff}
.blog-empty{padding:2rem;border-radius:16px;background:#edf4f7;text-align:center}
.blog-single-hero{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#061b2b,#0b3955);color:#fff;text-align:center}
.blog-single-heading h1{margin:.7rem auto 1.2rem;font-size:clamp(2.6rem,5vw,4.8rem);color:#fff}.blog-single-category,.blog-single-category a{color:#74d8eb;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-single-meta{gap:.5rem 1.2rem;color:#c8d9e5}
.blog-single-layout{padding:clamp(3rem,6vw,5rem) 0}.blog-single-image{overflow:hidden;margin-bottom:2.5rem;border-radius:22px}.blog-single-content{font-size:1.08rem;line-height:1.8}.blog-single-content h2,.blog-single-content h3{margin-top:2em}.blog-post-navigation{gap:2rem;margin-top:2rem}.blog-post-navigation a{color:#126f9d;font-weight:800;text-decoration:none}
@media (max-width:900px){.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.blog-post-grid{grid-template-columns:1fr!important}.blog-post-navigation{align-items:flex-start;flex-direction:column}}
.smart-value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.smart-value-grid article { padding: 1.6rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--white); box-shadow: var(--shadow-sm); }
.smart-value-grid article > span { display: inline-block; margin-bottom: 1.2rem; color: var(--brand-cyan); font: 700 .72rem/1 Sora, sans-serif; }
.smart-value-grid p, .pillar-grid p { color: var(--muted); }
.smart-pillars { color: #dce9f2; background: #071b2a; }
.smart-pillars h2, .smart-pillars h3 { color: var(--white); }
.smart-pillars .section-head > p { color: #91a9ba; }
.pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.pillar-grid article { padding: 2rem; border: 1px solid rgba(179,227,237,.15); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); }
.pillar-grid article > b { display: block; margin-bottom: 2.5rem; color: #4fd3e2; font: 800 2.5rem/1 Sora, sans-serif; }
.pillar-grid small { color: #67dce7; font-weight: 700; text-transform: uppercase; }
.pillar-grid ul { margin: 1.2rem 0 0; padding-left: 1.2rem; color: #aec3d1; }
.smart-port { background: #eef7fa; }
.smart-port-grid { display: grid; grid-template-columns: 1fr .85fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.smart-stack { display: grid; gap: .65rem; }
.smart-stack span { display: flex; gap: 1rem; align-items: center; padding: 1rem 1.2rem; border: 1px solid #d8e6eb; border-radius: .8rem; color: #587080; background: rgba(255,255,255,.72); font-weight: 700; }
.smart-stack i { color: #6f8796; font-size: .7rem; font-style: normal; }
.smart-stack .active { color: var(--white); border-color: var(--brand-blue); background: linear-gradient(90deg, var(--brand-blue), #238aa4); box-shadow: 0 16px 35px rgba(30,97,183,.22); transform: translateX(-1rem); }
.smart-audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.smart-audience-grid article { position: relative; overflow: hidden; padding: 2rem; border: 1px solid var(--line); border-radius: 1.25rem; background: var(--white); box-shadow: var(--shadow-sm); }
.smart-audience-grid article::after { position: absolute; width: 150px; height: 150px; right: -75px; bottom: -75px; border-radius: 50%; background: rgba(49,191,213,.08); content: ""; }
.smart-audience-grid article > span { display: inline-grid; width: 2.2rem; height: 2.2rem; margin-bottom: 1.35rem; place-content: center; border-radius: 50%; color: #08788f; background: #def7fa; font: 800 .75rem/1 Sora, sans-serif; }
.smart-audience-grid .eyebrow { margin-bottom: .45rem; font-size: .66rem; }
.smart-audience-grid p:not(.eyebrow), .smart-audience-grid ul { color: var(--muted); }
.smart-audience-grid ul { position: relative; z-index: 1; margin: 1.2rem 0 0; padding-left: 1.2rem; }
.button-on-dark { color: var(--white); border-color: rgba(255,255,255,.4); }
.smart-join { background: linear-gradient(145deg, #f4fbfd, #e9f6fa); }
.smart-join-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.smart-join-note { margin-top: 2rem; padding: 1.25rem; border-left: 4px solid var(--brand-cyan); border-radius: 0 1rem 1rem 0; background: rgba(255,255,255,.75); }
.smart-join-note p { margin: .35rem 0 0; color: var(--muted); }
.smart-join-form { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: 1.4rem; background: var(--white); box-shadow: var(--shadow-md); }
.smart-form-progress { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; margin-bottom: 2rem; border-radius: .8rem; background: var(--line); }
.smart-form-progress span { padding: .85rem 1rem; color: var(--muted); background: #f3f7f9; font-weight: 800; }
.smart-form-progress span.active { color: var(--white); background: linear-gradient(90deg, var(--brand-blue), #238aa4); }
.smart-form-progress small { margin-left: .35rem; font-weight: 600; }
.smart-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.smart-join-form label, .smart-join-form legend { color: var(--navy-950); font-weight: 700; }
.smart-join-form input:not([type="checkbox"]):not([type="radio"]), .smart-join-form select { width: 100%; min-height: 3rem; margin-top: .4rem; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: .65rem; color: var(--navy-950); background: var(--white); font: inherit; }
.smart-join-form > div > label { display: block; margin-bottom: 1rem; }
.smart-join-form fieldset { margin: 1.4rem 0; padding: 0; border: 0; }
.smart-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem 1rem; margin-top: .8rem; }
.smart-check-grid label { display: flex; gap: .55rem; align-items: flex-start; color: var(--muted); font-weight: 500; }
.smart-check-grid input { margin-top: .2rem; accent-color: var(--brand-blue); }
.smart-form-privacy { color: var(--muted); font-size: .85rem; }
.smart-join-form .form-status { margin-top: 1rem; color: var(--brand-blue); font-weight: 700; }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.35rem 0; color: var(--navy-950); font: 700 1.08rem/1.35 Sora, sans-serif; cursor: pointer; list-style: none; }
.faq summary::after { content: "+"; color: var(--blue-600); font-size: 1.5rem; }
.faq details[open] summary::after { content: "−"; }
.faq details p { max-width: 780px; margin: 0; padding: 0 0 1.4rem; color: var(--muted); }
.filter-bar { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.5rem; }
.filter-button { padding: .65rem 1rem; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--white); font-weight: 700; }
.filter-button[aria-pressed="true"] { color: var(--white); border-color: var(--blue-600); background: var(--blue-600); }
.partner-card[hidden] { display: none; }
.tag { display: inline-block; margin-bottom: .8rem; padding: .25rem .55rem; border-radius: 999px; color: var(--blue-600); background: var(--blue-100); font-size: .72rem; font-weight: 700; }

.form-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.form-card { padding: clamp(1.4rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-sm); }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.field { display: grid; gap: .4rem; }
.field-full { grid-column: 1 / -1; }
.field label { color: var(--navy-950); font-size: .88rem; font-weight: 700; }
.field input, .field select, .field textarea { width: 100%; min-height: 48px; padding: .75rem .85rem; border: 1px solid #b9c8d5; border-radius: .65rem; color: var(--ink); background: var(--white); }
.field textarea { min-height: 130px; resize: vertical; }
.field-note { color: var(--muted); font-size: .78rem; }
.form-status { min-height: 1.5rem; margin-top: .8rem; color: var(--success); font-weight: 700; }
.form-card[data-prototype="true"]::before { display: block; margin-bottom: 1rem; padding: .7rem .85rem; border-radius: .6rem; color: #6f4200; background: #fff3d5; content: "Prototype: connect this form to the approved CRM workflow before launch."; font-size: .78rem; }

.site-footer { margin-top: 5rem; color: #d7e8f5; background: linear-gradient(150deg, #10365f, #174b85); }
.footer-grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); gap: 2.5rem; padding: 4.5rem 0 3rem; }
.footer-grid h2, .footer-grid h3 { color: var(--white); font-size: .95rem; letter-spacing: 0; }
.footer-grid p { max-width: 360px; color: #9fb3c6; }
.footer-grid ul { margin: 0; padding: 0; list-style: none; }
.footer-grid li { margin: .45rem 0; }
.footer-grid a { color: #c4d4e3; text-decoration: none; }
.footer-grid a:hover { color: var(--cyan-400); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; padding: 1.4rem 0; border-top: 1px solid rgba(255,255,255,.12); color: #8fa7bc; font-size: .82rem; }
.footer-bottom a { color: inherit; }

@media (max-width: 1100px) {
  .command-grid { width: min(calc(100% - 2rem), 860px); grid-template-columns: 1fr; }
  .command-copy { max-width: 720px; }
  .command-copy h1 { max-width: 720px; }
  .digital-globe { width: min(100%, 720px); }
  .about-hero-grid { grid-template-columns: 1fr; }
  .about-orbit { max-width: 520px; }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .team-layout { grid-template-columns: 1fr; }.team-intro { position: static; }
  .truck-hero-grid { grid-template-columns: 1fr; }
  .coverage-board { width: min(100%, 720px); }
  .ltl-hero-grid, .ltl-network-grid { grid-template-columns: 1fr; }
  .ltl-rate-console { width: min(100%, 720px); }
}

@media (max-width: 940px) {
  .edi-transaction-grid, .routing-grid { grid-template-columns: 1fr 1fr; }
  .edi-transaction-grid article, .routing-grid article { border-bottom: 1px solid #dce8ed; }
  .edi-transaction-grid article:nth-child(2), .routing-grid article:nth-child(2) { border-right: 0; }
  .edi-manager-proof { grid-template-columns: 1fr; }
  .menu-toggle { display: inline-grid; place-items: center; }
  .site-nav { position: fixed; inset: var(--header) 0 auto; display: none; max-height: calc(100vh - var(--header)); padding: 1.5rem; align-items: stretch; flex-direction: column; overflow: auto; border-bottom: 1px solid var(--line); background: var(--white); }
  .site-nav[data-open="true"] { display: flex; }
  .header-actions .login, .header-actions .button { display: none; }
  .header-inner { justify-content: space-between; }
  .hero-grid, .split, .form-layout { grid-template-columns: 1fr; }
  .product-panel { max-width: 680px; }
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .ai-agent-grid { grid-template-columns: 1fr; }
  .workflow-panel { grid-template-columns: 1fr; }
  .ai-agent-card { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); }
  .ai-agent-media { height: 100%; min-height: 360px; }
  .agent-icon-stage { min-height: 360px; border-right: 1px solid rgba(56,122,186,.16); border-bottom: 0; }
  .logo-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .command-grid { grid-template-columns: 1fr; }
  .command-console { max-width: 720px; }
  .digital-globe { width: min(100%, 720px); }
  .concept-heading, .concept-proof-grid { grid-template-columns: 1fr; }
  .about-statement, .about-ai-grid { grid-template-columns: 1fr; }
  .belief-grid, .audience-grid { grid-template-columns: 1fr 1fr; }
  .serve-grid { grid-template-columns: 1fr; }.why-grid { grid-template-columns: 1fr; }.why-grid article, .why-grid article:nth-child(4), .why-grid article:nth-child(5) { grid-column: auto; }
  .truck-foundation-head { grid-template-columns: 1fr; }
  .truck-foundation-grid { grid-template-columns: 1fr 1fr; }
  .truck-foundation-grid article { border-bottom: 1px solid #dce7ed; }
  .truck-foundation-grid article:nth-child(2n) { border-right: 0; }
  .truck-foundation-grid article:nth-last-child(-n+2) { border-bottom: 0; }
  .truck-agent-grid { grid-template-columns: 1fr; }
  .truck-agent-grid article { min-height: auto; }
  .truck-tab-panels article { grid-template-columns: 1fr; gap: 2rem; }
  .ltl-card-grid { grid-template-columns: 1fr 1fr; }
  .ltl-card-grid article:nth-child(2n) { border-right: 0; }
  .ltl-card-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce7ed; }
  .mode-card-grid { grid-template-columns: 1fr 1fr; }
  .mode-card-grid article:nth-child(2n) { border-right: 0; }
  .mode-card-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce7ed; }
  .five-modes { grid-template-columns: repeat(2, 1fr); }
  .five-modes article:last-child { grid-column: 1 / -1; }
  .case-grid { grid-template-columns: 1fr; }
  .depth-links { grid-template-columns: 1fr; }
  .dray-integration-grid { grid-template-columns: 1fr 1fr; }
  .dray-integration-grid article:nth-child(2) { border-right: 0; }
  .dray-integration-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce8ed; }
  .ltl-flow-track { grid-template-columns: repeat(3, 1fr); }
  .integration-capabilities { grid-template-columns: repeat(3, 1fr); }
  .integration-tile { border-bottom: 1px solid #dce7ed; }
  .integration-tile:nth-child(3n) { border-right: 0; }
  .integration-tile:nth-last-child(-n+3) { border-bottom: 0; }
  .smart-hero-grid, .smart-port-grid, .smart-join-grid { grid-template-columns: 1fr; }
  .smart-orbit { max-width: 480px; }
  .smart-value-grid, .pillar-grid, .smart-audience-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .architecture-layer { grid-template-columns: 1fr; gap: .35rem; }
  .architecture-sources, .api-action-grid { grid-template-columns: 1fr 1fr; }
  .edi-transaction-grid, .routing-grid { grid-template-columns: 1fr; }
  .edi-transaction-grid article, .routing-grid article { min-height: auto; border-right: 0; }
  .api-console > div { grid-template-columns: 48px 1fr 34px; padding-inline: .6rem; }
  .section-head, .ai-section-head, .workflow-heading, .field-grid, .cta-band .inner, .native-proof { grid-template-columns: 1fr; }
  .capability-grid { grid-template-columns: 1fr; }.role-list article { grid-template-columns: 1fr; gap: .5rem; }.about-final-cta .actions { justify-content: flex-start; }
  .workflow-tabs { grid-template-columns: 1fr 1fr; }
  .workflow-tab:nth-child(2) { border-right: 0; }
  .workflow-tab { min-height: 94px; padding: .95rem; }
  .workflow-panel { padding: 1.35rem; }
  .ui-option { grid-template-columns: 1fr auto; }
  .ui-option strong { display: none; }
  .ai-agent-card { display: block; }
  .ai-agent-media { min-height: auto; }
  .agent-icon-stage { min-height: 230px; border-right: 0; border-bottom: 1px solid rgba(56,122,186,.16); }
  .native-proof-points { justify-content: flex-start; }
  .card-grid, .stat-grid { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .load-row { grid-template-columns: 1fr auto; }
  .load-row > :last-child { display: none; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
  .command-hero { min-height: auto; }
  .command-copy h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
  .console-stats { grid-template-columns: 1fr; }
  .console-stats > div { border-right: 0; border-bottom: 1px solid rgba(179,227,237,.1); }
  .agent-rail article { grid-template-columns: 72px 1fr; }
  .agent-rail article > b { display: none; }
  .bento-grid, .bento-wide { grid-template-columns: 1fr; }
  .bento-wide, .bento-flow { grid-column: auto; }
  .mini-flow { align-items: stretch; flex-direction: column; }
  .mini-flow i { min-height: 20px; width: 1px; flex: none; margin-left: 1.5rem; }
  .proof-statements p { grid-template-columns: 1fr; }
  .integration-heading { grid-template-columns: 1fr; padding: 1.5rem; }
  .rhythm-heading { grid-template-columns: 1fr; }
  .rhythm-animation { margin-inline: -1rem; overflow-x: auto; }
  .integration-capabilities { grid-template-columns: repeat(2, 1fr); }
  .integration-tile:nth-child(3n) { border-right: 1px solid #dce7ed; }
  .integration-tile:nth-child(2n) { border-right: 0; }
  .integration-tile:nth-last-child(-n+3) { border-bottom: 1px solid #dce7ed; }
  .integration-tile:nth-last-child(-n+2) { border-bottom: 0; }
  .digital-globe { min-height: 520px; }
  .globe-stage { min-height: 400px; }
  .globe-chip { min-width: 96px; padding: .55rem .65rem; }
  .chip-ai { right: 2%; }.chip-modes { left: 2%; }.chip-data { right: 3%; }
  .smart-proof, .smart-value-grid, .pillar-grid, .smart-audience-grid { grid-template-columns: 1fr; }
  .smart-field-grid, .smart-check-grid { grid-template-columns: 1fr; }
  .smart-orbit { width: 88vw; max-width: 420px; }
  .belief-grid, .audience-grid { grid-template-columns: 1fr; }
  .about-tabs { grid-template-columns: 1fr; }
  .about-tab-list { grid-template-columns: 1fr 1fr; }
  .about-tab-list button:nth-child(2) { border-right: 0; }
  .about-tab-panels article { grid-template-columns: 1fr; gap: 1rem; }
  .about-panel-number { font-size: 3rem; }
  .truck-foundation-grid { grid-template-columns: 1fr; }
  .truck-foundation-grid article { border-right: 0; }
  .truck-foundation-grid article:nth-last-child(2) { border-bottom: 1px solid #dce7ed; }
  .ltl-card-grid, .ltl-flow-track { grid-template-columns: 1fr; }
  .edi-flow-rail { display: none; }
  .edi-flow-track { gap: 1rem; }
  .edi-flow-track article::after { display: none; }
  .ltl-card-grid article { border-right: 0; border-bottom: 1px solid #dce7ed; }
  .ltl-card-grid article:last-child { border-bottom: 0; }
  .mode-card-grid { grid-template-columns: 1fr; }
  .mode-card-grid article { border-right: 0; border-bottom: 1px solid #dce7ed; }
  .mode-card-grid article:last-child { border-bottom: 0; }
  .mode-option-list article { grid-template-columns: 1fr; }
  .quote-table-head { display: none; }
  .quote-console .mode-option-list article { grid-template-columns: 1fr auto; }
  .quote-console .mode-option-list article > span { display: none; }
  .quote-winner { align-items: flex-start; flex-direction: column; }
  .five-modes { grid-template-columns: 1fr; }
  .five-modes article:last-child { grid-column: auto; }
  .case-table > div { grid-template-columns: 1fr auto; }
  .case-table > div > span { display: none; }
  .optics-row { display: grid; }
  .optics-row span { text-align: left; }
  .edi-network { grid-template-columns: 1fr; }
  .edi-network i { width: 2px; min-width: 0; height: 22px; justify-self: center; }
  .edi-message-list article { display: grid; }
  .edi-message-list span { text-align: left; }
  .mode-score-row { display: grid; }
  .mode-score-row span { text-align: left; }
  .ltl-panel-row { display: grid; }
  .ltl-panel-row span { text-align: left; }
  .truck-tab-list { grid-template-columns: 1fr; }
  .truck-tab-list button { min-height: 62px; border-right: 0; border-bottom: 1px solid #dce7ed; }
  .truck-tab-list button:last-child { border-bottom: 0; }
  .load-summary i { width: 50px; }
  .load-specs { flex-wrap: wrap; }
  .dray-type-grid, .dray-load-fields { grid-template-columns: 1fr 1fr; }
  .dray-build-status { align-items: flex-start; flex-direction: column; }
  .dray-continuity { grid-template-columns: 1fr; }
  .dray-continuity article { min-height: auto; }
  .dray-continuity h3 { margin-top: 1.5rem; }
  .dray-continuity > i { width: 2px; height: 35px; margin-left: 2rem; background: linear-gradient(180deg, #93dce4, #31bfd5); }
  .dray-continuity > i::after { top: auto; right: auto; bottom: -1px; left: 50%; transform: translateX(-50%) rotate(135deg); }
  .dray-integration-grid { grid-template-columns: 1fr; }
  .dray-integration-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid #dce8ed; }
  .dray-integration-grid article:nth-child(3) { border-bottom: 1px solid #dce8ed; }
  .dray-integration-grid article:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .signal-line, .signal-node, .flow-grid, .flow-grid::after { animation: none !important; }
  .command-mesh, .map-route, .map-pulse, .exception-ring::before { animation: none !important; }
  .globe-stage::before, .globe-aura, .globe-grid-lines, .globe-meridians, .globe-routes, .globe-nodes circle, .globe-orbit, .globe-chip { animation: none !important; }
  .about-grid-lines, .orbit-ring, .orbit-item, .orbit-signal { animation: none !important; }
  .truck-grid-lines, .ltl-grid-lines { animation: none !important; }
  .rhythm-progress { width: 80%; animation: none !important; }
  .rhythm-stage { animation: none !important; }
  .rhythm-actor { display: none; animation: none !important; }
  .quote-console, .quote-console .mode-option-list article.selected, .optics-signal i, .case-table .winner { animation: none !important; }
  .edi-flow-rail { display: none; }
  .edi-flow-track article, .edi-flow-track article::after { animation: none !important; }
  .architecture-layer, .architecture-connector i { animation: none !important; }
}

@media print {
  .site-header, .site-footer, .actions, .cta-band { display: none; }
  body { color: #000; }
  .section { padding: 1.5rem 0; }
}

/* Tracking and visibility */
.tracking-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; background: linear-gradient(135deg, #071c2c 0%, #0b3347 62%, #0c5364 100%); color: #fff; }
.tracking-grid-lines { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(147,220,228,.24) 1px, transparent 1px), linear-gradient(90deg, rgba(147,220,228,.24) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, transparent, #000 35%, #000); animation: tracking-grid-drift 18s linear infinite; }
.tracking-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.tracking-hero h1 { max-width: 790px; color: #fff !important; font-size: clamp(3rem, 5.8vw, 5.6rem); line-height: .98; letter-spacing: -.055em; }
.tracking-hero .lead { max-width: 760px; color: #d3e9ee; }
.tracking-hero .button-outline { color: #fff; border-color: rgba(255,255,255,.42); }
.tracking-proof { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }
.tracking-proof span { padding: .55rem .8rem; border: 1px solid rgba(147,220,228,.25); border-radius: 999px; background: rgba(7,28,44,.46); color: #d8f2f5; font-size: .76rem; font-weight: 750; letter-spacing: .04em; }
.tracking-map { overflow: hidden; border: 1px solid rgba(147,220,228,.22); border-radius: 22px; background: #f8fcfd; color: #0b2d3c; box-shadow: 0 30px 80px rgba(0,0,0,.28); transform: rotate(1deg); }
.tracking-map-top, .tracking-map-status { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }
.tracking-map-top { border-bottom: 1px solid #dce8ed; }
.tracking-map-top span { color: #54717c; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.tracking-map-canvas { position: relative; min-height: 330px; overflow: hidden; background: radial-gradient(circle at 64% 45%, rgba(49,191,213,.15), transparent 24%), linear-gradient(25deg, transparent 47%, #dbe8eb 48%, transparent 49%), linear-gradient(152deg, transparent 45%, #dbe8eb 46%, transparent 47%), #edf5f6; }
.tracking-map-canvas::before { content: ''; position: absolute; inset: 12% 9%; border: 1px solid #cfdee2; border-radius: 47% 53% 50% 44%; transform: rotate(-8deg); }
.map-city { position: absolute; z-index: 2; color: #53727e; font-size: .65rem; font-weight: 800; letter-spacing: .09em; }
.city-one { top: 18%; left: 28%; }.city-two { top: 44%; left: 31%; }.city-three { top: 39%; right: 27%; }.city-four { bottom: 16%; left: 43%; }
.tracking-map-canvas .route { position: absolute; z-index: 1; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #31bfd5, #6bd4a4); transform-origin: left center; box-shadow: 0 0 14px rgba(49,191,213,.65); }
.route-one { width: 48%; top: 49%; left: 29%; transform: rotate(-8deg); }.route-two { width: 38%; top: 50%; left: 34%; transform: rotate(50deg); }
.truck-pin { position: absolute; z-index: 3; display: grid; place-items: center; width: 38px; height: 38px; border: 4px solid #fff; border-radius: 50% 50% 50% 8px; background: #0d7890; color: #fff; font-size: .7rem; box-shadow: 0 6px 16px rgba(9,67,82,.28); transform: rotate(-45deg); animation: tracking-pin-pulse 2.8s ease-in-out infinite; }
.truck-pin::first-letter { transform: rotate(45deg); }.pin-one { top: 30%; left: 35%; }.pin-two { top: 42%; right: 24%; animation-delay: -.9s; }.pin-three { bottom: 15%; left: 48%; animation-delay: -1.7s; }
.tracking-map-status { gap: 1rem; justify-content: flex-start; border-top: 1px solid #dce8ed; }
.tracking-map-status span { display: flex; align-items: center; gap: .45rem; color: #53717d; font-size: .76rem; }.tracking-map-status i { width: 8px; height: 8px; border-radius: 50%; background: #43ba86; }.tracking-map-status span:nth-child(2) i { background: #eea83c; }.tracking-map-status b { color: #123d4e; }
.tracking-cap-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce8ed; border-radius: 20px; overflow: hidden; background: #fff; }
.tracking-cap-grid article { min-height: 260px; padding: 1.6rem; border-right: 1px solid #dce8ed; }.tracking-cap-grid article:nth-child(4) { border-right: 0; }.tracking-cap-grid article > span { color: #1295ad; font-size: .8rem; font-weight: 850; letter-spacing: .12em; }.tracking-cap-grid h3 { margin-top: 3rem; }.tracking-cap-grid .portal-card { grid-column: 1 / -1; min-height: 0; display: grid; grid-template-columns: 50px 1fr 1.4fr auto; gap: 1rem; align-items: center; border-top: 1px solid #dce8ed; border-right: 0; background: #0b3347; color: #fff; }.portal-card h3, .portal-card p { margin: 0; }.portal-card p { color: #cae2e8; }.portal-card a { color: #8ee2ec; font-weight: 750; }
.tracking-sources { background: #eff6f7; }.tracking-source-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }.tracking-note { padding-left: 1rem; border-left: 3px solid #31bfd5; color: #607985; font-size: .88rem; }.source-stack { border: 1px solid #d5e4e8; border-radius: 18px; overflow: hidden; background: #fff; }.source-stack article { display: grid; grid-template-columns: 110px 1fr 1.4fr; gap: 1rem; align-items: center; padding: 1.15rem 1.3rem; border-bottom: 1px solid #dce8ed; }.source-stack article:last-child { border-bottom: 0; }.source-stack span { color: #218aa0; font-size: .69rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.source-stack small { color: #607985; }.source-stack .enterprise { background: #0d3d50; color: #fff; }.source-stack .enterprise small { color: #c9e2e7; }
.portal-showcase { overflow: hidden; background: linear-gradient(150deg, #061b2a, #0b3347 62%, #0d4f60); color: #fff; }
.portal-showcase-head { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 6vw, 6rem); align-items: end; margin-bottom: 3rem; }
.portal-showcase-head h2 { max-width: 760px; color: #fff !important; font-size: clamp(2.5rem, 4.4vw, 4.7rem); line-height: 1.02; letter-spacing: -.045em; }
.portal-showcase-head .lead { color: #d1e8ed; }.portal-principle { margin-top: 1.2rem; padding-left: 1rem; border-left: 3px solid #55d1df; color: #91dce5; font-weight: 700; }
.portal-product { display: grid; grid-template-columns: 210px minmax(0,1fr); overflow: hidden; border: 1px solid rgba(175,226,234,.28); border-radius: 24px; background: #f5f9fa; color: #102f3d; box-shadow: 0 32px 90px rgba(0,0,0,.38); }
.portal-sidebar { display: flex; flex-direction: column; min-height: 640px; padding: 1.25rem; background: #082637; color: #fff; }
.portal-brand { display: flex; align-items: center; gap: .75rem; padding-bottom: 1.4rem; border-bottom: 1px solid rgba(255,255,255,.12); }.portal-brand > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg,#31bfd5,#5fd29c); color: #062334; font-weight: 900; }.portal-brand strong,.portal-brand small { display: block; }.portal-brand small { color: #8fb5c1; }
.portal-sidebar nav { display: grid; gap: .35rem; margin-top: 1.5rem; }.portal-sidebar nav span { display: flex; justify-content: space-between; padding: .75rem .85rem; border-radius: 9px; color: #a9c6ce; font-size: .86rem; font-weight: 700; }.portal-sidebar nav .active { background: rgba(65,193,211,.16); color: #fff; }.portal-sidebar nav b { display: grid; place-items: center; min-width: 24px; border-radius: 99px; background: #41c1d3; color: #072535; font-size: .68rem; }
.portal-account { display: flex; align-items: center; gap: .7rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.12); }.portal-account i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #dbecef; color: #0b4355; font-style: normal; font-size: .7rem; font-weight: 850; }.portal-account strong,.portal-account small { display: block; }.portal-account strong { font-size: .8rem; }.portal-account small { color: #8fb5c1; font-size: .66rem; }
.portal-main { min-width: 0; }.portal-main-top { display: flex; justify-content: space-between; align-items: center; min-height: 78px; padding: 1rem 1.4rem; border-bottom: 1px solid #d9e5e8; background: #fff; }.portal-main-top small,.portal-main-top strong { display: block; }.portal-main-top small { color: #718992; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }.portal-live { display: flex; align-items: center; gap: .4rem; color: #287b66; font-size: .75rem; font-weight: 800; }.portal-live i { width: 8px; height: 8px; border-radius: 50%; background: #48c58e; box-shadow: 0 0 0 5px rgba(72,197,142,.14); animation: portal-live-pulse 2.4s ease-in-out infinite; }
.portal-dashboard { padding: 1.3rem; }.portal-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: .85rem; }.portal-kpis article { padding: 1rem; border: 1px solid #dbe7ea; border-radius: 12px; background: #fff; }.portal-kpis span,.portal-kpis small { display: block; color: #6b838c; }.portal-kpis span { font-size: .72rem; font-weight: 750; }.portal-kpis strong { display: block; margin: .25rem 0; font-size: 1.7rem; }.portal-kpis small { font-size: .65rem; }.portal-kpis .attention { border-color: #f0d9b5; background: #fffaf1; }.portal-kpis .attention strong { color: #b66a16; }
.portal-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 250px; gap: .85rem; margin-top: .85rem; }.portal-load-card,.portal-activity { border: 1px solid #dbe7ea; border-radius: 14px; background: #fff; }.portal-load-card { padding: 1.2rem; }.portal-load-card > header { display: flex; justify-content: space-between; gap: 1rem; }.portal-load-card header small { color: #718992; font-size: .65rem; letter-spacing: .06em; text-transform: uppercase; }.portal-load-card h3 { margin: .25rem 0 1.7rem; font-size: 1.15rem; }.portal-load-card h3 span { color: #27a9bf; }.portal-load-card header > b { align-self: flex-start; padding: .4rem .6rem; border-radius: 99px; background: #e3f7f0; color: #217d62; font-size: .67rem; }
.portal-progress { position: relative; height: 8px; border-radius: 99px; background: #dfebed; }.portal-progress > i { display: block; width: 62%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#168ca5,#45c4a0); }.portal-truck-dot { position: absolute; top: 50%; left: 62%; width: 17px; height: 17px; border: 4px solid #fff; border-radius: 50%; background: #1ba8bd; box-shadow: 0 2px 8px rgba(12,91,107,.35); transform: translate(-50%,-50%); }
.portal-milestones { display: grid; grid-template-columns: repeat(3,1fr); margin-top: .8rem; }.portal-milestones span { position: relative; display: grid; gap: .15rem; padding-top: .6rem; }.portal-milestones span:nth-child(2) { text-align: center; }.portal-milestones span:last-child { text-align: right; }.portal-milestones b { font-size: .7rem; }.portal-milestones small { color: #789099; font-size: .6rem; }.portal-milestones span > i { position: absolute; top: -15px; width: 6px; height: 6px; border-radius: 50%; background: #c2d2d6; }.portal-milestones span:nth-child(2) > i { left: 50%; background: #1ba8bd; }.portal-milestones span:last-child > i { right: 0; }.portal-milestones .complete > i { background: #48bd86; }
.portal-location { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #e0eaec; }.portal-location div { display: grid; gap: .12rem; }.portal-location span { color: #718992; font-size: .63rem; text-transform: uppercase; letter-spacing: .06em; }.portal-location strong { font-size: .78rem; }.portal-location small { color: #68808a; font-size: .61rem; }
.portal-activity { overflow: hidden; }.portal-activity header { display: flex; justify-content: space-between; padding: .9rem 1rem; border-bottom: 1px solid #e0eaec; }.portal-activity header span { font-size: .75rem; font-weight: 800; }.portal-activity header b { color: #2b9070; font-size: .65rem; }.portal-activity ul { display: grid; gap: 0; margin: 0; padding: .3rem 1rem; list-style: none; }.portal-activity li { display: grid; grid-template-columns: 10px 1fr; gap: .6rem; padding: .8rem 0; border-bottom: 1px solid #edf2f3; }.portal-activity li > i { width: 7px; height: 7px; margin-top: .25rem; border-radius: 50%; background: #2ab0c5; }.portal-activity strong,.portal-activity small { display: block; }.portal-activity strong { font-size: .69rem; }.portal-activity small { margin-top: .15rem; color: #758d96; font-size: .58rem; }.portal-activity > a { display: block; padding: .8rem 1rem; color: #168ca5; font-size: .68rem; font-weight: 800; }
.portal-doc-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .85rem; margin-top: .85rem; }.portal-doc-row div { padding: .8rem 1rem; border: 1px solid #dbe7ea; border-radius: 11px; background: #fff; }.portal-doc-row span,.portal-doc-row strong,.portal-doc-row small { display: block; }.portal-doc-row span { color: #718992; font-size: .59rem; text-transform: uppercase; letter-spacing: .06em; }.portal-doc-row strong { margin-top: .15rem; font-size: .72rem; }.portal-doc-row small { color: #718992; font-size: .59rem; }
.portal-outcomes { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 2rem; border: 1px solid rgba(175,226,234,.2); border-radius: 18px; overflow: hidden; }.portal-outcomes article { padding: 1.5rem; border-right: 1px solid rgba(175,226,234,.2); }.portal-outcomes article:last-child { border-right: 0; }.portal-outcomes span { color: #59d4e2; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }.portal-outcomes h3 { margin: 2rem 0 .6rem; color: #fff; }.portal-outcomes p { margin: 0; color: #b9d5dc; }
.portal-showcase-cta { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-top: 2rem; padding: 1.2rem 1.4rem; border-radius: 14px; background: rgba(255,255,255,.08); }.portal-showcase-cta strong,.portal-showcase-cta span { display: block; }.portal-showcase-cta span { margin-top: .25rem; color: #b9d5dc; font-size: .84rem; }
@keyframes tracking-grid-drift { to { background-position: 58px 58px; } }
.portal-faux-link { display: block; padding: .8rem 1rem; color: #168ca5; font-size: .68rem; font-weight: 800; }
@keyframes tracking-pin-pulse { 50% { box-shadow: 0 6px 16px rgba(9,67,82,.28), 0 0 0 9px rgba(49,191,213,.13); } }
@keyframes portal-live-pulse { 50% { box-shadow: 0 0 0 9px rgba(72,197,142,.06); } }
@media (max-width: 920px) { .tracking-hero-grid, .tracking-source-grid, .portal-showcase-head { grid-template-columns: 1fr; }.tracking-map { transform: none; }.tracking-cap-grid { grid-template-columns: 1fr 1fr; }.tracking-cap-grid article:nth-child(2) { border-right: 0; }.tracking-cap-grid article:nth-child(4) { border-top: 1px solid #dce8ed; }.tracking-cap-grid .portal-card { grid-template-columns: 42px 1fr; }.portal-card p, .portal-card a { grid-column: 2; }.source-stack article { grid-template-columns: 90px 1fr; }.source-stack small { grid-column: 2; }.portal-product { grid-template-columns: 1fr; }.portal-sidebar { display: none; }.portal-detail-grid { grid-template-columns: 1fr; }.portal-outcomes { grid-template-columns: 1fr; }.portal-outcomes article { border-right: 0; border-bottom: 1px solid rgba(175,226,234,.2); }.portal-outcomes article:last-child { border-bottom: 0; }.portal-showcase-cta { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { .tracking-cap-grid { grid-template-columns: 1fr; }.tracking-cap-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid #dce8ed; }.tracking-cap-grid h3 { margin-top: 1.5rem; }.tracking-cap-grid .portal-card { display: block; }.portal-card h3 { margin: 1rem 0; }.portal-card p { margin-bottom: 1rem; }.portal-main-top { align-items: flex-start; gap: .8rem; flex-direction: column; }.portal-dashboard { padding: .75rem; }.portal-kpis { grid-template-columns: 1fr; }.portal-load-card > header { display: block; }.portal-load-card header > b { display: inline-block; margin-bottom: 1rem; }.portal-location,.portal-doc-row { grid-template-columns: 1fr; }.portal-milestones { gap: .35rem; }.portal-milestones b { font-size: .62rem; }.portal-milestones small { font-size: .52rem; } }
@media (prefers-reduced-motion: reduce) { .tracking-grid-lines, .truck-pin, .portal-live i { animation: none !important; } }

/* Billing and invoicing */
.billing-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #fff; background: radial-gradient(circle at 78% 22%, rgba(49,191,213,.18), transparent 25%), linear-gradient(135deg, #061925, #0a3447 66%, #0b5967); }
.billing-grid-lines { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(143,218,230,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(143,218,230,.28) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, transparent 4%, #000 48%, #000); animation: billing-grid-drift 20s linear infinite; }
.billing-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .95fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.billing-hero h1 { max-width: 740px; color: #fff !important; font-size: clamp(3.2rem, 6vw, 5.9rem); line-height: .96; letter-spacing: -.055em; }.billing-hero h1 span { color: #65d8e5; }.billing-hero .lead { max-width: 720px; color: #d1e7ec; }.billing-hero .button-outline { color: #fff; border-color: rgba(255,255,255,.42); }
.billing-proof { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }.billing-proof span { padding: .55rem .8rem; border: 1px solid rgba(151,226,235,.25); border-radius: 999px; color: #d9f2f5; background: rgba(4,27,40,.38); font-size: .75rem; font-weight: 750; }
.billing-console { overflow: hidden; border: 1px solid rgba(169,226,234,.28); border-radius: 24px; color: #173b49; background: #f7fbfc; box-shadow: 0 35px 90px rgba(0,0,0,.32); transform: rotate(.8deg); }
.billing-console-top,.billing-console-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; }.billing-console-top { border-bottom: 1px solid #dbe7ea; }.billing-console-top div,.billing-console-foot span { display: flex; align-items: center; gap: .5rem; }.billing-console-top i,.billing-console-foot i { width: 8px; height: 8px; border-radius: 50%; background: #42be89; box-shadow: 0 0 0 5px rgba(66,190,137,.12); }.billing-console-top span { color: #607984; font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.billing-console-top b { font-size: .75rem; }
.billing-queue { display: grid; gap: .65rem; padding: 1.1rem; }.billing-queue article { display: grid; grid-template-columns: 78px 1fr auto; gap: .85rem; align-items: center; padding: .85rem; border: 1px solid #dce7ea; border-radius: 12px; background: #fff; animation: billing-row-focus 9s ease-in-out infinite; }.billing-queue article:nth-child(2) { animation-delay: -6s; }.billing-queue article:nth-child(3) { animation-delay: -3s; }.billing-load { color: #238da0; font-size: .67rem; font-weight: 850; }.billing-queue strong,.billing-queue small { display: block; }.billing-queue strong { font-size: .8rem; }.billing-queue small { margin-top: .15rem; color: #728a94; font-size: .63rem; }.billing-queue em { padding: .35rem .5rem; border-radius: 99px; color: #26755f; background: #e3f5ed; font-size: .62rem; font-style: normal; font-weight: 800; }
.billing-flow { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: .4rem; margin: .4rem 1.1rem 1.1rem; padding-top: 1.2rem; }.billing-flow-line { position: absolute; top: 30px; right: 10%; left: 10%; height: 2px; background: #d5e4e8; }.billing-flow-line::after { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,#178fad,#53c79b); content: ''; transform-origin: left; animation: billing-line-progress 9s ease-in-out infinite; }.billing-flow div { position: relative; z-index: 2; display: grid; justify-items: center; gap: .25rem; }.billing-flow b { display: grid; width: 38px; height: 38px; place-items: center; border: 4px solid #f7fbfc; border-radius: 50%; color: #fff; background: #167f98; font-size: .65rem; }.billing-flow small { color: #647c86; font-size: .58rem; text-align: center; }.billing-packet { position: absolute; z-index: 4; top: 20px; left: 8%; display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; color: #072a39; background: #69d8bd; box-shadow: 0 5px 14px rgba(13,102,117,.28); font-size: .7rem; font-style: normal; font-weight: 900; animation: billing-packet-travel 9s ease-in-out infinite; }
.billing-console-foot { border-top: 1px solid #dbe7ea; color: #607984; font-size: .65rem; }.billing-console-foot small { color: #81959d; }
.billing-workflow { background: #f2f7f8; }.billing-step-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid #d8e5e9; border-radius: 20px; background: #fff; }.billing-step-grid article { position: relative; min-height: 285px; padding: 1.5rem; border-right: 1px solid #d8e5e9; }.billing-step-grid article:last-child { border-right: 0; }.billing-step-grid article > span:first-child { color: #168fa7; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }.billing-step-grid .integration-icon { margin: 2rem 0 1.5rem; }.billing-step-grid p { color: #647c86; }
.billing-ledger { color: #fff; background: linear-gradient(145deg,#071d2b,#0c3d50); }.billing-ledger-grid,.billing-sync-grid,.billing-audit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }.billing-ledger h2 { color: #fff !important; }.billing-ledger .lead { color: #c4dde3; }.billing-ledger-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; }.billing-ledger-notes article { padding: 1.2rem; border: 1px solid rgba(177,226,234,.18); border-radius: 14px; background: rgba(255,255,255,.04); }.billing-ledger-notes span { color: #62d3df; font-size: .67rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.billing-ledger-notes h3 { margin: 1rem 0 .5rem; color: #fff; font-size: 1rem; }.billing-ledger-notes p { margin: 0; color: #aac8cf; font-size: .78rem; }
.ledger-card,.qb-card { overflow: hidden; border: 1px solid #d8e5e9; border-radius: 20px; color: #173b49; background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.2); }.ledger-card header,.ledger-card footer { display: flex; justify-content: space-between; padding: 1rem 1.2rem; }.ledger-card header { border-bottom: 1px solid #dce7ea; }.ledger-card header span { font-size: .72rem; font-weight: 800; }.ledger-card header b { color: #28795f; font-size: .67rem; }.ledger-row { display: grid; grid-template-columns: 48px 1fr auto; gap: 1rem; align-items: center; margin: 1.2rem; padding: 1rem; border: 1px solid #dce7ea; border-radius: 13px; }.ledger-row > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; color: #fff; background: #168ca4; font-size: .72rem; font-style: normal; font-weight: 900; }.ledger-row small,.ledger-row strong { display: block; }.ledger-row small { color: #718993; font-size: .62rem; }.ledger-row strong { margin-top: .15rem; font-size: .78rem; }.ledger-row > span { color: #28795f; font-size: .65rem; font-weight: 850; }.ledger-link { display: flex; align-items: center; gap: .7rem; padding: 0 2.2rem; color: #6e8790; font-size: .62rem; font-weight: 800; }.ledger-link i { flex: 1; height: 1px; background: #dce7ea; }.ledger-card footer { border-top: 1px solid #dce7ea; color: #69818a; font-size: .63rem; }
.billing-sync { background: #eef6f7; }.qb-card { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.5rem; box-shadow: 0 20px 55px rgba(15,64,78,.1); }.qb-mark { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 16px; color: #fff; background: #2da44e; font-weight: 900; }.qb-card small { color: #718992; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }.qb-card h3 { margin: .3rem 0 0; }.qb-card ul { grid-column: 1 / -1; display: grid; gap: .55rem; margin: .5rem 0 0; padding: 0; list-style: none; }.qb-card li { display: flex; justify-content: space-between; padding: .8rem; border-radius: 9px; background: #f2f7f8; font-size: .72rem; }.qb-card li b { color: #28795f; }.qb-card p { grid-column: 1 / -1; margin: 0; color: #6f858e; font-size: .67rem; }
.billing-audit-grid { align-items: stretch; }.billing-claim-note { padding-left: 1rem; border-left: 3px solid #2eb5ca; color: #677f89; font-size: .8rem; }.audit-timeline { display: grid; gap: .8rem; }.audit-timeline article { position: relative; display: grid; gap: .25rem; padding: 1.15rem 1.2rem 1.15rem 4rem; border: 1px solid #d9e6e9; border-radius: 14px; background: #fff; }.audit-timeline article::before { position: absolute; left: 1.2rem; top: 1.15rem; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #fff; background: #168da6; content: '✓'; font-size: .72rem; font-weight: 900; }.audit-timeline .audit-window { border-color: #9edce5; background: #edfafd; }.audit-timeline span { color: #178da5; font-size: .64rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.audit-timeline b { font-size: .86rem; }.audit-timeline small { color: #708892; }
@keyframes billing-grid-drift { to { background-position: 54px 54px; } } @keyframes billing-row-focus { 0%,26%,100% { border-color:#dce7ea; box-shadow:none; transform:translateX(0); } 8%,18% { border-color:#77d4df; box-shadow:0 9px 22px rgba(29,139,160,.12); transform:translateX(4px); } } @keyframes billing-line-progress { 0% { transform:scaleX(0); } 86%,100% { transform:scaleX(1); } } @keyframes billing-packet-travel { 0%,5% { left:8%; } 28% { left:32%; } 55% { left:57%; } 82%,94% { left:83%; } 100% { left:8%; } }
@media (max-width: 920px) { .billing-hero-grid,.billing-ledger-grid,.billing-sync-grid,.billing-audit-grid { grid-template-columns: 1fr; }.billing-console { transform:none; }.billing-step-grid { grid-template-columns: 1fr 1fr; }.billing-step-grid article:nth-child(2) { border-right:0; }.billing-step-grid article:nth-child(-n+2) { border-bottom:1px solid #d8e5e9; } }
@media (max-width: 620px) { .billing-step-grid,.billing-ledger-notes { grid-template-columns:1fr; }.billing-step-grid article { min-height:auto; border-right:0; border-bottom:1px solid #d8e5e9; }.billing-queue article { grid-template-columns:70px 1fr; }.billing-queue em { grid-column:2; justify-self:start; }.billing-flow small { font-size:.5rem; }.ledger-row { grid-template-columns:42px 1fr; }.ledger-row > span { grid-column:2; }.ledger-card footer { gap:.5rem; flex-direction:column; } }
@media (prefers-reduced-motion: reduce) { .billing-grid-lines,.billing-queue article,.billing-flow-line::after,.billing-packet { animation:none !important; }.billing-flow-line::after { transform:scaleX(1); }.billing-packet { left:83%; } }

/* Reporting and analytics */
.reports-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(77,214,190,.18),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 64%,#0b5965)}.reports-grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(143,218,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(143,218,230,.28) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 3%,#000 48%,#000);animation:reports-grid-drift 20s linear infinite}.reports-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.reports-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.reports-hero h1 span{color:#69d9e2}.reports-hero .lead{max-width:720px;color:#d1e7ec}.reports-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.reports-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.reports-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#d9f2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.report-console,.schedule-card,.executive-dashboard{overflow:hidden;border:1px solid #d8e5e9;border-radius:22px;background:#fff;color:#173b49;box-shadow:0 30px 80px rgba(0,0,0,.24)}.report-console{transform:rotate(.8deg)}.report-console-top,.report-console-foot,.schedule-card header,.schedule-card footer,.executive-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.report-console-top{border-bottom:1px solid #dbe7ea}.report-console-top div,.report-console-foot span,.schedule-card footer span{display:flex;align-items:center;gap:.5rem}.report-console-top i,.report-console-foot i,.schedule-card footer i{width:8px;height:8px;border-radius:50%;background:#42be89;box-shadow:0 0 0 5px rgba(66,190,137,.12)}.report-console-top span{color:#607984;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.report-console-top b{font-size:.75rem}.report-search{margin:1rem 1.1rem .5rem;padding:.75rem .9rem;border:1px solid #dce7ea;border-radius:10px;color:#789099;font-size:.7rem}.report-search span{float:right;color:#168ca4;font-weight:800}.report-rows{display:grid;gap:.55rem;padding:.6rem 1.1rem 1.1rem}.report-rows article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #dce7ea;border-radius:11px;animation:report-row-focus 10s ease-in-out infinite}.report-rows article:nth-child(2){animation-delay:-7.5s}.report-rows article:nth-child(3){animation-delay:-5s}.report-rows article:nth-child(4){animation-delay:-2.5s}.report-rows strong,.report-rows small{display:block}.report-rows strong{font-size:.78rem}.report-rows small{margin-top:.12rem;color:#748b94;font-size:.62rem}.report-rows em{padding:.32rem .5rem;border-radius:99px;color:#26755f;background:#e3f5ed;font-size:.6rem;font-style:normal;font-weight:800}.report-console-foot{border-top:1px solid #dbe7ea;color:#607984;font-size:.65rem}.report-console-foot small{color:#81959d}
.reports-library{background:#f2f7f8}.report-card-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #d8e5e9;border-radius:20px;background:#fff}.report-card-grid article{min-height:240px;padding:1.5rem;border-right:1px solid #d8e5e9;border-bottom:1px solid #d8e5e9}.report-card-grid article:nth-child(3n){border-right:0}.report-card-grid article:nth-last-child(-n+3){border-bottom:0}.report-card-grid span{color:#168fa7;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.report-card-grid h3{margin-top:2.8rem}.report-card-grid p{color:#647c86}.report-count-card{color:#fff;background:linear-gradient(145deg,#0b3b4d,#0d7180)}.report-count-card strong{display:block;color:#76dce4;font-size:4.5rem;line-height:1}.report-count-card h3{margin-top:1rem;color:#fff}.report-count-card p{color:#c8e3e7}
.report-scheduling{background:linear-gradient(145deg,#071d2b,#0c3d50);color:#fff}.report-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}.report-scheduling h2{color:#fff!important}.report-scheduling .lead{color:#c4dde3}.report-scheduling .feature-list li{color:#bcd5dc}.report-scheduling .feature-list strong{color:#fff}.schedule-card{box-shadow:0 28px 75px rgba(0,0,0,.3)}.schedule-card header{border-bottom:1px solid #dce7ea}.schedule-card header span{font-size:.75rem;font-weight:850}.schedule-card header b{padding:.35rem .55rem;border-radius:99px;color:#26755f;background:#e3f5ed;font-size:.62rem}.schedule-field{margin:1rem 1.2rem;padding:.9rem;border-radius:11px;background:#f2f7f8}.schedule-field small,.schedule-field strong{display:block}.schedule-field small{color:#718992;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.schedule-field strong{margin-top:.25rem;font-size:.82rem}.schedule-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0 1.2rem}.schedule-options span{padding:.8rem;border:1px solid #dce7ea;border-radius:10px;color:#647c86;font-size:.7rem;font-weight:750}.schedule-options .selected{border-color:#54c4d3;color:#116f84;background:#edfafd}.schedule-options i{display:inline-block;width:8px;height:8px;margin-right:.4rem;border-radius:50%;background:#a7bbc1}.schedule-options .selected i{background:#2bb6ca}.schedule-timeline{position:relative;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:.4rem;margin:1.3rem}.schedule-timeline i{z-index:2;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#1a9cb3;box-shadow:0 0 0 1px #77ccd7}.schedule-timeline span{font-size:.58rem;color:#6c858f}.schedule-timeline b{position:absolute;z-index:1;left:8px;right:8px;height:2px;background:linear-gradient(90deg,#1b98b0,#5bd0aa);transform-origin:left;animation:schedule-progress 7s ease-in-out infinite}.schedule-card footer{border-top:1px solid #dce7ea;color:#607984;font-size:.65rem}.schedule-card footer small{color:#81959d}
.executive-reports{background:#edf5f6}.executive-dashboard{box-shadow:0 22px 60px rgba(16,75,89,.12)}.executive-top{border-bottom:1px solid #dce7ea}.executive-top span,.executive-top strong{display:block}.executive-top span{font-weight:850}.executive-top strong{margin-top:.2rem;color:#718992;font-size:.65rem}.executive-top>b{padding:.5rem .7rem;border-radius:8px;color:#126f83;background:#e7f7fa;font-size:.65rem}.executive-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.executive-metrics article{min-height:230px;padding:1.4rem;border-right:1px solid #dce7ea}.executive-metrics article:last-child{border-right:0}.executive-metrics span,.executive-metrics strong{display:block}.executive-metrics span{color:#607984;font-size:.68rem;font-weight:800}.executive-metrics strong{margin-top:.35rem}.mini-bars{display:flex;align-items:end;gap:8px;height:100px;margin-top:2rem}.mini-bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#4bcbd4,#157f9a);animation:report-bars 6s ease-in-out infinite}.mini-bars i:nth-child(1){height:38%}.mini-bars i:nth-child(2){height:55%}.mini-bars i:nth-child(3){height:48%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:64%}.mini-bars i:nth-child(6){height:88%}.kpi-ring{display:grid;width:105px;height:105px;margin:1.5rem auto 0;place-items:center;border-radius:50%;background:conic-gradient(#32bda8 0 92%,#dce9eb 92%)}.kpi-ring::before{width:76px;height:76px;border-radius:50%;background:#fff;content:'92%';display:grid;place-items:center;font-weight:900}.kpi-ring.pickup{background:conic-gradient(#279db4 0 89%,#dce9eb 89%)}.kpi-ring.pickup::before{content:'89%'}.report-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce7ea;border-radius:18px;overflow:hidden}.report-outcome-grid article{padding:1.5rem;border-right:1px solid #dce7ea}.report-outcome-grid article:last-child{border-right:0}.report-outcome-grid span{color:#1692a9;font-size:.72rem;font-weight:850;letter-spacing:.1em}.report-outcome-grid h3{margin-top:2rem}.report-outcome-grid p{color:#647c86}
@keyframes reports-grid-drift{to{background-position:52px 52px}}@keyframes report-row-focus{0%,20%,100%{border-color:#dce7ea;transform:translateX(0);box-shadow:none}6%,14%{border-color:#6ed0dc;transform:translateX(4px);box-shadow:0 8px 20px rgba(29,139,160,.12)}}@keyframes schedule-progress{0%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}@keyframes report-bars{50%{filter:saturate(1.35);transform:scaleY(.92)}}
@media(max-width:920px){.reports-hero-grid,.report-schedule-grid{grid-template-columns:1fr}.report-console{transform:none}.report-card-grid{grid-template-columns:1fr 1fr}.report-card-grid article:nth-child(3n){border-right:1px solid #d8e5e9}.report-card-grid article:nth-child(2n){border-right:0}.report-card-grid article:nth-last-child(-n+3){border-bottom:1px solid #d8e5e9}.report-card-grid article:nth-last-child(-n+2){border-bottom:0}.executive-metrics{grid-template-columns:1fr}.executive-metrics article{border-right:0;border-bottom:1px solid #dce7ea}.executive-metrics article:last-child{border-bottom:0}}
@media(max-width:620px){.report-card-grid,.report-outcome-grid{grid-template-columns:1fr}.report-card-grid article{min-height:auto;border-right:0!important;border-bottom:1px solid #d8e5e9!important}.report-card-grid article:last-child{border-bottom:0!important}.report-card-grid h3{margin-top:1.5rem}.report-outcome-grid article{border-right:0;border-bottom:1px solid #dce7ea}.report-outcome-grid article:last-child{border-bottom:0}.executive-top{align-items:flex-start;flex-direction:column}.schedule-options{grid-template-columns:1fr}.schedule-timeline{grid-template-columns:auto 1fr auto 1fr auto}.schedule-timeline span{display:none}}
@media(prefers-reduced-motion:reduce){.reports-grid-lines,.report-rows article,.schedule-timeline b,.mini-bars i{animation:none!important}.schedule-timeline b{transform:scaleX(1)}}

/* Customer and carrier portals */
.portals-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(89,216,190,.2),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 62%,#0b5965)}
.portals-grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(143,218,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(143,218,230,.28) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000);animation:portals-grid-drift 20s linear infinite}
.portals-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.9fr);gap:clamp(3rem,7vw,7rem);align-items:center}.portals-hero .eyebrow{color:#fff}.portals-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.portals-hero h1 span{color:#68d9e2}.portals-hero .lead{max-width:720px;color:#d1e7ec}.portals-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.portals-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.portals-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#d9f2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.portal-login-stack{position:relative;display:grid;gap:1rem;padding:2.2rem 0}.portal-login-card{position:relative;display:grid;gap:.35rem;padding:1.5rem;border:1px solid rgba(176,229,236,.35);border-radius:19px;color:#153846;background:#fff;box-shadow:0 26px 65px rgba(0,0,0,.26);animation:portal-card-float 7s ease-in-out infinite}.portal-login-card.carrier{margin-left:3rem;animation-delay:-3.5s}.portal-login-card>span{color:#178ca4;font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.portal-login-card strong{font-size:1.05rem}.portal-login-card small{color:#6f8790}.portal-login-card b{justify-self:start;margin-top:.8rem;color:#147e94;font-size:.7rem}.portal-included-seal{position:absolute;right:-18px;bottom:-18px;display:grid;width:154px;height:154px;place-content:center;padding:1.15rem;border:1px solid rgba(255,255,255,.72);border-radius:34px;color:#062f36;background:linear-gradient(145deg,rgba(236,255,251,.98),rgba(89,216,190,.98) 58%,rgba(47,183,188,.98));box-shadow:0 24px 55px rgba(0,0,0,.3),inset 0 1px 0 #fff,inset 0 0 0 7px rgba(255,255,255,.16);text-align:center;transform:rotate(-5deg);isolation:isolate}.portal-included-seal::before{display:grid;width:38px;height:38px;margin:0 auto .55rem;place-items:center;border:1px solid rgba(6,62,67,.18);border-radius:12px;color:#fff;background:#087681;box-shadow:0 8px 18px rgba(5,93,102,.28);content:'✓';font-size:1rem;font-weight:950}.portal-included-seal::after{position:absolute;z-index:-1;inset:-9px;border:1px dashed rgba(136,237,224,.55);border-radius:40px;content:'';animation:portal-seal-breathe 4s ease-in-out infinite}.portal-included-seal strong,.portal-included-seal span{display:block}.portal-included-seal strong{font-size:1.08rem;line-height:1;letter-spacing:-.02em}.portal-included-seal span{max-width:95px;margin:.35rem auto 0;font-size:.58rem;font-weight:900;line-height:1.25;text-transform:uppercase;letter-spacing:.095em}
.portals-workspaces{background:#f0f6f7}.portals-switcher{overflow:hidden;border:1px solid #cfdee2;border-radius:24px;background:#fff;box-shadow:0 25px 70px rgba(13,71,85,.13)}.portals-tab-list{display:grid;grid-template-columns:1fr 1fr;background:#092b3c}.portals-tab-list button{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:72px;border:0;border-right:1px solid rgba(255,255,255,.12);color:#a9c9d1;background:transparent;font:inherit;font-weight:800;cursor:pointer}.portals-tab-list button:last-child{border-right:0}.portals-tab-list button span{color:#65d5df;font-size:.66rem;letter-spacing:.08em}.portals-tab-list button[aria-selected=true]{color:#fff;background:rgba(60,192,209,.15);box-shadow:inset 0 -3px #4bc8d8}.portals-panels>article{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:590px}.workspace-nav{display:flex;flex-direction:column;gap:.3rem;padding:1.4rem;color:#fff;background:#0b3448}.workspace-nav.carrier{background:#123e42}.workspace-nav>strong{font-size:1.05rem}.workspace-nav>small{margin-bottom:1.5rem;color:#8fb7c1}.workspace-nav>span{display:flex;justify-content:space-between;padding:.75rem .8rem;border-radius:9px;color:#adc8cf;font-size:.73rem;font-weight:700}.workspace-nav .active{color:#fff;background:rgba(63,197,212,.17)}.workspace-nav span b{padding:.1rem .4rem;border-radius:99px;color:#082b39;background:#63d1dc;font-size:.6rem}.workspace-main{min-width:0;background:#f6fafb}.workspace-main>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid #d9e6e9;background:#fff}.workspace-main header small,.workspace-main header strong{display:block}.workspace-main header small{color:#6f8790;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.workspace-live{display:flex;align-items:center;gap:.5rem;color:#267b63;font-size:.67rem}.workspace-live i{width:8px;height:8px;border-radius:50%;background:#45bf8a;box-shadow:0 0 0 5px rgba(69,191,138,.12);animation:portal-status-pulse 2.5s ease-in-out infinite}.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1.2rem}.workspace-metrics article{padding:1rem;border:1px solid #dce7ea;border-radius:12px;background:#fff}.workspace-metrics span,.workspace-metrics small,.workspace-metrics strong{display:block}.workspace-metrics span{color:#657e88;font-size:.65rem;font-weight:750}.workspace-metrics strong{margin:.2rem 0;font-size:1.55rem}.workspace-metrics small{color:#779099;font-size:.59rem}.workspace-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.2rem;padding:1.2rem;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0c6478,#1695a9)}.workspace-action.carrier{background:linear-gradient(135deg,#176d63,#259881)}.workspace-action span{color:#aee7ed;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.workspace-action h3{margin:.25rem 0;color:#fff;font-size:1rem}.workspace-action p{margin:0;color:#d2eaed;font-size:.7rem}.workspace-action>b{flex:none;padding:.65rem .8rem;border-radius:8px;color:#0a4857;background:#fff;font-size:.68rem}.workspace-rows{display:grid;gap:.65rem;padding:1.2rem}.workspace-rows>span{display:grid;grid-template-columns:38px 1fr 1.3fr auto;gap:.7rem;align-items:center;padding:.8rem;border:1px solid #dce7ea;border-radius:11px;background:#fff}.workspace-rows i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#fff;background:#158ca3;font-size:.58rem;font-style:normal;font-weight:850}.workspace-rows strong,.workspace-rows small,.workspace-rows b{font-size:.65rem}.workspace-rows small{color:#6f8790}.workspace-rows b{color:#287b63}
.portal-capabilities{background:#fff}.dual-cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem)}.dual-cap-grid>div:last-child{padding-left:clamp(2rem,5vw,5rem);border-left:1px solid #d7e5e8}.dual-cap-grid h2{font-size:clamp(2rem,3.4vw,3.5rem)}.cap-list{display:grid;margin-top:2rem;border-top:1px solid #d8e5e8}.cap-list article{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #d8e5e8}.cap-list article>span{color:#178fa7;font-size:.67rem;font-weight:850}.cap-list h3{margin:0;font-size:1rem}.cap-list p{margin:.35rem 0 0;color:#687f89;font-size:.78rem}.cap-list.carrier article>span{color:#278c77}
.portals-included{color:#fff;background:linear-gradient(145deg,#071d2b,#0c3d50)}.included-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,8rem);align-items:center}.portals-included h2{color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.portals-included .lead{color:#c2dde3}.included-list{overflow:hidden;border:1px solid rgba(170,226,234,.22);border-radius:18px}.included-list article{display:grid;grid-template-columns:38px 1fr auto;gap:1rem;align-items:center;padding:1.15rem;border-bottom:1px solid rgba(170,226,234,.18);background:rgba(255,255,255,.035)}.included-list article:last-child{border-bottom:0}.included-list b{color:#5dd1dc;font-size:.65rem}.included-list strong,.included-list span{display:block}.included-list span{margin-top:.18rem;color:#accbd2;font-size:.67rem}.included-list i{padding:.35rem .55rem;border-radius:99px;color:#073d3b;background:#69d8bd;font-size:.6rem;font-style:normal;font-weight:850}.portal-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #d7e5e8;border-radius:18px}.portal-outcome-grid article{min-height:240px;padding:1.5rem;border-right:1px solid #d7e5e8}.portal-outcome-grid article:last-child{border-right:0}.portal-outcome-grid span{color:#178fa7;font-size:.7rem;font-weight:850;letter-spacing:.09em}.portal-outcome-grid h3{margin-top:3rem}.portal-outcome-grid p{color:#667e88}.portal-guardrail{margin-top:1.5rem;padding-left:1rem;border-left:3px solid #2eb5ca;color:#677f89;font-size:.78rem}
@keyframes portals-grid-drift{to{background-position:54px 54px}}@keyframes portal-card-float{50%{transform:translateY(-7px)}}@keyframes portal-status-pulse{50%{box-shadow:0 0 0 9px rgba(69,191,138,.05)}}@keyframes portal-seal-breathe{50%{opacity:.45;transform:scale(1.035)}}
@media(max-width:920px){.portals-hero-grid,.dual-cap-grid,.included-grid{grid-template-columns:1fr}.portal-login-stack{max-width:600px}.dual-cap-grid>div:last-child{padding-left:0;border-left:0}.portals-panels>article{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:680px){.portal-login-card.carrier{margin-left:0}.portal-included-seal{right:0}.portals-tab-list{grid-template-columns:1fr}.portals-tab-list button{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.portals-panels>article{grid-template-columns:1fr}.workspace-nav{display:grid;grid-template-columns:1fr 1fr;min-height:auto}.workspace-nav>strong,.workspace-nav>small{grid-column:1/-1}.workspace-nav>small{margin-bottom:.5rem}.workspace-metrics,.portal-outcome-grid{grid-template-columns:1fr}.workspace-action{align-items:flex-start;flex-direction:column}.workspace-rows>span{grid-template-columns:38px 1fr}.workspace-rows small,.workspace-rows b{grid-column:2}.portal-outcome-grid article{min-height:auto;border-right:0;border-bottom:1px solid #d7e5e8}.portal-outcome-grid article:last-child{border-bottom:0}.portal-outcome-grid h3{margin-top:1.5rem}.included-list article{grid-template-columns:30px 1fr}.included-list i{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.portals-grid-lines,.portal-login-card,.workspace-live i,.portal-included-seal::after{animation:none!important}}

/* Native AI */
.ai-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 78% 28%,rgba(85,216,190,.22),transparent 25%),linear-gradient(140deg,#061927,#0a3448 58%,#095967)}
.ai-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(142,220,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(142,220,230,.28) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 48%,#000);animation:ai-grid-drift 20s linear infinite}
.ai-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.ai-hero .eyebrow{color:#fff}.ai-hero h1{max-width:760px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.ai-hero h1 span{color:#69d8bd}.ai-hero .lead{max-width:700px;color:#d1e7ec}.ai-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.ai-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.ai-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.ai-orbit{position:relative;min-height:480px}.ai-orbit::before,.ai-orbit::after{position:absolute;inset:50%;border:1px solid rgba(137,222,229,.25);border-radius:50%;content:'';transform:translate(-50%,-50%)}.ai-orbit::before{width:330px;height:330px}.ai-orbit::after{width:225px;height:225px}.ai-core{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:145px;height:145px;place-content:center;border:1px solid rgba(255,255,255,.55);border-radius:38px;background:linear-gradient(145deg,#f4fffd,#63d7be);box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px #fff;color:#073b43;text-align:center;transform:translate(-50%,-50%);animation:ai-core-breathe 4s ease-in-out infinite}.ai-core small,.ai-core strong,.ai-core span{display:block}.ai-core small{font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ai-core strong{font-size:3.4rem;line-height:1}.ai-core span{margin-top:.3rem;color:#176f68;font-size:.62rem;font-weight:850}.orbit-card{position:absolute;z-index:4;display:grid;gap:.2rem;min-width:145px;padding:1rem;border:1px solid rgba(174,230,236,.32);border-radius:15px;background:rgba(6,36,50,.86);box-shadow:0 18px 45px rgba(0,0,0,.25);backdrop-filter:blur(8px);animation:ai-card-float 6s ease-in-out infinite}.orbit-card b{font-size:.75rem}.orbit-card span{color:#9fc7cf;font-size:.62rem}.orbit-card span::before{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#5cd2ae;box-shadow:0 0 0 5px rgba(92,210,174,.1);content:''}.orbit-dispatch{top:6%;left:2%}.orbit-capacity{top:15%;right:0;animation-delay:-1.5s}.orbit-ltl{bottom:13%;left:0;animation-delay:-3s}.orbit-kpi{right:3%;bottom:5%;animation-delay:-4.5s}
.ai-agents{background:#f0f6f7}.ai-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.ai-agent-card{position:relative;grid-column:span 2;overflow:hidden;min-height:315px;padding:1.5rem;border:1px solid #d4e3e6;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(14,75,88,.08);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.ai-agent-card:nth-child(4){grid-column:2/span 2}.ai-agent-card:hover{border-color:#69cbd5;box-shadow:0 24px 58px rgba(14,75,88,.14);transform:translateY(-5px)}.ai-card-top{display:flex;align-items:center;justify-content:space-between}.ai-card-top span{color:#168ca4;font-size:.7rem;font-weight:900;letter-spacing:.1em}.ai-card-top>i{position:relative;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#0c5568,#1699a9)}.ai-card-top>i::before,.ai-card-top>i::after{position:absolute;border-radius:50%;background:#70dbc4;content:''}.ai-card-top>i::before{width:9px;height:9px;top:11px;left:11px}.ai-card-top>i::after{width:5px;height:5px;right:10px;bottom:10px;animation:ai-node-pulse 2.8s ease-in-out infinite}.ai-agent-card h3{margin-top:2.2rem}.ai-agent-card p{color:#617983}.ai-card-status{position:absolute;right:1.5rem;bottom:1.4rem;left:1.5rem;display:flex;align-items:center;gap:.55rem;padding-top:1rem;border-top:1px solid #dde8ea}.ai-card-status i{width:8px;height:8px;border-radius:50%;background:#43bd89;box-shadow:0 0 0 5px rgba(67,189,137,.1);animation:ai-status-pulse 2.8s ease-in-out infinite}.ai-card-status b{color:#28745f;font-size:.68rem}.ai-agent-card:nth-child(2) .ai-card-top>i::after,.ai-agent-card:nth-child(2) .ai-card-status i{animation-delay:-.55s}.ai-agent-card:nth-child(3) .ai-card-top>i::after,.ai-agent-card:nth-child(3) .ai-card-status i{animation-delay:-1.1s}.ai-agent-card:nth-child(4) .ai-card-top>i::after,.ai-agent-card:nth-child(4) .ai-card-status i{animation-delay:-1.65s}.ai-agent-card:nth-child(5) .ai-card-top>i::after,.ai-agent-card:nth-child(5) .ai-card-status i{animation-delay:-2.2s}
.ai-foundation{color:#fff;background:linear-gradient(145deg,#071d2b,#0b3d50)}.ai-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.ai-foundation h2{color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.ai-foundation .lead{color:#bad7de}.ai-foundation-copy{padding-top:1rem}.ai-foundation-copy p{padding:0 0 1.5rem;border-bottom:1px solid rgba(164,222,230,.18);color:#c8dfe4;font-size:1.05rem}.ai-foundation-copy .ai-closing{border-bottom:0;color:#6bd9c0;font-size:1.35rem;font-weight:850}
@keyframes ai-grid-drift{to{background-position:52px 52px}}@keyframes ai-card-float{50%{transform:translateY(-7px)}}@keyframes ai-core-breathe{50%{box-shadow:0 32px 85px rgba(0,0,0,.38),0 0 0 12px rgba(105,216,189,.07),inset 0 1px #fff}}@keyframes ai-node-pulse{50%{transform:scale(1.7);box-shadow:0 0 0 5px rgba(112,219,196,.13)}}@keyframes ai-status-pulse{50%{box-shadow:0 0 0 9px rgba(67,189,137,.04)}}
@media(max-width:920px){.ai-hero-grid,.ai-foundation-grid{grid-template-columns:1fr}.ai-orbit{max-width:620px}.ai-card-grid{grid-template-columns:1fr 1fr}.ai-agent-card,.ai-agent-card:nth-child(4){grid-column:auto}}
@media(max-width:620px){.ai-orbit{min-height:420px}.ai-orbit::before{width:280px;height:280px}.ai-orbit::after{width:190px;height:190px}.ai-core{width:125px;height:125px}.ai-core strong{font-size:2.8rem}.orbit-card{min-width:122px;padding:.8rem}.orbit-dispatch{left:0}.orbit-capacity{right:0}.orbit-ltl{left:0}.orbit-kpi{right:0}.ai-card-grid{grid-template-columns:1fr}.ai-agent-card{min-height:290px}}
@media(prefers-reduced-motion:reduce){.ai-grid-lines,.ai-core,.orbit-card,.ai-card-top>i::after,.ai-card-status i{animation:none!important}.ai-agent-card{transition:none}.ai-agent-card:hover{transform:none}}
.ai-card-grid>.ai-agent-card{display:block}
.ai-card-grid .ai-card-top>.agent-icon{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(106,221,198,.45);border-radius:18px;background:linear-gradient(145deg,#0b4c60,#168b99);box-shadow:0 12px 28px rgba(13,101,117,.2);animation:ai-icon-float 4.8s ease-in-out infinite}
.ai-card-grid .ai-card-top>.agent-icon svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.ai-card-grid .ai-agent-card:nth-child(2) .agent-icon{animation-delay:-.9s}.ai-card-grid .ai-agent-card:nth-child(3) .agent-icon{animation-delay:-1.8s}.ai-card-grid .ai-agent-card:nth-child(4) .agent-icon{animation-delay:-2.7s}.ai-card-grid .ai-agent-card:nth-child(5) .agent-icon{animation-delay:-3.6s}
@keyframes ai-icon-float{50%{transform:translateY(-5px);box-shadow:0 17px 34px rgba(13,101,117,.25)}}
@media(prefers-reduced-motion:reduce){.ai-card-grid .ai-card-top>.agent-icon{animation:none!important}}


/* Small parcel */
.parcel-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 22%,rgba(99,220,190,.2),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 62%,#0b5b65)}
.parcel-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(153,225,232,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(153,225,232,.24) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 42%,#000)}
.parcel-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.parcel-hero .eyebrow{color:#fff}.parcel-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.parcel-hero h1 span{color:#69d8bd}.parcel-hero .lead{max-width:720px;color:#d1e7ec}.parcel-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}
.parcel-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.parcel-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.parcel-rate-console{overflow:hidden;border:1px solid rgba(157,226,233,.3);border-radius:24px;color:#173b49;background:#f7fbfb;box-shadow:0 34px 85px rgba(0,0,0,.32);transform:rotate(.6deg)}.parcel-console-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid #d7e6e9;background:#fff}.parcel-console-head>div{display:flex;align-items:center;gap:.55rem}.parcel-console-head small{color:#16879c;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.parcel-package{padding:1.2rem;background:linear-gradient(145deg,#eaf5f5,#f8fcfc)}.parcel-package>span,.parcel-package>strong{display:block}.parcel-package>span{color:#16879c;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.parcel-package>strong{margin-top:.35rem;font-size:.9rem}.parcel-package>div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.parcel-package em{padding:.35rem .55rem;border:1px solid #d1e3e6;border-radius:7px;color:#52707a;background:#fff;font-size:.62rem;font-style:normal}.parcel-rate-list{display:grid;gap:.55rem;padding:1rem}.parcel-rate-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #d8e6e8;border-radius:10px;background:#fff}.parcel-rate-list article.selected{border-color:#72cdbd;background:#effaf6;box-shadow:0 8px 20px rgba(25,132,112,.08)}.parcel-rate-list strong,.parcel-rate-list small{display:block}.parcel-rate-list strong{font-size:.75rem}.parcel-rate-list small{margin-top:.18rem;color:#71868e;font-size:.6rem}.parcel-rate-list article>span,.parcel-rate-list article>b{padding:.32rem .48rem;border-radius:6px;color:#166b59;background:#dff4ec;font-size:.56rem;font-weight:900}.parcel-rate-list article>b{color:#496872;background:#edf4f5}.parcel-console-foot{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;border-top:1px solid #d7e6e9;background:#fff}.parcel-console-foot span{display:flex;align-items:center;gap:.5rem;color:#28725f;font-size:.65rem;font-weight:850}.parcel-console-foot i{width:8px;height:8px;border-radius:50%;background:#43bd89;box-shadow:0 0 0 5px rgba(67,189,137,.1)}.parcel-console-foot strong{font-size:.64rem}
.parcel-capabilities{background:#f1f6f7}.parcel-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:2.4rem}.parcel-card-grid article{grid-column:span 2;min-height:240px;padding:1.5rem;border:1px solid #d4e3e6;border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(14,75,88,.06)}.parcel-card-grid article:nth-child(4){grid-column:2/span 2}.parcel-card-grid>article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#0c5669,#1595a6);font-size:.64rem;font-weight:900}.parcel-card-grid h3{margin-top:2.2rem}.parcel-card-grid p{color:#607983}
.parcel-why{color:#fff;background:linear-gradient(145deg,#071d2b,#0b3d50)}.parcel-why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.parcel-why .eyebrow{color:#69d8bd}.parcel-why h2{max-width:670px;color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.parcel-why .lead{margin-top:0;color:#d0e4e8}.parcel-why-grid>div:last-child>p:not(.lead){color:#b8d2d8}.parcel-mode-line{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;padding:1rem;border:1px solid rgba(166,223,230,.2);border-radius:14px;background:rgba(5,24,35,.35)}.parcel-mode-line span,.parcel-mode-line strong{font-size:.68rem}.parcel-mode-line span{color:#c5dce1}.parcel-mode-line strong{padding:.4rem .6rem;border-radius:7px;color:#073f43;background:#69d8bd}.parcel-mode-line i{width:16px;height:1px;background:#5da6b1}
@media(max-width:920px){.parcel-hero-grid,.parcel-why-grid{grid-template-columns:1fr}.parcel-rate-console{max-width:620px;transform:none}.parcel-card-grid{grid-template-columns:1fr 1fr}.parcel-card-grid article,.parcel-card-grid article:nth-child(4){grid-column:auto}}
@media(max-width:620px){.parcel-card-grid{grid-template-columns:1fr}.parcel-card-grid article{min-height:auto}.parcel-console-head,.parcel-console-foot{align-items:flex-start;gap:.6rem;flex-direction:column}.parcel-rate-list article{align-items:flex-start}.parcel-mode-line i{display:none}}




.parcel-capabilities .concept-heading{grid-template-columns:1fr;max-width:none}.parcel-capabilities .concept-heading h2{max-width:none;color:#103d49!important;font-size:clamp(2.8rem,5.3vw,5.6rem);line-height:1;letter-spacing:-.05em}.parcel-capabilities .concept-heading>p{max-width:900px;margin-top:.5rem;color:#536e79}


.parcel-why .parcel-why-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,6vw,6rem)}.parcel-why .parcel-why-grid h2{max-width:680px;font-size:clamp(3.2rem,4.8vw,4.75rem);line-height:1.02;letter-spacing:-.045em}.parcel-why .parcel-why-grid>div:last-child{max-width:680px;padding-top:3.15rem}.parcel-why .parcel-why-grid .lead{font-size:clamp(1.15rem,1.65vw,1.45rem);line-height:1.5}.parcel-why .parcel-why-grid>div:last-child>p:not(.lead){margin-top:1.4rem;line-height:1.65}@media(max-width:920px){.parcel-why .parcel-why-grid{grid-template-columns:1fr}.parcel-why .parcel-why-grid>div:last-child{max-width:none;padding-top:0}}


.parcel-why .parcel-why-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,4.5vw,4.5rem)}.parcel-why .parcel-why-grid h2{max-width:680px;font-size:clamp(3.2rem,4.25vw,4rem);line-height:1.02;letter-spacing:-.045em}.parcel-why .parcel-why-grid>div:last-child{max-width:680px;padding-top:2.1rem}@media(max-width:920px){.parcel-why .parcel-why-grid{grid-template-columns:1fr}.parcel-why .parcel-why-grid>div:last-child{max-width:none;padding-top:0}}


/* Ecommerce fulfillment */
.ecommerce-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 24%,rgba(91,218,192,.22),transparent 28%),linear-gradient(140deg,#061a29,#0a3549 60%,#0b5b65)}
.ecommerce-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(153,225,232,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(153,225,232,.24) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 42%,#000)}
.ecommerce-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.ecommerce-hero .eyebrow{color:#fff}.ecommerce-hero h1{max-width:790px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.96;letter-spacing:-.055em}.ecommerce-hero h1 span{color:#69d8bd}.ecommerce-hero .lead{max-width:700px;color:#d1e7ec}.ecommerce-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}
.ecommerce-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.ecommerce-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.ecommerce-order-console{overflow:hidden;border:1px solid rgba(157,226,233,.3);border-radius:24px;color:#173b49;background:#f7fbfb;box-shadow:0 34px 85px rgba(0,0,0,.32);transform:rotate(.55deg)}.ecommerce-console-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid #d7e6e9;background:#fff}.ecommerce-console-head>div{display:flex;align-items:center;gap:.55rem}.ecommerce-console-head i{width:8px;height:8px;border-radius:50%;background:#44c5a3;box-shadow:0 0 0 5px rgba(68,197,163,.12)}.ecommerce-console-head small{color:#16879c;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ecommerce-orders{display:grid;gap:.6rem;padding:1.1rem;background:linear-gradient(145deg,#eaf5f5,#f8fcfc)}.ecommerce-orders article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;border:1px solid #d7e5e8;border-radius:11px;background:#fff}.ecommerce-orders article.featured{border-color:#6fcdbb;background:#effaf6;box-shadow:0 8px 22px rgba(22,126,108,.08)}.ecommerce-orders b,.ecommerce-orders small{display:block}.ecommerce-orders b{font-size:.78rem}.ecommerce-orders small{margin-top:.2rem;color:#6c838c;font-size:.61rem}.ecommerce-orders article>span{padding:.35rem .55rem;border-radius:7px;color:#116854;background:#dff5ed;font-size:.58rem;font-weight:900}.ecommerce-route{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:1rem;border-top:1px solid #d7e6e9;border-bottom:1px solid #d7e6e9;background:#fff}.ecommerce-route span,.ecommerce-route strong{font-size:.64rem}.ecommerce-route span{color:#5e7780}.ecommerce-route strong{padding:.45rem .65rem;border-radius:8px;color:#fff;background:#116f83}.ecommerce-route i{width:28px;height:1px;background:#9bbfc5}.ecommerce-console-foot{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;background:#f2f8f8}.ecommerce-console-foot span{display:flex;align-items:center;gap:.5rem;color:#28725f;font-size:.65rem;font-weight:850}.ecommerce-console-foot span i{width:8px;height:8px;border-radius:50%;background:#43bd89}.ecommerce-console-foot b{font-size:.64rem}
.ecommerce-flow{background:#f1f6f7}.ecommerce-flow .concept-heading h2{color:#103d49!important}.ecommerce-flow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:2.4rem;overflow:hidden;border:1px solid #d2e2e5;border-radius:18px;background:#d2e2e5}.ecommerce-flow-track article{min-height:250px;padding:1.5rem;background:#fff}.ecommerce-flow-track article>span{color:#168ca4;font-size:.67rem;font-weight:900}.ecommerce-flow-track h3{margin-top:3rem}.ecommerce-flow-track p{color:#617983}
.ecommerce-capabilities{background:#fff}.ecommerce-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ecommerce-capability-grid article{display:flex;min-height:340px;padding:1.6rem;flex-direction:column;border:1px solid #d5e4e7;border-radius:20px;background:#f8fbfb;box-shadow:0 16px 42px rgba(14,75,88,.05)}.ecommerce-capability-grid article>span{color:#168ca4;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ecommerce-capability-grid h2{margin-top:3rem;color:#103d49!important;font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.08}.ecommerce-capability-grid p{color:#58717b}.ecommerce-capability-grid small{display:block;margin-top:auto;padding-top:1rem;border-top:1px solid #dbe7e9;color:#6b7f86;font-size:.68rem;line-height:1.55}
.ecommerce-why{color:#fff;background:linear-gradient(145deg,#071d2b,#0b3d50)}.ecommerce-why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,4.5vw,4.5rem);align-items:start}.ecommerce-why .eyebrow{color:#69d8bd}.ecommerce-why h2{max-width:650px;color:#fff!important;font-size:clamp(3.1rem,4.25vw,4rem);line-height:1.02;letter-spacing:-.045em}.ecommerce-why-grid>div:last-child{padding-top:2.1rem}.ecommerce-why .lead{margin:0;color:#d0e4e8;font-size:clamp(1.15rem,1.65vw,1.4rem);line-height:1.5}.ecommerce-why-grid>div:last-child>p:not(.lead){margin-top:1.4rem;color:#b8d2d8}.ecommerce-worlds{display:grid;grid-template-columns:auto 24px auto 1fr;gap:.65rem;align-items:center;margin-top:2rem;padding:1rem;border:1px solid rgba(166,223,230,.2);border-radius:14px;background:rgba(5,24,35,.35)}.ecommerce-worlds span{font-size:.66rem}.ecommerce-worlds i{height:1px;background:#5da6b1}.ecommerce-worlds strong{justify-self:end;padding:.45rem .65rem;border-radius:7px;color:#073f43;background:#69d8bd;font-size:.66rem}
@media(max-width:920px){.ecommerce-hero-grid,.ecommerce-why-grid{grid-template-columns:1fr}.ecommerce-order-console{max-width:620px;transform:none}.ecommerce-flow-track{grid-template-columns:1fr 1fr}.ecommerce-capability-grid{grid-template-columns:1fr}.ecommerce-capability-grid article{min-height:0}.ecommerce-why-grid>div:last-child{padding-top:0}}
@media(max-width:620px){.ecommerce-flow-track{grid-template-columns:1fr}[Truncated]
/* Ecommerce flow heading layout enforcement */
.ecommerce-flow .concept-heading{grid-template-columns:1fr!important;max-width:none}
.ecommerce-flow .concept-heading h2{grid-column:1/-1;max-width:none;white-space:nowrap!important}
.ecommerce-flow .concept-heading>p{grid-column:1/-1;max-width:940px;margin-top:.5rem}
@media(max-width:920px){.ecommerce-flow .concept-heading h2{white-space:normal!important}}

.concept-b .command-copy h1 { letter-spacing: -.075em; }
.lead { max-width: 730px; margin: 0 0 1.75rem; color: var(--muted); font-size: clamp(1.08rem, 2vw, 1.3rem); }
.dark .lead { color: #bcd0e2; }
.section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 480px); gap: 2rem; align-items: end; margin-bottom: 2.5rem; }
.section-head p { margin: 0; color: var(--muted); }
.actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.75rem; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .55rem; padding: .8rem 1.2rem; border: 1px solid transparent; border-radius: 999px; color: var(--white); background: var(--blue-600); font-weight: 700; line-height: 1.2; text-decoration: none; transition: .2s ease; }
.button:hover { color: var(--white); background: var(--navy-800); transform: translateY(-2px); }
.button-light { color: var(--navy-950); background: var(--white); }
.button-light:hover { color: var(--navy-950); background: var(--blue-100); }
.button-outline { color: var(--navy-900); border-color: var(--line); background: transparent; }
.dark .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.button-outline:hover { color: var(--navy-950); background: var(--blue-100); }
.dark .button-outline:hover { color: var(--white); background: rgba(255,255,255,.12); }

.site-header { position: sticky; z-index: 100; top: 0; border-bottom: 1px solid rgba(220,229,237,.8); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.header-inner { display: flex; min-height: var(--header); align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--navy-950); font: 800 1.2rem/1 Sora, sans-serif; text-decoration: none; white-space: nowrap; }
.brand-mark { position: relative; display: grid; width: 38px; height: 38px; place-items: center; border: 3px solid var(--brand-blue); border-radius: 50%; color: var(--brand-blue); background: var(--white); font: 800 .68rem/1 Sora, sans-serif; letter-spacing: -.08em; }
.brand-mark::after { position: absolute; inset: 4px; border: 2px solid var(--brand-cyan); border-radius: 50%; content: ""; }
.brand-logo { position: relative; display: block; width: 190px; height: 50px; overflow: hidden; }
.brand-logo img { position: absolute; width: 100%; max-width: none; height: auto; left: 0; top: -66px; }
.brand-footer .brand-logo { width: 210px; height: 56px; }
.brand-footer .brand-logo img { top: -73px; }
.site-nav { display: flex; flex: 1; align-items: center; justify-content: center; gap: 1.65rem; }
.site-nav a { color: var(--ink); font-size: .94rem; font-weight: 600; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--blue-600); }
.header-actions { display: flex; align-items: center; gap: .75rem; }
.header-actions .button { border-color: rgba(255,255,255,.26); background: linear-gradient(145deg, #31bfd5 0%, #1e61b7 62%, #174b85 100%); background-size: 160% 160%; box-shadow: 0 10px 24px rgba(30,97,183,.28), inset 0 1px 0 rgba(255,255,255,.28); transition: transform .2s ease, box-shadow .2s ease, background-position .35s ease; }
.header-actions .button:hover { background-position: 100% 100%; box-shadow: 0 14px 30px rgba(30,97,183,.36), inset 0 1px 0 rgba(255,255,255,.32); transform: translateY(-2px); }
.login { color: var(--ink); font-weight: 700; text-decoration: none; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--white); }

.hero { position: relative; overflow: hidden; padding: clamp(4.75rem, 9vw, 8.75rem) 0; color: #dce9f5; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #061522 0%, #0b2842 56%, #103d62 100%); }
.hero h1 { color: var(--white); text-shadow: 0 6px 32px rgba(0,0,0,.2); }
.hero .lead { color: #bbcede; }
.hero .eyebrow { color: #6ce5f2; }
.hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.28); }
.hero .button-outline:hover { color: var(--white); border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.1); }
.hero::before { position: absolute; width: 560px; height: 560px; border: 1px solid rgba(49,191,213,.2); border-radius: 50%; content: ""; right: -180px; top: -270px; box-shadow: 0 0 0 95px rgba(56,122,186,.07), 0 0 0 190px rgba(49,191,213,.04); }
.hero::after { position: absolute; width: 240px; height: 240px; border-radius: 50%; content: ""; left: -150px; bottom: -170px; background: rgba(49,191,213,.12); filter: blur(2px); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.tech-lines { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.tech-lines svg { width: 100%; height: 100%; overflow: visible; }
.signal-line { fill: none; stroke: url(#hero-signal); stroke-width: 1.4; stroke-linecap: round; stroke-dasharray: 11 19; vector-effect: non-scaling-stroke; animation: signalFlow 8s linear infinite, waveFloat 12s ease-in-out infinite alternate; }
.signal-b { opacity: .55; stroke-width: 1; animation-duration: 11s, 15s; animation-direction: reverse, alternate; }
.signal-c { opacity: .36; animation-duration: 14s, 18s; }
.signal-node { fill: var(--brand-cyan); filter: drop-shadow(0 0 7px rgba(49,191,213,.9)); transform-box: fill-box; transform-origin: center; animation: nodePulse 3.2s ease-in-out infinite; }
.node-b { animation-delay: -1.4s; }
.tech-lines-hero { opacity: .62; }
.hero .proof-line { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 2rem; color: var(--muted); font-size: .88rem; font-weight: 600; }
.hero .proof-line { color: #b6cbdd; }
.proof-line span::before { margin-right: .45rem; color: var(--teal-500); content: "✓"; }
.product-panel { position: relative; padding: 1.1rem; border: 1px solid rgba(56,122,186,.16); border-radius: var(--radius-lg); background: rgba(255,255,255,.9); box-shadow: 0 28px 80px rgba(30,97,183,.2); backdrop-filter: blur(18px); }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; padding: .6rem .55rem 1rem; color: var(--muted); font-size: .8rem; font-weight: 700; }
.dots { display: flex; gap: .3rem; }
.dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--line); }
.dashboard { padding: 1rem; border-radius: 1.35rem; color: var(--white); background: linear-gradient(145deg, #10365f, #1e61b7); }
.dashboard-top { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.dashboard-label { color: #9db4c9; font-size: .75rem; }
.metric { padding: 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-sm); background: rgba(255,255,255,.06); }
.metric strong { display: block; font: 700 1.6rem/1.2 Sora, sans-serif; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; }
.load-list { display: grid; gap: .6rem; margin-top: .8rem; }
.load-row { display: grid; grid-template-columns: 1fr auto auto; gap: .7rem; align-items: center; padding: .8rem; border-radius: .7rem; color: #c6d7e6; background: rgba(255,255,255,.055); font-size: .78rem; }
.status { padding: .25rem .55rem; border-radius: 999px; color: #91f0df; background: rgba(32,168,155,.18); font-size: .7rem; font-weight: 700; }
.breadcrumb { padding: 1.1rem 0; color: var(--muted); font-size: .84rem; }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.breadcrumb li + li::before { margin-right: .45rem; content: "/"; }
.breadcrumb a { color: var(--muted); }

.logo-strip { border-block: 1px solid var(--line); }
.logo-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5rem; align-items: center; }
.wordmark { color: var(--brand-charcoal); font: 700 1rem/1 Sora, sans-serif; text-align: center; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.card { position: relative; overflow: hidden; padding: clamp(1.35rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: 0 1px 0 rgba(30,97,183,.03); transition: .2s ease; }
.card::after { position: absolute; width: 80px; height: 3px; left: 0; bottom: 0; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.card:hover { border-color: var(--brand-cyan-light); box-shadow: 0 16px 38px rgba(30,97,183,.11); transform: translateY(-3px); }
.card:hover::after { transform: scaleX(1); }
.card p { margin: 0; color: var(--muted); }
.card a { font-weight: 700; }
.card-icon { display: grid; width: 44px; height: 44px; margin-bottom: 1.25rem; place-items: center; border-radius: 13px; color: var(--blue-600); background: var(--blue-100); font-weight: 800; }
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.feature-list { display: grid; gap: 1rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.feature-list li { position: relative; padding-left: 2rem; }
.feature-list li::before { position: absolute; left: 0; top: .15rem; display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; color: var(--white); background: var(--teal-500); content: "✓"; font-size: .72rem; font-weight: 800; }
.feature-list strong { display: block; color: var(--navy-950); }
.visual-box { min-height: 420px; padding: 2rem; border-radius: var(--radius-lg); background: linear-gradient(145deg, #164b84, #1e61b7 62%, #287da9); box-shadow: 0 24px 60px rgba(30,97,183,.22); }
.flow { display: grid; gap: 1rem; }
.flow-step { display: flex; gap: 1rem; align-items: center; padding: 1.1rem; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-sm); color: var(--white); background: rgba(255,255,255,.07); }
.flow-step b { display: grid; flex: 0 0 32px; height: 32px; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--cyan-400); }
.flow-step small { display: block; color: #aac0d3; }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--line); }
.stat { padding: 2rem 1.25rem; background: var(--white); text-align: center; }
.stat strong { display: block; color: var(--blue-600); font: 800 clamp(1.8rem, 4vw, 3rem)/1 Sora, sans-serif; }
.stat span { display: block; margin-top: .6rem; color: var(--muted); font-size: .88rem; }
.quote { margin: 0; padding: clamp(1.8rem, 4vw, 3.5rem); border-radius: var(--radius-lg); color: var(--white); background: var(--navy-900); }
.quote p { margin: 0 0 1.5rem; font: 600 clamp(1.35rem, 3vw, 2.1rem)/1.35 Sora, sans-serif; }
.quote cite { color: #bcd0e2; font-style: normal; }
.cta-band { position: relative; overflow: hidden; border-radius: var(--radius-lg); background: linear-gradient(120deg, var(--brand-blue), var(--brand-blue-light) 64%, #278da9); box-shadow: 0 24px 56px rgba(30,97,183,.2); }
.cta-band .inner { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; padding: clamp(2rem, 6vw, 4.5rem); }
.cta-band h2 { max-width: 720px; margin: 0; color: var(--white); }
.cta-band p { margin: .8rem 0 0; color: #dbe8ff; }

.ai-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #f7fbfd 0%, #eef7fb 100%); }
.ai-section::before { position: absolute; width: 440px; height: 440px; border: 1px solid rgba(49,191,213,.2); border-radius: 50%; content: ""; right: -260px; top: 80px; box-shadow: 0 0 0 70px rgba(49,191,213,.035), 0 0 0 140px rgba(30,97,183,.025); }
.ai-section > .container { position: relative; z-index: 2; }
.tech-lines-ai { z-index: 1; top: 10%; bottom: 2%; opacity: .7; }
.tech-lines-ai .signal-line { stroke: url(#ai-signal); stroke-width: 1.1; stroke-dasharray: 8 17; animation-duration: 15s, 20s; }
.tech-lines-ai .signal-e { opacity: .5; animation-duration: 18s, 24s; animation-direction: reverse, alternate; }
.ai-section-head { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 3rem; align-items: end; margin-bottom: 2.75rem; }
.ai-section-head h2 { max-width: 780px; }
.ai-section-head > p { margin: 0; color: var(--muted); font-size: 1.08rem; }
.ai-agent-grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.ai-agent-card { overflow: hidden; border: 1px solid rgba(56,122,186,.2); border-radius: 1.45rem; background: rgba(255,255,255,.92); box-shadow: 0 18px 48px rgba(30,97,183,.1); transition: transform .25s ease, box-shadow .25s ease; }
.ai-agent-card:hover { box-shadow: 0 26px 64px rgba(30,97,183,.18); transform: translateY(-6px); }
.ai-agent-media { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: var(--white); }
.ai-agent-media::after { position: absolute; inset: auto 0 0; height: 22%; background: linear-gradient(transparent, rgba(16,54,95,.08)); content: ""; pointer-events: none; }
.ai-agent-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.ai-agent-card:hover .ai-agent-media img { transform: scale(1.025); }
.agent-icon-stage { position: relative; display: grid; min-height: 245px; place-items: center; overflow: hidden; border-bottom: 1px solid rgba(56,122,186,.16); background: radial-gradient(circle at 50% 45%, #ffffff 0 20%, #eff8fc 68%, #e2f3f7 100%); }
.agent-icon-stage::before { position: absolute; width: 230px; height: 230px; border: 1px solid rgba(30,97,183,.1); border-radius: 50%; content: ""; box-shadow: 0 0 0 34px rgba(49,191,213,.045), 0 0 0 68px rgba(30,97,183,.025); }
.agent-icon { position: relative; z-index: 1; display: grid; width: 112px; height: 112px; place-items: center; border: 1px solid rgba(255,255,255,.7); border-radius: 30px; color: var(--white); background: linear-gradient(145deg, var(--brand-blue-light), var(--brand-blue) 62%, #174b85); box-shadow: 0 18px 34px rgba(30,97,183,.25), inset 0 1px 0 rgba(255,255,255,.25); }
.agent-icon svg { width: 62px; height: 62px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.agent-icon-procaller { background: linear-gradient(145deg, #31bfd5, #1e61b7 66%, #174b85); }
.agent-icon-dispatch { background: linear-gradient(145deg, #387aba, #1e61b7 58%, #10365f); }
.agent-number { position: absolute; right: 1.1rem; top: .8rem; color: rgba(30,97,183,.22); font: 800 2.7rem/1 Sora, sans-serif; letter-spacing: -.08em; }
.ai-agent-content { padding: 1.5rem; }
.ai-agent-content h3 { margin-top: .65rem; font-size: 1.65rem; }
.ai-agent-content p { color: var(--muted); }
.ai-agent-content ul { display: grid; gap: .45rem; margin: 1rem 0 1.25rem; padding: 0; list-style: none; }
.ai-agent-content li { position: relative; padding-left: 1.35rem; color: var(--ink); font-size: .92rem; }
.ai-agent-content li::before { position: absolute; left: 0; color: var(--brand-cyan); content: "●"; font-size: .72rem; }
.ai-agent-content a { font-weight: 700; text-decoration: none; }
.ai-badge { display: inline-flex; align-items: center; padding: .35rem .65rem; border: 1px solid rgba(30,97,183,.16); border-radius: 999px; color: var(--brand-blue); background: var(--blue-100); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.native-proof { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 2rem; align-items: center; margin-top: 1.5rem; padding: 1.4rem 1.6rem; border-radius: 1.15rem; color: var(--white); background: linear-gradient(120deg, #10365f, var(--brand-blue)); box-shadow: 0 18px 44px rgba(30,97,183,.18); }
.native-proof-kicker { display: block; margin-bottom: .25rem; color: var(--brand-cyan-light); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.native-proof strong { font: 700 1.18rem/1.35 Sora, sans-serif; }
.native-proof-points { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
.native-proof-points span { padding: .42rem .7rem; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #e8f7fb; font-size: .8rem; font-weight: 700; }

.workflow-lab { position: relative; overflow: hidden; color: #d8e7f3; background: radial-gradient(circle at 20% 8%, rgba(49,191,213,.12), transparent 25%), #071722; }
.workflow-lab > .container { position: relative; z-index: 2; }
.flow-grid { position: absolute; z-index: 1; inset: -80px; opacity: .22; background-image: linear-gradient(rgba(49,191,213,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.16) 1px, transparent 1px); background-size: 54px 54px; -webkit-mask-image: radial-gradient(ellipse at 50% 45%, #000 0 25%, transparent 76%); mask-image: radial-gradient(ellipse at 50% 45%, #000 0 25%, transparent 76%); animation: gridDrift 20s linear infinite; pointer-events: none; }
.flow-grid::after { position: absolute; width: 520px; height: 520px; border: 1px solid rgba(49,191,213,.35); border-radius: 50%; content: ""; right: 5%; top: 14%; box-shadow: 0 0 0 46px rgba(49,191,213,.035), 0 0 0 92px rgba(56,122,186,.025); animation: orbitDrift 14s ease-in-out infinite alternate; }
.workflow-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .65fr); gap: 3rem; align-items: end; margin-bottom: 2.5rem; }
.workflow-heading h2 { max-width: 780px; color: var(--white); }
.workflow-heading > p { margin: 0; color: #9eb5c7; font-size: 1.05rem; }
.workflow-heading .eyebrow { color: #68dbea; }
.workflow-shell { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.65rem; background: rgba(11,40,66,.7); box-shadow: 0 34px 90px rgba(0,0,0,.28); backdrop-filter: blur(16px); }
.workflow-tabs { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid rgba(179,227,237,.14); background: rgba(4,17,28,.5); }
.workflow-tab { position: relative; display: grid; gap: .22rem; min-height: 112px; padding: 1.2rem 1.35rem; border: 0; border-right: 1px solid rgba(179,227,237,.1); color: #93aabd; background: transparent; text-align: left; transition: .2s ease; }
.workflow-tab:last-child { border-right: 0; }
.workflow-tab::after { position: absolute; right: 1rem; bottom: -1px; left: 1rem; height: 3px; border-radius: 3px 3px 0 0; background: var(--brand-cyan); content: ""; opacity: 0; transform: scaleX(.4); transition: .2s ease; }
.workflow-tab:hover { color: var(--white); background: rgba(255,255,255,.035); }
.workflow-tab[aria-selected="true"] { color: var(--white); background: linear-gradient(180deg, rgba(49,191,213,.11), rgba(30,97,183,.04)); }
.workflow-tab[aria-selected="true"]::after { opacity: 1; transform: scaleX(1); }
.workflow-tab span { color: var(--brand-cyan); font: 700 .72rem/1 Sora, sans-serif; letter-spacing: .08em; }
.workflow-tab strong { font: 600 1rem/1.3 Sora, sans-serif; }
.workflow-tab small { color: #7891a5; font-size: .78rem; }
.workflow-stage { min-height: 480px; }
.workflow-panel { display: grid; grid-template-columns: minmax(0, .86fr) minmax(390px, 1.14fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; padding: clamp(2rem, 5vw, 4.25rem); }
.workflow-panel[hidden] { display: none; }
.workflow-copy h3 { margin: .9rem 0 1rem; color: var(--white); font-size: clamp(1.7rem, 3vw, 2.65rem); }
.workflow-copy > p { color: #9fb6c8; }
.workflow-copy .feature-list strong { color: #eff8ff; }
.workflow-copy .feature-list li { color: #a8bdcd; }
.ui-status { display: inline-flex; align-items: center; width: fit-content; padding: .35rem .65rem; border: 1px solid rgba(49,191,213,.24); border-radius: 999px; color: #8be8f2; background: rgba(49,191,213,.09); font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.ui-window { overflow: hidden; min-height: 320px; border: 1px solid rgba(179,227,237,.18); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 50px rgba(0,0,0,.2); }
.ui-window-bar { display: flex; min-height: 54px; align-items: center; justify-content: space-between; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.13); color: #dceaf4; font-size: .83rem; font-weight: 700; }
.ui-window-bar i { width: 8px; height: 8px; border-radius: 50%; background: #617b8e; box-shadow: -14px 0 #3e5d72, -28px 0 #2b485c; }
.ui-window-bar .live-dot { background: #55dfc0; box-shadow: 0 0 0 5px rgba(85,223,192,.09), 0 0 18px rgba(85,223,192,.5); }
.route-line { display: grid; grid-template-columns: 1fr auto 1fr; gap: .8rem; align-items: center; padding: 1.3rem 1.15rem; border-bottom: 1px solid rgba(179,227,237,.1); }
.route-line b { color: var(--white); font-family: Sora, sans-serif; }
.route-line b:last-child { text-align: right; }
.route-line span { position: relative; padding: 0 1.4rem; color: #8da6b9; font-size: .75rem; }
.route-line span::before { position: absolute; top: 50%; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, var(--brand-cyan), rgba(49,191,213,.2)); content: ""; }
.route-line span { z-index: 1; background: #102d45; }
.ui-options { display: grid; gap: .65rem; padding: 1.1rem; }
.ui-option { display: grid; grid-template-columns: .8fr 1.2fr auto; gap: 1rem; align-items: center; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .8rem; color: #88a1b4; background: rgba(255,255,255,.025); }
.ui-option.active { border-color: rgba(49,191,213,.42); color: var(--white); background: rgba(49,191,213,.08); box-shadow: 0 0 0 1px rgba(49,191,213,.08); }
.ui-option strong { color: inherit; font-size: .85rem; }
.ui-option em { color: #74dbe8; font-size: .75rem; font-style: normal; }
.activity-feed { padding: .75rem 1rem 1rem; }
.activity-feed > div { display: grid; grid-template-columns: 52px 1fr auto; gap: .8rem; align-items: center; padding: .9rem .4rem; border-bottom: 1px solid rgba(179,227,237,.09); }
.activity-feed > div:last-child { border-bottom: 0; }
.activity-feed b { color: #6f8ba0; font-size: .72rem; }
.activity-feed span { color: #d5e4ef; font-size: .86rem; }
.activity-feed em { padding: .25rem .5rem; border-radius: 999px; color: #75dfeb; background: rgba(49,191,213,.1); font-size: .68rem; font-style: normal; }
.dispatch-card { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin: 1.1rem; padding: 1.1rem; border: 1px solid rgba(49,191,213,.22); border-radius: .9rem; background: rgba(49,191,213,.06); }
.dispatch-card strong, .dispatch-card small { display: block; }
.dispatch-card strong { margin: .55rem 0 .15rem; color: var(--white); font-family: Sora, sans-serif; }
.dispatch-card small { color: #8da7ba; }
.dispatch-checks { display: grid; gap: .55rem; padding: 0 1.1rem 1.1rem; }
.dispatch-checks span { position: relative; padding: .75rem 1rem .75rem 2.4rem; border-radius: .7rem; color: #7892a6; background: rgba(255,255,255,.025); }
.dispatch-checks span::before { position: absolute; left: .9rem; content: "○"; color: #6f899d; }
.dispatch-checks .done { color: #d5e5ef; }
.dispatch-checks .done::before { color: #55dfc0; content: "✓"; }
.timeline { position: relative; display: grid; gap: 0; padding: 1.1rem 1.2rem; }
.timeline::before { position: absolute; width: 1px; top: 2rem; bottom: 2rem; left: 2rem; background: rgba(179,227,237,.18); content: ""; }
.timeline > div { position: relative; display: grid; gap: .1rem; padding: .75rem .6rem .75rem 2.5rem; }
.timeline > div::before { position: absolute; z-index: 1; width: 10px; height: 10px; left: .35rem; top: 1.1rem; border: 2px solid #557489; border-radius: 50%; background: #102d45; content: ""; }
.timeline .complete::before { border-color: #55dfc0; background: #55dfc0; }
.timeline .current::before { border-color: var(--brand-cyan); box-shadow: 0 0 0 6px rgba(49,191,213,.1), 0 0 18px rgba(49,191,213,.38); }
.timeline b { color: #e2edf5; font-size: .86rem; }
.timeline span { color: #7893a8; font-size: .76rem; }

@keyframes signalFlow {
  to { stroke-dashoffset: -180; }
}

@keyframes waveFloat {
  from { transform: translate3d(-1.5%, -5px, 0); }
  to { transform: translate3d(1.5%, 7px, 0); }
}

@keyframes nodePulse {
  0%, 100% { opacity: .35; transform: scale(.75); }
  50% { opacity: 1; transform: scale(1.35); }
}

@keyframes gridDrift {
  to { transform: translate3d(54px, 54px, 0); }
}

@keyframes orbitDrift {
  from { transform: translate3d(-18px, -10px, 0) scale(.96); opacity: .45; }
  to { transform: translate3d(22px, 14px, 0) scale(1.04); opacity: .8; }
}

.command-hero { position: relative; overflow: hidden; min-height: 780px; padding: clamp(5rem, 9vw, 8rem) 0; color: #dceaf5; background: linear-gradient(135deg, #040e16 0%, #081c2b 52%, #0d2f48 100%); }
.command-mesh { position: absolute; inset: -20%; opacity: .2; background-image: linear-gradient(rgba(49,191,213,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.12) 1px, transparent 1px); background-size: 72px 72px; transform: perspective(700px) rotateX(62deg) translateY(18%); transform-origin: center bottom; mask-image: linear-gradient(180deg, transparent, #000 35%, transparent 80%); animation: commandMesh 22s linear infinite; }
.command-hero::after { position: absolute; width: 620px; height: 620px; border-radius: 50%; content: ""; right: -220px; top: -260px; background: radial-gradient(circle, rgba(49,191,213,.18), transparent 68%); filter: blur(12px); }
.command-grid { position: relative; z-index: 2; display: grid; width: min(calc(100% - 3rem), 1280px); grid-template-columns: minmax(0, 1fr) minmax(500px, 1fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: center; }
.command-copy { min-width: 0; max-width: 610px; }
.command-copy h1 { max-width: 610px; margin-top: 0; color: var(--white); font-size: clamp(3.35rem, 5.1vw, 5.25rem); line-height: 1.04; letter-spacing: -.065em; overflow-wrap: break-word; }
.command-copy h1 span { color: transparent; background: linear-gradient(90deg, #8debf3, #31bfd5 48%, #6ba8f1); -webkit-background-clip: text; background-clip: text; }
.command-copy .lead { color: #a9bfce; }
.command-pill { display: inline-flex; align-items: center; gap: .55rem; padding: .45rem .8rem; border: 1px solid rgba(49,191,213,.26); border-radius: 999px; color: #a7edf3; background: rgba(49,191,213,.08); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.command-pill i { width: 7px; height: 7px; border-radius: 50%; background: #58e1c1; box-shadow: 0 0 0 5px rgba(88,225,193,.1), 0 0 15px rgba(88,225,193,.6); }
.command-copy .actions { align-items: center; }
.text-link { color: #bad0df; font-size: .9rem; font-weight: 700; text-decoration: none; }
.text-link:hover { color: var(--brand-cyan); }
.command-trust { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-top: 2.4rem; color: #7f99ac; font-size: .76rem; font-weight: 600; text-transform: uppercase; }
.command-trust span { display: flex; align-items: center; gap: .45rem; }
.command-trust b { color: #55d5e5; font-size: .64rem; }
.command-console { position: relative; overflow: hidden; border: 1px solid rgba(179,227,237,.18); border-radius: 1.5rem; background: linear-gradient(145deg, rgba(20,57,84,.88), rgba(6,25,39,.94)); box-shadow: 0 40px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.09); backdrop-filter: blur(18px); }
.digital-globe { position: relative; overflow: hidden; min-height: 590px; border: 1px solid rgba(179,227,237,.16); border-radius: 1.75rem; background: radial-gradient(circle at 50% 45%, rgba(24,93,132,.36), transparent 48%), linear-gradient(145deg, rgba(10,42,63,.86), rgba(3,16,26,.94)); box-shadow: 0 40px 100px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(18px); }
.globe-hud, .globe-footer { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; color: #dceaf4; font-size: .76rem; }
.globe-hud { min-height: 58px; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.11); }
.globe-hud > div { display: flex; align-items: center; gap: .55rem; font-weight: 700; }
.globe-hud small { color: #5fe0c0; }
.globe-stage { position: relative; display: grid; min-height: 470px; place-items: center; overflow: hidden; }
.globe-stage::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(179,227,237,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(179,227,237,.035) 1px, transparent 1px); background-size: 34px 34px; content: ""; mask-image: radial-gradient(circle, #000 0 38%, transparent 74%); animation: globeGridDrift 22s linear infinite; }
.globe-stage svg { position: relative; z-index: 2; width: min(92%, 520px); height: auto; overflow: visible; }
.globe-aura { position: absolute; width: 330px; height: 330px; border-radius: 50%; background: rgba(49,191,213,.08); box-shadow: 0 0 80px 28px rgba(49,191,213,.12), 0 0 160px 60px rgba(30,97,183,.07); animation: globeBreathe 5s ease-in-out infinite; }
.globe-sphere { filter: drop-shadow(0 22px 36px rgba(0,0,0,.35)); }
.globe-rim { fill: none; stroke: rgba(110,226,239,.56); stroke-width: 1.7; filter: drop-shadow(0 0 8px rgba(49,191,213,.35)); }
.globe-grid-lines, .globe-meridians { fill: none; stroke: rgba(123,214,227,.2); stroke-width: 1; transform-box: view-box; transform-origin: center; }
.globe-grid-lines { animation: globeTurn 14s ease-in-out infinite alternate; }
.globe-meridians { stroke: rgba(83,174,201,.18); animation: globeTurn 18s ease-in-out infinite alternate-reverse; }
.globe-routes { fill: none; stroke: url(#globe-route); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 8 14; animation: globeRouteFlow 7s linear infinite; }
.globe-routes path:nth-child(2) { animation-delay: -1.8s; }.globe-routes path:nth-child(3) { opacity: .7; }.globe-routes path:nth-child(4) { opacity: .5; }
.globe-nodes { fill: #70e6ef; }
.globe-nodes circle { transform-box: fill-box; transform-origin: center; animation: globeNode 2.8s ease-in-out infinite; }
.globe-nodes circle:nth-child(2n) { animation-delay: -1.1s; }.globe-nodes circle:nth-child(3n) { animation-delay: -2s; }
.globe-orbit { fill: none; stroke: rgba(49,191,213,.22); stroke-width: 1; stroke-dasharray: 2 13; transform-box: view-box; transform-origin: center; animation: slowSpin 32s linear infinite; }
.orbit-two { stroke: rgba(82,140,211,.15); stroke-dasharray: 22 10 2 12; animation-duration: 44s; animation-direction: reverse; }
.globe-chip { position: absolute; z-index: 3; display: grid; min-width: 112px; gap: .15rem; padding: .65rem .8rem; border: 1px solid rgba(179,227,237,.16); border-radius: .8rem; background: rgba(5,28,43,.72); box-shadow: 0 12px 28px rgba(0,0,0,.25); backdrop-filter: blur(10px); animation: globeChipFloat 5s ease-in-out infinite alternate; }
.globe-chip b { color: #dff1f7; font: 700 .72rem/1.2 Sora, sans-serif; }.globe-chip small { color: #60d7e3; font-size: .63rem; text-transform: uppercase; }
.chip-ai { right: 5%; top: 18%; }.chip-modes { left: 4%; top: 43%; animation-delay: -1.6s; }.chip-data { right: 8%; bottom: 14%; animation-delay: -3s; }
.globe-footer { min-height: 56px; padding: 0 1.15rem; border-top: 1px solid rgba(179,227,237,.11); color: #6f8fa4; font-size: .67rem; letter-spacing: .03em; }
.globe-footer span:first-child { display: flex; align-items: center; gap: .45rem; color: #8bdcc8; }
.globe-footer i { width: 6px; height: 6px; border-radius: 50%; background: #5fe0c0; box-shadow: 0 0 10px rgba(95,224,192,.7); }
.console-top { display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 0 1.15rem; border-bottom: 1px solid rgba(179,227,237,.12); color: #dce9f3; font-size: .78rem; font-weight: 700; }
.console-top > div { display: flex; align-items: center; gap: .55rem; }
.console-top small { color: #65dabe; }
.console-dot { width: 8px; height: 8px; border-radius: 50%; background: #58e1c1; box-shadow: 0 0 13px rgba(88,225,193,.8); }
.console-map { position: relative; height: 245px; overflow: hidden; border-bottom: 1px solid rgba(179,227,237,.1); background-image: radial-gradient(circle at 40% 50%, rgba(49,191,213,.08), transparent 36%), linear-gradient(rgba(179,227,237,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(179,227,237,.04) 1px, transparent 1px); background-size: auto, 30px 30px, 30px 30px; }
.map-route { position: absolute; height: 80px; border-top: 2px dashed rgba(49,191,213,.55); border-radius: 50%; filter: drop-shadow(0 0 7px rgba(49,191,213,.35)); animation: mapSignal 9s linear infinite; }
.route-one { width: 58%; left: 15%; top: 82px; transform: rotate(7deg); }
.route-two { width: 42%; left: 42%; top: 126px; transform: rotate(-12deg); animation-duration: 13s; animation-direction: reverse; }
.map-node { position: absolute; z-index: 2; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(49,191,213,.4); border-radius: 50%; color: #b9eef3; background: #0b2940; font: 700 .62rem/1 Sora, sans-serif; box-shadow: 0 0 0 7px rgba(49,191,213,.05); }
.map-node.chicago { left: 12%; top: 60px; }.map-node.denver { left: 42%; top: 122px; }.map-node.dallas { right: 22%; top: 64px; }.map-node.atlanta { right: 7%; top: 150px; }
.map-pulse { position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 48%; top: 45%; background: var(--brand-cyan); box-shadow: 0 0 0 0 rgba(49,191,213,.45); animation: mapPulse 2.6s ease-out infinite; }
.console-stats { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(179,227,237,.1); }
.console-stats > div { padding: 1rem; border-right: 1px solid rgba(179,227,237,.1); }
.console-stats > div:last-child { border-right: 0; }
.console-stats small, .console-stats span { display: block; color: #6f8da2; font-size: .67rem; }
.console-stats strong { display: block; margin: .2rem 0; color: #f2f8fc; font: 700 1.15rem/1.2 Sora, sans-serif; }
.console-feed { padding: .7rem 1rem 1rem; }
.console-feed > div { display: grid; grid-template-columns: 32px 1fr auto; gap: .7rem; align-items: center; padding: .65rem .2rem; border-bottom: 1px solid rgba(179,227,237,.07); }
.console-feed > div:last-child { border-bottom: 0; }
.feed-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #80e4ee; background: rgba(49,191,213,.1); font-size: .68rem; font-weight: 800; }
.console-feed p, .console-feed strong, .console-feed small { display: block; margin: 0; }
.console-feed strong { color: #dbe9f3; font-size: .78rem; }
.console-feed small { color: #718da1; font-size: .69rem; }
.console-feed em { color: #608096; font-size: .67rem; font-style: normal; }
.command-ticker { overflow: hidden; border-block: 1px solid #dce8ee; background: #f4f9fb; }
.command-ticker > div { display: flex; width: max-content; min-width: 100%; align-items: center; justify-content: center; gap: 2rem; padding: 1.05rem 2rem; color: #476478; font: 700 .74rem/1 Sora, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.command-ticker i { width: 5px; height: 5px; border-radius: 50%; background: var(--brand-cyan); }
.concept-agents { color: #dce9f2; background: #081a28; }
.concept-heading { display: grid; grid-template-columns: 1fr .65fr; gap: 1rem 3rem; align-items: end; margin-bottom: 2.6rem; }
.concept-heading h2 { color: var(--white); }
.concept-heading > p { margin: 0; color: #8fa8b9; }
.concept-heading .concept-index { grid-column: 1 / -1; }
.concept-index { color: #57d7e6; font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.agent-rail { display: grid; border-top: 1px solid rgba(179,227,237,.13); }
.agent-rail article { position: relative; display: grid; grid-template-columns: 100px 1fr auto; gap: 1.5rem; align-items: center; padding: 1.5rem 1rem; border-bottom: 1px solid rgba(179,227,237,.13); transition: .2s ease; }
.agent-rail article:hover { padding-left: 1.4rem; background: linear-gradient(90deg, rgba(49,191,213,.08), transparent 65%); }
.rail-icon { display: grid; place-items: center; }
.rail-icon .agent-icon { width: 72px; height: 72px; border-radius: 21px; }
.rail-icon .agent-icon svg { width: 39px; height: 39px; }
.agent-rail small { color: #58d6e5; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.agent-rail h3 { margin: .3rem 0; color: var(--white); font-size: 1.7rem; }
.agent-rail p { margin: 0; color: #8da6b8; }
.agent-rail article > b { color: rgba(179,227,237,.13); font: 800 3.8rem/1 Sora, sans-serif; }
.concept-bento { background: #f3f7fa; }
.concept-heading.light h2 { color: #112a3c; }
.concept-heading.light > p { color: #647785; }
.bento-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; }
.bento-card { position: relative; overflow: hidden; min-height: 290px; padding: clamp(1.4rem, 3vw, 2.2rem); border: 1px solid #dce7ed; border-radius: 1.35rem; background: var(--white); box-shadow: 0 16px 50px rgba(9,35,52,.07); }
.bento-card h3 { max-width: 580px; font-size: clamp(1.4rem, 2.7vw, 2.25rem); }
.bento-card p { max-width: 560px; color: #687b89; }
.bento-card a { font-weight: 700; text-decoration: none; }
.bento-kicker { display: inline-block; margin-bottom: .75rem; color: var(--brand-blue); font: 700 .69rem/1 Sora, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.bento-wide { display: grid; grid-template-columns: 1fr .85fr; gap: 2rem; align-items: center; grid-column: 1 / -1; }
.mode-stack { display: grid; gap: .6rem; }
.mode-stack span { display: grid; grid-template-columns: 42px 1fr auto; gap: .75rem; align-items: center; padding: .8rem; border: 1px solid #dfe9ef; border-radius: .75rem; color: #647b8c; font-size: .78rem; }
.mode-stack span.selected { color: #123c5e; border-color: rgba(49,191,213,.5); background: #eefafd; }
.mode-stack b { color: var(--brand-blue); }
.mode-stack em { color: #7990a1; font-size: .65rem; font-style: normal; text-transform: uppercase; }
.bento-dark { color: #d9e8f3; background: linear-gradient(145deg, #0a2539, #123f5f); }
.bento-dark h3, .bento-dark .bento-kicker { color: var(--white); }
.exception-ring { position: absolute; display: grid; width: 130px; height: 130px; right: 1.8rem; bottom: 1.3rem; place-items: center; border: 1px solid rgba(49,191,213,.35); border-radius: 50%; box-shadow: 0 0 0 18px rgba(49,191,213,.04), 0 0 0 36px rgba(49,191,213,.025); }
.exception-ring::before { position: absolute; inset: 10px; border: 3px dashed var(--brand-cyan); border-radius: 50%; content: ""; animation: slowSpin 18s linear infinite; }
.exception-ring span { color: #8ee8f1; font: 700 .7rem/1 Sora, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.integration-dots { display: grid; grid-template-columns: repeat(3, 48px); gap: .65rem; margin-top: 1.7rem; }
.integration-dots i { height: 48px; border: 1px solid #dbe8ee; border-radius: 13px; background: radial-gradient(circle, #31bfd5 0 4px, #edf8fb 5px); }
.bento-integrations { grid-column: 1 / -1; min-height: 0; padding: 0; }
.integration-heading { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: .5rem 3rem; align-items: end; padding: 2rem 2.1rem 1.7rem; }
.integration-heading .bento-kicker { grid-column: 1 / -1; }
.integration-heading h3, .integration-heading p { margin-bottom: 0; }
.integration-capabilities { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid #dce7ed; background: #f9fcfd; }
.integration-tile { min-height: 190px; padding: 1.2rem 1rem; border-right: 1px solid #dce7ed; transition: .2s ease; }
.integration-tile:last-child { border-right: 0; }
.integration-tile:hover { background: #eef9fc; transform: translateY(-3px); }
.integration-icon { display: grid; width: 46px; height: 46px; margin-bottom: 1rem; place-items: center; border: 1px solid rgba(49,191,213,.25); border-radius: 13px; color: var(--brand-cyan); background: linear-gradient(145deg, #0e3855, #15577a); box-shadow: 0 10px 22px rgba(13,55,83,.16); }
.integration-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.integration-tile h4 { margin: 0 0 .45rem; color: #183b52; font: 700 .93rem/1.25 Syne, Sora, sans-serif; }
.integration-tile p { margin: 0; color: #708593; font-size: .76rem; line-height: 1.45; }
.bento-flow { grid-column: 1 / -1; min-height: 500px; }
.rhythm-heading { display: grid; grid-template-columns: 1fr minmax(280px, .8fr); gap: .5rem 3rem; align-items: end; }
.rhythm-heading .bento-kicker { grid-column: 1 / -1; }
.rhythm-heading h3, .rhythm-heading p { margin-bottom: 0; }
.rhythm-animation { overflow: hidden; padding: 2.2rem 0 .2rem; }
.rhythm-track { position: relative; min-width: 760px; height: 300px; }
.rhythm-track::before { position: absolute; height: 2px; right: 10%; left: 10%; top: 48px; border-radius: 999px; background: #d8e7ee; content: ""; }
.rhythm-progress { position: absolute; z-index: 1; width: 0; height: 2px; left: 10%; top: 48px; border-radius: 999px; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); box-shadow: 0 0 12px rgba(49,191,213,.45); animation: rhythmProgress 12s ease-in-out infinite; }
.rhythm-stage { position: absolute; z-index: 2; display: grid; width: 180px; justify-items: center; top: 0; color: #607887; text-align: center; transform: translateX(-50%); }
.rhythm-quote { left: 10%; animation: rhythmStage 12s ease-in-out infinite; }
.rhythm-cover { left: 37%; animation: rhythmStage 12s 3s ease-in-out infinite; }
.rhythm-execute { left: 63%; animation: rhythmStage 12s 6s ease-in-out infinite; }
.rhythm-close { left: 90%; animation: rhythmStage 12s 9s ease-in-out infinite; }
.rhythm-stage-icon { display: grid; width: 72px; height: 72px; place-items: center; border: 1px solid #d3e4eb; border-radius: 20px; color: #2a719d; background: #f8fcfd; box-shadow: 0 12px 28px rgba(17,64,90,.09); transition: .2s ease; }
.rhythm-stage-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.rhythm-stage strong { margin-top: .8rem; color: #23465c; font: 700 .88rem/1.2 Syne, Sora, sans-serif; }
.rhythm-stage small { margin-top: .25rem; color: #7b909d; font-size: .68rem; }
.rhythm-stage ul { display: grid; gap: .45rem; width: 100%; margin: .85rem 0 0; padding: .8rem 0 0; border-top: 1px solid #deeaef; list-style: none; text-align: left; }
.rhythm-stage li { position: relative; padding-left: .9rem; color: #657b89; font-size: .7rem; line-height: 1.4; }
.rhythm-stage li::before { position: absolute; left: 0; top: .43rem; width: 4px; height: 4px; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.rhythm-actor { position: absolute; z-index: 4; display: grid; place-items: center; opacity: 0; pointer-events: none; }
.rhythm-actor svg { width: 100%; height: 100%; fill: #f8fcfd; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.quote-actor { width: 34px; height: 34px; left: 10%; top: 31px; color: var(--brand-blue); animation: quoteFlow 12s ease-in-out infinite; }
.truck-actor { width: 54px; height: 38px; left: 37%; top: 30px; color: #19799a; animation: truckFlow 12s ease-in-out infinite; }
.bill-actor { width: 34px; height: 34px; left: 63%; top: 26px; border: 2px solid var(--brand-cyan); border-radius: 50%; color: #146795; background: #eefdff; font: 800 1rem/1 Sora, sans-serif; box-shadow: 0 7px 18px rgba(49,191,213,.24); animation: billFlow 12s ease-in-out infinite; }
.mini-flow { display: flex; align-items: center; gap: .8rem; margin-top: 1.2rem; }
.mini-flow span { padding: .8rem 1rem; border: 1px solid #d9e6ec; border-radius: .75rem; color: #274a60; background: #f8fbfd; font-size: .82rem; font-weight: 700; }
.mini-flow i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--brand-blue), var(--brand-cyan)); }
.concept-proof { color: #dce9f2; background: #071722; }
.concept-proof-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 4rem; align-items: start; }
.concept-proof h2 { margin-top: 1rem; color: var(--white); }
.proof-statements { display: grid; }
.proof-statements p { display: grid; grid-template-columns: 140px 1fr; gap: 1rem; margin: 0; padding: 1.2rem 0; border-bottom: 1px solid rgba(179,227,237,.13); }
.proof-statements b { color: #7ce2ec; font-family: Sora, sans-serif; }
.proof-statements span { color: #93aabd; }

@keyframes commandMesh { to { background-position: 72px 72px; } }
@keyframes mapSignal { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes mapPulse { 75%, 100% { box-shadow: 0 0 0 34px rgba(49,191,213,0); } }
@keyframes slowSpin { to { transform: rotate(360deg); } }
@keyframes globeGridDrift { to { background-position: 34px 34px; } }
@keyframes globeBreathe { 0%, 100% { opacity: .55; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.06); } }
@keyframes globeTurn { from { transform: rotate(-4deg) scaleX(.96); } to { transform: rotate(5deg) scaleX(1.04); } }
@keyframes globeRouteFlow { to { stroke-dashoffset: -180; } }
@keyframes globeNode { 0%, 100% { opacity: .45; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.42); } }
@keyframes globeChipFloat { from { transform: translateY(-5px); } to { transform: translateY(7px); } }
@keyframes rhythmProgress { 0%, 4% { width: 0; } 23% { width: 27%; } 52% { width: 53%; } 82%, 92% { width: 80%; } 100% { width: 0; } }
@keyframes rhythmStage { 0%, 23%, 100% { filter: none; transform: translateX(-50%) scale(1); } 7%, 16% { filter: drop-shadow(0 8px 12px rgba(49,191,213,.22)); transform: translateX(-50%) scale(1.06); } }
@keyframes quoteFlow { 0%, 3% { left: 10%; opacity: 0; transform: translateY(-3px) scale(.8); } 7% { opacity: 1; } 21% { left: 37%; opacity: 1; transform: translateY(-3px) scale(1); } 24%, 100% { left: 37%; opacity: 0; } }
@keyframes truckFlow { 0%, 25% { left: 37%; opacity: 0; transform: translateY(0); } 29% { opacity: 1; } 50% { left: 63%; opacity: 1; transform: translateY(-2px); } 54%, 100% { left: 63%; opacity: 0; } }
@keyframes billFlow { 0%, 56% { left: 63%; top: 26px; opacity: 0; transform: scale(.7); } 61% { opacity: 1; transform: scale(1); } 78% { left: 90%; top: 26px; opacity: 1; transform: scale(1); } 84% { left: 90%; top: 55px; opacity: 0; transform: scale(.72); } 100% { opacity: 0; } }

.about-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 82% 25%, rgba(49,191,213,.14), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0e3953); }
.about-grid-lines { position: absolute; inset: -20%; opacity: .13; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 62px 62px; mask-image: radial-gradient(circle at 75% 42%, #000, transparent 62%); animation: gridDrift 24s linear infinite; }
.about-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.about-hero h1 { max-width: 780px; color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }
.about-hero h1 span { color: transparent; background: linear-gradient(90deg, #78e4ee, #31bfd5 58%, #6c9ee3); -webkit-background-clip: text; background-clip: text; }
.about-hero .lead { color: #adc2d0; }
.about-hero .eyebrow { color: #63dce8; }
.about-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.about-hero .hero-proof { max-width: 690px; margin: 1.15rem 0 0; color: #d8e7f2; font-weight: 700; }
.about-modes .orbit-quote { left: -10%; }.about-modes .orbit-cover { right: -2%; }.about-modes .orbit-execute { right: 3%; }.about-modes .orbit-improve { left: -4%; }
.about-problem { background: linear-gradient(180deg, #fff, #f4f8fb); }
.about-problem .narrow { max-width: 880px; }.about-problem h2 { max-width: 820px; font-size: clamp(2.35rem, 5vw, 4.5rem); }
.about-problem p:not(.eyebrow) { color: #526b7e; font-size: 1.08rem; line-height: 1.8; }
.about-problem .problem-answer { margin-top: 2rem; padding-left: 1.35rem; border-left: 4px solid var(--brand-cyan); color: #123d58; font-weight: 800; }
.about-platform { color: #dceaf3; background: radial-gradient(circle at 88% 12%, rgba(49,191,213,.12), transparent 28%), #071722; }
.about-platform .concept-heading h2 { color: var(--white); }.about-platform .concept-heading > p { color: #91a9ba; }
.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 3rem; }
.capability-grid article { min-height: 220px; padding: 1.4rem; border: 1px solid rgba(126,206,220,.16); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); transition: transform .2s ease, border-color .2s ease; }
.capability-grid article:hover { border-color: rgba(99,220,232,.42); transform: translateY(-3px); }
.capability-grid span { color: #63dce8; font: 800 .8rem/1 Syne, sans-serif; letter-spacing: .12em; }.capability-grid h3 { margin-top: 2.3rem; color: var(--white); font-size: 1.2rem; }.capability-grid p { color: #9eb4c3; font-size: .94rem; }
.capability-grid .capability-ai { border-color: rgba(99,220,232,.35); background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); }
.serve-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }
.serve-grid article { min-height: 280px; padding: 1.6rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; background: rgba(255,255,255,.9); box-shadow: 0 24px 60px rgba(8,35,55,.08); }
.serve-grid span { color: var(--brand-cyan); font: 800 2.9rem/1 Syne, sans-serif; }.serve-grid h3 { margin-top: 3rem; font-size: 1.35rem; }.serve-grid p { color: #5c7488; }
.about-team { color: #dceaf3; background: #0b2d45; }
.team-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.team-intro { position: sticky; top: 7rem; }.team-intro h2 { color: var(--white); }.team-intro > p:last-child { color: #a1b8c8; }
.role-list { display: grid; gap: .8rem; }.role-list article { display: grid; grid-template-columns: 160px 1fr; gap: 1.5rem; padding: 1.35rem 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.role-list span { color: #63dce8; font-weight: 800; }.role-list p { margin: 0; color: #b3c7d4; }
.about-why { background: #fff; }.about-why .concept-heading h2 { color: #071722; }.why-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; margin-top: 3rem; }
.why-grid article { grid-column: span 2; padding: 1.5rem; border: 1px solid #dce7ef; border-radius: 1.1rem; background: #f7fafc; }
.why-grid article:nth-child(4) { grid-column: 2 / span 2; }.why-grid article:nth-child(5) { grid-column: span 2; }
.why-grid strong { display: block; color: #123d58; font-size: 1.08rem; }.why-grid p { margin-bottom: 0; color: #60788a; }
.about-final-cta .eyebrow { color: #b9f5fa; }.about-final-cta .actions { justify-content: flex-end; flex-wrap: wrap; }
.about-orbit { position: relative; width: min(100%, 480px); aspect-ratio: 1; margin-inline: auto; }
.about-orbit::before { position: absolute; inset: 18%; border-radius: 50%; background: radial-gradient(circle at 38% 32%, rgba(49,191,213,.26), rgba(16,64,91,.18) 56%, rgba(5,19,30,.05)); box-shadow: 0 0 80px rgba(49,191,213,.14); content: ""; }
.about-orbit-core { position: absolute; z-index: 4; display: grid; width: 134px; height: 134px; inset: 50% auto auto 50%; place-items: center; align-content: center; border: 1px solid rgba(100,227,238,.42); border-radius: 50%; color: var(--white); background: rgba(7,36,54,.9); box-shadow: 0 0 0 16px rgba(49,191,213,.045), 0 16px 40px rgba(0,0,0,.3); transform: translate(-50%, -50%); }
.about-orbit-core span { font: 800 1.5rem/1 Syne, sans-serif; letter-spacing: -.05em; }.about-orbit-core small { margin-top: .35rem; color: #69dbe6; font-size: .62rem; text-transform: uppercase; }
.orbit-ring { position: absolute; border: 1px solid rgba(80,207,222,.26); border-radius: 50%; inset: 12%; animation: slowSpin 28s linear infinite; }
.orbit-ring::after { position: absolute; width: 7px; height: 7px; border-radius: 50%; content: ""; left: 15%; top: 10%; background: var(--brand-cyan); box-shadow: 0 0 12px rgba(49,191,213,.8); }
.ring-two { inset: 25%; border-style: dashed; animation-duration: 18s; animation-direction: reverse; }
.orbit-item { position: absolute; z-index: 5; display: grid; min-width: 84px; min-height: 38px; place-items: center; padding: .45rem .75rem; border: 1px solid rgba(179,227,237,.18); border-radius: 999px; color: #cfe6ef; background: rgba(6,31,47,.82); box-shadow: 0 10px 24px rgba(0,0,0,.2); font-size: .7rem; font-weight: 700; animation: globeChipFloat 5s ease-in-out infinite alternate; }
.orbit-quote { left: 2%; top: 24%; }.orbit-cover { right: 1%; top: 19%; animation-delay: -1.3s; }.orbit-execute { right: 0; bottom: 19%; animation-delay: -2.6s; }.orbit-improve { left: 3%; bottom: 21%; animation-delay: -3.8s; }
.orbit-signal { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #70e6ef; box-shadow: 0 0 0 0 rgba(112,230,239,.4); animation: mapPulse 2.8s ease-out infinite; }
.signal-one { right: 20%; top: 43%; }.signal-two { left: 21%; bottom: 38%; animation-delay: -1.4s; }
.about-belief { position: relative; overflow: hidden; background: radial-gradient(circle at 88% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }
.about-belief::before { position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 74%); content: ""; }
.about-belief .container { position: relative; z-index: 1; }
.about-statement { display: grid; grid-template-columns: 1.12fr .88fr; gap: 1rem 4rem; align-items: end; margin-bottom: 3rem; }
.about-statement .concept-index { grid-column: 1 / -1; }
.about-statement h2 { max-width: 760px; }
.about-statement > p { margin: 0; color: #677d8b; }
.belief-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.belief-card { position: relative; min-height: 315px; padding: 1.45rem; overflow: hidden; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)); box-shadow: 0 24px 60px rgba(8,35,55,.08); }
.belief-card::before { position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }
.belief-card::after { position: absolute; width: 180px; height: 180px; right: -58px; top: -62px; border-radius: 50%; background: radial-gradient(circle, rgba(49,191,213,.22), transparent 68%); content: ""; }
.belief-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.belief-card-top > span { display: block; color: rgba(49,191,213,.95); font: 800 clamp(2.4rem, 4.6vw, 4.65rem)/.85 Syne, sans-serif; letter-spacing: -.08em; }
.belief-card-top > span::after { content: none; }
.belief-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; flex: 0 0 64px; padding: 13px; border: 1px solid rgba(255,255,255,.7); border-radius: 19px; color: #fff; background: linear-gradient(145deg, #168aae, #125a9e); box-shadow: 0 16px 30px rgba(18,90,158,.28), inset 0 1px 0 rgba(255,255,255,.24); }
.belief-icon svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.belief-grid h3 { position: relative; z-index: 1; margin-top: 2.35rem; font-size: 1.35rem; }.belief-grid p { position: relative; z-index: 1; color: #5c7488; }
.about-build { color: #dceaf3; background: #071722; }
.about-build .concept-heading h2 { color: var(--white); }.about-build .concept-heading > p { color: #8fa8b9; }
.about-tabs { display: grid; grid-template-columns: 260px 1fr; gap: 1rem; min-height: 420px; }
.about-tab-list { display: grid; align-content: start; border: 1px solid rgba(179,227,237,.14); border-radius: 1rem; overflow: hidden; background: rgba(255,255,255,.025); }
.about-tab-list button { display: flex; min-height: 76px; align-items: center; gap: .8rem; padding: 1rem 1.2rem; border: 0; border-bottom: 1px solid rgba(179,227,237,.1); color: #8da6b8; background: transparent; font-weight: 700; text-align: left; transition: .2s ease; }
.about-tab-list button:last-child { border-bottom: 0; }.about-tab-list button span { color: #4d809c; font-size: .7rem; }.about-tab-list button:hover { color: var(--white); background: rgba(49,191,213,.05); }.about-tab-list button[aria-selected="true"] { color: var(--white); background: linear-gradient(90deg, rgba(49,191,213,.16), rgba(30,97,183,.04)); box-shadow: inset 3px 0 var(--brand-cyan); }.about-tab-list button[aria-selected="true"] span { color: #6de1eb; }
.about-tab-panels { border: 1px solid rgba(179,227,237,.14); border-radius: 1rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.about-tab-panels article { display: grid; grid-template-columns: 120px 1fr; gap: 2.5rem; padding: clamp(2rem, 5vw, 4rem); }.about-tab-panels article[hidden] { display: none; }
.about-panel-number { color: rgba(179,227,237,.12); font: 800 4.8rem/1 Syne, sans-serif; }.about-tab-panels h3 { color: var(--white); font-size: 2rem; }.about-tab-panels p { color: #9bb2c3; }.about-tab-panels ul { display: grid; gap: .65rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }.about-tab-panels li { position: relative; padding-left: 1.3rem; color: #c3d4df; }.about-tab-panels li::before { position: absolute; width: 5px; height: 5px; left: 0; top: .65rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.about-ai { color: #dce9f2; background: radial-gradient(circle at 18% 22%, rgba(49,191,213,.1), transparent 28%), #0b2d45; }
.about-ai-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }.about-ai h2 { margin-top: 1rem; color: var(--white); }.about-ai p { color: #a1b8c8; }
.ai-principles { display: grid; gap: .8rem; }.ai-principles article { display: grid; grid-template-columns: 58px 1fr; gap: 1rem; align-items: center; padding: 1.15rem; border: 1px solid rgba(179,227,237,.13); border-radius: .9rem; background: rgba(255,255,255,.035); }.ai-principles article > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: #86edf6; background: linear-gradient(145deg, #1b7fb2, #18579b); box-shadow: 0 14px 32px rgba(0, 111, 207, .24); }.ai-principles article > span svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }.ai-principles h3 { margin: 0; color: var(--white); font-size: 1.08rem; }.ai-principles p { margin: .25rem 0 0; font-size: .85rem; }
.about-audience { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }.about-audience::before { position: absolute; inset: 0; pointer-events: none; opacity: .4; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 70%); content: ""; }.about-audience .container { position: relative; z-index: 1; }.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }.audience-card { position: relative; min-height: 305px; padding: 1.45rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.35rem; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)); box-shadow: 0 24px 60px rgba(8, 35, 55, .08); }.audience-card::before { position: absolute; inset: 0 0 auto; height: 7px; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }.audience-card::after { position: absolute; width: 180px; height: 180px; right: -58px; top: -62px; border-radius: 50%; background: radial-gradient(circle, rgba(49,191,213,.22), transparent 68%); content: ""; }.audience-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.audience-card-top > span { display: block; color: rgba(49,191,213,.95); font: 800 clamp(2.4rem, 4.6vw, 4.65rem)/.85 Syne, sans-serif; letter-spacing: -.08em; }.audience-card-top > span::after { content: none; }.audience-icon { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; flex: 0 0 64px; padding: 13px; border: 1px solid rgba(255,255,255,.7); border-radius: 19px; color: #fff; background: linear-gradient(145deg, #168aae, #125a9e); box-shadow: 0 16px 30px rgba(18,90,158,.28), inset 0 1px 0 rgba(255,255,255,.24); }.audience-icon svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }.audience-grid h3 { margin-top: 2.35rem; position: relative; z-index: 1; font-size: 1.35rem; }.audience-grid p { color: #5c7488; position: relative; z-index: 1; }.audience-tags { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.4rem; }.audience-tags small { display: inline-flex; align-items: center; min-height: 28px; padding: .35rem .62rem; border: 1px solid rgba(49,191,213,.24); border-radius: 999px; color: #1b5f89; background: rgba(49,191,213,.09); font-size: .72rem; font-weight: 800; letter-spacing: .02em; }

.truck-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 78% 26%, rgba(49,191,213,.15), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.truck-grid-lines { position: absolute; inset: -20%; opacity: .12; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(circle at 75% 45%, #000, transparent 64%); animation: gridDrift 22s linear infinite; }
.truck-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.truck-hero h1 { color: var(--white); font-size: clamp(3.1rem, 5.7vw, 5.8rem); }.truck-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.truck-hero .lead { color: #adc3d1; }.truck-hero .eyebrow { color: #64dce8; }.truck-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.truck-proof { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: 2rem; color: #8ca7ba; font-size: .76rem; font-weight: 700; }.truck-proof span::before { margin-right: .4rem; color: var(--brand-cyan); content: "●"; }
.coverage-board { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.coverage-top, .coverage-status { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }.coverage-top { border-bottom: 1px solid rgba(179,227,237,.1); }.coverage-top > div { display: flex; align-items: center; gap: .55rem; }.coverage-top strong { color: #e4eff6; font-size: .82rem; }.coverage-top small, .coverage-status small { color: #6d8ca1; }
.load-summary { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; padding: 1.2rem; }.load-summary > div:last-child { text-align: right; }.load-summary span, .load-summary small { display: block; color: #6e8ca0; font-size: .68rem; }.load-summary strong { display: block; margin: .25rem 0; color: var(--white); font: 700 .93rem/1.2 Sora, sans-serif; }.load-summary i { width: 100px; height: 1px; background: linear-gradient(90deg, var(--brand-cyan), rgba(49,191,213,.18)); }
.load-specs { display: flex; gap: .55rem; padding: 0 1.15rem 1rem; }.load-specs span { padding: .35rem .6rem; border: 1px solid rgba(179,227,237,.11); border-radius: 999px; color: #8fa9bb; background: rgba(255,255,255,.025); font-size: .65rem; }
.coverage-candidates { padding: .9rem 1rem; border-block: 1px solid rgba(179,227,237,.09); background: rgba(2,15,24,.22); }.candidate-head { display: flex; justify-content: space-between; margin-bottom: .65rem; color: #8ca6b8; font-size: .7rem; }.candidate-head em { color: #69dbe5; font-style: normal; }
.candidate { display: grid; grid-template-columns: 38px 1fr auto; gap: .75rem; align-items: center; padding: .7rem; border-bottom: 1px solid rgba(179,227,237,.07); }.candidate:last-child { border-bottom: 0; }.candidate.selected { border: 1px solid rgba(49,191,213,.25); border-radius: .75rem; background: rgba(49,191,213,.055); }.candidate-score { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #7ee2eb; background: rgba(49,191,213,.09); font-size: .7rem; font-weight: 800; }.candidate strong, .candidate small { display: block; }.candidate strong { color: #d9e8f2; font-size: .75rem; }.candidate small { color: #68879c; font-size: .64rem; }.candidate > em { color: #62d5df; font-size: .62rem; font-style: normal; text-transform: uppercase; }
.coverage-status span { display: flex; align-items: center; gap: .45rem; color: #86dbc7; font-size: .7rem; }.coverage-status i { width: 6px; height: 6px; border-radius: 50%; background: #5fe0c0; box-shadow: 0 0 10px rgba(95,224,192,.7); }
.truck-foundation { background: #f4f8fa; }.truck-foundation-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem 4rem; align-items: end; margin-bottom: 2.5rem; }.truck-foundation-head .concept-index { grid-column: 1 / -1; }.truck-foundation-head p { margin: 0; color: #687e8c; }.truck-foundation-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.2rem; overflow: hidden; background: var(--white); }.truck-foundation-grid article { min-height: 250px; padding: 1.5rem; border-right: 1px solid #dce7ed; }.truck-foundation-grid article:last-child { border-right: 0; }.truck-foundation-grid article > span { color: var(--brand-cyan); font: 700 .7rem/1 Syne, sans-serif; }.truck-foundation-grid h3 { margin-top: 3.5rem; font-size: 1.2rem; }.truck-foundation-grid p { color: #6b808d; font-size: .84rem; }
.truck-ai { color: #dce9f2; background: radial-gradient(circle at 15% 20%, rgba(49,191,213,.1), transparent 25%), #071722; }.truck-ai .concept-heading h2 { color: var(--white); }.truck-ai .concept-heading > p { color: #8fa8b9; }.truck-agent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.truck-agent-grid article { position: relative; min-height: 420px; padding: 1.6rem; border: 1px solid rgba(179,227,237,.13); border-radius: 1.15rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.truck-agent-grid .agent-icon { width: 76px; height: 76px; border-radius: 22px; }.truck-agent-grid .agent-icon svg { width: 42px; height: 42px; }.truck-agent-label { display: block; margin-top: 2rem; color: #63d9e5; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.truck-agent-grid h3 { margin-top: .4rem; color: var(--white); }.truck-agent-grid p { color: #91aabd; }.truck-agent-grid ul { display: grid; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }.truck-agent-grid li { position: relative; padding-left: 1rem; color: #b9cbd7; font-size: .78rem; }.truck-agent-grid li::before { position: absolute; width: 4px; height: 4px; left: 0; top: .5rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.truck-workflow { background: #f4f8fa; }.truck-tabs { overflow: hidden; border: 1px solid #d9e6ec; border-radius: 1.25rem; background: var(--white); box-shadow: 0 18px 50px rgba(8,39,57,.07); }.truck-tab-list { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid #dce7ed; }.truck-tab-list button { display: grid; min-height: 90px; gap: .25rem; padding: 1rem; border: 0; border-right: 1px solid #dce7ed; color: #6f8594; background: #f9fcfd; font-weight: 700; text-align: left; transition: .2s ease; }.truck-tab-list button:last-child { border-right: 0; }.truck-tab-list button span { color: #3a82b2; font-size: .68rem; }.truck-tab-list button:hover { color: #183d55; background: #eef9fc; }.truck-tab-list button[aria-selected="true"] { color: #143c57; background: linear-gradient(180deg, #e9f9fc, #f8fcfd); box-shadow: inset 0 -3px var(--brand-cyan); }
.truck-tab-panels article { display: grid; grid-template-columns: 1fr minmax(330px, .75fr); gap: 4rem; align-items: center; min-height: 430px; padding: clamp(2rem, 5vw, 4rem); }.truck-tab-panels article[hidden] { display: none; }.truck-panel-number { color: rgba(30,97,183,.12); font: 800 4rem/1 Syne, sans-serif; }.truck-tab-panels h3 { margin-top: .6rem; font-size: 2rem; }.truck-tab-panels p { color: #687e8c; }.truck-tab-panels ul { display: grid; gap: .55rem; padding: 0; list-style: none; }.truck-tab-panels li { position: relative; padding-left: 1.1rem; color: #526c7c; }.truck-tab-panels li::before { position: absolute; width: 5px; height: 5px; left: 0; top: .65rem; border-radius: 50%; background: var(--brand-cyan); content: ""; }
.truck-mini-ui { display: grid; gap: .65rem; padding: 1.2rem; border: 1px solid #d8e6ed; border-radius: 1rem; background: linear-gradient(145deg, #f9fcfd, #edf7fa); box-shadow: 0 16px 34px rgba(9,53,78,.08); }.truck-mini-ui > span { color: var(--brand-blue); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.truck-mini-ui > strong { margin-bottom: .35rem; color: #163d56; font: 700 1.2rem/1.2 Syne, sans-serif; }.truck-mini-ui > div { display: flex; justify-content: space-between; gap: 1rem; padding: .7rem; border-radius: .65rem; background: var(--white); }.truck-mini-ui em { color: #758c9a; font-size: .72rem; font-style: normal; }.truck-mini-ui b { color: #254f68; font-size: .72rem; }
.truck-capabilities { background: var(--white); }

.ltl-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.16), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.ltl-grid-lines { position: absolute; inset: -20%; opacity: .13; background-image: linear-gradient(rgba(49,191,213,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(49,191,213,.18) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle at 72% 42%, #000, transparent 66%); animation: gridDrift 22s linear infinite; }
.ltl-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .95fr) minmax(480px, 1.05fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.ltl-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.ltl-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.ltl-hero .lead { color: #adc3d1; }.ltl-hero .eyebrow { color: #64dce8; }.ltl-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.ltl-rate-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.ltl-console-top, .ltl-console-footer { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }.ltl-console-top { border-bottom: 1px solid rgba(179,227,237,.1); }.ltl-console-top > div, .ltl-console-footer span { display: flex; align-items: center; gap: .55rem; }.ltl-console-top strong { color: #e4eff6; font-size: .82rem; }.ltl-console-top small, .ltl-console-footer small { color: #6d8ca1; }
.ltl-shipment-card { margin: 1.2rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.12); border-radius: 1rem; background: rgba(255,255,255,.035); }.ltl-shipment-card span { color: #64dce8; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }.ltl-shipment-card strong { display: block; margin: .35rem 0 1rem; color: #fff; font-size: 1.35rem; }.ltl-shipment-card div { display: flex; flex-wrap: wrap; gap: .55rem; }.ltl-shipment-card em { padding: .42rem .65rem; border: 1px solid rgba(179,227,237,.16); border-radius: 999px; color: #b8cede; font-style: normal; font-size: .78rem; }
.ltl-rate-list { display: grid; gap: .75rem; padding: 0 1.2rem 1.2rem; }.ltl-rate-list article { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .95rem; background: rgba(255,255,255,.035); }.ltl-rate-list article.selected { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.ltl-rate-list strong { color: #fff; }.ltl-rate-list small { display: block; margin-top: .2rem; color: #8ca7ba; }.ltl-rate-list article > span { display: grid; min-width: 54px; height: 42px; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #31bfd5, #1e61b7); font-weight: 900; }
.ltl-console-footer { border-top: 1px solid rgba(179,227,237,.1); color: #9ec1d3; font-size: .82rem; }.ltl-console-footer i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #54e3e3; box-shadow: 0 0 18px rgba(84,227,227,.65); }
.ltl-foundation { background: #f5f9fb; }.ltl-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.35rem; overflow: hidden; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }.ltl-card-grid article { position: relative; min-height: 280px; padding: 1.45rem; border-right: 1px solid #dce7ed; overflow: hidden; }.ltl-card-grid article:last-child { border-right: 0; }.ltl-card-grid article > span:first-child { color: rgba(49,191,213,.95); font: 800 2.7rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.ltl-card-grid .integration-icon { margin: 1.5rem 0 1rem; }.ltl-card-grid h3 { font-size: 1.22rem; }.ltl-card-grid p { color: #60778a; }
.ltl-network { color: #dceaf3; background: #071722; }.ltl-network-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }.ltl-network h2 { color: #fff; }.ltl-network p { color: #9db5c5; }.ltl-detail-list { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.5rem; }.ltl-detail-list span { padding: .55rem .8rem; border: 1px solid rgba(179,227,237,.14); border-radius: 999px; color: #dceaf3; background: rgba(255,255,255,.04); font-weight: 800; font-size: .78rem; }
.ltl-exception-panel { display: grid; gap: .85rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.ltl-panel-row { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .95rem; background: rgba(255,255,255,.025); }.ltl-panel-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.ltl-panel-row b { color: #fff; }.ltl-panel-row span { color: #91aabb; font-size: .84rem; text-align: right; }
.ltl-ai { color: #dce9f2; background: radial-gradient(circle at 18% 22%, rgba(49,191,213,.1), transparent 28%), #0b2d45; }.ltl-ai .concept-heading h2 { color: #fff; }.ltl-ai .concept-heading p { color: #9bb4c5; }
.ltl-flow { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 18%, rgba(49,191,213,.13), transparent 28%), linear-gradient(180deg, #f5f9fb, #eef5f9); }.ltl-flow::before { position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(30,97,183,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(30,97,183,.08) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(180deg, #000, transparent 74%); content: ""; }.ltl-flow .container { position: relative; z-index: 1; }
#ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.ltl-flow-track { display: grid; grid-template-columns: repeat(5, 1fr); gap: .9rem; }.ltl-flow-track article { position: relative; min-height: 250px; padding: 1.25rem; border: 1px solid rgba(179,227,237,.78); border-radius: 1.2rem; background: rgba(255,255,255,.88); box-shadow: 0 20px 50px rgba(8,35,55,.07); }.ltl-flow-track article::before { position: absolute; inset: 0 0 auto; height: 6px; border-radius: 1.2rem 1.2rem 0 0; background: linear-gradient(90deg, var(--brand-cyan), var(--brand-blue)); content: ""; }.ltl-flow-track span { color: rgba(49,191,213,.95); font: 800 2.15rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.ltl-flow-track h3 { margin-top: 2rem; font-size: 1.08rem; }.ltl-flow-track p { color: #61788b; font-size: .86rem; }
.edi-implementation-flow .concept-heading h2 { color: #082b40; text-shadow: none; }
.edi-implementation-flow .concept-heading p { color: #587286; }
.edi-flow-rail { position: relative; height: 58px; margin: 1rem calc(10% - 1px) -29px; }
.edi-flow-rail::before { position: absolute; top: 26px; right: 0; left: 0; height: 3px; border-radius: 999px; background: #c7dce5; content: ""; }
.edi-flow-rail::after { position: absolute; top: 26px; left: 0; width: 100%; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #31bfd5, #1e61b7); box-shadow: 0 0 18px rgba(49,191,213,.42); content: ""; transform: scaleX(0); transform-origin: left; animation: edi-flow-progress 10s ease-in-out infinite; }
.edi-flow-rail span { position: absolute; z-index: 2; top: 19px; left: 0; width: 17px; height: 17px; border: 4px solid #fff; border-radius: 50%; background: #31bfd5; box-shadow: 0 0 0 5px rgba(49,191,213,.16), 0 0 22px rgba(49,191,213,.48); animation: edi-flow-signal 10s ease-in-out infinite; }
.edi-flow-track article { transform-origin: center top; animation: edi-flow-stage 10s ease-in-out infinite; }
.edi-flow-track article::before { display: none; }
.edi-flow-track article:nth-child(2) { animation-delay: 2s; }.edi-flow-track article:nth-child(3) { animation-delay: 4s; }.edi-flow-track article:nth-child(4) { animation-delay: 6s; }.edi-flow-track article:nth-child(5) { animation-delay: 8s; }
.edi-flow-track article::after { position: absolute; top: -38px; left: 50%; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: #a9c4d0; box-shadow: 0 0 0 1px #9ec6d4; content: ""; transform: translateX(-50%); animation: edi-flow-node 10s ease-in-out infinite; }
.edi-flow-track article:nth-child(2)::after { animation-delay: 2s; }.edi-flow-track article:nth-child(3)::after { animation-delay: 4s; }.edi-flow-track article:nth-child(4)::after { animation-delay: 6s; }.edi-flow-track article:nth-child(5)::after { animation-delay: 8s; }
@keyframes edi-flow-progress { 0%, 4% { transform: scaleX(0); } 86%, 94% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes edi-flow-signal { 0%, 4% { left: 0; opacity: 0; } 7% { opacity: 1; } 24% { left: 25%; } 44% { left: 50%; } 64% { left: 75%; } 84%, 94% { left: calc(100% - 17px); opacity: 1; } 100% { left: 0; opacity: 0; } }
@keyframes edi-flow-stage { 0%, 14%, 100% { border-color: rgba(179,227,237,.78); box-shadow: 0 20px 50px rgba(8,35,55,.07); transform: translateY(0); } 3%, 10% { border-color: rgba(49,191,213,.82); box-shadow: 0 24px 54px rgba(30,97,183,.17); transform: translateY(-7px); } }
@keyframes edi-flow-node { 0%, 14%, 100% { background: #a9c4d0; box-shadow: 0 0 0 1px #9ec6d4; transform: translateX(-50%) scale(1); } 3%, 10% { background: #31bfd5; box-shadow: 0 0 0 6px rgba(49,191,213,.18), 0 0 20px rgba(49,191,213,.5); transform: translateX(-50%) scale(1.2); } }

.dray-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 76% 22%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #04111b, #092638 55%, #0d3853); }
.dray-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.dray-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.dray-hero .lead { color: #adc3d1; }.dray-hero .eyebrow { color: #64dce8; }.dray-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.dray-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.dray-route { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: .7rem; align-items: center; padding: 1.4rem 1.2rem .2rem; }.dray-route span { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(49,191,213,.34); border-radius: 18px; color: #eaffff; background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); font-size: .72rem; font-weight: 900; letter-spacing: .08em; }.dray-route i { height: 2px; min-width: 34px; border-radius: 99px; background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(49,191,213,.85), rgba(49,191,213,.15)); box-shadow: 0 0 18px rgba(49,191,213,.45); }
.dray-event-list { display: grid; gap: .72rem; padding: 0 1.2rem 1.2rem; }.dray-event-list article { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .9rem; background: rgba(255,255,255,.035); }.dray-event-list article.active { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.dray-event-list b { color: #fff; }.dray-event-list span { color: #8ca7ba; font-size: .84rem; text-align: right; }
.dray-build-console { padding-bottom: 1.2rem; }
.dray-type-label { padding: 1.25rem 1.2rem .55rem; color: #91aabb; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.dray-type-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; padding: 0 1.2rem 1.2rem; }
.dray-type-grid span { display: grid; min-height: 62px; padding: .65rem; place-items: center; border: 1px solid rgba(179,227,237,.12); border-radius: .8rem; color: #93abba; background: rgba(255,255,255,.03); font-size: .7rem; font-weight: 800; line-height: 1.25; text-align: center; }
.dray-type-grid span.active { border-color: rgba(49,191,213,.72); color: #efffff; background: linear-gradient(145deg, rgba(49,191,213,.24), rgba(30,97,183,.14)); box-shadow: 0 0 24px rgba(49,191,213,.1); }
.dray-load-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; padding: 0 1.2rem 1.15rem; }
.dray-load-fields label { display: grid; gap: .32rem; padding: .78rem .9rem; border: 1px solid rgba(179,227,237,.11); border-radius: .75rem; background: rgba(255,255,255,.028); }
.dray-load-fields label:first-child { border-color: rgba(49,191,213,.42); background: rgba(49,191,213,.08); }
.dray-load-fields span { color: #829dad; font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.dray-load-fields strong { color: #f4fdff; font-size: .84rem; }
.dray-build-status { display: flex; justify-content: space-between; gap: 1rem; margin: 0 1.2rem; padding: .8rem .9rem; border: 1px solid rgba(49,191,213,.2); border-radius: .75rem; color: #a8c0cf; background: rgba(49,191,213,.06); font-size: .75rem; }
.dray-build-status span { display: flex; gap: .45rem; align-items: center; }.dray-build-status i { width: 7px; height: 7px; border-radius: 50%; background: #55dfe9; box-shadow: 0 0 12px rgba(85,223,233,.8); }.dray-build-status b { color: #e8fbfd; }
.dray-native { background: #f4f9fb; }
.drayage-b .ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.dray-continuity { display: grid; grid-template-columns: 1fr 54px 1fr 54px 1fr; align-items: center; margin-top: 3rem; overflow: hidden; border: 1px solid #d5e5eb; border-radius: 1.3rem; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }
.dray-continuity article { min-height: 240px; padding: 1.6rem; }.dray-continuity article span { color: #31bfd5; font: 800 2.1rem/1 Syne, sans-serif; }.dray-continuity h3 { margin-top: 3rem; }.dray-continuity p { color: #60798a; }
.dray-continuity > i { position: relative; height: 2px; background: linear-gradient(90deg, #93dce4, #31bfd5); }.dray-continuity > i::after { position: absolute; top: 50%; right: -1px; width: 9px; height: 9px; border-top: 2px solid #31bfd5; border-right: 2px solid #31bfd5; content: ""; transform: translateY(-50%) rotate(45deg); }
.dray-integration-grid { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid #d7e5eb; border-radius: 1.25rem; background: #fff; box-shadow: 0 26px 68px rgba(8,35,55,.08); }
.dray-integration-grid article { min-height: 250px; padding: 1.4rem; border-right: 1px solid #dce8ed; }.dray-integration-grid article:last-child { border-right: 0; }.dray-integration-grid .integration-icon { margin-bottom: 2.2rem; }.dray-integration-grid p { color: #60788a; }

.multi-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 80% 22%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #05131e, #09263a 58%, #0d3853); }
.multi-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.multi-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.multi-hero .lead { color: #adc3d1; }.multi-hero .eyebrow { color: #64dce8; }.multi-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.mode-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.mode-option-list { display: grid; gap: .75rem; padding: 0 1.2rem 1.2rem; }.mode-option-list article { display: grid; grid-template-columns: 92px 1fr auto; gap: .8rem; align-items: center; padding: .95rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .95rem; background: rgba(255,255,255,.035); }.mode-option-list article.selected { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.mode-option-list b { color: #fff; }.mode-option-list span { color: #8ca7ba; font-size: .84rem; }.mode-option-list strong { padding: .38rem .6rem; border-radius: 999px; color: #fff; background: linear-gradient(145deg, #31bfd5, #1e61b7); font-size: .72rem; }
.mode-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce7ed; border-radius: 1.35rem; overflow: hidden; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.08); }.mode-card-grid article { position: relative; min-height: 300px; padding: 1.45rem; border-right: 1px solid #dce7ed; overflow: hidden; }.mode-card-grid article:last-child { border-right: 0; }.mode-card-grid article > span:first-child { color: rgba(49,191,213,.95); font: 800 2.25rem/.85 Syne, sans-serif; letter-spacing: -.08em; }.mode-card-grid .integration-icon, .mode-card-grid .agent-icon { margin: 1.45rem 0 1rem; }.mode-card-grid h3 { font-size: 1.22rem; }.mode-card-grid p { color: #60778a; }
.mode-score-panel { display: grid; gap: .85rem; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }.mode-score-row { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .95rem; background: rgba(255,255,255,.025); }.mode-score-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.mode-score-row b { color: #fff; }.mode-score-row span { color: #91aabb; font-size: .84rem; text-align: right; }

/* Multi-Mode Quote Tool */
.quote-console { position: relative; animation: quote-float 7s ease-in-out infinite; }
.quote-table-head { display: grid; grid-template-columns: 1fr 70px 76px; gap: .8rem; padding: 0 2.2rem .55rem; color: #6f8da1; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.quote-table-head span:nth-child(n+2) { text-align: right; }
.quote-console .mode-option-list article { grid-template-columns: 1fr 70px 76px; }
.quote-console .mode-option-list small { display: block; margin-top: .15rem; color: #708da1; font-size: .7rem; }
.quote-console .mode-option-list article > span, .quote-console .mode-option-list article > strong { text-align: right; }
.quote-console .mode-option-list article > strong { padding: 0; color: #eaf8fa; background: none; font-size: .85rem; }
.quote-console .mode-option-list article.selected { animation: quote-pulse 3.8s ease-in-out infinite; }
.quote-winner { display: flex; justify-content: space-between; gap: 1rem; margin: 0 1.2rem 1.2rem; padding: .8rem 1rem; border: 1px solid rgba(84,227,227,.2); border-radius: .8rem; color: #dffbfc; background: rgba(49,191,213,.09); font-size: .78rem; }
.quote-winner span { color: #65dce7; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.five-modes { grid-template-columns: repeat(5, 1fr); }
.five-modes article { min-height: 245px; }
.five-modes article > span:first-child { display: block; margin-bottom: 3.2rem; }
.multimode-optics { color: #dceaf3; background: radial-gradient(circle at 82% 28%, rgba(49,191,213,.11), transparent 30%), #071722; }
.multimode-optics h2 { color: #fff; }.multimode-optics p { color: #9db5c5; }
.optics-panel { display: grid; gap: .75rem; overflow: hidden; padding: 1.2rem; border: 1px solid rgba(179,227,237,.14); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
.optics-signal { display: flex; gap: 5px; align-items: end; height: 45px; padding: 0 .4rem; }
.optics-signal i { width: 25%; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #64dce8, rgba(30,97,183,.35)); transform-origin: bottom; animation: optics-bars 2.8s ease-in-out infinite; }
.optics-signal i:nth-child(1) { height: 35%; }.optics-signal i:nth-child(2) { height: 70%; animation-delay: -.6s; }.optics-signal i:nth-child(3) { height: 48%; animation-delay: -1.2s; }.optics-signal i:nth-child(4) { height: 88%; animation-delay: -1.8s; }
.optics-row { display: flex; justify-content: space-between; gap: 1rem; padding: .95rem 1rem; border: 1px solid rgba(179,227,237,.1); border-radius: .9rem; background: rgba(255,255,255,.025); }
.optics-row.active { border-color: rgba(49,191,213,.45); background: rgba(49,191,213,.09); }.optics-row b { color: #fff; }.optics-row span { color: #91aabb; font-size: .82rem; text-align: right; }
.multimode-case { background: #f5f9fb; }
.multimode-b .ltl-flow .concept-heading h2 { color: #000; text-shadow: none; }
.case-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.case-table { overflow: hidden; border: 1px solid #d6e5eb; border-radius: 1.25rem; background: #fff; box-shadow: 0 28px 70px rgba(8,35,55,.1); }
.case-table > div { display: grid; grid-template-columns: 1fr 100px 100px; gap: 1rem; align-items: center; padding: 1.15rem 1.3rem; border-bottom: 1px solid #e1ebef; }
.case-table .case-table-head { color: #78909e; background: #edf5f7; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.case-table > div > :nth-child(n+2) { text-align: right; }.case-table > div b { color: #123a50; }.case-table > div strong { color: #133e57; }
.case-table .winner { border-color: rgba(49,191,213,.3); background: linear-gradient(90deg, rgba(49,191,213,.13), rgba(30,97,183,.05)); animation: winner-glow 4s ease-in-out infinite; }
.case-table em { display: inline-block; margin-left: .45rem; padding: .25rem .45rem; border-radius: 999px; color: #08788f; background: #dff8fa; font-size: .62rem; font-style: normal; text-transform: uppercase; }
.case-table footer { display: flex; justify-content: space-between; padding: 1.1rem 1.3rem; color: #fff; background: linear-gradient(90deg, #0c3953, #155f79); }.case-table footer b { font-size: 1.2rem; }
.mode-depth { padding-top: 0; }.depth-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.depth-links a { display: grid; gap: 2.5rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: 1rem; color: var(--navy-950); background: #fff; box-shadow: var(--shadow-sm); text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.depth-links a:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }.depth-links span { color: #658092; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.depth-links b { color: #126f9d; }
@keyframes quote-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes quote-pulse { 0%,100% { box-shadow: 0 0 0 rgba(49,191,213,0); } 50% { box-shadow: 0 0 24px rgba(49,191,213,.12); } }
@keyframes optics-bars { 0%,100% { transform: scaleY(.72); opacity: .6; } 50% { transform: scaleY(1); opacity: 1; } }
@keyframes winner-glow { 0%,100% { box-shadow: inset 4px 0 0 #31bfd5; } 50% { box-shadow: inset 4px 0 0 #31bfd5, 0 0 24px rgba(49,191,213,.13); } }

.edi-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #d8e7f2; background: radial-gradient(circle at 78% 20%, rgba(49,191,213,.18), transparent 28%), linear-gradient(145deg, #04111b, #082338 56%, #0c3854); }
.edi-hero h1 { color: var(--white); font-size: clamp(3rem, 5.6vw, 5.7rem); }.edi-hero h1 span { color: transparent; background: linear-gradient(90deg, #79e5ee, #31bfd5 58%, #6a9ce1); -webkit-background-clip: text; background-clip: text; }.edi-hero .lead { color: #adc3d1; }.edi-hero .eyebrow { color: #64dce8; }.edi-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.25); }
.edi-console { overflow: hidden; border: 1px solid rgba(179,227,237,.16); border-radius: 1.45rem; background: linear-gradient(145deg, rgba(17,59,86,.92), rgba(5,24,37,.96)); box-shadow: 0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07); }
.edi-network { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: .75rem; align-items: center; padding: 1.45rem 1.2rem .4rem; }.edi-network span { display: grid; min-width: 92px; min-height: 58px; place-items: center; border: 1px solid rgba(49,191,213,.34); border-radius: 18px; color: #eaffff; background: linear-gradient(145deg, rgba(49,191,213,.2), rgba(30,97,183,.12)); font-size: .76rem; font-weight: 900; letter-spacing: .05em; }.edi-network i { height: 2px; min-width: 40px; border-radius: 99px; background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(49,191,213,.85), rgba(49,191,213,.15)); box-shadow: 0 0 18px rgba(49,191,213,.45); }
.edi-message-list { display: grid; gap: .72rem; padding: 1.2rem; }.edi-message-list article { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .9rem; background: rgba(255,255,255,.035); }.edi-message-list article.active { border-color: rgba(49,191,213,.55); background: linear-gradient(90deg, rgba(49,191,213,.15), rgba(30,97,183,.08)); }.edi-message-list b { color: #fff; }.edi-message-list span { color: #8ca7ba; font-size: .84rem; text-align: right; }
.edi-architecture { color: #dceaf3; background: radial-gradient(circle at 50% 38%, rgba(49,191,213,.12), transparent 36%), #061722; }
.edi-architecture .concept-heading h2 { color: #fff; }
.architecture-stack { width: min(900px, 100%); margin: 3.5rem auto 0; }
.architecture-layer { display: grid; grid-template-columns: 145px 1fr 1.25fr; gap: 1.25rem; align-items: center; padding: 1.35rem 1.55rem; border: 1px solid rgba(144,218,229,.22); border-radius: 1.1rem; background: rgba(255,255,255,.04); box-shadow: 0 22px 50px rgba(0,0,0,.16); animation: architecture-layer-pulse 7.2s ease-in-out infinite; }
.architecture-layer.routing { border-color: rgba(89,220,230,.52); background: linear-gradient(90deg, rgba(49,191,213,.17), rgba(30,97,183,.08)); }
.architecture-layer.database { border-color: rgba(106,156,225,.4); background: linear-gradient(90deg, rgba(30,97,183,.14), rgba(255,255,255,.035)); animation-delay: 2.4s; }
.architecture-layer.interfaces { border-color: rgba(121,229,238,.3); animation-delay: 4.8s; }
.architecture-layer span { color: #66dce8; font-size: .69rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.architecture-layer strong { color: #fff; font-size: 1.15rem; }.architecture-layer small { color: #9eb6c5; }
.architecture-connector { display: flex; justify-content: space-around; height: 44px; padding: 0 16%; }.architecture-connector i { width: 2px; height: 100%; background: linear-gradient(180deg, rgba(49,191,213,.1) 0%, #5be2eb 45%, rgba(49,191,213,.1) 70%); background-size: 100% 220%; animation: architecture-data-flow 2.4s linear infinite; }
.architecture-sources { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; margin-top: 1rem; }.architecture-sources span { padding: .8rem .6rem; border: 1px solid rgba(179,227,237,.13); border-radius: .75rem; color: #abc2cf; background: rgba(255,255,255,.025); font-size: .75rem; font-weight: 700; text-align: center; }
.architecture-origin-note { max-width: 720px; margin: 1.15rem auto 0; color: #9eb6c5; font-size: .84rem; text-align: center; }.architecture-origin-note b { color: #66dce8; }
@keyframes architecture-layer-pulse { 0%, 22%, 100% { border-color: rgba(144,218,229,.22); box-shadow: 0 22px 50px rgba(0,0,0,.16); transform: translateY(0); } 7%, 15% { border-color: rgba(91,226,235,.72); box-shadow: 0 24px 58px rgba(49,191,213,.18), inset 0 0 28px rgba(49,191,213,.05); transform: translateY(-4px); } }
@keyframes architecture-data-flow { from { background-position: 0 -100%; } to { background-position: 0 100%; } }
.edi-manager { background: #f4f9fb; }.edi-transaction-grid { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid #d5e4ea; border-radius: 1.25rem; background: #fff; box-shadow: 0 26px 70px rgba(8,35,55,.08); }
.edi-transaction-grid article { min-height: 270px; padding: 1.4rem; border-right: 1px solid #dce8ed; }.edi-transaction-grid article:last-child { border-right: 0; }.edi-transaction-grid span { color: #718b9b; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.edi-transaction-grid b { display: block; margin: 1.9rem 0 .55rem; color: #087f96; font: 800 2rem/1 Syne, sans-serif; }.edi-transaction-grid p { color: #60788a; }
.edi-manager-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1rem; }.edi-manager-proof > div { display: grid; gap: .35rem; padding: 1.2rem; border: 1px solid #d9e7ec; border-radius: .9rem; background: #fff; }.edi-manager-proof strong { color: #123d54; }.edi-manager-proof span { color: #647d8d; font-size: .85rem; }.edi-manager-proof a { margin-top: .2rem; color: #087f96; font-size: .8rem; font-weight: 800; text-decoration: none; }
.edi-api-depth { color: #dceaf3; background: radial-gradient(circle at 80% 22%, rgba(30,97,183,.16), transparent 30%), #071b29; }.edi-api-depth h2 { color: #fff; }.edi-api-depth p { color: #9db6c6; }
.api-action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.6rem; }.api-action-grid span { display: grid; gap: .25rem; padding: .9rem 1rem; border: 1px solid rgba(179,227,237,.12); border-radius: .8rem; color: #91aabb; background: rgba(255,255,255,.025); font-size: .78rem; }.api-action-grid b { color: #fff; font-size: .95rem; }
.api-console { overflow: hidden; padding: 1rem; border: 1px solid rgba(179,227,237,.17); border-radius: 1.2rem; background: #06141e; box-shadow: 0 30px 70px rgba(0,0,0,.25); }.api-console > div { display: grid; grid-template-columns: 55px 1fr 40px; gap: .7rem; padding: 1rem; border-bottom: 1px solid rgba(179,227,237,.1); }.api-console small { color: #63dbe6; font-weight: 800; }.api-console code { color: #d7e8f0; }.api-console span { color: #71d8a0; font-size: .8rem; text-align: right; }.api-console footer { padding: 1rem; color: #8fa9ba; font-size: .75rem; }.api-console footer i { display: inline-block; width: 7px; height: 7px; margin-right: .45rem; border-radius: 50%; background: #46d39a; box-shadow: 0 0 12px #46d39a; }
.edi-routing { background: #fff; }.edi-routing .concept-heading h2 { color: #000; text-shadow: none; }.edi-routing .concept-heading p { color: #587286; }.routing-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2.4rem; border: 1px solid #d8e6eb; border-radius: 1.2rem; overflow: hidden; }.routing-grid article { min-height: 245px; padding: 1.35rem; border-right: 1px solid #dce8ed; }.routing-grid article:last-child { border-right: 0; }.routing-grid article > span { color: #31bfd5; font: 800 2rem/1 Syne, sans-serif; }.routing-grid h3 { margin-top: 2.4rem; }.routing-grid p { color: #60788a; }

.faq { border-top: 1px solid var(--line); }
.smart-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8.5rem) 0; color: #dceaf5; background: radial-gradient(circle at 82% 18%, rgba(49,191,213,.2), transparent 28%), linear-gradient(140deg, #061522, #0c3452 62%, #155d76); }
.smart-hero::before { position: absolute; width: 720px; height: 720px; right: -300px; top: -340px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 90px rgba(49,191,213,.04), 0 0 0 180px rgba(49,191,213,.025); content: ""; }
.smart-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.smart-hero h1 { max-width: 760px; color: var(--white); font-size: clamp(3rem, 6.5vw, 6rem); }
.smart-hero .lead { color: #bad0df; }
.smart-hero .button-outline { color: var(--white); border-color: rgba(255,255,255,.35); }
.smart-badge { display: inline-flex; margin-bottom: 1.25rem; padding: .45rem .8rem; border: 1px solid rgba(110,231,240,.35); border-radius: 999px; color: #a7edf3; background: rgba(49,191,213,.1); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.smart-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 2.8rem; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(255,255,255,.12); }
.smart-proof span { padding: 1rem; color: #91aabd; background: rgba(4,20,32,.62); font-size: .7rem; text-transform: uppercase; }
.smart-proof b { display: block; color: var(--white); font: 700 1.8rem/1 Sora, sans-serif; }
.smart-orbit { position: relative; width: min(100%, 520px); aspect-ratio: 1; margin-inline: auto; border: 1px solid rgba(131,226,237,.25); border-radius: 50%; box-shadow: inset 0 0 90px rgba(49,191,213,.07), 0 0 0 42px rgba(49,191,213,.035); }
.smart-orbit::before, .smart-orbit::after { position: absolute; inset: 16%; border: 1px dashed rgba(131,226,237,.22); border-radius: 50%; content: ""; }
.smart-orbit::after { inset: 32%; }
.orbit-core { position: absolute; z-index: 2; display: grid; width: 150px; aspect-ratio: 1; left: 50%; top: 50%; place-content: center; border: 1px solid rgba(131,226,237,.5); border-radius: 50%; text-align: center; background: #0b334d; box-shadow: 0 0 55px rgba(49,191,213,.25); transform: translate(-50%,-50%); }
.orbit-core small { color: #78dfe9; letter-spacing: .2em; }
.orbit-core strong { color: var(--white); font-family: Sora, sans-serif; }
.orbit-node { position: absolute; z-index: 3; padding: .65rem .9rem; border: 1px solid rgba(131,226,237,.28); border-radius: 999px; color: #d8f5f7; background: #0c2d43; font-size: .75rem; font-weight: 700; box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.orbit-merchants { left: 2%; top: 25%; }.orbit-warehouses { right: -2%; top: 40%; }.orbit-partners { left: 27%; bottom: 3%; }

/* Dynamic WordPress blog */
.blog-archive-hero{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#061b2b,#0b3955);color:#fff}
.blog-archive-hero h1{max-width:850px;margin:.4rem 0 1rem;font-size:clamp(2.8rem,6vw,5.2rem);color:#fff}
.blog-archive-hero .lead{max-width:760px;color:#c8d9e5}
.blog-archive-content{padding:clamp(4rem,7vw,6.5rem) 0}
.blog-post-grid{gap:1.5rem}
.blog-post-card{height:100%;overflow:hidden;border:1px solid rgba(8,43,65,.12);border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(8,43,65,.08);transition:transform .2s ease,box-shadow .2s ease}
.blog-post-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(8,43,65,.14)}
.blog-card-image{margin:0;background:#e8f0f5}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card-body{padding:1.5rem}.blog-card-category{margin:0 0 .65rem;color:#1677a7;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.blog-card-category a{color:inherit}.blog-card-title{margin:0 0 .8rem;font-size:1.35rem;line-height:1.2}.blog-card-title a{color:#082b41;text-decoration:none}
.blog-card-meta{gap:.45rem 1rem;margin-bottom:.9rem;color:#647782;font-size:.86rem}.blog-card-excerpt{color:#425865}.blog-card-excerpt .wp-block-post-excerpt__more-link{display:inline-flex;margin-top:1rem;color:#126f9d;font-weight:800;text-decoration:none}
.blog-pagination{gap:.75rem;margin-top:3rem}.blog-pagination a,.blog-pagination .page-numbers{padding:.65rem .9rem;border-radius:9px;background:#edf4f7;color:#0a526f;text-decoration:none}.blog-pagination .current{background:#0d7199;color:#fff}
.blog-empty{padding:2rem;border-radius:16px;background:#edf4f7;text-align:center}
.blog-single-hero{padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#061b2b,#0b3955);color:#fff;text-align:center}
.blog-single-heading h1{margin:.7rem auto 1.2rem;font-size:clamp(2.6rem,5vw,4.8rem);color:#fff}.blog-single-category,.blog-single-category a{color:#74d8eb;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-single-meta{gap:.5rem 1.2rem;color:#c8d9e5}
.blog-single-layout{padding:clamp(3rem,6vw,5rem) 0}.blog-single-image{overflow:hidden;margin-bottom:2.5rem;border-radius:22px}.blog-single-content{font-size:1.08rem;line-height:1.8}.blog-single-content h2,.blog-single-content h3{margin-top:2em}.blog-post-navigation{gap:2rem;margin-top:2rem}.blog-post-navigation a{color:#126f9d;font-weight:800;text-decoration:none}
@media (max-width:900px){.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.blog-post-grid{grid-template-columns:1fr!important}.blog-post-navigation{align-items:flex-start;flex-direction:column}}
.smart-value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.smart-value-grid article { padding: 1.6rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--white); box-shadow: var(--shadow-sm); }
.smart-value-grid article > span { display: inline-block; margin-bottom: 1.2rem; color: var(--brand-cyan); font: 700 .72rem/1 Sora, sans-serif; }
.smart-value-grid p, .pillar-grid p { color: var(--muted); }
.smart-pillars { color: #dce9f2; background: #071b2a; }
.smart-pillars h2, .smart-pillars h3 { color: var(--white); }
.smart-pillars .section-head > p { color: #91a9ba; }
.pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.pillar-grid article { padding: 2rem; border: 1px solid rgba(179,227,237,.15); border-radius: 1.2rem; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015)); }
.pillar-grid article > b { display: block; margin-bottom: 2.5rem; color: #4fd3e2; font: 800 2.5rem/1 Sora, sans-serif; }
.pillar-grid small { color: #67dce7; font-weight: 700; text-transform: uppercase; }
.pillar-grid ul { margin: 1.2rem 0 0; padding-left: 1.2rem; color: #aec3d1; }
.smart-port { background: #eef7fa; }
.smart-port-grid { display: grid; grid-template-columns: 1fr .85fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.smart-stack { display: grid; gap: .65rem; }
.smart-stack span { display: flex; gap: 1rem; align-items: center; padding: 1rem 1.2rem; border: 1px solid #d8e6eb; border-radius: .8rem; color: #587080; background: rgba(255,255,255,.72); font-weight: 700; }
.smart-stack i { color: #6f8796; font-size: .7rem; font-style: normal; }
.smart-stack .active { color: var(--white); border-color: var(--brand-blue); background: linear-gradient(90deg, var(--brand-blue), #238aa4); box-shadow: 0 16px 35px rgba(30,97,183,.22); transform: translateX(-1rem); }
.smart-audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.smart-audience-grid article { position: relative; overflow: hidden; padding: 2rem; border: 1px solid var(--line); border-radius: 1.25rem; background: var(--white); box-shadow: var(--shadow-sm); }
.smart-audience-grid article::after { position: absolute; width: 150px; height: 150px; right: -75px; bottom: -75px; border-radius: 50%; background: rgba(49,191,213,.08); content: ""; }
.smart-audience-grid article > span { display: inline-grid; width: 2.2rem; height: 2.2rem; margin-bottom: 1.35rem; place-content: center; border-radius: 50%; color: #08788f; background: #def7fa; font: 800 .75rem/1 Sora, sans-serif; }
.smart-audience-grid .eyebrow { margin-bottom: .45rem; font-size: .66rem; }
.smart-audience-grid p:not(.eyebrow), .smart-audience-grid ul { color: var(--muted); }
.smart-audience-grid ul { position: relative; z-index: 1; margin: 1.2rem 0 0; padding-left: 1.2rem; }
.button-on-dark { color: var(--white); border-color: rgba(255,255,255,.4); }
.smart-join { background: linear-gradient(145deg, #f4fbfd, #e9f6fa); }
.smart-join-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
.smart-join-note { margin-top: 2rem; padding: 1.25rem; border-left: 4px solid var(--brand-cyan); border-radius: 0 1rem 1rem 0; background: rgba(255,255,255,.75); }
.smart-join-note p { margin: .35rem 0 0; color: var(--muted); }
.smart-join-form { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: 1.4rem; background: var(--white); box-shadow: var(--shadow-md); }
.smart-form-progress { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; margin-bottom: 2rem; border-radius: .8rem; background: var(--line); }
.smart-form-progress span { padding: .85rem 1rem; color: var(--muted); background: #f3f7f9; font-weight: 800; }
.smart-form-progress span.active { color: var(--white); background: linear-gradient(90deg, var(--brand-blue), #238aa4); }
.smart-form-progress small { margin-left: .35rem; font-weight: 600; }
.smart-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.smart-join-form label, .smart-join-form legend { color: var(--navy-950); font-weight: 700; }
.smart-join-form input:not([type="checkbox"]):not([type="radio"]), .smart-join-form select { width: 100%; min-height: 3rem; margin-top: .4rem; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: .65rem; color: var(--navy-950); background: var(--white); font: inherit; }
.smart-join-form > div > label { display: block; margin-bottom: 1rem; }
.smart-join-form fieldset { margin: 1.4rem 0; padding: 0; border: 0; }
.smart-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem 1rem; margin-top: .8rem; }
.smart-check-grid label { display: flex; gap: .55rem; align-items: flex-start; color: var(--muted); font-weight: 500; }
.smart-check-grid input { margin-top: .2rem; accent-color: var(--brand-blue); }
.smart-form-privacy { color: var(--muted); font-size: .85rem; }
.smart-join-form .form-status { margin-top: 1rem; color: var(--brand-blue); font-weight: 700; }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.35rem 0; color: var(--navy-950); font: 700 1.08rem/1.35 Sora, sans-serif; cursor: pointer; list-style: none; }
.faq summary::after { content: "+"; color: var(--blue-600); font-size: 1.5rem; }
.faq details[open] summary::after { content: "−"; }
.faq details p { max-width: 780px; margin: 0; padding: 0 0 1.4rem; color: var(--muted); }
.filter-bar { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.5rem; }
.filter-button { padding: .65rem 1rem; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); background: var(--white); font-weight: 700; }
.filter-button[aria-pressed="true"] { color: var(--white); border-color: var(--blue-600); background: var(--blue-600); }
.partner-card[hidden] { display: none; }
.tag { display: inline-block; margin-bottom: .8rem; padding: .25rem .55rem; border-radius: 999px; color: var(--blue-600); background: var(--blue-100); font-size: .72rem; font-weight: 700; }

.form-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.form-card { padding: clamp(1.4rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-sm); }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.field { display: grid; gap: .4rem; }
.field-full { grid-column: 1 / -1; }
.field label { color: var(--navy-950); font-size: .88rem; font-weight: 700; }
.field input, .field select, .field textarea { width: 100%; min-height: 48px; padding: .75rem .85rem; border: 1px solid #b9c8d5; border-radius: .65rem; color: var(--ink); background: var(--white); }
.field textarea { min-height: 130px; resize: vertical; }
.field-note { color: var(--muted); font-size: .78rem; }
.form-status { min-height: 1.5rem; margin-top: .8rem; color: var(--success); font-weight: 700; }
.form-card[data-prototype="true"]::before { display: block; margin-bottom: 1rem; padding: .7rem .85rem; border-radius: .6rem; color: #6f4200; background: #fff3d5; content: "Prototype: connect this form to the approved CRM workflow before launch."; font-size: .78rem; }

.site-footer { margin-top: 5rem; color: #d7e8f5; background: linear-gradient(150deg, #10365f, #174b85); }
.footer-grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); gap: 2.5rem; padding: 4.5rem 0 3rem; }
.footer-grid h2, .footer-grid h3 { color: var(--white); font-size: .95rem; letter-spacing: 0; }
.footer-grid p { max-width: 360px; color: #9fb3c6; }
.footer-grid ul { margin: 0; padding: 0; list-style: none; }
.footer-grid li { margin: .45rem 0; }
.footer-grid a { color: #c4d4e3; text-decoration: none; }
.footer-grid a:hover { color: var(--cyan-400); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; padding: 1.4rem 0; border-top: 1px solid rgba(255,255,255,.12); color: #8fa7bc; font-size: .82rem; }
.footer-bottom a { color: inherit; }

@media (max-width: 1100px) {
  .command-grid { width: min(calc(100% - 2rem), 860px); grid-template-columns: 1fr; }
  .command-copy { max-width: 720px; }
  .command-copy h1 { max-width: 720px; }
  .digital-globe { width: min(100%, 720px); }
  .about-hero-grid { grid-template-columns: 1fr; }
  .about-orbit { max-width: 520px; }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .team-layout { grid-template-columns: 1fr; }.team-intro { position: static; }
  .truck-hero-grid { grid-template-columns: 1fr; }
  .coverage-board { width: min(100%, 720px); }
  .ltl-hero-grid, .ltl-network-grid { grid-template-columns: 1fr; }
  .ltl-rate-console { width: min(100%, 720px); }
}

@media (max-width: 940px) {
  .edi-transaction-grid, .routing-grid { grid-template-columns: 1fr 1fr; }
  .edi-transaction-grid article, .routing-grid article { border-bottom: 1px solid #dce8ed; }
  .edi-transaction-grid article:nth-child(2), .routing-grid article:nth-child(2) { border-right: 0; }
  .edi-manager-proof { grid-template-columns: 1fr; }
  .menu-toggle { display: inline-grid; place-items: center; }
  .site-nav { position: fixed; inset: var(--header) 0 auto; display: none; max-height: calc(100vh - var(--header)); padding: 1.5rem; align-items: stretch; flex-direction: column; overflow: auto; border-bottom: 1px solid var(--line); background: var(--white); }
  .site-nav[data-open="true"] { display: flex; }
  .header-actions .login, .header-actions .button { display: none; }
  .header-inner { justify-content: space-between; }
  .hero-grid, .split, .form-layout { grid-template-columns: 1fr; }
  .product-panel { max-width: 680px; }
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .ai-agent-grid { grid-template-columns: 1fr; }
  .workflow-panel { grid-template-columns: 1fr; }
  .ai-agent-card { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); }
  .ai-agent-media { height: 100%; min-height: 360px; }
  .agent-icon-stage { min-height: 360px; border-right: 1px solid rgba(56,122,186,.16); border-bottom: 0; }
  .logo-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .command-grid { grid-template-columns: 1fr; }
  .command-console { max-width: 720px; }
  .digital-globe { width: min(100%, 720px); }
  .concept-heading, .concept-proof-grid { grid-template-columns: 1fr; }
  .about-statement, .about-ai-grid { grid-template-columns: 1fr; }
  .belief-grid, .audience-grid { grid-template-columns: 1fr 1fr; }
  .serve-grid { grid-template-columns: 1fr; }.why-grid { grid-template-columns: 1fr; }.why-grid article, .why-grid article:nth-child(4), .why-grid article:nth-child(5) { grid-column: auto; }
  .truck-foundation-head { grid-template-columns: 1fr; }
  .truck-foundation-grid { grid-template-columns: 1fr 1fr; }
  .truck-foundation-grid article { border-bottom: 1px solid #dce7ed; }
  .truck-foundation-grid article:nth-child(2n) { border-right: 0; }
  .truck-foundation-grid article:nth-last-child(-n+2) { border-bottom: 0; }
  .truck-agent-grid { grid-template-columns: 1fr; }
  .truck-agent-grid article { min-height: auto; }
  .truck-tab-panels article { grid-template-columns: 1fr; gap: 2rem; }
  .ltl-card-grid { grid-template-columns: 1fr 1fr; }
  .ltl-card-grid article:nth-child(2n) { border-right: 0; }
  .ltl-card-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce7ed; }
  .mode-card-grid { grid-template-columns: 1fr 1fr; }
  .mode-card-grid article:nth-child(2n) { border-right: 0; }
  .mode-card-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce7ed; }
  .five-modes { grid-template-columns: repeat(2, 1fr); }
  .five-modes article:last-child { grid-column: 1 / -1; }
  .case-grid { grid-template-columns: 1fr; }
  .depth-links { grid-template-columns: 1fr; }
  .dray-integration-grid { grid-template-columns: 1fr 1fr; }
  .dray-integration-grid article:nth-child(2) { border-right: 0; }
  .dray-integration-grid article:nth-child(-n+2) { border-bottom: 1px solid #dce8ed; }
  .ltl-flow-track { grid-template-columns: repeat(3, 1fr); }
  .integration-capabilities { grid-template-columns: repeat(3, 1fr); }
  .integration-tile { border-bottom: 1px solid #dce7ed; }
  .integration-tile:nth-child(3n) { border-right: 0; }
  .integration-tile:nth-last-child(-n+3) { border-bottom: 0; }
  .smart-hero-grid, .smart-port-grid, .smart-join-grid { grid-template-columns: 1fr; }
  .smart-orbit { max-width: 480px; }
  .smart-value-grid, .pillar-grid, .smart-audience-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .architecture-layer { grid-template-columns: 1fr; gap: .35rem; }
  .architecture-sources, .api-action-grid { grid-template-columns: 1fr 1fr; }
  .edi-transaction-grid, .routing-grid { grid-template-columns: 1fr; }
  .edi-transaction-grid article, .routing-grid article { min-height: auto; border-right: 0; }
  .api-console > div { grid-template-columns: 48px 1fr 34px; padding-inline: .6rem; }
  .section-head, .ai-section-head, .workflow-heading, .field-grid, .cta-band .inner, .native-proof { grid-template-columns: 1fr; }
  .capability-grid { grid-template-columns: 1fr; }.role-list article { grid-template-columns: 1fr; gap: .5rem; }.about-final-cta .actions { justify-content: flex-start; }
  .workflow-tabs { grid-template-columns: 1fr 1fr; }
  .workflow-tab:nth-child(2) { border-right: 0; }
  .workflow-tab { min-height: 94px; padding: .95rem; }
  .workflow-panel { padding: 1.35rem; }
  .ui-option { grid-template-columns: 1fr auto; }
  .ui-option strong { display: none; }
  .ai-agent-card { display: block; }
  .ai-agent-media { min-height: auto; }
  .agent-icon-stage { min-height: 230px; border-right: 0; border-bottom: 1px solid rgba(56,122,186,.16); }
  .native-proof-points { justify-content: flex-start; }
  .card-grid, .stat-grid { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .load-row { grid-template-columns: 1fr auto; }
  .load-row > :last-child { display: none; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
  .command-hero { min-height: auto; }
  .command-copy h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
  .console-stats { grid-template-columns: 1fr; }
  .console-stats > div { border-right: 0; border-bottom: 1px solid rgba(179,227,237,.1); }
  .agent-rail article { grid-template-columns: 72px 1fr; }
  .agent-rail article > b { display: none; }
  .bento-grid, .bento-wide { grid-template-columns: 1fr; }
  .bento-wide, .bento-flow { grid-column: auto; }
  .mini-flow { align-items: stretch; flex-direction: column; }
  .mini-flow i { min-height: 20px; width: 1px; flex: none; margin-left: 1.5rem; }
  .proof-statements p { grid-template-columns: 1fr; }
  .integration-heading { grid-template-columns: 1fr; padding: 1.5rem; }
  .rhythm-heading { grid-template-columns: 1fr; }
  .rhythm-animation { margin-inline: -1rem; overflow-x: auto; }
  .integration-capabilities { grid-template-columns: repeat(2, 1fr); }
  .integration-tile:nth-child(3n) { border-right: 1px solid #dce7ed; }
  .integration-tile:nth-child(2n) { border-right: 0; }
  .integration-tile:nth-last-child(-n+3) { border-bottom: 1px solid #dce7ed; }
  .integration-tile:nth-last-child(-n+2) { border-bottom: 0; }
  .digital-globe { min-height: 520px; }
  .globe-stage { min-height: 400px; }
  .globe-chip { min-width: 96px; padding: .55rem .65rem; }
  .chip-ai { right: 2%; }.chip-modes { left: 2%; }.chip-data { right: 3%; }
  .smart-proof, .smart-value-grid, .pillar-grid, .smart-audience-grid { grid-template-columns: 1fr; }
  .smart-field-grid, .smart-check-grid { grid-template-columns: 1fr; }
  .smart-orbit { width: 88vw; max-width: 420px; }
  .belief-grid, .audience-grid { grid-template-columns: 1fr; }
  .about-tabs { grid-template-columns: 1fr; }
  .about-tab-list { grid-template-columns: 1fr 1fr; }
  .about-tab-list button:nth-child(2) { border-right: 0; }
  .about-tab-panels article { grid-template-columns: 1fr; gap: 1rem; }
  .about-panel-number { font-size: 3rem; }
  .truck-foundation-grid { grid-template-columns: 1fr; }
  .truck-foundation-grid article { border-right: 0; }
  .truck-foundation-grid article:nth-last-child(2) { border-bottom: 1px solid #dce7ed; }
  .ltl-card-grid, .ltl-flow-track { grid-template-columns: 1fr; }
  .edi-flow-rail { display: none; }
  .edi-flow-track { gap: 1rem; }
  .edi-flow-track article::after { display: none; }
  .ltl-card-grid article { border-right: 0; border-bottom: 1px solid #dce7ed; }
  .ltl-card-grid article:last-child { border-bottom: 0; }
  .mode-card-grid { grid-template-columns: 1fr; }
  .mode-card-grid article { border-right: 0; border-bottom: 1px solid #dce7ed; }
  .mode-card-grid article:last-child { border-bottom: 0; }
  .mode-option-list article { grid-template-columns: 1fr; }
  .quote-table-head { display: none; }
  .quote-console .mode-option-list article { grid-template-columns: 1fr auto; }
  .quote-console .mode-option-list article > span { display: none; }
  .quote-winner { align-items: flex-start; flex-direction: column; }
  .five-modes { grid-template-columns: 1fr; }
  .five-modes article:last-child { grid-column: auto; }
  .case-table > div { grid-template-columns: 1fr auto; }
  .case-table > div > span { display: none; }
  .optics-row { display: grid; }
  .optics-row span { text-align: left; }
  .edi-network { grid-template-columns: 1fr; }
  .edi-network i { width: 2px; min-width: 0; height: 22px; justify-self: center; }
  .edi-message-list article { display: grid; }
  .edi-message-list span { text-align: left; }
  .mode-score-row { display: grid; }
  .mode-score-row span { text-align: left; }
  .ltl-panel-row { display: grid; }
  .ltl-panel-row span { text-align: left; }
  .truck-tab-list { grid-template-columns: 1fr; }
  .truck-tab-list button { min-height: 62px; border-right: 0; border-bottom: 1px solid #dce7ed; }
  .truck-tab-list button:last-child { border-bottom: 0; }
  .load-summary i { width: 50px; }
  .load-specs { flex-wrap: wrap; }
  .dray-type-grid, .dray-load-fields { grid-template-columns: 1fr 1fr; }
  .dray-build-status { align-items: flex-start; flex-direction: column; }
  .dray-continuity { grid-template-columns: 1fr; }
  .dray-continuity article { min-height: auto; }
  .dray-continuity h3 { margin-top: 1.5rem; }
  .dray-continuity > i { width: 2px; height: 35px; margin-left: 2rem; background: linear-gradient(180deg, #93dce4, #31bfd5); }
  .dray-continuity > i::after { top: auto; right: auto; bottom: -1px; left: 50%; transform: translateX(-50%) rotate(135deg); }
  .dray-integration-grid { grid-template-columns: 1fr; }
  .dray-integration-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid #dce8ed; }
  .dray-integration-grid article:nth-child(3) { border-bottom: 1px solid #dce8ed; }
  .dray-integration-grid article:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .signal-line, .signal-node, .flow-grid, .flow-grid::after { animation: none !important; }
  .command-mesh, .map-route, .map-pulse, .exception-ring::before { animation: none !important; }
  .globe-stage::before, .globe-aura, .globe-grid-lines, .globe-meridians, .globe-routes, .globe-nodes circle, .globe-orbit, .globe-chip { animation: none !important; }
  .about-grid-lines, .orbit-ring, .orbit-item, .orbit-signal { animation: none !important; }
  .truck-grid-lines, .ltl-grid-lines { animation: none !important; }
  .rhythm-progress { width: 80%; animation: none !important; }
  .rhythm-stage { animation: none !important; }
  .rhythm-actor { display: none; animation: none !important; }
  .quote-console, .quote-console .mode-option-list article.selected, .optics-signal i, .case-table .winner { animation: none !important; }
  .edi-flow-rail { display: none; }
  .edi-flow-track article, .edi-flow-track article::after { animation: none !important; }
  .architecture-layer, .architecture-connector i { animation: none !important; }
}

@media print {
  .site-header, .site-footer, .actions, .cta-band { display: none; }
  body { color: #000; }
  .section { padding: 1.5rem 0; }
}

/* Tracking and visibility */
.tracking-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; background: linear-gradient(135deg, #071c2c 0%, #0b3347 62%, #0c5364 100%); color: #fff; }
.tracking-grid-lines { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(147,220,228,.24) 1px, transparent 1px), linear-gradient(90deg, rgba(147,220,228,.24) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, transparent, #000 35%, #000); animation: tracking-grid-drift 18s linear infinite; }
.tracking-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.tracking-hero h1 { max-width: 790px; color: #fff !important; font-size: clamp(3rem, 5.8vw, 5.6rem); line-height: .98; letter-spacing: -.055em; }
.tracking-hero .lead { max-width: 760px; color: #d3e9ee; }
.tracking-hero .button-outline { color: #fff; border-color: rgba(255,255,255,.42); }
.tracking-proof { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }
.tracking-proof span { padding: .55rem .8rem; border: 1px solid rgba(147,220,228,.25); border-radius: 999px; background: rgba(7,28,44,.46); color: #d8f2f5; font-size: .76rem; font-weight: 750; letter-spacing: .04em; }
.tracking-map { overflow: hidden; border: 1px solid rgba(147,220,228,.22); border-radius: 22px; background: #f8fcfd; color: #0b2d3c; box-shadow: 0 30px 80px rgba(0,0,0,.28); transform: rotate(1deg); }
.tracking-map-top, .tracking-map-status { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.15rem; }
.tracking-map-top { border-bottom: 1px solid #dce8ed; }
.tracking-map-top span { color: #54717c; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.tracking-map-canvas { position: relative; min-height: 330px; overflow: hidden; background: radial-gradient(circle at 64% 45%, rgba(49,191,213,.15), transparent 24%), linear-gradient(25deg, transparent 47%, #dbe8eb 48%, transparent 49%), linear-gradient(152deg, transparent 45%, #dbe8eb 46%, transparent 47%), #edf5f6; }
.tracking-map-canvas::before { content: ''; position: absolute; inset: 12% 9%; border: 1px solid #cfdee2; border-radius: 47% 53% 50% 44%; transform: rotate(-8deg); }
.map-city { position: absolute; z-index: 2; color: #53727e; font-size: .65rem; font-weight: 800; letter-spacing: .09em; }
.city-one { top: 18%; left: 28%; }.city-two { top: 44%; left: 31%; }.city-three { top: 39%; right: 27%; }.city-four { bottom: 16%; left: 43%; }
.tracking-map-canvas .route { position: absolute; z-index: 1; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #31bfd5, #6bd4a4); transform-origin: left center; box-shadow: 0 0 14px rgba(49,191,213,.65); }
.route-one { width: 48%; top: 49%; left: 29%; transform: rotate(-8deg); }.route-two { width: 38%; top: 50%; left: 34%; transform: rotate(50deg); }
.truck-pin { position: absolute; z-index: 3; display: grid; place-items: center; width: 38px; height: 38px; border: 4px solid #fff; border-radius: 50% 50% 50% 8px; background: #0d7890; color: #fff; font-size: .7rem; box-shadow: 0 6px 16px rgba(9,67,82,.28); transform: rotate(-45deg); animation: tracking-pin-pulse 2.8s ease-in-out infinite; }
.truck-pin::first-letter { transform: rotate(45deg); }.pin-one { top: 30%; left: 35%; }.pin-two { top: 42%; right: 24%; animation-delay: -.9s; }.pin-three { bottom: 15%; left: 48%; animation-delay: -1.7s; }
.tracking-map-status { gap: 1rem; justify-content: flex-start; border-top: 1px solid #dce8ed; }
.tracking-map-status span { display: flex; align-items: center; gap: .45rem; color: #53717d; font-size: .76rem; }.tracking-map-status i { width: 8px; height: 8px; border-radius: 50%; background: #43ba86; }.tracking-map-status span:nth-child(2) i { background: #eea83c; }.tracking-map-status b { color: #123d4e; }
.tracking-cap-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #dce8ed; border-radius: 20px; overflow: hidden; background: #fff; }
.tracking-cap-grid article { min-height: 260px; padding: 1.6rem; border-right: 1px solid #dce8ed; }.tracking-cap-grid article:nth-child(4) { border-right: 0; }.tracking-cap-grid article > span { color: #1295ad; font-size: .8rem; font-weight: 850; letter-spacing: .12em; }.tracking-cap-grid h3 { margin-top: 3rem; }.tracking-cap-grid .portal-card { grid-column: 1 / -1; min-height: 0; display: grid; grid-template-columns: 50px 1fr 1.4fr auto; gap: 1rem; align-items: center; border-top: 1px solid #dce8ed; border-right: 0; background: #0b3347; color: #fff; }.portal-card h3, .portal-card p { margin: 0; }.portal-card p { color: #cae2e8; }.portal-card a { color: #8ee2ec; font-weight: 750; }
.tracking-sources { background: #eff6f7; }.tracking-source-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }.tracking-note { padding-left: 1rem; border-left: 3px solid #31bfd5; color: #607985; font-size: .88rem; }.source-stack { border: 1px solid #d5e4e8; border-radius: 18px; overflow: hidden; background: #fff; }.source-stack article { display: grid; grid-template-columns: 110px 1fr 1.4fr; gap: 1rem; align-items: center; padding: 1.15rem 1.3rem; border-bottom: 1px solid #dce8ed; }.source-stack article:last-child { border-bottom: 0; }.source-stack span { color: #218aa0; font-size: .69rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.source-stack small { color: #607985; }.source-stack .enterprise { background: #0d3d50; color: #fff; }.source-stack .enterprise small { color: #c9e2e7; }
.portal-showcase { overflow: hidden; background: linear-gradient(150deg, #061b2a, #0b3347 62%, #0d4f60); color: #fff; }
.portal-showcase-head { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 6vw, 6rem); align-items: end; margin-bottom: 3rem; }
.portal-showcase-head h2 { max-width: 760px; color: #fff !important; font-size: clamp(2.5rem, 4.4vw, 4.7rem); line-height: 1.02; letter-spacing: -.045em; }
.portal-showcase-head .lead { color: #d1e8ed; }.portal-principle { margin-top: 1.2rem; padding-left: 1rem; border-left: 3px solid #55d1df; color: #91dce5; font-weight: 700; }
.portal-product { display: grid; grid-template-columns: 210px minmax(0,1fr); overflow: hidden; border: 1px solid rgba(175,226,234,.28); border-radius: 24px; background: #f5f9fa; color: #102f3d; box-shadow: 0 32px 90px rgba(0,0,0,.38); }
.portal-sidebar { display: flex; flex-direction: column; min-height: 640px; padding: 1.25rem; background: #082637; color: #fff; }
.portal-brand { display: flex; align-items: center; gap: .75rem; padding-bottom: 1.4rem; border-bottom: 1px solid rgba(255,255,255,.12); }.portal-brand > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg,#31bfd5,#5fd29c); color: #062334; font-weight: 900; }.portal-brand strong,.portal-brand small { display: block; }.portal-brand small { color: #8fb5c1; }
.portal-sidebar nav { display: grid; gap: .35rem; margin-top: 1.5rem; }.portal-sidebar nav span { display: flex; justify-content: space-between; padding: .75rem .85rem; border-radius: 9px; color: #a9c6ce; font-size: .86rem; font-weight: 700; }.portal-sidebar nav .active { background: rgba(65,193,211,.16); color: #fff; }.portal-sidebar nav b { display: grid; place-items: center; min-width: 24px; border-radius: 99px; background: #41c1d3; color: #072535; font-size: .68rem; }
.portal-account { display: flex; align-items: center; gap: .7rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.12); }.portal-account i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #dbecef; color: #0b4355; font-style: normal; font-size: .7rem; font-weight: 850; }.portal-account strong,.portal-account small { display: block; }.portal-account strong { font-size: .8rem; }.portal-account small { color: #8fb5c1; font-size: .66rem; }
.portal-main { min-width: 0; }.portal-main-top { display: flex; justify-content: space-between; align-items: center; min-height: 78px; padding: 1rem 1.4rem; border-bottom: 1px solid #d9e5e8; background: #fff; }.portal-main-top small,.portal-main-top strong { display: block; }.portal-main-top small { color: #718992; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }.portal-live { display: flex; align-items: center; gap: .4rem; color: #287b66; font-size: .75rem; font-weight: 800; }.portal-live i { width: 8px; height: 8px; border-radius: 50%; background: #48c58e; box-shadow: 0 0 0 5px rgba(72,197,142,.14); animation: portal-live-pulse 2.4s ease-in-out infinite; }
.portal-dashboard { padding: 1.3rem; }.portal-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: .85rem; }.portal-kpis article { padding: 1rem; border: 1px solid #dbe7ea; border-radius: 12px; background: #fff; }.portal-kpis span,.portal-kpis small { display: block; color: #6b838c; }.portal-kpis span { font-size: .72rem; font-weight: 750; }.portal-kpis strong { display: block; margin: .25rem 0; font-size: 1.7rem; }.portal-kpis small { font-size: .65rem; }.portal-kpis .attention { border-color: #f0d9b5; background: #fffaf1; }.portal-kpis .attention strong { color: #b66a16; }
.portal-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 250px; gap: .85rem; margin-top: .85rem; }.portal-load-card,.portal-activity { border: 1px solid #dbe7ea; border-radius: 14px; background: #fff; }.portal-load-card { padding: 1.2rem; }.portal-load-card > header { display: flex; justify-content: space-between; gap: 1rem; }.portal-load-card header small { color: #718992; font-size: .65rem; letter-spacing: .06em; text-transform: uppercase; }.portal-load-card h3 { margin: .25rem 0 1.7rem; font-size: 1.15rem; }.portal-load-card h3 span { color: #27a9bf; }.portal-load-card header > b { align-self: flex-start; padding: .4rem .6rem; border-radius: 99px; background: #e3f7f0; color: #217d62; font-size: .67rem; }
.portal-progress { position: relative; height: 8px; border-radius: 99px; background: #dfebed; }.portal-progress > i { display: block; width: 62%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#168ca5,#45c4a0); }.portal-truck-dot { position: absolute; top: 50%; left: 62%; width: 17px; height: 17px; border: 4px solid #fff; border-radius: 50%; background: #1ba8bd; box-shadow: 0 2px 8px rgba(12,91,107,.35); transform: translate(-50%,-50%); }
.portal-milestones { display: grid; grid-template-columns: repeat(3,1fr); margin-top: .8rem; }.portal-milestones span { position: relative; display: grid; gap: .15rem; padding-top: .6rem; }.portal-milestones span:nth-child(2) { text-align: center; }.portal-milestones span:last-child { text-align: right; }.portal-milestones b { font-size: .7rem; }.portal-milestones small { color: #789099; font-size: .6rem; }.portal-milestones span > i { position: absolute; top: -15px; width: 6px; height: 6px; border-radius: 50%; background: #c2d2d6; }.portal-milestones span:nth-child(2) > i { left: 50%; background: #1ba8bd; }.portal-milestones span:last-child > i { right: 0; }.portal-milestones .complete > i { background: #48bd86; }
.portal-location { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #e0eaec; }.portal-location div { display: grid; gap: .12rem; }.portal-location span { color: #718992; font-size: .63rem; text-transform: uppercase; letter-spacing: .06em; }.portal-location strong { font-size: .78rem; }.portal-location small { color: #68808a; font-size: .61rem; }
.portal-activity { overflow: hidden; }.portal-activity header { display: flex; justify-content: space-between; padding: .9rem 1rem; border-bottom: 1px solid #e0eaec; }.portal-activity header span { font-size: .75rem; font-weight: 800; }.portal-activity header b { color: #2b9070; font-size: .65rem; }.portal-activity ul { display: grid; gap: 0; margin: 0; padding: .3rem 1rem; list-style: none; }.portal-activity li { display: grid; grid-template-columns: 10px 1fr; gap: .6rem; padding: .8rem 0; border-bottom: 1px solid #edf2f3; }.portal-activity li > i { width: 7px; height: 7px; margin-top: .25rem; border-radius: 50%; background: #2ab0c5; }.portal-activity strong,.portal-activity small { display: block; }.portal-activity strong { font-size: .69rem; }.portal-activity small { margin-top: .15rem; color: #758d96; font-size: .58rem; }.portal-activity > a { display: block; padding: .8rem 1rem; color: #168ca5; font-size: .68rem; font-weight: 800; }
.portal-doc-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .85rem; margin-top: .85rem; }.portal-doc-row div { padding: .8rem 1rem; border: 1px solid #dbe7ea; border-radius: 11px; background: #fff; }.portal-doc-row span,.portal-doc-row strong,.portal-doc-row small { display: block; }.portal-doc-row span { color: #718992; font-size: .59rem; text-transform: uppercase; letter-spacing: .06em; }.portal-doc-row strong { margin-top: .15rem; font-size: .72rem; }.portal-doc-row small { color: #718992; font-size: .59rem; }
.portal-outcomes { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 2rem; border: 1px solid rgba(175,226,234,.2); border-radius: 18px; overflow: hidden; }.portal-outcomes article { padding: 1.5rem; border-right: 1px solid rgba(175,226,234,.2); }.portal-outcomes article:last-child { border-right: 0; }.portal-outcomes span { color: #59d4e2; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }.portal-outcomes h3 { margin: 2rem 0 .6rem; color: #fff; }.portal-outcomes p { margin: 0; color: #b9d5dc; }
.portal-showcase-cta { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-top: 2rem; padding: 1.2rem 1.4rem; border-radius: 14px; background: rgba(255,255,255,.08); }.portal-showcase-cta strong,.portal-showcase-cta span { display: block; }.portal-showcase-cta span { margin-top: .25rem; color: #b9d5dc; font-size: .84rem; }
@keyframes tracking-grid-drift { to { background-position: 58px 58px; } }
.portal-faux-link { display: block; padding: .8rem 1rem; color: #168ca5; font-size: .68rem; font-weight: 800; }
@keyframes tracking-pin-pulse { 50% { box-shadow: 0 6px 16px rgba(9,67,82,.28), 0 0 0 9px rgba(49,191,213,.13); } }
@keyframes portal-live-pulse { 50% { box-shadow: 0 0 0 9px rgba(72,197,142,.06); } }
@media (max-width: 920px) { .tracking-hero-grid, .tracking-source-grid, .portal-showcase-head { grid-template-columns: 1fr; }.tracking-map { transform: none; }.tracking-cap-grid { grid-template-columns: 1fr 1fr; }.tracking-cap-grid article:nth-child(2) { border-right: 0; }.tracking-cap-grid article:nth-child(4) { border-top: 1px solid #dce8ed; }.tracking-cap-grid .portal-card { grid-template-columns: 42px 1fr; }.portal-card p, .portal-card a { grid-column: 2; }.source-stack article { grid-template-columns: 90px 1fr; }.source-stack small { grid-column: 2; }.portal-product { grid-template-columns: 1fr; }.portal-sidebar { display: none; }.portal-detail-grid { grid-template-columns: 1fr; }.portal-outcomes { grid-template-columns: 1fr; }.portal-outcomes article { border-right: 0; border-bottom: 1px solid rgba(175,226,234,.2); }.portal-outcomes article:last-child { border-bottom: 0; }.portal-showcase-cta { align-items: flex-start; flex-direction: column; } }
@media (max-width: 620px) { .tracking-cap-grid { grid-template-columns: 1fr; }.tracking-cap-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid #dce8ed; }.tracking-cap-grid h3 { margin-top: 1.5rem; }.tracking-cap-grid .portal-card { display: block; }.portal-card h3 { margin: 1rem 0; }.portal-card p { margin-bottom: 1rem; }.portal-main-top { align-items: flex-start; gap: .8rem; flex-direction: column; }.portal-dashboard { padding: .75rem; }.portal-kpis { grid-template-columns: 1fr; }.portal-load-card > header { display: block; }.portal-load-card header > b { display: inline-block; margin-bottom: 1rem; }.portal-location,.portal-doc-row { grid-template-columns: 1fr; }.portal-milestones { gap: .35rem; }.portal-milestones b { font-size: .62rem; }.portal-milestones small { font-size: .52rem; } }
@media (prefers-reduced-motion: reduce) { .tracking-grid-lines, .truck-pin, .portal-live i { animation: none !important; } }

/* Billing and invoicing */
.billing-hero { position: relative; overflow: hidden; padding: clamp(5rem, 9vw, 8rem) 0; color: #fff; background: radial-gradient(circle at 78% 22%, rgba(49,191,213,.18), transparent 25%), linear-gradient(135deg, #061925, #0a3447 66%, #0b5967); }
.billing-grid-lines { position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(143,218,230,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(143,218,230,.28) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, transparent 4%, #000 48%, #000); animation: billing-grid-drift 20s linear infinite; }
.billing-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .95fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.billing-hero h1 { max-width: 740px; color: #fff !important; font-size: clamp(3.2rem, 6vw, 5.9rem); line-height: .96; letter-spacing: -.055em; }.billing-hero h1 span { color: #65d8e5; }.billing-hero .lead { max-width: 720px; color: #d1e7ec; }.billing-hero .button-outline { color: #fff; border-color: rgba(255,255,255,.42); }
.billing-proof { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }.billing-proof span { padding: .55rem .8rem; border: 1px solid rgba(151,226,235,.25); border-radius: 999px; color: #d9f2f5; background: rgba(4,27,40,.38); font-size: .75rem; font-weight: 750; }
.billing-console { overflow: hidden; border: 1px solid rgba(169,226,234,.28); border-radius: 24px; color: #173b49; background: #f7fbfc; box-shadow: 0 35px 90px rgba(0,0,0,.32); transform: rotate(.8deg); }
.billing-console-top,.billing-console-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; }.billing-console-top { border-bottom: 1px solid #dbe7ea; }.billing-console-top div,.billing-console-foot span { display: flex; align-items: center; gap: .5rem; }.billing-console-top i,.billing-console-foot i { width: 8px; height: 8px; border-radius: 50%; background: #42be89; box-shadow: 0 0 0 5px rgba(66,190,137,.12); }.billing-console-top span { color: #607984; font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.billing-console-top b { font-size: .75rem; }
.billing-queue { display: grid; gap: .65rem; padding: 1.1rem; }.billing-queue article { display: grid; grid-template-columns: 78px 1fr auto; gap: .85rem; align-items: center; padding: .85rem; border: 1px solid #dce7ea; border-radius: 12px; background: #fff; animation: billing-row-focus 9s ease-in-out infinite; }.billing-queue article:nth-child(2) { animation-delay: -6s; }.billing-queue article:nth-child(3) { animation-delay: -3s; }.billing-load { color: #238da0; font-size: .67rem; font-weight: 850; }.billing-queue strong,.billing-queue small { display: block; }.billing-queue strong { font-size: .8rem; }.billing-queue small { margin-top: .15rem; color: #728a94; font-size: .63rem; }.billing-queue em { padding: .35rem .5rem; border-radius: 99px; color: #26755f; background: #e3f5ed; font-size: .62rem; font-style: normal; font-weight: 800; }
.billing-flow { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: .4rem; margin: .4rem 1.1rem 1.1rem; padding-top: 1.2rem; }.billing-flow-line { position: absolute; top: 30px; right: 10%; left: 10%; height: 2px; background: #d5e4e8; }.billing-flow-line::after { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,#178fad,#53c79b); content: ''; transform-origin: left; animation: billing-line-progress 9s ease-in-out infinite; }.billing-flow div { position: relative; z-index: 2; display: grid; justify-items: center; gap: .25rem; }.billing-flow b { display: grid; width: 38px; height: 38px; place-items: center; border: 4px solid #f7fbfc; border-radius: 50%; color: #fff; background: #167f98; font-size: .65rem; }.billing-flow small { color: #647c86; font-size: .58rem; text-align: center; }.billing-packet { position: absolute; z-index: 4; top: 20px; left: 8%; display: grid; width: 23px; height: 23px; place-items: center; border-radius: 7px; color: #072a39; background: #69d8bd; box-shadow: 0 5px 14px rgba(13,102,117,.28); font-size: .7rem; font-style: normal; font-weight: 900; animation: billing-packet-travel 9s ease-in-out infinite; }
.billing-console-foot { border-top: 1px solid #dbe7ea; color: #607984; font-size: .65rem; }.billing-console-foot small { color: #81959d; }
.billing-workflow { background: #f2f7f8; }.billing-step-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid #d8e5e9; border-radius: 20px; background: #fff; }.billing-step-grid article { position: relative; min-height: 285px; padding: 1.5rem; border-right: 1px solid #d8e5e9; }.billing-step-grid article:last-child { border-right: 0; }.billing-step-grid article > span:first-child { color: #168fa7; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }.billing-step-grid .integration-icon { margin: 2rem 0 1.5rem; }.billing-step-grid p { color: #647c86; }
.billing-ledger { color: #fff; background: linear-gradient(145deg,#071d2b,#0c3d50); }.billing-ledger-grid,.billing-sync-grid,.billing-audit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }.billing-ledger h2 { color: #fff !important; }.billing-ledger .lead { color: #c4dde3; }.billing-ledger-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; }.billing-ledger-notes article { padding: 1.2rem; border: 1px solid rgba(177,226,234,.18); border-radius: 14px; background: rgba(255,255,255,.04); }.billing-ledger-notes span { color: #62d3df; font-size: .67rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.billing-ledger-notes h3 { margin: 1rem 0 .5rem; color: #fff; font-size: 1rem; }.billing-ledger-notes p { margin: 0; color: #aac8cf; font-size: .78rem; }
.ledger-card,.qb-card { overflow: hidden; border: 1px solid #d8e5e9; border-radius: 20px; color: #173b49; background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.2); }.ledger-card header,.ledger-card footer { display: flex; justify-content: space-between; padding: 1rem 1.2rem; }.ledger-card header { border-bottom: 1px solid #dce7ea; }.ledger-card header span { font-size: .72rem; font-weight: 800; }.ledger-card header b { color: #28795f; font-size: .67rem; }.ledger-row { display: grid; grid-template-columns: 48px 1fr auto; gap: 1rem; align-items: center; margin: 1.2rem; padding: 1rem; border: 1px solid #dce7ea; border-radius: 13px; }.ledger-row > i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; color: #fff; background: #168ca4; font-size: .72rem; font-style: normal; font-weight: 900; }.ledger-row small,.ledger-row strong { display: block; }.ledger-row small { color: #718993; font-size: .62rem; }.ledger-row strong { margin-top: .15rem; font-size: .78rem; }.ledger-row > span { color: #28795f; font-size: .65rem; font-weight: 850; }.ledger-link { display: flex; align-items: center; gap: .7rem; padding: 0 2.2rem; color: #6e8790; font-size: .62rem; font-weight: 800; }.ledger-link i { flex: 1; height: 1px; background: #dce7ea; }.ledger-card footer { border-top: 1px solid #dce7ea; color: #69818a; font-size: .63rem; }
.billing-sync { background: #eef6f7; }.qb-card { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.5rem; box-shadow: 0 20px 55px rgba(15,64,78,.1); }.qb-mark { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 16px; color: #fff; background: #2da44e; font-weight: 900; }.qb-card small { color: #718992; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }.qb-card h3 { margin: .3rem 0 0; }.qb-card ul { grid-column: 1 / -1; display: grid; gap: .55rem; margin: .5rem 0 0; padding: 0; list-style: none; }.qb-card li { display: flex; justify-content: space-between; padding: .8rem; border-radius: 9px; background: #f2f7f8; font-size: .72rem; }.qb-card li b { color: #28795f; }.qb-card p { grid-column: 1 / -1; margin: 0; color: #6f858e; font-size: .67rem; }
.billing-audit-grid { align-items: stretch; }.billing-claim-note { padding-left: 1rem; border-left: 3px solid #2eb5ca; color: #677f89; font-size: .8rem; }.audit-timeline { display: grid; gap: .8rem; }.audit-timeline article { position: relative; display: grid; gap: .25rem; padding: 1.15rem 1.2rem 1.15rem 4rem; border: 1px solid #d9e6e9; border-radius: 14px; background: #fff; }.audit-timeline article::before { position: absolute; left: 1.2rem; top: 1.15rem; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: #fff; background: #168da6; content: '✓'; font-size: .72rem; font-weight: 900; }.audit-timeline .audit-window { border-color: #9edce5; background: #edfafd; }.audit-timeline span { color: #178da5; font-size: .64rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.audit-timeline b { font-size: .86rem; }.audit-timeline small { color: #708892; }
@keyframes billing-grid-drift { to { background-position: 54px 54px; } } @keyframes billing-row-focus { 0%,26%,100% { border-color:#dce7ea; box-shadow:none; transform:translateX(0); } 8%,18% { border-color:#77d4df; box-shadow:0 9px 22px rgba(29,139,160,.12); transform:translateX(4px); } } @keyframes billing-line-progress { 0% { transform:scaleX(0); } 86%,100% { transform:scaleX(1); } } @keyframes billing-packet-travel { 0%,5% { left:8%; } 28% { left:32%; } 55% { left:57%; } 82%,94% { left:83%; } 100% { left:8%; } }
@media (max-width: 920px) { .billing-hero-grid,.billing-ledger-grid,.billing-sync-grid,.billing-audit-grid { grid-template-columns: 1fr; }.billing-console { transform:none; }.billing-step-grid { grid-template-columns: 1fr 1fr; }.billing-step-grid article:nth-child(2) { border-right:0; }.billing-step-grid article:nth-child(-n+2) { border-bottom:1px solid #d8e5e9; } }
@media (max-width: 620px) { .billing-step-grid,.billing-ledger-notes { grid-template-columns:1fr; }.billing-step-grid article { min-height:auto; border-right:0; border-bottom:1px solid #d8e5e9; }.billing-queue article { grid-template-columns:70px 1fr; }.billing-queue em { grid-column:2; justify-self:start; }.billing-flow small { font-size:.5rem; }.ledger-row { grid-template-columns:42px 1fr; }.ledger-row > span { grid-column:2; }.ledger-card footer { gap:.5rem; flex-direction:column; } }
@media (prefers-reduced-motion: reduce) { .billing-grid-lines,.billing-queue article,.billing-flow-line::after,.billing-packet { animation:none !important; }.billing-flow-line::after { transform:scaleX(1); }.billing-packet { left:83%; } }

/* Reporting and analytics */
.reports-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(77,214,190,.18),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 64%,#0b5965)}.reports-grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(143,218,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(143,218,230,.28) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 3%,#000 48%,#000);animation:reports-grid-drift 20s linear infinite}.reports-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.reports-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.reports-hero h1 span{color:#69d9e2}.reports-hero .lead{max-width:720px;color:#d1e7ec}.reports-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.reports-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.reports-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#d9f2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.report-console,.schedule-card,.executive-dashboard{overflow:hidden;border:1px solid #d8e5e9;border-radius:22px;background:#fff;color:#173b49;box-shadow:0 30px 80px rgba(0,0,0,.24)}.report-console{transform:rotate(.8deg)}.report-console-top,.report-console-foot,.schedule-card header,.schedule-card footer,.executive-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.report-console-top{border-bottom:1px solid #dbe7ea}.report-console-top div,.report-console-foot span,.schedule-card footer span{display:flex;align-items:center;gap:.5rem}.report-console-top i,.report-console-foot i,.schedule-card footer i{width:8px;height:8px;border-radius:50%;background:#42be89;box-shadow:0 0 0 5px rgba(66,190,137,.12)}.report-console-top span{color:#607984;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.report-console-top b{font-size:.75rem}.report-search{margin:1rem 1.1rem .5rem;padding:.75rem .9rem;border:1px solid #dce7ea;border-radius:10px;color:#789099;font-size:.7rem}.report-search span{float:right;color:#168ca4;font-weight:800}.report-rows{display:grid;gap:.55rem;padding:.6rem 1.1rem 1.1rem}.report-rows article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #dce7ea;border-radius:11px;animation:report-row-focus 10s ease-in-out infinite}.report-rows article:nth-child(2){animation-delay:-7.5s}.report-rows article:nth-child(3){animation-delay:-5s}.report-rows article:nth-child(4){animation-delay:-2.5s}.report-rows strong,.report-rows small{display:block}.report-rows strong{font-size:.78rem}.report-rows small{margin-top:.12rem;color:#748b94;font-size:.62rem}.report-rows em{padding:.32rem .5rem;border-radius:99px;color:#26755f;background:#e3f5ed;font-size:.6rem;font-style:normal;font-weight:800}.report-console-foot{border-top:1px solid #dbe7ea;color:#607984;font-size:.65rem}.report-console-foot small{color:#81959d}
.reports-library{background:#f2f7f8}.report-card-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #d8e5e9;border-radius:20px;background:#fff}.report-card-grid article{min-height:240px;padding:1.5rem;border-right:1px solid #d8e5e9;border-bottom:1px solid #d8e5e9}.report-card-grid article:nth-child(3n){border-right:0}.report-card-grid article:nth-last-child(-n+3){border-bottom:0}.report-card-grid span{color:#168fa7;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.report-card-grid h3{margin-top:2.8rem}.report-card-grid p{color:#647c86}.report-count-card{color:#fff;background:linear-gradient(145deg,#0b3b4d,#0d7180)}.report-count-card strong{display:block;color:#76dce4;font-size:4.5rem;line-height:1}.report-count-card h3{margin-top:1rem;color:#fff}.report-count-card p{color:#c8e3e7}
.report-scheduling{background:linear-gradient(145deg,#071d2b,#0c3d50);color:#fff}.report-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}.report-scheduling h2{color:#fff!important}.report-scheduling .lead{color:#c4dde3}.report-scheduling .feature-list li{color:#bcd5dc}.report-scheduling .feature-list strong{color:#fff}.schedule-card{box-shadow:0 28px 75px rgba(0,0,0,.3)}.schedule-card header{border-bottom:1px solid #dce7ea}.schedule-card header span{font-size:.75rem;font-weight:850}.schedule-card header b{padding:.35rem .55rem;border-radius:99px;color:#26755f;background:#e3f5ed;font-size:.62rem}.schedule-field{margin:1rem 1.2rem;padding:.9rem;border-radius:11px;background:#f2f7f8}.schedule-field small,.schedule-field strong{display:block}.schedule-field small{color:#718992;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.schedule-field strong{margin-top:.25rem;font-size:.82rem}.schedule-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0 1.2rem}.schedule-options span{padding:.8rem;border:1px solid #dce7ea;border-radius:10px;color:#647c86;font-size:.7rem;font-weight:750}.schedule-options .selected{border-color:#54c4d3;color:#116f84;background:#edfafd}.schedule-options i{display:inline-block;width:8px;height:8px;margin-right:.4rem;border-radius:50%;background:#a7bbc1}.schedule-options .selected i{background:#2bb6ca}.schedule-timeline{position:relative;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:.4rem;margin:1.3rem}.schedule-timeline i{z-index:2;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#1a9cb3;box-shadow:0 0 0 1px #77ccd7}.schedule-timeline span{font-size:.58rem;color:#6c858f}.schedule-timeline b{position:absolute;z-index:1;left:8px;right:8px;height:2px;background:linear-gradient(90deg,#1b98b0,#5bd0aa);transform-origin:left;animation:schedule-progress 7s ease-in-out infinite}.schedule-card footer{border-top:1px solid #dce7ea;color:#607984;font-size:.65rem}.schedule-card footer small{color:#81959d}
.executive-reports{background:#edf5f6}.executive-dashboard{box-shadow:0 22px 60px rgba(16,75,89,.12)}.executive-top{border-bottom:1px solid #dce7ea}.executive-top span,.executive-top strong{display:block}.executive-top span{font-weight:850}.executive-top strong{margin-top:.2rem;color:#718992;font-size:.65rem}.executive-top>b{padding:.5rem .7rem;border-radius:8px;color:#126f83;background:#e7f7fa;font-size:.65rem}.executive-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.executive-metrics article{min-height:230px;padding:1.4rem;border-right:1px solid #dce7ea}.executive-metrics article:last-child{border-right:0}.executive-metrics span,.executive-metrics strong{display:block}.executive-metrics span{color:#607984;font-size:.68rem;font-weight:800}.executive-metrics strong{margin-top:.35rem}.mini-bars{display:flex;align-items:end;gap:8px;height:100px;margin-top:2rem}.mini-bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#4bcbd4,#157f9a);animation:report-bars 6s ease-in-out infinite}.mini-bars i:nth-child(1){height:38%}.mini-bars i:nth-child(2){height:55%}.mini-bars i:nth-child(3){height:48%}.mini-bars i:nth-child(4){height:72%}.mini-bars i:nth-child(5){height:64%}.mini-bars i:nth-child(6){height:88%}.kpi-ring{display:grid;width:105px;height:105px;margin:1.5rem auto 0;place-items:center;border-radius:50%;background:conic-gradient(#32bda8 0 92%,#dce9eb 92%)}.kpi-ring::before{width:76px;height:76px;border-radius:50%;background:#fff;content:'92%';display:grid;place-items:center;font-weight:900}.kpi-ring.pickup{background:conic-gradient(#279db4 0 89%,#dce9eb 89%)}.kpi-ring.pickup::before{content:'89%'}.report-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce7ea;border-radius:18px;overflow:hidden}.report-outcome-grid article{padding:1.5rem;border-right:1px solid #dce7ea}.report-outcome-grid article:last-child{border-right:0}.report-outcome-grid span{color:#1692a9;font-size:.72rem;font-weight:850;letter-spacing:.1em}.report-outcome-grid h3{margin-top:2rem}.report-outcome-grid p{color:#647c86}
@keyframes reports-grid-drift{to{background-position:52px 52px}}@keyframes report-row-focus{0%,20%,100%{border-color:#dce7ea;transform:translateX(0);box-shadow:none}6%,14%{border-color:#6ed0dc;transform:translateX(4px);box-shadow:0 8px 20px rgba(29,139,160,.12)}}@keyframes schedule-progress{0%{transform:scaleX(0)}80%,100%{transform:scaleX(1)}}@keyframes report-bars{50%{filter:saturate(1.35);transform:scaleY(.92)}}
@media(max-width:920px){.reports-hero-grid,.report-schedule-grid{grid-template-columns:1fr}.report-console{transform:none}.report-card-grid{grid-template-columns:1fr 1fr}.report-card-grid article:nth-child(3n){border-right:1px solid #d8e5e9}.report-card-grid article:nth-child(2n){border-right:0}.report-card-grid article:nth-last-child(-n+3){border-bottom:1px solid #d8e5e9}.report-card-grid article:nth-last-child(-n+2){border-bottom:0}.executive-metrics{grid-template-columns:1fr}.executive-metrics article{border-right:0;border-bottom:1px solid #dce7ea}.executive-metrics article:last-child{border-bottom:0}}
@media(max-width:620px){.report-card-grid,.report-outcome-grid{grid-template-columns:1fr}.report-card-grid article{min-height:auto;border-right:0!important;border-bottom:1px solid #d8e5e9!important}.report-card-grid article:last-child{border-bottom:0!important}.report-card-grid h3{margin-top:1.5rem}.report-outcome-grid article{border-right:0;border-bottom:1px solid #dce7ea}.report-outcome-grid article:last-child{border-bottom:0}.executive-top{align-items:flex-start;flex-direction:column}.schedule-options{grid-template-columns:1fr}.schedule-timeline{grid-template-columns:auto 1fr auto 1fr auto}.schedule-timeline span{display:none}}
@media(prefers-reduced-motion:reduce){.reports-grid-lines,.report-rows article,.schedule-timeline b,.mini-bars i{animation:none!important}.schedule-timeline b{transform:scaleX(1)}}

/* Customer and carrier portals */
.portals-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(89,216,190,.2),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 62%,#0b5965)}
.portals-grid-lines{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(143,218,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(143,218,230,.28) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000);animation:portals-grid-drift 20s linear infinite}
.portals-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.9fr);gap:clamp(3rem,7vw,7rem);align-items:center}.portals-hero .eyebrow{color:#fff}.portals-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.portals-hero h1 span{color:#68d9e2}.portals-hero .lead{max-width:720px;color:#d1e7ec}.portals-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.portals-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.portals-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#d9f2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.portal-login-stack{position:relative;display:grid;gap:1rem;padding:2.2rem 0}.portal-login-card{position:relative;display:grid;gap:.35rem;padding:1.5rem;border:1px solid rgba(176,229,236,.35);border-radius:19px;color:#153846;background:#fff;box-shadow:0 26px 65px rgba(0,0,0,.26);animation:portal-card-float 7s ease-in-out infinite}.portal-login-card.carrier{margin-left:3rem;animation-delay:-3.5s}.portal-login-card>span{color:#178ca4;font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.portal-login-card strong{font-size:1.05rem}.portal-login-card small{color:#6f8790}.portal-login-card b{justify-self:start;margin-top:.8rem;color:#147e94;font-size:.7rem}.portal-included-seal{position:absolute;right:-18px;bottom:-18px;display:grid;width:154px;height:154px;place-content:center;padding:1.15rem;border:1px solid rgba(255,255,255,.72);border-radius:34px;color:#062f36;background:linear-gradient(145deg,rgba(236,255,251,.98),rgba(89,216,190,.98) 58%,rgba(47,183,188,.98));box-shadow:0 24px 55px rgba(0,0,0,.3),inset 0 1px 0 #fff,inset 0 0 0 7px rgba(255,255,255,.16);text-align:center;transform:rotate(-5deg);isolation:isolate}.portal-included-seal::before{display:grid;width:38px;height:38px;margin:0 auto .55rem;place-items:center;border:1px solid rgba(6,62,67,.18);border-radius:12px;color:#fff;background:#087681;box-shadow:0 8px 18px rgba(5,93,102,.28);content:'✓';font-size:1rem;font-weight:950}.portal-included-seal::after{position:absolute;z-index:-1;inset:-9px;border:1px dashed rgba(136,237,224,.55);border-radius:40px;content:'';animation:portal-seal-breathe 4s ease-in-out infinite}.portal-included-seal strong,.portal-included-seal span{display:block}.portal-included-seal strong{font-size:1.08rem;line-height:1;letter-spacing:-.02em}.portal-included-seal span{max-width:95px;margin:.35rem auto 0;font-size:.58rem;font-weight:900;line-height:1.25;text-transform:uppercase;letter-spacing:.095em}
.portals-workspaces{background:#f0f6f7}.portals-switcher{overflow:hidden;border:1px solid #cfdee2;border-radius:24px;background:#fff;box-shadow:0 25px 70px rgba(13,71,85,.13)}.portals-tab-list{display:grid;grid-template-columns:1fr 1fr;background:#092b3c}.portals-tab-list button{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:72px;border:0;border-right:1px solid rgba(255,255,255,.12);color:#a9c9d1;background:transparent;font:inherit;font-weight:800;cursor:pointer}.portals-tab-list button:last-child{border-right:0}.portals-tab-list button span{color:#65d5df;font-size:.66rem;letter-spacing:.08em}.portals-tab-list button[aria-selected=true]{color:#fff;background:rgba(60,192,209,.15);box-shadow:inset 0 -3px #4bc8d8}.portals-panels>article{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:590px}.workspace-nav{display:flex;flex-direction:column;gap:.3rem;padding:1.4rem;color:#fff;background:#0b3448}.workspace-nav.carrier{background:#123e42}.workspace-nav>strong{font-size:1.05rem}.workspace-nav>small{margin-bottom:1.5rem;color:#8fb7c1}.workspace-nav>span{display:flex;justify-content:space-between;padding:.75rem .8rem;border-radius:9px;color:#adc8cf;font-size:.73rem;font-weight:700}.workspace-nav .active{color:#fff;background:rgba(63,197,212,.17)}.workspace-nav span b{padding:.1rem .4rem;border-radius:99px;color:#082b39;background:#63d1dc;font-size:.6rem}.workspace-main{min-width:0;background:#f6fafb}.workspace-main>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid #d9e6e9;background:#fff}.workspace-main header small,.workspace-main header strong{display:block}.workspace-main header small{color:#6f8790;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.workspace-live{display:flex;align-items:center;gap:.5rem;color:#267b63;font-size:.67rem}.workspace-live i{width:8px;height:8px;border-radius:50%;background:#45bf8a;box-shadow:0 0 0 5px rgba(69,191,138,.12);animation:portal-status-pulse 2.5s ease-in-out infinite}.workspace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1.2rem}.workspace-metrics article{padding:1rem;border:1px solid #dce7ea;border-radius:12px;background:#fff}.workspace-metrics span,.workspace-metrics small,.workspace-metrics strong{display:block}.workspace-metrics span{color:#657e88;font-size:.65rem;font-weight:750}.workspace-metrics strong{margin:.2rem 0;font-size:1.55rem}.workspace-metrics small{color:#779099;font-size:.59rem}.workspace-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1.2rem;padding:1.2rem;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0c6478,#1695a9)}.workspace-action.carrier{background:linear-gradient(135deg,#176d63,#259881)}.workspace-action span{color:#aee7ed;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.workspace-action h3{margin:.25rem 0;color:#fff;font-size:1rem}.workspace-action p{margin:0;color:#d2eaed;font-size:.7rem}.workspace-action>b{flex:none;padding:.65rem .8rem;border-radius:8px;color:#0a4857;background:#fff;font-size:.68rem}.workspace-rows{display:grid;gap:.65rem;padding:1.2rem}.workspace-rows>span{display:grid;grid-template-columns:38px 1fr 1.3fr auto;gap:.7rem;align-items:center;padding:.8rem;border:1px solid #dce7ea;border-radius:11px;background:#fff}.workspace-rows i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#fff;background:#158ca3;font-size:.58rem;font-style:normal;font-weight:850}.workspace-rows strong,.workspace-rows small,.workspace-rows b{font-size:.65rem}.workspace-rows small{color:#6f8790}.workspace-rows b{color:#287b63}
.portal-capabilities{background:#fff}.dual-cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem)}.dual-cap-grid>div:last-child{padding-left:clamp(2rem,5vw,5rem);border-left:1px solid #d7e5e8}.dual-cap-grid h2{font-size:clamp(2rem,3.4vw,3.5rem)}.cap-list{display:grid;margin-top:2rem;border-top:1px solid #d8e5e8}.cap-list article{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #d8e5e8}.cap-list article>span{color:#178fa7;font-size:.67rem;font-weight:850}.cap-list h3{margin:0;font-size:1rem}.cap-list p{margin:.35rem 0 0;color:#687f89;font-size:.78rem}.cap-list.carrier article>span{color:#278c77}
.portals-included{color:#fff;background:linear-gradient(145deg,#071d2b,#0c3d50)}.included-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,8rem);align-items:center}.portals-included h2{color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.portals-included .lead{color:#c2dde3}.included-list{overflow:hidden;border:1px solid rgba(170,226,234,.22);border-radius:18px}.included-list article{display:grid;grid-template-columns:38px 1fr auto;gap:1rem;align-items:center;padding:1.15rem;border-bottom:1px solid rgba(170,226,234,.18);background:rgba(255,255,255,.035)}.included-list article:last-child{border-bottom:0}.included-list b{color:#5dd1dc;font-size:.65rem}.included-list strong,.included-list span{display:block}.included-list span{margin-top:.18rem;color:#accbd2;font-size:.67rem}.included-list i{padding:.35rem .55rem;border-radius:99px;color:#073d3b;background:#69d8bd;font-size:.6rem;font-style:normal;font-weight:850}.portal-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #d7e5e8;border-radius:18px}.portal-outcome-grid article{min-height:240px;padding:1.5rem;border-right:1px solid #d7e5e8}.portal-outcome-grid article:last-child{border-right:0}.portal-outcome-grid span{color:#178fa7;font-size:.7rem;font-weight:850;letter-spacing:.09em}.portal-outcome-grid h3{margin-top:3rem}.portal-outcome-grid p{color:#667e88}.portal-guardrail{margin-top:1.5rem;padding-left:1rem;border-left:3px solid #2eb5ca;color:#677f89;font-size:.78rem}
@keyframes portals-grid-drift{to{background-position:54px 54px}}@keyframes portal-card-float{50%{transform:translateY(-7px)}}@keyframes portal-status-pulse{50%{box-shadow:0 0 0 9px rgba(69,191,138,.05)}}@keyframes portal-seal-breathe{50%{opacity:.45;transform:scale(1.035)}}
@media(max-width:920px){.portals-hero-grid,.dual-cap-grid,.included-grid{grid-template-columns:1fr}.portal-login-stack{max-width:600px}.dual-cap-grid>div:last-child{padding-left:0;border-left:0}.portals-panels>article{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:680px){.portal-login-card.carrier{margin-left:0}.portal-included-seal{right:0}.portals-tab-list{grid-template-columns:1fr}.portals-tab-list button{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.portals-panels>article{grid-template-columns:1fr}.workspace-nav{display:grid;grid-template-columns:1fr 1fr;min-height:auto}.workspace-nav>strong,.workspace-nav>small{grid-column:1/-1}.workspace-nav>small{margin-bottom:.5rem}.workspace-metrics,.portal-outcome-grid{grid-template-columns:1fr}.workspace-action{align-items:flex-start;flex-direction:column}.workspace-rows>span{grid-template-columns:38px 1fr}.workspace-rows small,.workspace-rows b{grid-column:2}.portal-outcome-grid article{min-height:auto;border-right:0;border-bottom:1px solid #d7e5e8}.portal-outcome-grid article:last-child{border-bottom:0}.portal-outcome-grid h3{margin-top:1.5rem}.included-list article{grid-template-columns:30px 1fr}.included-list i{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.portals-grid-lines,.portal-login-card,.workspace-live i,.portal-included-seal::after{animation:none!important}}

/* Native AI */
.ai-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 78% 28%,rgba(85,216,190,.22),transparent 25%),linear-gradient(140deg,#061927,#0a3448 58%,#095967)}
.ai-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(142,220,230,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(142,220,230,.28) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 48%,#000);animation:ai-grid-drift 20s linear infinite}
.ai-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.ai-hero .eyebrow{color:#fff}.ai-hero h1{max-width:760px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.ai-hero h1 span{color:#69d8bd}.ai-hero .lead{max-width:700px;color:#d1e7ec}.ai-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}.ai-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.ai-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.ai-orbit{position:relative;min-height:480px}.ai-orbit::before,.ai-orbit::after{position:absolute;inset:50%;border:1px solid rgba(137,222,229,.25);border-radius:50%;content:'';transform:translate(-50%,-50%)}.ai-orbit::before{width:330px;height:330px}.ai-orbit::after{width:225px;height:225px}.ai-core{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:145px;height:145px;place-content:center;border:1px solid rgba(255,255,255,.55);border-radius:38px;background:linear-gradient(145deg,#f4fffd,#63d7be);box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px #fff;color:#073b43;text-align:center;transform:translate(-50%,-50%);animation:ai-core-breathe 4s ease-in-out infinite}.ai-core small,.ai-core strong,.ai-core span{display:block}.ai-core small{font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ai-core strong{font-size:3.4rem;line-height:1}.ai-core span{margin-top:.3rem;color:#176f68;font-size:.62rem;font-weight:850}.orbit-card{position:absolute;z-index:4;display:grid;gap:.2rem;min-width:145px;padding:1rem;border:1px solid rgba(174,230,236,.32);border-radius:15px;background:rgba(6,36,50,.86);box-shadow:0 18px 45px rgba(0,0,0,.25);backdrop-filter:blur(8px);animation:ai-card-float 6s ease-in-out infinite}.orbit-card b{font-size:.75rem}.orbit-card span{color:#9fc7cf;font-size:.62rem}.orbit-card span::before{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#5cd2ae;box-shadow:0 0 0 5px rgba(92,210,174,.1);content:''}.orbit-dispatch{top:6%;left:2%}.orbit-capacity{top:15%;right:0;animation-delay:-1.5s}.orbit-ltl{bottom:13%;left:0;animation-delay:-3s}.orbit-kpi{right:3%;bottom:5%;animation-delay:-4.5s}
.ai-agents{background:#f0f6f7}.ai-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.ai-agent-card{position:relative;grid-column:span 2;overflow:hidden;min-height:315px;padding:1.5rem;border:1px solid #d4e3e6;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(14,75,88,.08);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.ai-agent-card:nth-child(4){grid-column:2/span 2}.ai-agent-card:hover{border-color:#69cbd5;box-shadow:0 24px 58px rgba(14,75,88,.14);transform:translateY(-5px)}.ai-card-top{display:flex;align-items:center;justify-content:space-between}.ai-card-top span{color:#168ca4;font-size:.7rem;font-weight:900;letter-spacing:.1em}.ai-card-top>i{position:relative;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#0c5568,#1699a9)}.ai-card-top>i::before,.ai-card-top>i::after{position:absolute;border-radius:50%;background:#70dbc4;content:''}.ai-card-top>i::before{width:9px;height:9px;top:11px;left:11px}.ai-card-top>i::after{width:5px;height:5px;right:10px;bottom:10px;animation:ai-node-pulse 2.8s ease-in-out infinite}.ai-agent-card h3{margin-top:2.2rem}.ai-agent-card p{color:#617983}.ai-card-status{position:absolute;right:1.5rem;bottom:1.4rem;left:1.5rem;display:flex;align-items:center;gap:.55rem;padding-top:1rem;border-top:1px solid #dde8ea}.ai-card-status i{width:8px;height:8px;border-radius:50%;background:#43bd89;box-shadow:0 0 0 5px rgba(67,189,137,.1);animation:ai-status-pulse 2.8s ease-in-out infinite}.ai-card-status b{color:#28745f;font-size:.68rem}.ai-agent-card:nth-child(2) .ai-card-top>i::after,.ai-agent-card:nth-child(2) .ai-card-status i{animation-delay:-.55s}.ai-agent-card:nth-child(3) .ai-card-top>i::after,.ai-agent-card:nth-child(3) .ai-card-status i{animation-delay:-1.1s}.ai-agent-card:nth-child(4) .ai-card-top>i::after,.ai-agent-card:nth-child(4) .ai-card-status i{animation-delay:-1.65s}.ai-agent-card:nth-child(5) .ai-card-top>i::after,.ai-agent-card:nth-child(5) .ai-card-status i{animation-delay:-2.2s}
.ai-foundation{color:#fff;background:linear-gradient(145deg,#071d2b,#0b3d50)}.ai-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.ai-foundation h2{color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.ai-foundation .lead{color:#bad7de}.ai-foundation-copy{padding-top:1rem}.ai-foundation-copy p{padding:0 0 1.5rem;border-bottom:1px solid rgba(164,222,230,.18);color:#c8dfe4;font-size:1.05rem}.ai-foundation-copy .ai-closing{border-bottom:0;color:#6bd9c0;font-size:1.35rem;font-weight:850}
@keyframes ai-grid-drift{to{background-position:52px 52px}}@keyframes ai-card-float{50%{transform:translateY(-7px)}}@keyframes ai-core-breathe{50%{box-shadow:0 32px 85px rgba(0,0,0,.38),0 0 0 12px rgba(105,216,189,.07),inset 0 1px #fff}}@keyframes ai-node-pulse{50%{transform:scale(1.7);box-shadow:0 0 0 5px rgba(112,219,196,.13)}}@keyframes ai-status-pulse{50%{box-shadow:0 0 0 9px rgba(67,189,137,.04)}}
@media(max-width:920px){.ai-hero-grid,.ai-foundation-grid{grid-template-columns:1fr}.ai-orbit{max-width:620px}.ai-card-grid{grid-template-columns:1fr 1fr}.ai-agent-card,.ai-agent-card:nth-child(4){grid-column:auto}}
@media(max-width:620px){.ai-orbit{min-height:420px}.ai-orbit::before{width:280px;height:280px}.ai-orbit::after{width:190px;height:190px}.ai-core{width:125px;height:125px}.ai-core strong{font-size:2.8rem}.orbit-card{min-width:122px;padding:.8rem}.orbit-dispatch{left:0}.orbit-capacity{right:0}.orbit-ltl{left:0}.orbit-kpi{right:0}.ai-card-grid{grid-template-columns:1fr}.ai-agent-card{min-height:290px}}
@media(prefers-reduced-motion:reduce){.ai-grid-lines,.ai-core,.orbit-card,.ai-card-top>i::after,.ai-card-status i{animation:none!important}.ai-agent-card{transition:none}.ai-agent-card:hover{transform:none}}
.ai-card-grid>.ai-agent-card{display:block}
.ai-card-grid .ai-card-top>.agent-icon{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(106,221,198,.45);border-radius:18px;background:linear-gradient(145deg,#0b4c60,#168b99);box-shadow:0 12px 28px rgba(13,101,117,.2);animation:ai-icon-float 4.8s ease-in-out infinite}
.ai-card-grid .ai-card-top>.agent-icon svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.ai-card-grid .ai-agent-card:nth-child(2) .agent-icon{animation-delay:-.9s}.ai-card-grid .ai-agent-card:nth-child(3) .agent-icon{animation-delay:-1.8s}.ai-card-grid .ai-agent-card:nth-child(4) .agent-icon{animation-delay:-2.7s}.ai-card-grid .ai-agent-card:nth-child(5) .agent-icon{animation-delay:-3.6s}
@keyframes ai-icon-float{50%{transform:translateY(-5px);box-shadow:0 17px 34px rgba(13,101,117,.25)}}
@media(prefers-reduced-motion:reduce){.ai-card-grid .ai-card-top>.agent-icon{animation:none!important}}


/* Small parcel */
.parcel-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 22%,rgba(99,220,190,.2),transparent 27%),linear-gradient(140deg,#061a29,#0a3549 62%,#0b5b65)}
.parcel-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(153,225,232,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(153,225,232,.24) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 42%,#000)}
.parcel-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.parcel-hero .eyebrow{color:#fff}.parcel-hero h1{max-width:780px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.96;letter-spacing:-.055em}.parcel-hero h1 span{color:#69d8bd}.parcel-hero .lead{max-width:720px;color:#d1e7ec}.parcel-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}
.parcel-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.parcel-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.parcel-rate-console{overflow:hidden;border:1px solid rgba(157,226,233,.3);border-radius:24px;color:#173b49;background:#f7fbfb;box-shadow:0 34px 85px rgba(0,0,0,.32);transform:rotate(.6deg)}.parcel-console-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid #d7e6e9;background:#fff}.parcel-console-head>div{display:flex;align-items:center;gap:.55rem}.parcel-console-head small{color:#16879c;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.parcel-package{padding:1.2rem;background:linear-gradient(145deg,#eaf5f5,#f8fcfc)}.parcel-package>span,.parcel-package>strong{display:block}.parcel-package>span{color:#16879c;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.parcel-package>strong{margin-top:.35rem;font-size:.9rem}.parcel-package>div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.parcel-package em{padding:.35rem .55rem;border:1px solid #d1e3e6;border-radius:7px;color:#52707a;background:#fff;font-size:.62rem;font-style:normal}.parcel-rate-list{display:grid;gap:.55rem;padding:1rem}.parcel-rate-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid #d8e6e8;border-radius:10px;background:#fff}.parcel-rate-list article.selected{border-color:#72cdbd;background:#effaf6;box-shadow:0 8px 20px rgba(25,132,112,.08)}.parcel-rate-list strong,.parcel-rate-list small{display:block}.parcel-rate-list strong{font-size:.75rem}.parcel-rate-list small{margin-top:.18rem;color:#71868e;font-size:.6rem}.parcel-rate-list article>span,.parcel-rate-list article>b{padding:.32rem .48rem;border-radius:6px;color:#166b59;background:#dff4ec;font-size:.56rem;font-weight:900}.parcel-rate-list article>b{color:#496872;background:#edf4f5}.parcel-console-foot{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;border-top:1px solid #d7e6e9;background:#fff}.parcel-console-foot span{display:flex;align-items:center;gap:.5rem;color:#28725f;font-size:.65rem;font-weight:850}.parcel-console-foot i{width:8px;height:8px;border-radius:50%;background:#43bd89;box-shadow:0 0 0 5px rgba(67,189,137,.1)}.parcel-console-foot strong{font-size:.64rem}
.parcel-capabilities{background:#f1f6f7}.parcel-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:2.4rem}.parcel-card-grid article{grid-column:span 2;min-height:240px;padding:1.5rem;border:1px solid #d4e3e6;border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(14,75,88,.06)}.parcel-card-grid article:nth-child(4){grid-column:2/span 2}.parcel-card-grid>article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#0c5669,#1595a6);font-size:.64rem;font-weight:900}.parcel-card-grid h3{margin-top:2.2rem}.parcel-card-grid p{color:#607983}
.parcel-why{color:#fff;background:linear-gradient(145deg,#071d2b,#0b3d50)}.parcel-why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.parcel-why .eyebrow{color:#69d8bd}.parcel-why h2{max-width:670px;color:#fff!important;font-size:clamp(2.7rem,5vw,5rem)}.parcel-why .lead{margin-top:0;color:#d0e4e8}.parcel-why-grid>div:last-child>p:not(.lead){color:#b8d2d8}.parcel-mode-line{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;padding:1rem;border:1px solid rgba(166,223,230,.2);border-radius:14px;background:rgba(5,24,35,.35)}.parcel-mode-line span,.parcel-mode-line strong{font-size:.68rem}.parcel-mode-line span{color:#c5dce1}.parcel-mode-line strong{padding:.4rem .6rem;border-radius:7px;color:#073f43;background:#69d8bd}.parcel-mode-line i{width:16px;height:1px;background:#5da6b1}
@media(max-width:920px){.parcel-hero-grid,.parcel-why-grid{grid-template-columns:1fr}.parcel-rate-console{max-width:620px;transform:none}.parcel-card-grid{grid-template-columns:1fr 1fr}.parcel-card-grid article,.parcel-card-grid article:nth-child(4){grid-column:auto}}
@media(max-width:620px){.parcel-card-grid{grid-template-columns:1fr}.parcel-card-grid article{min-height:auto}.parcel-console-head,.parcel-console-foot{align-items:flex-start;gap:.6rem;flex-direction:column}.parcel-rate-list article{align-items:flex-start}.parcel-mode-line i{display:none}}




.parcel-capabilities .concept-heading{grid-template-columns:1fr;max-width:none}.parcel-capabilities .concept-heading h2{max-width:none;color:#103d49!important;font-size:clamp(2.8rem,5.3vw,5.6rem);line-height:1;letter-spacing:-.05em}.parcel-capabilities .concept-heading>p{max-width:900px;margin-top:.5rem;color:#536e79}


.parcel-why .parcel-why-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,6vw,6rem)}.parcel-why .parcel-why-grid h2{max-width:680px;font-size:clamp(3.2rem,4.8vw,4.75rem);line-height:1.02;letter-spacing:-.045em}.parcel-why .parcel-why-grid>div:last-child{max-width:680px;padding-top:3.15rem}.parcel-why .parcel-why-grid .lead{font-size:clamp(1.15rem,1.65vw,1.45rem);line-height:1.5}.parcel-why .parcel-why-grid>div:last-child>p:not(.lead){margin-top:1.4rem;line-height:1.65}@media(max-width:920px){.parcel-why .parcel-why-grid{grid-template-columns:1fr}.parcel-why .parcel-why-grid>div:last-child{max-width:none;padding-top:0}}


.parcel-why .parcel-why-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,4.5vw,4.5rem)}.parcel-why .parcel-why-grid h2{max-width:680px;font-size:clamp(3.2rem,4.25vw,4rem);line-height:1.02;letter-spacing:-.045em}.parcel-why .parcel-why-grid>div:last-child{max-width:680px;padding-top:2.1rem}@media(max-width:920px){.parcel-why .parcel-why-grid{grid-template-columns:1fr}.parcel-why .parcel-why-grid>div:last-child{max-width:none;padding-top:0}}


/* Ecommerce fulfillment */
.ecommerce-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) 0;color:#fff;background:radial-gradient(circle at 82% 24%,rgba(91,218,192,.22),transparent 28%),linear-gradient(140deg,#061a29,#0a3549 60%,#0b5b65)}
.ecommerce-grid-lines{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(153,225,232,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(153,225,232,.24) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 42%,#000)}
.ecommerce-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(3rem,7vw,7rem);align-items:center}.ecommerce-hero .eyebrow{color:#fff}.ecommerce-hero h1{max-width:790px;color:#fff!important;font-size:clamp(3.2rem,6vw,5.8rem);line-height:.96;letter-spacing:-.055em}.ecommerce-hero h1 span{color:#69d8bd}.ecommerce-hero .lead{max-width:700px;color:#d1e7ec}.ecommerce-hero .button-outline{color:#fff;border-color:rgba(255,255,255,.42)}
.ecommerce-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.ecommerce-proof span{padding:.55rem .8rem;border:1px solid rgba(151,226,235,.25);border-radius:999px;color:#daf2f5;background:rgba(4,27,40,.38);font-size:.75rem;font-weight:750}
.ecommerce-order-console{overflow:hidden;border:1px solid rgba(157,226,233,.3);border-radius:24px;color:#173b49;background:#f7fbfb;box-shadow:0 34px 85px rgba(0,0,0,.32);transform:rotate(.55deg)}.ecommerce-console-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid #d7e6e9;background:#fff}.ecommerce-console-head>div{display:flex;align-items:center;gap:.55rem}.ecommerce-console-head i{width:8px;height:8px;border-radius:50%;background:#44c5a3;box-shadow:0 0 0 5px rgba(68,197,163,.12)}.ecommerce-console-head small{color:#16879c;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ecommerce-orders{display:grid;gap:.6rem;padding:1.1rem;background:linear-gradient(145deg,#eaf5f5,#f8fcfc)}.ecommerce-orders article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;border:1px solid #d7e5e8;border-radius:11px;background:#fff}.ecommerce-orders article.featured{border-color:#6fcdbb;background:#effaf6;box-shadow:0 8px 22px rgba(22,126,108,.08)}.ecommerce-orders b,.ecommerce-orders small{display:block}.ecommerce-orders b{font-size:.78rem}.ecommerce-orders small{margin-top:.2rem;color:#6c838c;font-size:.61rem}.ecommerce-orders article>span{padding:.35rem .55rem;border-radius:7px;color:#116854;background:#dff5ed;font-size:.58rem;font-weight:900}.ecommerce-route{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:1rem;border-top:1px solid #d7e6e9;border-bottom:1px solid #d7e6e9;background:#fff}.ecommerce-route span,.ecommerce-route strong{font-size:.64rem}.ecommerce-route span{color:#5e7780}.ecommerce-route strong{padding:.45rem .65rem;border-radius:8px;color:#fff;background:#116f83}.ecommerce-route i{width:28px;height:1px;background:#9bbfc5}.ecommerce-console-foot{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;background:#f2f8f8}.ecommerce-console-foot span{display:flex;align-items:center;gap:.5rem;color:#28725f;font-size:.65rem;font-weight:850}.ecommerce-console-foot span i{width:8px;height:8px;border-radius:50%;background:#43bd89}.ecommerce-console-foot b{font-size:.64rem}
.ecommerce-flow{background:#f1f6f7}.ecommerce-flow .concept-heading h2{color:#103d49!important}.ecommerce-flow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:2.4rem;overflow:hidden;border:1px solid #d2e2e5;border-radius:18px;background:#d2e2e5}.ecommerce-flow-track article{min-height:250px;padding:1.5rem;background:#fff}.ecommerce-flow-track article>span{color:#168ca4;font-size:.67rem;font-weight:900}.ecommerce-flow-track h3{margin-top:3rem}.ecommerce-flow-track p{color:#617983}
.ecommerce-capabilities{background:#fff}.ecommerce-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ecommerce-capability-grid article{display:flex;min-height:340px;padding:1.6rem;flex-direction:column;border:1px solid #d5e4e7;border-radius:20px;background:#f8fbfb;box-shadow:0 16px 42px rgba(14,75,88,.05)}.ecommerce-capability-grid article>span{color:#168ca4;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ecommerce-capability-grid h2{margin-top:3rem;color:#103d49!important;font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.08}.ecommerce-capability-grid p{color:#58717b}.ecommerce-capability-grid small{display:block;margin-top:auto;padding-top:1rem;border-top:1px solid #dbe7e9;color:#6b7f86;font-size:.68rem;line-height:1.55}
.ecommerce-why{color:#fff;background:linear-gradient(145deg,#071d2b,#0b3d50)}.ecommerce-why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,4.5vw,4.5rem);align-items:start}.ecommerce-why .eyebrow{color:#69d8bd}.ecommerce-why h2{max-width:650px;color:#fff!important;font-size:clamp(3.1rem,4.25vw,4rem);line-height:1.02;letter-spacing:-.045em}.ecommerce-why-grid>div:last-child{padding-top:2.1rem}.ecommerce-why .lead{margin:0;color:#d0e4e8;font-size:clamp(1.15rem,1.65vw,1.4rem);line-height:1.5}.ecommerce-why-grid>div:last-child>p:not(.lead){margin-top:1.4rem;color:#b8d2d8}.ecommerce-worlds{display:grid;grid-template-columns:auto 24px auto 1fr;gap:.65rem;align-items:center;margin-top:2rem;padding:1rem;border:1px solid rgba(166,223,230,.2);border-radius:14px;background:rgba(5,24,35,.35)}.ecommerce-worlds span{font-size:.66rem}.ecommerce-worlds i{height:1px;background:#5da6b1}.ecommerce-worlds strong{justify-self:end;padding:.45rem .65rem;border-radius:7px;color:#073f43;background:#69d8bd;font-size:.66rem}
@media(max-width:920px){.ecommerce-hero-grid,.ecommerce-why-grid{grid-template-columns:1fr}.ecommerce-order-console{max-width:620px;transform:none}.ecommerce-flow-track{grid-template-columns:1fr 1fr}.ecommerce-capability-grid{grid-template-columns:1fr}.ecommerce-capability-grid article{min-height:0}.ecommerce-why-grid>div:last-child{padding-top:0}}
@media(max-width:620px){.ecommerce-flow-track{grid-template-columns:1fr}.ecommerce-flow-track article{min-height:auto}.ecommerce-console-head,.ecommerce-console-foot{align-items:flex-start;gap:.6rem;flex-direction:column}.ecommerce-worlds{grid-template-columns:1fr}.ecommerce-worlds i{display:none}.ecommerce-worlds strong{justify-self:start}}