:root {
  --ink:#0b1016;
  --ink2:#141c25;
  --orange:#f67910;
  --paper:#f4f6f8;
  --white:#fff;
  --muted:#667485;
  --line:#dce2e7;
  --font-head:Archivo,Inter,Arial,sans-serif;
  --font-body:Inter,Arial,sans-serif;
  --font-mono:'JetBrains Mono',monospace
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:78px
}
body {
  margin:0;
  background:var(--ink);
  color:var(--ink);
  font-family:var(--font-body);
  line-height:1.6
}
button,input,select,textarea {
  font:inherit
}
button {
  cursor:pointer
}
a {
  color:inherit;
  text-decoration:none
}
img {
  display:block;
  max-width:100%
}
svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
[hidden] {
  display:none!important
}
.icon-library {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden
}
.wrap {
  width:min(100% - 64px,1280px);
  margin:auto
}
.section {
  padding:112px 0
}
.section-light {
  background:var(--paper)
}
.section-dark {
  background:var(--ink);
  color:#f5f7fa
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 25px;
  color:var(--orange);
  font:600 11px/1.4 var(--font-mono);
  letter-spacing:.12em
}
.eyebrow-dark {
  color:#cc5900
}
.tiny-square {
  display:inline-block;
  width:7px;
  height:7px;
  background:var(--orange)
}
h1,h2,h3,h4,p {
  margin-top:0
}
h1,h2,h3,h4 {
  font-family:var(--font-head);
  line-height:1.08;
  letter-spacing:-.035em
}
h2 {
  font-size:clamp(38px,4.8vw,70px);
  font-weight:800;
  max-width:900px;
  margin-bottom:25px
}
h2 em,h1 em,h3 em {
  color:var(--orange);
  font-style:normal
}
h3 {
  font-size:24px
}
.lead {
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.72
}
.button {
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  padding:13px 22px;
  border:1px solid transparent;
  border-radius:3px;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  transition:transform .2s,background .2s,border-color .2s
}
.button:hover {
  transform:translateY(-3px)
}
.button svg {
  width:17px;
  height:17px
}
.button-orange {
  background:var(--orange);
  color:var(--ink)
}
.button-orange:hover {
  background:#ff9140
}
.button-outline {
  border-color:#a1aab3;
  color:#fff
}
.button-outline:hover {
  border-color:#fff;
  background:#ffffff14
}
.site-header {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:40;
  background:#080c10e8;
  border-bottom:1px solid #ffffff18;
  backdrop-filter:blur(16px)
}
.header-inner {
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px
}
.brand img {
  width:112px;
  height:auto
}
.main-nav {
  display:flex;
  align-items:center;
  gap:clamp(12px,1.6vw,28px)
}
.main-nav>a {
  font-size:11px;
  white-space:nowrap;
  font-weight:700;
  color:#d7dde3;
  transition:color .2s
}
.main-nav>a:hover {
  color:var(--orange)
}
.main-nav .header-cta {
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--orange)
}
.header-cta svg {
  width:15px;
  height:15px
}
.menu-button {
  display:none;
  width:42px;
  height:42px;
  border:1px solid #ffffff55;
  background:transparent;
  border-radius:3px;
  padding:10px
}
.menu-button span {
  display:block;
  height:2px;
  margin:4px 0;
  background:#fff
}
.hero {
  min-height:800px;
  height:min(900px,100svh);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:radial-gradient(ellipse at 50% 100%,#453224 0,#151c23 45%,#070a0e 77%);
  color:#fff
}
.road {
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden;
  opacity:.74
}
.road-surface {
  position:absolute;
  width:120%;
  height:170%;
  left:-10%;
  bottom:-77%;
  transform:perspective(480px) rotateX(68deg);
  background:linear-gradient(90deg,#11161b 0%,#303337 20%,#11161b 24%,#2d3032 50%,#11161b 76%,#303337 80%,#11161b 100%);
  box-shadow:inset 0 0 130px 85px #0b0e12
}
.lane {
  position:absolute;
  top:0;
  bottom:0;
  width:4px;
  background:repeating-linear-gradient(to bottom,#f2eac6 0 44px,transparent 44px 115px);
  filter:blur(.7px);
  animation:drive 1.6s linear infinite
}
.lane-left {
  left:24%
}
.lane-mid {
  left:50%
}
.lane-right {
  left:76%
}
.hero-vignette {
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,#070a0ef0 0%,#070a0eaa 47%,#070a0e22 100%),linear-gradient(180deg,#070a0eb0,#070a0e08 42%,#070a0ec0)
}
@keyframes drive {
  to {
    background-position:0 115px
  }
}
.hero-content {
  position:relative;
  padding-top:100px
}
.hero-eyebrow {
  color:#e6edf3;
  font-size:10px
}
.hero-logo {
  width:210px;
  margin:0 0 40px
}
.hero h1 {
  max-width:1060px;
  font-weight:900;
  text-transform:uppercase;
  font-size:clamp(49px,6.1vw,94px);
  line-height:1.02;
  letter-spacing:-.06em;
  margin:0 0 26px
}
.hero-subtitle {
  font-size:clamp(17px,1.8vw,22px);
  max-width:550px;
  color:#d5dce3;
  margin-bottom:32px
}
.hero-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap
}
.scroll-cue {
  display:flex;
  align-items:center;
  gap:12px;
  width:max-content;
  margin-top:70px;
  color:#aeb9c3;
  font:600 10px var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.12em
}
.scroll-mouse {
  display:grid;
  place-items:start center;
  width:19px;
  height:28px;
  padding-top:5px;
  border:1px solid #aeb9c3;
  border-radius:11px
}
.scroll-mouse i {
  width:2px;
  height:6px;
  border-radius:2px;
  background:var(--orange);
  animation:mouse 1.5s infinite
}
@keyframes mouse {
  to {
    transform:translateY(8px);
    opacity:0
  }
}
.hero-preview-note {
  position:absolute;
  bottom:20px;
  right:30px;
  max-width:320px;
  margin:0;
  color:#b5bec8;
  font:9px/1.45 var(--font-mono);
  text-align:right
}
.ticker {
  overflow:hidden;
  background:var(--orange);
  color:var(--ink);
  height:44px;
  display:flex;
  align-items:center
}
.ticker-track {
  display:flex;
  width:max-content;
  animation:ticker 35s linear infinite
}
.ticker-track span {
  white-space:nowrap;
  font:800 11px var(--font-head);
  letter-spacing:.12em
}
.ticker-track i {
  display:inline-block;
  width:5px;
  height:5px;
  margin:0 22px 2px;
  background:var(--ink);
  transform:rotate(45deg)
}
@keyframes ticker {
  to {
    transform:translateX(-50%)
  }
}
.intro-grid {
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:70px;
  align-items:end
}
.intro-grid h2 {
  margin-bottom:0
}
.intro-grid p {
  margin-bottom:5px;
  color:#354151
}
.pillar-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  margin-top:70px
}
.pillar-card {
  padding:34px 28px;
  background:#fff;
  min-height:300px
}
.pillar-card>span {
  display:block;
  color:#9aa5b0;
  font:600 11px var(--font-mono);
  margin-bottom:25px
}
.pillar-card>svg {
  width:38px;
  height:38px;
  color:var(--orange);
  margin-bottom:30px
}
.pillar-card h3 {
  font-size:21px;
  margin-bottom:15px
}
.pillar-card p {
  font-size:13px;
  color:#5b6774;
  line-height:1.65
}
.proof-strip {
  border-left:3px solid var(--orange);
  margin-top:35px;
  padding:12px 20px;
  background:#e9eef2;
  color:#64717f;
  font:11px/1.6 var(--font-mono)
}
.proof-strip p {
  margin:0
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:50px;
  margin-bottom:52px
}
.section-heading>div {
  flex:1
}
.section-heading h2 {
  max-width:850px;
  margin-bottom:0
}
.section-heading>p {
  max-width:310px;
  margin:0;
  color:#aab6c1;
  font-size:15px
}
.service-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}
.service-card {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:410px;
  padding:35px;
  border:1px solid #3a434d;
  background:linear-gradient(145deg,#1b252f,#101820);
  transition:transform .2s,border-color .2s
}
.service-card:hover {
  transform:translateY(-5px);
  border-color:var(--orange)
}
.service-number,.panel-kicker {
  color:var(--orange);
  font:600 10px var(--font-mono);
  letter-spacing:.1em
}
.service-card>svg {
  width:48px;
  height:48px;
  margin:38px 0;
  color:var(--orange)
}
.service-card h3 {
  font-size:clamp(27px,2.5vw,38px);
  margin-bottom:18px
}
.service-card p {
  font-size:14px;
  color:#b8c2cb
}
.tag-list {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:auto;
  padding-top:20px
}
.tag-list span {
  font:600 10px var(--font-mono);
  border:1px solid #59636d;
  color:#cbd4dc;
  padding:7px 9px
}
.omia-section {
  background:#151d26;
  color:#fff;
  overflow:hidden
}
.omia-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center
}
.omia-copy h2 {
  max-width:620px
}
.omia-copy .lead {
  color:#c0cad3
}
.omia-benefits {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px;
  margin-top:45px
}
.omia-benefits div {
  border-top:1px solid #515c67;
  padding-top:15px
}
.omia-benefits strong,.omia-benefits span {
  display:block
}
.omia-benefits strong {
  font-size:15px;
  margin-bottom:5px
}
.omia-benefits span {
  font-size:12px;
  color:#a7b2bd
}
.dashboard {
  background:#e8edf2;
  color:#18232e;
  border:6px solid #38434d;
  border-radius:12px;
  box-shadow:0 30px 90px #0008;
  transform:rotate(1deg);
  overflow:hidden
}
.dashboard-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 20px;
  background:#101923;
  color:#fff
}
.dashboard-head strong {
  font:800 23px var(--font-head)
}
.dashboard-head small {
  font:500 9px var(--font-mono);
  color:#9babb9
}
.dashboard-head>span {
  font:600 8px var(--font-mono);
  color:#ffab67
}
.dashboard-stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  padding:16px
}
.dashboard-stats div {
  min-height:78px;
  background:#fff;
  padding:9px
}
.dashboard-stats span,.dashboard-stats strong {
  display:block
}
.dashboard-stats span {
  font-size:9px;
  color:#71808f
}
.dashboard-stats strong {
  font:800 26px var(--font-head)
}
.dashboard-stats strong.orange {
  color:var(--orange)
}
.dashboard-map {
  height:235px;
  position:relative;
  overflow:hidden;
  margin:0 16px;
  background:#dbe5e7
}
.map-grid {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 49%,#b5c4c78c 50%,transparent 51%) 0 0/46px 46px,linear-gradient(transparent 49%,#b5c4c78c 50%,transparent 51%) 0 0/46px 46px
}
.map-road {
  position:absolute;
  height:21px;
  background:#f8f8ee;
  border:4px solid #cad7d7;
  transform:rotate(-20deg);
  width:125%;
  left:-12%;
  top:45%
}
.road-b {
  top:40%;
  transform:rotate(35deg)
}
.road-c {
  top:70%;
  transform:rotate(-62deg)
}
.map-point {
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--orange);
  border:3px solid white;
  box-shadow:0 0 0 4px #f6791066
}
.point-a {
  top:30%;
  left:20%
}
.point-b {
  top:66%;
  left:45%
}
.point-c {
  top:44%;
  left:75%
}
.point-d {
  top:78%;
  left:86%
}
.dashboard-map small {
  position:absolute;
  left:8px;
  bottom:6px;
  background:#ffffffdc;
  padding:3px 5px;
  font:8px var(--font-mono)
}
.dashboard-feed {
  padding:15px 18px 20px
}
.dashboard-feed>p {
  font:700 9px var(--font-mono);
  color:#61707e
}
.live-dot {
  display:inline-block;
  width:6px;
  height:6px;
  margin-left:5px;
  border-radius:50%;
  background:#18a178
}
.dashboard-feed ul {
  padding:0;
  margin:0;
  list-style:none
}
.dashboard-feed li {
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 0;
  border-top:1px solid #ccd5dd;
  font-size:9px
}
.dashboard-feed li i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--orange)
}
.dashboard-feed li span {
  margin-left:auto;
  color:#71808f
}
.heading-dark>p {
  color:#536373
}
.ecosystem .section-heading {
  margin-bottom:40px
}
.demo {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  padding:60px;
  background:#121b24;
  color:#fff;
  margin-bottom:70px
}
.demo-intro h3 {
  font-size:clamp(28px,3.2vw,45px);
  max-width:500px
}
.demo-intro>p:not(.eyebrow) {
  max-width:420px;
  color:#aebac5
}
.demo-tabs {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:30px
}
.demo-tabs button {
  text-align:left;
  border:1px solid #41505d;
  background:#1b2732;
  color:#fff;
  padding:13px 16px;
  font:700 12px var(--font-head)
}
.demo-tabs button small {
  display:block;
  margin-top:3px;
  color:#91a1af;
  font:11px var(--font-body)
}
.demo-tabs button[aria-selected=true] {
  border-color:var(--orange);
  background:#382619
}
.demo-phone {
  width:min(100%,285px);
  min-height:480px;
  justify-self:center;
  background:#080b0d;
  border:7px solid #3c4248;
  border-radius:34px;
  box-shadow:0 25px 50px #0008;
  padding:20px 8px 8px
}
.phone-speaker {
  width:58px;
  height:5px;
  border-radius:9px;
  background:#4c5054;
  margin:0 auto 12px
}
.phone-screen {
  background:#f8fafb;
  color:var(--ink);
  border-radius:14px 14px 24px 24px;
  min-height:425px;
  padding:16px 13px;
  overflow:hidden
}
.phone-caption {
  font:600 8px var(--font-mono);
  color:#838c97;
  margin-bottom:12px
}
.phone-app-title {
  font:800 18px var(--font-head);
  margin:0 0 6px
}
.phone-app-subtitle {
  color:#64717e;
  font-size:11px;
  margin:0 0 15px
}
.phone-progress {
  font:700 9px var(--font-mono);
  color:var(--orange);
  margin-bottom:13px
}
.phone-question {
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  margin:0 0 16px
}
.phone-option,.phone-primary {
  display:block;
  width:100%;
  padding:10px 11px;
  margin-bottom:7px;
  text-align:left;
  border:1px solid #cfd8e0;
  border-radius:4px;
  background:#fff;
  font-size:11px;
  color:#1a2630
}
.phone-option:hover,.phone-option.selected {
  border-color:var(--orange);
  background:#fff1e6
}
.phone-primary {
  background:var(--orange);
  border-color:var(--orange);
  font-weight:700;
  text-align:center
}
.phone-result {
  font-size:12px;
  line-height:1.5;
  padding:12px;
  background:#e7f4ec;
  border-left:3px solid #39a569;
  margin:12px 0
}
.phone-result.warning {
  background:#fff0e7;
  border-color:var(--orange)
}
.phone-check {
  display:flex;
  gap:9px;
  align-items:flex-start;
  border-bottom:1px solid #dce2e7;
  padding:9px 0;
  font-size:11px
}
.phone-check input {
  accent-color:var(--orange)
}
.phone-route {
  display:flex;
  align-items:center;
  gap:9px;
  border-left:2px dashed #c2cbd2;
  margin-left:6px;
  padding:8px 0 8px 14px;
  font-size:11px
}
.phone-route:before {
  content:'';
  width:8px;
  height:8px;
  border:2px solid var(--orange);
  background:white;
  border-radius:50%;
  margin-left:-20px
}
.phone-route.current {
  font-weight:700;
  color:#d45d04
}
.filter-bar {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:22px
}
.filter-bar button {
  border:1px solid #cbd3da;
  background:transparent;
  color:#4a5968;
  padding:9px 14px;
  font:700 11px var(--font-head)
}
.filter-bar button[aria-selected=true] {
  background:var(--ink);
  color:#fff;
  border-color:var(--ink)
}
.filter-bar span {
  opacity:.55;
  margin-left:5px
}
.solution-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.solution-card {
  display:flex;
  flex-direction:column;
  min-height:235px;
  background:#fff;
  border:1px solid #e1e5e9;
  padding:24px;
  transition:border-color .2s,transform .2s
}
.solution-card:hover {
  border-color:var(--orange);
  transform:translateY(-3px)
}
.solution-card>span:first-child {
  font:600 10px var(--font-mono);
  color:#8b99a6;
  letter-spacing:.08em
}
.solution-card h3 {
  font-size:22px;
  margin:35px 0 10px
}
.solution-card p {
  font-size:12px;
  color:#5c6b79;
  line-height:1.55
}
.solution-card>a,.solution-card .soon {
  margin-top:auto;
  font-size:10px;
  font-weight:700;
  color:#d35b05
}
.solution-card>a svg {
  width:14px;
  height:14px;
  vertical-align:middle;
  margin-left:6px
}
.solution-card .soon {
  color:#9babb8
}
.pce-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center
}
.pce-grid .lead {
  color:#b9c5d0
}
.pce-steps {
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid #3d4853
}
.pce-steps li {
  display:flex;
  gap:25px;
  padding:25px 0;
  border-bottom:1px solid #3d4853
}
.pce-steps li>span {
  font:700 14px var(--font-mono);
  color:var(--orange)
}
.pce-steps h3 {
  font-size:23px;
  margin:0 0 6px
}
.pce-steps p {
  color:#a8b4bf;
  font-size:13px;
  margin:0
}
.segments h2 {
  margin-bottom:55px
}
.segment-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}
.segment-card {
  background:#fff
}
.segment-art {
  height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  background:repeating-linear-gradient(-45deg,#1d2a35,#1d2a35 18px,#22313d 18px,#22313d 36px)
}
.segment-art:after {
  content:'';
  position:absolute;
  inset:auto -10% -45% -10%;
  height:100%;
  background:#ffffff0d;
  transform:rotate(-12deg)
}
.segment-art svg {
  width:86px;
  height:86px;
  stroke:#f67910;
  stroke-width:1.2
}
.segment-art span {
  position:absolute;
  left:12px;
  bottom:10px;
  color:#a8b8c5;
  font:7px var(--font-mono)
}
.segment-card>div:last-child {
  padding:25px
}
.segment-card h3 {
  font-size:23px;
  min-height:50px
}
.segment-card p {
  font-size:12px;
  color:#607080
}
.segment-card small {
  font:600 9px var(--font-mono);
  color:#d2620a
}
.results {
  background:#192530;
  color:#fff
}
.results-grid {
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:90px;
  align-items:center
}
.results .lead {
  color:#bcc8d1
}
.results-panel {
  padding:38px;
  background:#0c161f;
  border:1px solid #415260
}
.results-panel ul {
  padding:0;
  margin:15px 0;
  list-style:none
}
.results-panel li {
  display:flex;
  align-items:center;
  gap:15px;
  padding:18px 0;
  border-bottom:1px solid #35414a;
  font-size:14px
}
.results-panel li svg {
  color:var(--orange);
  flex:none
}
.results-pending {
  font:10px/1.5 var(--font-mono);
  color:#92a2af;
  margin:25px 0 0
}
.essence {
  background:#edf1f4
}
.essence-top {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:80px;
  align-items:end
}
.essence-top h2 {
  margin-bottom:0
}
.essence-top .lead {
  font-size:16px;
  color:#526170;
  margin:0
}
.essence-equation {
  margin:70px 0;
  border-top:1px solid #cfd8df;
  border-bottom:1px solid #cfd8df;
  padding:25px 0;
  text-align:center;
  font:800 clamp(25px,4vw,54px) var(--font-head);
  letter-spacing:-.05em
}
.essence-equation span {
  color:var(--orange)
}
.agent-heading {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:20px;
  margin-bottom:20px
}
.agent-heading h3 {
  margin:0
}
.agent-heading>span {
  font:9px var(--font-mono);
  color:#8c9aa6
}
.agent-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px
}
.agent-grid article {
  padding:23px 18px;
  background:#fff;
  text-align:center
}
.agent-icon {
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  width:92px;
  height:92px;
  border:1px solid #f5ab70;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#fff4e9,#f4c092);
  color:#b75000;
  font:800 11px var(--font-head);
  box-shadow:0 13px 24px #df8c4a42
}
.agent-grid h4 {
  font-size:16px;
  margin-bottom:9px
}
.agent-grid p {
  color:#627180;
  font-size:11px;
  margin:0
}
.contact {
  background:#0d151e;
  color:#fff
}
.contact-grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:90px
}
.contact .lead {
  color:#aebbc6
}
.contact-links {
  margin-top:55px
}
.contact-links a,.contact-links p {
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin:0 0 20px;
  color:#d7e0e6;
  font-size:15px
}
.contact-links svg {
  flex:none;
  color:var(--orange)
}
.contact-links a:hover {
  color:var(--orange)
}
.contact-form {
  padding:38px;
  background:#1b2731;
  border:1px solid #43515c
}
.contact-form h3 {
  font-size:29px;
  margin-bottom:8px
}
.contact-form>p {
  color:#a7b4bf;
  font-size:12px
}
.contact-form label {
  display:block;
  color:#dbe2e8;
  font-size:11px;
  font-weight:600;
  margin-bottom:15px
}
.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 13px
}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea {
  display:block;
  width:100%;
  margin-top:5px;
  background:#0e1720;
  border:1px solid #4a5864;
  color:#fff;
  border-radius:2px;
  padding:11px 12px;
  font-size:13px;
  outline:none
}
.contact-form textarea {
  resize:vertical
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus {
  border-color:var(--orange)
}
.contact-form .consent {
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:10px;
  font-weight:400;
  color:#aebac4
}
.consent input {
  accent-color:var(--orange);
  margin:2px 0
}
.contact-form .button {
  border:0
}
.form-message {
  min-height:20px;
  margin:10px 0 0!important;
  color:#ffc393!important
}
.site-footer {
  background:#080e14;
  color:#cad5df;
  padding:70px 0 25px
}
.footer-grid {
  display:grid;
  grid-template-columns:2fr repeat(3,1fr);
  gap:35px
}
.footer-brand img {
  width:150px;
  margin-bottom:15px
}
.footer-brand p {
  font-size:13px;
  color:#a4b1bd
}
.footer-grid h3 {
  font-size:12px;
  color:#fff;
  margin-bottom:17px
}
.footer-grid a {
  display:block;
  font-size:12px;
  color:#9eacb9;
  margin-bottom:10px
}
.footer-grid a:hover {
  color:var(--orange)
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid #283541;
  margin-top:60px;
  padding-top:20px;
  color:#738291;
  font:10px var(--font-mono)
}
.floating-contact {
  position:fixed;
  z-index:35;
  right:24px;
  bottom:24px;
  width:50px;
  height:50px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--orange);
  color:var(--ink);
  box-shadow:0 9px 25px #0007
}
.floating-contact:hover {
  transform:translateY(-3px)
}
@media(max-width:1150px) {
  .main-nav {
    gap:12px
  }
  .main-nav>a {
    font-size:10px
  }
  .solution-grid {
    grid-template-columns:repeat(3,1fr)
  }
  .segment-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .agent-grid {
    grid-template-columns:repeat(3,1fr)
  }
}
@media(max-width:900px) {
  .wrap {
    width:min(100% - 40px,1280px)
  }
  .section {
    padding:80px 0
  }
  .menu-button {
    display:block
  }
  .main-nav {
    display:none;
    position:absolute;
    top:75px;
    left:0;
    right:0;
    padding:16px 20px 24px;
    background:#0b1016;
    border-bottom:1px solid #48525d;
    flex-direction:column;
    align-items:stretch;
    gap:0
  }
  .main-nav.open {
    display:flex
  }
  .main-nav>a {
    padding:12px 0;
    font-size:13px;
    border-bottom:1px solid #ffffff17
  }
  .hero {
    min-height:690px
  }
  .hero h1 {
    font-size:clamp(45px,7vw,68px)
  }
  .intro-grid,.omia-grid,.pce-grid,.results-grid,.essence-top,.contact-grid {
    grid-template-columns:1fr;
    gap:35px
  }
  .pillar-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .service-grid {
    gap:10px
  }
  .service-card {
    padding:23px;
    min-height:380px
  }
  .service-card h3 {
    font-size:27px
  }
  .dashboard {
    max-width:650px;
    transform:none
  }
  .demo {
    gap:30px
  }
  .footer-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:700px) {
  .wrap {
    width:min(100% - 32px,1280px)
  }
  .section {
    padding:65px 0
  }
  h2 {
    font-size:clamp(34px,8vw,50px)
  }
  .hero {
    min-height:700px;
    height:auto
  }
  .hero-content {
    padding:150px 0 85px
  }
  .hero-logo {
    width:150px;
    margin-bottom:30px
  }
  .hero h1 {
    font-size:clamp(43px,10vw,65px)
  }
  .hero-vignette {
    background:linear-gradient(90deg,#070a0eea,#070a0e77),linear-gradient(0deg,#070a0ecc,transparent)
  }
  .hero-preview-note {
    left:16px;
    right:16px;
    bottom:8px;
    max-width:none;
    text-align:center
  }
  .scroll-cue {
    margin-top:45px
  }
  .section-heading {
    display:block
  }
  .section-heading>p {
    margin-top:25px
  }
  .service-grid,.demo,.solution-grid,.segment-grid {
    grid-template-columns:1fr
  }
  .service-card {
    min-height:320px
  }
  .service-card>svg {
    margin:25px 0
  }
  .demo {
    padding:30px 20px
  }
  .demo-phone {
    margin:0 auto
  }
  .solution-card {
    min-height:200px
  }
  .solution-card h3 {
    margin-top:20px
  }
  .agent-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .essence-equation {
    margin:40px 0
  }
  .agent-heading {
    display:block
  }
  .agent-heading>span {
    display:block;
    margin-top:8px
  }
  .contact-form {
    padding:24px
  }
  .form-grid {
    grid-template-columns:1fr
  }
  .footer-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .floating-contact {
    width:44px;
    height:44px;
    right:15px;
    bottom:15px
  }
}
@media(max-width:480px) {
  .hero h1 {
    font-size:42px
  }
  .hero-actions {
    display:grid;
    max-width:350px
  }
  .pillar-grid {
    grid-template-columns:1fr
  }
  .pillar-card {
    min-height:230px
  }
  .omia-benefits {
    grid-template-columns:1fr
  }
  .dashboard-stats {
    grid-template-columns:repeat(2,1fr)
  }
  .dashboard-map {
    height:180px
  }
  .dashboard-feed li {
    flex-wrap:wrap
  }
  .dashboard-feed li span {
    width:100%;
    margin-left:15px
  }
  .agent-grid {
    grid-template-columns:1fr 1fr
  }
  .agent-grid article {
    padding:15px 9px
  }
  .agent-icon {
    width:70px;
    height:70px
  }
  .footer-bottom {
    display:block
  }
  .footer-bottom span {
    display:block;
    margin-bottom:7px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation-duration:.01ms!important;
    transition-duration:.01ms!important
  }
}

/* The exported design is the visual source for this local implementation. */
html { scroll-padding-top:0 }
.site-header {
  position:absolute;
  background:transparent;
  border:0;
  backdrop-filter:none
}
.header-inner {
  height:84px
}
.brand img {
  width:auto;
  height:34px
}
.main-nav {
  gap:26px
}
.main-nav>a,.nav-dropdown summary {
  color:#e3e8ee;
  font-size:14px;
  font-weight:500
}
.main-nav>a:hover,.nav-dropdown summary:hover {
  color:var(--orange)
}
.main-nav .header-cta {
  display:inline-flex;
  padding:11px 19px;
  background:var(--orange);
  border-radius:999px;
  color:var(--ink);
  font-weight:700
}
.main-nav .header-cta:hover {
  background:#ff9a45;
  color:var(--ink)
}
.nav-dropdown {
  position:relative;
  color:#e3e8ee
}
.nav-dropdown summary {
  cursor:pointer;
  list-style:none;
  white-space:nowrap
}
.nav-dropdown summary::-webkit-details-marker {
  display:none
}
.nav-dropdown summary:after {
  content:'⌄';
  display:inline-block;
  margin-left:7px
}
.nav-dropdown-panel {
  position:absolute;
  top:calc(100% + 20px);
  left:-20px;
  width:320px;
  padding:10px;
  background:#111821;
  border:1px solid #233040;
  border-radius:12px;
  box-shadow:0 20px 35px #0007;
  z-index:50
}
.nav-dropdown-panel a {
  display:block;
  padding:10px 12px;
  border-radius:8px;
  color:#e3e8ee;
  font-size:13px;
  white-space:nowrap
}
.nav-dropdown-panel a:hover {
  color:var(--orange);
  background:#1c2834
}
.nav-dropdown-panel small {
  display:block;
  color:#94a1b0;
  font-size:11px
}
.nav-dropdown-wide .nav-dropdown-panel {
  width:620px;
  left:-170px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  padding:20px
}
.nav-dropdown-wide .nav-dropdown-panel strong {
  display:block;
  margin-bottom:8px;
  color:#94a1b0;
  font:600 10px var(--font-mono);
  text-transform:uppercase
}
.nav-dropdown-wide .nav-dropdown-panel a {
  white-space:normal;
  padding:6px 0
}
.hero {
  height:860px;
  min-height:0;
  background:#070a0e
}
.road {
  opacity:1
}
.road-surface {
  left:50%;
  bottom:0;
  width:1400px;
  height:2200px;
  margin-left:-700px;
  transform-origin:50% 100%;
  transform:perspective(620px) rotateX(78deg);
  background:#121922;
  box-shadow:none
}
.road-surface:before,.road-surface:after {
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:10px;
  background:#3e5a75;
  opacity:.8
}
.road-surface:before { left:18% }
.road-surface:after { right:18% }
.lane-left,.lane-right { display:none }
.lane-mid {
  left:50%;
  width:14px;
  margin-left:-7px;
  background:repeating-linear-gradient(to bottom,#c9d2dc 0 70px,transparent 70px 160px);
  animation-duration:.7s
}
.hero-vignette {
  background:linear-gradient(to bottom,rgba(7,10,14,.92) 0%,rgba(7,10,14,.55) 38%,rgba(7,10,14,.35) 62%,rgba(7,10,14,.9) 100%)
}
.hero-content {
  display:flex;
  height:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(32px,4vw,52px);
  padding:120px 0 140px;
  text-align:center
}
.hero-logo {
  width:clamp(220px,30vw,430px);
  margin:0
}
.hero h1 {
  max-width:none;
  margin:0;
  font-weight:800;
  font-size:clamp(34px,6vw,86px);
  line-height:1.02;
  letter-spacing:-.025em
}
.hero h1 em { display:block; margin-top:6px }
.scroll-cue {
  position:absolute;
  z-index:10;
  left:50%;
  bottom:36px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin:0;
  font-size:11px
}
.scroll-mouse {
  width:26px;
  height:42px;
  border-radius:14px;
  padding-top:8px
}
.scroll-mouse i {
  width:4px;
  height:8px
}
.hero-preview-note {
  right:40px;
  bottom:36px;
  max-width:280px;
  padding-left:12px;
  border-left:2px solid var(--orange);
  color:#8c98a6;
  font-size:11px;
  text-align:left
}
.ticker {
  height:82px;
  border-top:1px solid #1a232d;
  border-bottom:1px solid #1a232d;
  background:#0b1016;
  color:#c3ccd6
}
.ticker-track { animation-duration:45s }
.ticker-track span {
  font-size:clamp(20px,2.4vw,30px);
  letter-spacing:-.01em
}
.ticker-track i {
  width:9px;
  height:9px;
  margin:0 30px 4px;
  transform:none;
  background:var(--orange)
}
.section-light { background:#eef1f5 }
.intro-grid h2 em { color:inherit }
.pillar-grid {
  gap:20px;
  border:0;
  background:transparent
}
.pillar-card {
  border:1px solid #dce2e9;
  border-radius:18px;
  padding:32px
}
.pillar-card>svg { display:none }
.pillar-card>span { margin-bottom:14px }
.pillar-card h3 { font-size:22px }
.pillar-card p { font-size:14px }

@media(max-width:1180px) {
  .menu-button {
    display:block;
    width:48px;
    height:48px;
    border-radius:12px;
    background:#0b101699
  }
  .main-nav {
    display:none;
    position:absolute;
    top:75px;
    left:16px;
    right:16px;
    padding:12px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    border:1px solid #233040;
    border-radius:16px;
    background:#111821
  }
  .main-nav.open { display:flex }
  .main-nav>a,.nav-dropdown summary {
    padding:12px;
    font-size:16px;
    border:0
  }
  .main-nav .header-cta {
    justify-content:center;
    margin-top:8px;
    border-radius:12px
  }
  .nav-dropdown-panel,.nav-dropdown-wide .nav-dropdown-panel {
    position:static;
    width:auto;
    display:block;
    margin:0 6px 10px;
    padding:4px 10px;
    box-shadow:none
  }
  .nav-dropdown-wide .nav-dropdown-panel {
    display:grid;
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:700px) {
  .hero {
    height:680px;
    min-height:680px
  }
  .hero-content {
    padding:95px 0 100px;
    gap:32px
  }
  .hero h1 { font-size:clamp(34px,8vw,54px) }
  .hero-preview-note { display:none }
  .scroll-cue { bottom:20px }
  .ticker { height:70px }
  .nav-dropdown-wide .nav-dropdown-panel { grid-template-columns:1fr }
}

/* Section geometry and surfaces from the reference artboard. */
.section { padding:clamp(80px,10vw,140px) 0 }
.section h2 em,.demo h3 em { color:inherit }
.section .eyebrow { color:#8c98a6 }
.section-light .eyebrow { color:#4e5967 }
.section .eyebrow .tiny-square { flex:none }
#servicos {
  background:#fff;
  color:#0b1016
}
#servicos .section-heading {
  display:block;
  margin-bottom:55px
}
#servicos .section-heading h2 { max-width:760px }
#servicos .section-heading>p {
  max-width:790px;
  margin-top:26px;
  color:#4e5967;
  font-size:18px
}
.service-grid { gap:20px }
.service-card {
  min-height:390px;
  border:1px solid #1a232d;
  border-radius:20px;
  padding:36px;
  background:#0b1016;
  color:#eef2f6
}
.service-card>svg {
  margin:10px 0 30px;
  color:#f67910
}
.service-card h3 { font-size:25px }
.service-card p { color:#94a1b0 }
.service-number { display:none }
.tag-list span { border-radius:999px }
#omia {
  background:#0b1016
}
.omia-grid {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:0 75px
}
.omia-copy { display:contents }
.omia-copy .eyebrow { grid-area:1/1 }
.omia-copy h2 {
  grid-area:2/1;
  max-width:650px;
  font-size:clamp(36px,4.4vw,60px)
}
.omia-copy .lead {
  grid-area:2/2;
  align-self:start;
  margin:0 0 65px;
  color:#a7b4c1;
  font-size:18px
}
.omia-copy>.button {
  grid-area:2/2;
  align-self:end;
  justify-self:start;
  margin-bottom:0;
  border-radius:999px
}
.omia-benefits {
  grid-area:4/1/4/3;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:28px
}
.dashboard {
  grid-area:3/1/3/3;
  display:grid;
  grid-template-columns:3fr 1fr;
  gap:12px;
  margin-top:45px;
  padding:16px;
  border:1px solid #263543;
  border-radius:22px;
  background:#111a23;
  color:#eef2f6;
  transform:none;
  box-shadow:none
}
.dashboard-head {
  grid-column:1/-1;
  padding:0 4px 7px;
  background:transparent
}
.dashboard-head strong {
  color:#b8c5d0;
  font-size:17px;
  display:flex;
  align-items:center;
  gap:8px
}
.dashboard-head strong:before {
  content:'';
  width:25px;
  height:25px;
  flex:none;
  background:url('omia-mark.png') center/contain no-repeat
}
.dashboard-head>span {
  padding:6px 9px;
  border:1px solid #34414f;
  border-radius:999px;
  color:#a8b7c4
}
.dashboard-stats {
  grid-column:1/-1;
  gap:10px;
  padding:0
}
.dashboard-stats div {
  min-height:80px;
  padding:14px;
  border-radius:10px;
  background:#19242e
}
.dashboard-stats span { color:#9eacb9 }
.dashboard-stats strong { color:#fff }
.dashboard-map {
  height:270px;
  margin:0;
  border-radius:10px;
  background:#0c151d
}
.map-grid {
  background:linear-gradient(90deg,transparent 49%,#1e2a36 50%,transparent 51%) 0 0/70px 70px,linear-gradient(transparent 49%,#1e2a36 50%,transparent 51%) 0 0/70px 70px
}
.map-road {
  height:5px;
  border:0;
  border-radius:9px;
  background:#405b73
}
.road-b { background:#f67910 }
.road-c { background:#263645 }
.dashboard-map small {
  background:#0b1016cc;
  color:#a8b7c4
}
.dashboard-feed {
  padding:13px;
  border-radius:10px;
  background:#0c151d
}
.dashboard-feed li {
  display:block;
  border:1px solid #2d3b49;
  border-radius:8px;
  margin-bottom:7px;
  padding:9px
}
.dashboard-feed li i { display:inline-block; margin-right:5px }
.dashboard-feed li span {
  display:block;
  margin:3px 0 0 11px
}
.ecosystem .section-heading h2 { max-width:740px }
.demo {
  border-radius:24px;
  background:#0b1016
}
.solution-card { border-radius:16px }
.pce-grid {
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:0 75px
}
.pce-grid>div:first-child { display:contents }
.pce-grid .eyebrow { grid-area:1/1 }
.pce-grid h2 {
  grid-area:2/1;
  font-size:clamp(36px,4.4vw,60px)
}
.pce-grid .lead {
  grid-area:2/2;
  align-self:center;
  font-size:18px
}
.pce-grid .button {
  grid-area:4/1;
  justify-self:start;
  margin-top:50px;
  border-radius:999px
}
.pce-steps {
  grid-area:3/1/3/3;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  padding-top:20px;
  border-top:2px solid #f67910
}
.pce-steps li {
  display:block;
  min-height:230px;
  padding:30px;
  border:1px solid #273542;
  border-radius:16px;
  background:#17222d
}
.pce-steps li>span {
  display:block;
  margin-bottom:8px;
  font:800 43px var(--font-head)
}
.pce-steps h3 { font-size:22px }
.pce-steps p { margin-top:18px }
@media(max-width:900px) {
  .omia-grid,.pce-grid { display:block }
  .omia-copy,.pce-grid>div:first-child { display:block }
  .omia-copy .lead { margin-bottom:25px }
  .dashboard { display:block }
  .dashboard-stats { margin-bottom:12px }
  .dashboard-map { margin-bottom:12px }
  .omia-benefits { grid-template-columns:repeat(2,1fr) }
  .pce-steps { grid-template-columns:repeat(2,1fr); margin-top:45px }
}
@media(max-width:700px) {
  .section { padding:75px 0 }
  .pillar-grid { grid-template-columns:1fr }
  .service-grid { grid-template-columns:1fr }
  .service-card { min-height:320px }
  .dashboard-stats { grid-template-columns:repeat(2,1fr) }
  .omia-benefits { grid-template-columns:1fr 1fr }
  .pce-steps { grid-template-columns:1fr }
  .pce-steps li { min-height:0 }
}

/* Motion and type follow the supplied prototype. */
body { -webkit-font-smoothing:antialiased }
.section h2 {
  font-size:clamp(32px,4.4vw,60px);
  line-height:1.04;
  letter-spacing:-.025em
}
.hero-content {
  width:100%;
  max-width:none;
  padding-left:clamp(16px,4vw,40px);
  padding-right:clamp(16px,4vw,40px)
}
.hero h1 {
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
  letter-spacing:-.025em
}
.hero h1 span { display:block }
.hero h1 span:last-child { color:var(--orange) }
.hero-enter {
  opacity:0;
  transform:translateY(18px);
  animation:hero-enter 1.2s cubic-bezier(.2,.7,.2,1) forwards
}
.hero-enter-1 { animation-delay:.3s }
.hero-enter-2 { animation-delay:.9s }
.hero-enter-3 { animation-delay:1.4s }
.scroll-cue { width:120px;margin-left:-60px;transform:none;animation:hero-enter 1.2s cubic-bezier(.2,.7,.2,1) 2.1s both }
@keyframes hero-enter { to { opacity:1;transform:translateY(0) } }
.motion-reveal {
  opacity:0;
  transform:translateY(48px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)
}
.motion-reveal.is-visible { opacity:1;transform:translateY(0) }
.pillar-card,.service-card,.solution-card,.segment-card,.agent-grid article,.results-panel {
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s
}
.pillar-card:hover,.service-card:hover,.solution-card:hover,.segment-card:hover,.agent-grid article:hover,.results-panel:hover {
  transform:translateY(-6px);
  border-color:var(--orange);
  box-shadow:0 22px 44px -22px rgba(7,10,14,.45)
}
.live-dot { animation:live-dot 1.6s ease-in-out infinite }
@keyframes live-dot { 50% { opacity:.25 } }
.dashboard-map {
  height:380px;
  overflow:hidden
}
.dashboard-map .map-grid,.dashboard-map .map-road,.dashboard-map .map-point { display:none }
.dashboard-map .animated-map {
  position:absolute;
  inset:0;
  width:100%;
  height:100%
}
.dashboard-feed li.feed-in { animation:feed-in .7s cubic-bezier(.2,.7,.2,1) both }
.solution-card.feed-in,#demo-content.feed-in { animation:feed-in .7s cubic-bezier(.2,.7,.2,1) both }
@keyframes feed-in { from { opacity:0;transform:translateY(-12px) } }
.dashboard-head>span { display:flex;align-items:center;gap:7px }
.dashboard-head>span:before {
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--orange);
  animation:live-dot 1.6s ease-in-out infinite
}
.segment-art { position:relative;overflow:hidden;height:240px;background:#0f161e;border-radius:18px }
.segment-art:after { display:none }
.segment-art span { z-index:2;top:12px;bottom:auto;left:14px;font-size:10px;letter-spacing:.1em }
.segment-art .vehicle-art {
  position:absolute;
  left:50%;
  bottom:58px;
  width:208px;
  margin-left:-104px;
  animation:vehicle-bob 1.3s ease-in-out infinite
}
.segment-art .vehicle-art svg { display:block;width:100%;height:auto;stroke:none }
.service-card>svg { width:64px;height:64px;stroke:none }
.pillar-card p { font-size:15px;line-height:1.6 }
.solution-card { min-height:220px;padding:28px;gap:12px }
.solution-card>span:first-child { font-size:11px;letter-spacing:.14em }
.solution-card h3 { margin:0;font-size:22px;letter-spacing:-.01em }
.solution-card p { font-size:15px;line-height:1.6;color:#4e5967 }
.solution-card>a,.solution-card .soon { display:inline-flex;align-items:center;min-height:44px;font-size:14px }
.segment-card h3 { font-size:22px }
.segment-card p { font-size:15px;line-height:1.6;color:#4e5967 }
.segment-card small { font-size:12px }
.agent-grid { gap:16px }
.agent-grid article { padding:26px;border:1px solid #dce2e9;border-radius:20px }
.agent-grid h4 { font-size:19px }
.agent-grid p { font-size:14px;line-height:1.5;color:#4e5967 }
@media(max-width:480px) {
  .agent-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .agent-grid article { min-width:0;padding:20px 10px }
  .agent-grid h4 { overflow-wrap:anywhere }
}
.service-card { min-height:420px }
.service-card h3 { font-size:26px }
.service-card p { font-size:15px;line-height:1.6 }
.service-card .ring { transform-box:fill-box;transform-origin:center;animation:service-ring 2.2s ease-out infinite }
@keyframes service-ring { from { transform:scale(.6);opacity:.9 } to { transform:scale(2.6);opacity:0 } }
.service-card .needle { transform-box:view-box;transform-origin:32px 44px;animation:service-needle 3.4s ease-in-out infinite }
@keyframes service-needle { 0% { transform:rotate(-55deg) } 35% { transform:rotate(40deg) } 55% { transform:rotate(10deg) } 75% { transform:rotate(48deg) } 100% { transform:rotate(-55deg) } }
.service-card .rec { animation:service-rec 1.2s steps(2,start) infinite }
@keyframes service-rec { to { opacity:.15 } }
.pce-steps { position:relative;border-top-color:#33414f }
.pce-steps:before {
  content:'';
  position:absolute;
  left:0;
  top:-2px;
  width:0;
  height:2px;
  background:var(--orange);
  transition:width 1.4s cubic-bezier(.2,.7,.2,1)
}
.pce-grid.is-visible .pce-steps:before { width:100% }
.segment-art:before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:52px;
  height:3px;
  background:repeating-linear-gradient(to right,#45535f 0 28px,transparent 28px 56px);
  animation:segment-road .8s linear infinite
}
@keyframes segment-road { to { background-position:-56px 0 } }
.segment-art>svg { animation:vehicle-bob 1.3s ease-in-out infinite }
@keyframes vehicle-bob { 50% { transform:translateY(-2px) } }
.agent-icon.agent-robot {
  position:relative;
  display:block;
  width:120px;
  height:120px;
  overflow:visible;
  margin:0 auto;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:0;
  animation:agent-float 5s ease-in-out infinite
}
.agent-icon.agent-robot:before {
  content:'';
  position:absolute;
  left:16px;
  top:20px;
  width:88px;
  height:88px;
  border-radius:50%;
  background:#0b1016
}
.agent-icon.agent-robot:after {
  content:'';
  position:absolute;
  left:30px;
  top:50px;
  width:60px;
  height:28px;
  border-radius:14px;
  background:#1a2430
}
.agent-icon .robot-eyes {
  position:absolute;
  z-index:2;
  left:42px;
  top:59px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:26px 0 var(--orange);
  animation:robot-blink 5s infinite
}
.agent-icon .robot-antenna {
  position:absolute;
  z-index:2;
  left:59px;
  top:9px;
  height:12px;
  border-left:3px solid #0b1016
}
.agent-icon .robot-antenna:before {
  content:'';
  position:absolute;
  left:-6px;
  top:-5px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--orange)
}
.agent-icon .robot-symbol {
  position:absolute;
  z-index:2;
  top:85px;
  left:0;
  width:100%;
  color:var(--orange);
  font:800 12px var(--font-mono);
  text-align:center
}
.agent-grid article:nth-child(2) .agent-robot { animation-delay:-1s }
.agent-grid article:nth-child(3) .agent-robot { animation-delay:-2s }
.agent-grid article:nth-child(4) .agent-robot { animation-delay:-3s }
.agent-grid article:nth-child(5) .agent-robot { animation-delay:-4s }
.agent-grid article:nth-child(2) .robot-eyes { animation-delay:-1.3s }
.agent-grid article:nth-child(3) .robot-eyes { animation-delay:-2.7s }
.agent-grid article:nth-child(4) .robot-eyes { animation-delay:-3.6s }
.agent-grid article:nth-child(5) .robot-eyes { animation-delay:-.6s }
@keyframes agent-float { 50% { transform:translateY(-9px) } }
@keyframes robot-blink { 0%,91%,100% { transform:scaleY(1) } 94% { transform:scaleY(.1) } }
.floating-contact { animation:contact-pulse 2s ease-out infinite }
@keyframes contact-pulse {
  0% { box-shadow:0 0 0 0 rgba(246,121,16,.55) }
  100% { box-shadow:0 0 0 14px rgba(246,121,16,0) }
}
@media(max-width:700px) {
  .hero-content { padding-left:16px;padding-right:16px }
  .hero h1 { font-size:clamp(34px,8vw,54px) }
  .dashboard-map { height:300px }
}
@media(prefers-reduced-motion:reduce) {
  .hero-enter,.scroll-cue,.live-dot,.dashboard-head>span:before,.segment-art:before,.segment-art>svg,.segment-art .vehicle-art,.service-card .ring,.service-card .needle,.service-card .rec,.agent-icon.agent-robot,.agent-icon .robot-eyes,.floating-contact,.dashboard-feed li.feed-in,.solution-card.feed-in,#demo-content.feed-in { animation:none!important;opacity:1;transform:none }
  .motion-reveal { opacity:1;transform:none;transition:none }
  .pillar-card,.service-card,.solution-card,.segment-card,.agent-grid article,.results-panel { transition:none }
  .pillar-card:hover,.service-card:hover,.solution-card:hover,.segment-card:hover,.agent-grid article:hover,.results-panel:hover { transform:none }
  .pce-steps:before { width:100%;transition:none }
}