:root {
  --ink: #0b1712;
  --ink-2: #14231d;
  --muted: #66756e;
  --cream: #f3f5ef;
  --paper: #fafbf8;
  --white: #fff;
  --line: rgba(11,23,18,.11);
  --green: #3ce091;
  --green-2: #16b86d;
  --green-dark: #087247;
  --green-soft: #e3f8ed;
  --amber: #f4b44a;
  --red: #ee6b67;
  --blue: #6c91ee;
  --radius-sm: 14px;
  --radius-md: 24px;
  --radius-lg: 38px;
  --shadow-sm: 0 12px 32px rgba(11,23,18,.07);
  --shadow-lg: 0 38px 100px rgba(5,18,13,.17);
  --ease: cubic-bezier(.22,1,.36,1);
  --shell: 1380px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 106px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "DM Sans", sans-serif; overflow-x: clip; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; }
img, svg { max-width: 100%; }
.section-shell { width: min(calc(100% - 48px), var(--shell)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 2000; left: 16px; top: 10px; padding: 10px 14px; background: var(--ink); color: white; border-radius: 10px; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid rgba(60,224,145,.62); outline-offset: 3px; }

.has-environment-banner { --environment-banner-height: 36px; }
.environment-banner { position: sticky; top: 0; z-index: 1200; min-height: var(--environment-banner-height,36px); display: flex; align-items: center; justify-content: center; gap: 10px; padding: 6px 18px; color: #f8fbff; background: linear-gradient(115deg,rgba(50,78,214,.97),rgba(109,72,214,.95)); border-bottom: 1px solid rgba(255,255,255,.25); box-shadow: 0 8px 30px rgba(35,43,110,.18); font-size: 12px; backdrop-filter: blur(18px) saturate(150%); }
.environment-banner strong { font-family: "Manrope",sans-serif; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.environment-banner span { opacity: .86; }
.has-environment-banner .site-header { top: var(--environment-banner-height); }

.site-header { position: sticky; top: 0; z-index: 100; min-height: 82px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 32px; padding: 14px max(24px,calc((100vw - var(--shell))/2)); border-bottom: 1px solid transparent; transition: min-height .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease); }
.site-header.is-scrolled { min-height: 68px; background: rgba(250,251,248,.82); border-color: rgba(11,23,18,.08); box-shadow: 0 12px 38px rgba(10,30,22,.07); backdrop-filter: blur(24px) saturate(160%); }
.brand { display: inline-flex; align-items: center; gap: 11px; font: 800 20px "Manrope",sans-serif; letter-spacing: -.04em; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; background: var(--ink); color: var(--green); box-shadow: 0 10px 25px rgba(11,23,18,.16); }
.brand-mark svg { width: 22px; height: 22px; display: block; }
.desktop-nav { display: flex; justify-content: center; align-items: center; gap: 2px; }
.desktop-nav a, .site-header > nav:not(.mobile-menu) a { padding: 10px 12px; border-radius: 999px; color: #516159; font-size: 13px; font-weight: 700; transition: background .25s,color .25s,transform .25s; }
.desktop-nav a:hover { background: rgba(255,255,255,.75); color: var(--ink); transform: translateY(-1px); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.sign-in-link { padding: 10px 8px; color: #4f6158; font-size: 13px; font-weight: 800; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; border: 1px solid transparent; border-radius: 999px; font-weight: 800; font-size: 14px; transition: transform .3s var(--ease),box-shadow .3s var(--ease),background .3s,color .3s,border-color .3s; }
.button:hover { transform: translateY(-2px); }
.button-dark { min-height: 44px; padding-inline: 17px; background: var(--ink); color: white; box-shadow: 0 10px 28px rgba(11,23,18,.16); }
.button-green { background: var(--green); color: #062017; box-shadow: 0 16px 36px rgba(22,184,109,.22); }
.button-green:hover { background: #52eba2; box-shadow: 0 20px 42px rgba(22,184,109,.3); }
.button-quiet { border-color: rgba(11,23,18,.12); background: rgba(255,255,255,.62); color: var(--ink); }
.button-glass { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.08); color: white; backdrop-filter: blur(14px); }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.72); cursor: pointer; }
.menu-toggle span { display: block; width: 17px; height: 1.5px; margin: 5px auto; background: currentColor; transition: transform .3s var(--ease); }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.3px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.3px) rotate(-45deg); }
.mobile-menu { position: fixed; top: calc(var(--environment-banner-height, 0px) + 70px); left: 16px; right: 16px; display: grid; gap: 3px; padding: 16px; border: 1px solid rgba(255,255,255,.86); border-radius: 24px; background: #fafbf8; box-shadow: var(--shadow-lg); transform-origin: top; animation: menuIn .3s var(--ease) both; }
.mobile-menu[hidden] { display: none; }
.mobile-menu a { padding: 12px 14px; border-radius: 12px; font-weight: 800; }
.mobile-menu .button { margin-top: 7px; }

.hero { position: relative; min-height: calc(100svh - 82px); padding: clamp(66px,8vw,120px) 0 90px; }
.hero-aura { position: absolute; z-index: -1; inset: -130px 0 auto; height: 760px; background: radial-gradient(circle at 15% 20%,rgba(60,224,145,.18),transparent 31%),radial-gradient(circle at 82% 20%,rgba(125,215,171,.22),transparent 28%),radial-gradient(circle at 48% 70%,rgba(233,241,228,.8),transparent 45%); filter: blur(4px); }
.hero-copy { position: relative; z-index: 2; max-width: 1080px; }
.overline { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--green-dark); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.overline:before { content: ""; width: 22px; height: 1px; background: currentColor; }
h1,h2,h3 { margin: 0; font-family: "Manrope",sans-serif; letter-spacing: -.058em; }
.hero-title { max-width: 1090px; font-size: clamp(57px,8.1vw,116px); line-height: .9; font-weight: 700; }
.title-line { display: block; overflow: hidden; padding-bottom: .075em; }
.title-line > span { display: block; transform: translateY(108%); animation: titleReveal 1.1s var(--ease) forwards; }
.title-line:nth-child(2)>span { animation-delay: .12s; }
.title-line:nth-child(3)>span { animation-delay: .24s; }
.accent-line { color: var(--green-dark); }
.hero-lede { max-width: 740px; margin: 27px 0 0; color: #52635b; font-size: clamp(18px,2vw,22px); line-height: 1.58; }
.hero-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 32px; }
.hero-note { display: flex; align-items: center; gap: 9px; margin: 18px 0 0; color: #6f7e77; font-size: 13px; font-weight: 600; }
.hero-note span { color: var(--green-2); font-size: 10px; }

.hero-product { position: relative; width: min(1180px,94%); margin: clamp(64px,9vw,118px) auto 0; perspective: 1800px; }
.product-frame { position: relative; overflow: hidden; min-height: 670px; border: 1px solid rgba(255,255,255,.92); border-radius: 34px; background: rgba(255,255,255,.76); box-shadow: 0 55px 130px rgba(8,28,20,.2),inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter: blur(30px) saturate(150%); transform: rotateX(3deg); transform-origin: center bottom; }
.product-bar { height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid rgba(11,23,18,.08); background: rgba(250,252,249,.84); font-size: 12px; font-weight: 800; }
.product-brand { display: flex; align-items: center; gap: 8px; }
.mini-pulse { position: relative; width: 22px; height: 22px; display: inline-block; border-radius: 7px; background: var(--green); }
.mini-pulse:after { content: ""; position: absolute; inset: 9px 4px; border-top: 2px solid var(--ink); transform: skewX(-30deg); }
.live-chip { display: flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 999px; color: var(--green-dark); background: var(--green-soft); }
.live-chip i { width: 6px; height: 6px; border-radius: 50%; background: var(--green-2); box-shadow: 0 0 0 4px rgba(22,184,109,.12); animation: livePulse 1.8s ease-in-out infinite; }
.product-layout { display: grid; grid-template-columns: 60px 1fr; min-height: 618px; }
.product-rail { display: flex; flex-direction: column; align-items: center; gap: 17px; padding: 18px 0; border-right: 1px solid rgba(11,23,18,.08); background: rgba(245,248,244,.8); }
.product-rail i { width: 27px; height: 27px; border-radius: 8px; background: #e1e7e2; }
.product-rail i.active { background: var(--ink); box-shadow: inset 0 0 0 8px var(--green); }
.rail-logo { width: 9px; height: 9px; margin-bottom: 8px; border-radius: 50%; background: var(--green-2); }
.product-main { padding: 26px; }
.workspace-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.workspace-head small,.workspace-head strong { display: block; }
.workspace-head small { margin-bottom: 5px; color: var(--muted); font-size: 11px; }
.workspace-head strong { font: 700 22px "Manrope"; letter-spacing: -.04em; }
.workspace-head button { border: 0; border-radius: 10px; padding: 10px 13px; background: var(--ink); color: white; font-size: 11px; font-weight: 800; }
.metric-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 22px; }
.metric-row>div { padding: 16px; border: 1px solid rgba(11,23,18,.08); border-radius: 17px; background: rgba(255,255,255,.74); box-shadow: 0 8px 20px rgba(11,23,18,.04); }
.metric-row span,.metric-row strong,.metric-row small { display: block; }
.metric-row span { color: var(--muted); font-size: 10px; font-weight: 700; }
.metric-row strong { margin-top: 6px; font: 700 28px "Manrope"; letter-spacing: -.06em; }
.metric-row small { margin-top: 4px; color: #728078; font-size: 9px; }.metric-row .up { color: var(--green-dark); }.metric-row .warn { color: #ad6b00; }
.operations-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(250px,.65fr); gap: 14px; margin-top: 14px; }
.network-card,.floating-card { border: 1px solid rgba(11,23,18,.08); background: rgba(255,255,255,.78); box-shadow: 0 10px 28px rgba(11,23,18,.05); }
.network-card { min-height: 382px; padding: 18px; border-radius: 20px; }
.mock-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.mock-heading small,.mock-heading strong { display: block; }.mock-heading small { color: var(--muted); font-size: 9px; }.mock-heading strong { margin-top: 3px; font-size: 13px; }.mock-heading>span { padding: 6px 8px; border-radius: 8px; background: #f0f4f0; color: var(--muted); font-size: 9px; font-weight: 700; }
.network-map { width: 100%; height: 260px; overflow: visible; }
.map-ghost { fill: none; stroke: #dfe7e2; stroke-width: 3; }
.map-route { fill: none; stroke: url(#routeGradient); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 10 12; animation: routeFlow 9s linear infinite; }
.map-node circle:first-child { fill: var(--ink); stroke: var(--green); stroke-width: 3; }.map-node .node-ring { fill: none; stroke: rgba(60,224,145,.35); }.map-node text { fill: #6c7b74; font: 700 11px "DM Sans"; }.map-node.n2 circle:first-child,.map-node.n3 circle:first-child { animation: nodePulse 2.6s ease-in-out infinite; }.route-particle { fill: white; stroke: var(--green-2); stroke-width: 3; filter: drop-shadow(0 4px 5px rgba(22,184,109,.3)); }
.network-legend { display: flex; gap: 16px; flex-wrap: wrap; color: #68776f; font-size: 9px; font-weight: 700; }.network-legend span { display: flex; align-items: center; gap: 5px; }.network-legend i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }.network-legend span:nth-child(2)i { background: var(--amber); }.network-legend span:nth-child(3)i { background: var(--blue); }
.activity-stack { display: grid; grid-template-rows: 1.2fr .75fr .9fr; gap: 12px; }
.floating-card { padding: 16px; border-radius: 18px; }
.ai-summary { background: var(--ink); color: white; }.card-label { display: flex; align-items: center; gap: 7px; color: var(--green); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.spark { font-size: 13px; }.ai-summary p { margin: 11px 0 14px; color: #d6e2dc; font-size: 12px; line-height: 1.45; }.summary-action { display: flex; justify-content: space-between; align-items: center; font-size: 9px; font-weight: 800; }.summary-action b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; background: var(--green); color: var(--ink); }
.document-card { display: flex; align-items: center; gap: 12px; }.doc-icon { width: 38px; height: 46px; padding: 10px 7px; border-radius: 8px; background: #edf1ee; }.doc-icon span { display: block; height: 2px; margin-bottom: 5px; border-radius: 2px; background: #84928b; }.document-card small,.document-card strong,.document-card em { display: block; }.document-card small { color: var(--muted); font-size: 8px; }.document-card strong { margin-top: 4px; font-size: 10px; }.document-card em { width: fit-content; margin-top: 6px; padding: 3px 6px; border-radius: 5px; background: var(--green-soft); color: var(--green-dark); font-size: 7px; font-style: normal; font-weight: 800; }
.auto-status { color: var(--green-dark); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.automation-card strong,.automation-card small { display: block; }.automation-card strong { margin-top: 5px; font-size: 11px; }.automation-card small { color: var(--muted); font-size: 8px; }.mini-flow { display: flex; align-items: center; margin: 14px 0 10px; }.mini-flow i { width: 18px; height: 18px; border: 5px solid var(--green-soft); border-radius: 50%; background: var(--green-2); }.mini-flow b { flex: 1; height: 2px; background: #cbd8d0; }
.product-float { position: absolute; z-index: 5; display: flex; align-items: center; gap: 10px; min-width: 230px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.84); border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: 0 22px 50px rgba(7,24,17,.18); backdrop-filter: blur(18px); animation: floatCard 5s ease-in-out infinite; }.product-float>span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #fff0d8; color: #af7000; font-weight: 900; }.product-float small,.product-float strong { display: block; }.product-float small { color: var(--muted); font-size: 9px; }.product-float strong { margin-top: 3px; font-size: 11px; }.float-exception { top: 80px; right: -80px; }.float-update { bottom: 55px; left: -80px; animation-delay: -2s; }.float-update>span { background: var(--green-soft); color: var(--green-dark); }

.industry-strip { padding: 30px max(24px,calc((100vw - var(--shell))/2)) 70px; text-align: center; }.industry-strip>p { margin: 0 0 24px; color: #7a8880; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.industry-marquee { display: grid; grid-template-columns: repeat(6,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.industry-marquee>span { min-height: 98px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px; border-right: 1px solid var(--line); color: #53645b; font-size: 12px; font-weight: 800; }.industry-marquee>span:last-child { border: 0; }.symbol { position: relative; width: 22px; height: 22px; display: inline-block; }.symbol:before,.symbol:after { content: ""; position: absolute; border: 1.8px solid #75857c; }.route-symbol:before { inset: 3px; border-radius: 50%; border-right-color: transparent; }.route-symbol:after { width: 5px; height: 5px; left: 1px; bottom: 2px; border: 0; border-radius: 50%; background: var(--green-2); }.truck-symbol:before { width: 14px; height: 9px; left: 1px; top: 5px; }.truck-symbol:after { width: 5px; height: 5px; right: 0; top: 9px; border-left: 0; }.forward-symbol:before { width: 18px; height: 18px; inset: 2px; transform: rotate(45deg); }.forward-symbol:after { width: 8px; height: 1px; left: 7px; top: 10px; border-width: 1px 0 0; }.ship-symbol:before { width: 18px; height: 9px; left: 2px; top: 8px; transform: skewX(-14deg); }.ship-symbol:after { width: 6px; height: 6px; left: 8px; top: 2px; }.warehouse-symbol:before { inset: 6px 2px 2px; }.warehouse-symbol:after { width: 18px; height: 18px; left: 2px; top: 0; transform: rotate(45deg); border-width: 2px 0 0 2px; }.box-symbol:before { inset: 2px; transform: rotate(30deg) skew(-5deg); }.box-symbol:after { width: 13px; height: 1px; left: 4px; top: 10px; border-width: 1px 0 0; }

.dark-section { color: white; background: var(--ink); }.adapt-section { padding: clamp(90px,10vw,150px) 0; border-radius: 44px 44px 0 0; }.section-intro { max-width: 900px; }.section-intro.centered { margin-inline: auto; text-align: center; }.section-intro.centered .overline { justify-content: center; }.section-intro h2,.faq-heading h2 { font-size: clamp(43px,5.7vw,78px); line-height: .98; }.section-intro h2 em { color: var(--green); font-style: normal; }.section-intro>p:last-child { max-width: 700px; margin: 22px 0 0; color: var(--muted); font-size: 18px; line-height: 1.6; }.section-intro.centered>p:last-child { margin-inline: auto; }.section-intro.light .overline { color: var(--green); }.section-intro.light>p:last-child { color: #aebdb5; }
.adaptive-experience { display: grid; grid-template-columns: 270px 1fr; gap: 30px; margin-top: 70px; }.adaptive-tabs { display: grid; align-content: center; gap: 5px; }.adaptive-tabs button { display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 10px; min-height: 58px; padding: 0 15px; border: 1px solid transparent; border-radius: 14px; background: transparent; color: #90a098; text-align: left; font-weight: 800; cursor: pointer; transition: background .3s,border-color .3s,color .3s,transform .3s var(--ease); }.adaptive-tabs button span { color: #586860; font-size: 10px; }.adaptive-tabs button[aria-selected="true"] { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.07); color: white; transform: translateX(5px); }.adaptive-tabs button[aria-selected="true"] span { color: var(--green); }
.adaptive-stage { overflow: hidden; min-height: 580px; border: 1px solid rgba(255,255,255,.14); border-radius: 30px; background: #f7f9f6; color: var(--ink); box-shadow: 0 40px 90px rgba(0,0,0,.27); }.stage-top { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--line); background: white; }.stage-context { color: #68776f; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.stage-dots { display: flex; gap: 5px; }.stage-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d9dfdb; }.stage-body { display: grid; grid-template-columns: 150px 1fr; min-height: 532px; }.stage-sidebar { display: flex; flex-direction: column; gap: 7px; padding: 22px 14px; border-right: 1px solid var(--line); color: #7a8881; font-size: 10px; font-weight: 700; }.stage-sidebar strong { margin-bottom: 20px; color: var(--ink); font: 800 15px "Manrope"; }.stage-sidebar span { padding: 9px 10px; border-radius: 8px; }.stage-sidebar .selected { background: var(--ink); color: white; }.stage-content { padding: clamp(22px,4vw,42px); }.stage-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; }.stage-title small { color: var(--muted); font-size: 9px; }.stage-title h3 { margin-top: 4px; font-size: clamp(23px,3vw,34px); }.stage-status { padding: 7px 9px; border-radius: 999px; background: var(--green-soft); color: var(--green-dark); font-size: 8px; font-weight: 800; }.stage-modules { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 31px; }.stage-modules article { min-height: 130px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: 0 9px 24px rgba(11,23,18,.04); }.stage-modules span,.stage-modules strong,.stage-modules small { display: block; }.stage-modules span { color: var(--green-dark); font-size: 9px; font-weight: 800; }.stage-modules strong { margin-top: 28px; font-size: 12px; }.stage-modules small { margin-top: 4px; color: var(--muted); font-size: 8px; }.stage-chart { display: grid; grid-template-columns: 150px 1fr; align-items: end; gap: 30px; margin-top: 28px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: white; }.stage-chart small,.stage-chart strong { display: block; }.stage-chart small { color: var(--muted); font-size: 9px; }.stage-rate { margin-top: 6px; font-size: 31px; }.stage-bars { height: 120px; display: flex; align-items: end; justify-content: space-between; gap: 8px; }.stage-bars i { flex: 1; max-width: 30px; border-radius: 7px 7px 3px 3px; background: linear-gradient(var(--green),var(--green-2)); transform-origin: bottom; animation: barsIn 1s var(--ease) both; }

.workflow-section { padding: clamp(95px,11vw,165px) 0; }.workflow-canvas { position: relative; min-height: 700px; margin-top: 62px; overflow: hidden; border: 1px solid var(--line); border-radius: 32px; background: #f4f6f2; box-shadow: var(--shadow-sm); }.canvas-toolbar { position: relative; z-index: 3; height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.8); }.canvas-toolbar div { display: flex; align-items: center; gap: 5px; }.canvas-toolbar i { width: 7px; height: 7px; border-radius: 50%; background: #d8ded9; }.canvas-toolbar strong { margin-left: 8px; font-size: 11px; }.canvas-toolbar>span { color: var(--green-dark); font-size: 9px; font-weight: 800; }.canvas-grid { position: absolute; inset: 58px 0 0; opacity: .45; background-image: linear-gradient(rgba(11,23,18,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(11,23,18,.06) 1px,transparent 1px); background-size: 32px 32px; }.workflow-lines { position: absolute; inset: 58px 0 0; width: 100%; height: calc(100% - 58px); }.workflow-lines path { fill: none; stroke: #b9c8bf; stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 7 8; animation: routeFlow 12s linear infinite; }.flow-node { position: absolute; z-index: 2; width: 150px; min-height: 108px; padding: 13px; border: 1px solid rgba(11,23,18,.12); border-radius: 16px; background: rgba(255,255,255,.94); box-shadow: 0 13px 26px rgba(11,23,18,.08); transition: transform .3s var(--ease),box-shadow .3s; }.flow-node:hover { transform: translateY(-4px); box-shadow: 0 20px 36px rgba(11,23,18,.13); }.flow-node .node-type { display: block; color: #6a7972; font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.flow-node i { width: 26px; height: 26px; display: grid; place-items: center; margin: 9px 0; border-radius: 8px; background: #edf2ee; color: var(--green-dark); font-size: 10px; font-style: normal; font-weight: 900; }.flow-node strong,.flow-node small { display: block; }.flow-node strong { font-size: 10px; }.flow-node small { margin-top: 3px; color: var(--muted); font-size: 8px; }.flow-node.ai { border-color: rgba(60,224,145,.55); }.flow-node.ai i { background: var(--green); color: var(--ink); }.flow-node.condition { border-color: rgba(244,180,74,.65); }.flow-node.condition i { background: #fff0d5; color: #9c6500; }.flow-node.notification i { background: #e8efff; color: #4c70c4; }.node-a{left:5%;top:100px}.node-b{left:29%;top:100px}.node-c{left:53%;top:100px}.node-d{right:5%;top:100px}.node-e{right:18%;top:287px}.node-f{left:47%;top:287px}.node-g{left:20%;top:287px}.node-h{left:38%;bottom:52px}.flow-token { position: absolute; z-index: 4; width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(60,224,145,.2); }.token-one { left: 15%; top: 119px; animation: tokenOne 8s linear infinite; }.token-two { left: 58%; top: 305px; background: var(--amber); box-shadow: 0 0 0 5px rgba(244,180,74,.2); animation: tokenTwo 7s linear infinite; }.visual-caption { max-width: 890px; margin: 24px auto 0; color: var(--muted); text-align: center; font-size: 14px; line-height: 1.6; }

.ai-section { padding: clamp(95px,11vw,155px) 0; background: #eef2ec; }.ai-shell { display: grid; grid-template-columns: minmax(320px,.72fr) minmax(520px,1.28fr); gap: clamp(45px,8vw,120px); align-items: center; }.ai-copy h2 { font-size: clamp(43px,5vw,70px); line-height: .98; }.ai-copy>p:not(.overline) { max-width: 560px; margin: 20px 0 0; color: var(--muted); font-size: 17px; line-height: 1.6; }.ai-mantra { display: block; margin-top: 25px; color: var(--green-dark); font: 800 18px "Manrope"; }.ai-scene-tabs { display: grid; gap: 4px; margin-top: 36px; }.ai-scene-tabs button { display: grid; grid-template-columns: 32px 1fr; align-items: center; min-height: 51px; border: 0; border-left: 2px solid #cbd5cf; background: transparent; color: #74827b; text-align: left; font-weight: 800; cursor: pointer; transition: border-color .3s,color .3s,transform .3s; }.ai-scene-tabs button span { font-size: 9px; }.ai-scene-tabs button[aria-selected="true"] { border-color: var(--green-2); color: var(--ink); transform: translateX(5px); }
.ai-visual { min-height: 620px; overflow: hidden; border: 1px solid rgba(255,255,255,.8); border-radius: 32px; background: var(--ink); color: white; box-shadow: 0 40px 90px rgba(11,23,18,.22); }.ai-console-top { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.1); color: #b2c1b9; font-size: 10px; }.ai-console-top span { display: flex; align-items: center; gap: 8px; font-weight: 800; }.ai-console-top i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(60,224,145,.1); }.ai-state-label { color: var(--green); }.ai-scene { display: none; min-height: 562px; padding: clamp(24px,4vw,42px); animation: sceneIn .55s var(--ease) both; }.ai-scene.active { display: block; }.inbox-card { display: flex; align-items: center; gap: 13px; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.06); }.mail-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--green); color: var(--ink); font-weight: 900; }.inbox-card small,.inbox-card strong { display: block; }.inbox-card small { color: #8fa097; font-size: 8px; }.inbox-card strong { margin-top: 4px; font-size: 10px; }.inbox-card em { margin-left: auto; color: var(--green); font-size: 8px; font-style: normal; }.document-sheet { position: relative; width: 54%; height: 250px; margin: 36px auto 0; padding: 25px; overflow: hidden; border-radius: 18px; background: #f5f6f3; color: var(--ink); transform: rotate(-2deg); box-shadow: 0 25px 55px rgba(0,0,0,.22); }.doc-head { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; }.doc-head span { padding: 6px; border-radius: 6px; background: #fde5e4; color: #b1423d; font-size: 8px; font-weight: 900; }.doc-head strong { font-size: 10px; }.document-sheet>i { display: block; width: 100%; height: 8px; margin: 15px 0; border-radius: 5px; background: #dce3de; }.document-sheet>i.short { width: 62%; }.scan-line { position: absolute; left: 0; right: 0; top: 35px; height: 2px; background: var(--green); box-shadow: 0 0 18px var(--green); animation: scan 2.8s ease-in-out infinite; }.extracted-fields { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: -50px; position: relative; z-index: 2; }.extracted-fields span { padding: 11px; border: 1px solid rgba(60,224,145,.26); border-radius: 10px; background: rgba(18,42,31,.95); box-shadow: 0 8px 20px rgba(0,0,0,.2); animation: fieldIn .5s var(--ease) both; }.extracted-fields span:nth-child(2){animation-delay:.1s}.extracted-fields span:nth-child(3){animation-delay:.2s}.extracted-fields span:nth-child(4){animation-delay:.3s}.extracted-fields span:nth-child(5){animation-delay:.4s}.extracted-fields span:nth-child(6){animation-delay:.5s}.extracted-fields small,.extracted-fields b { display: block; }.extracted-fields small { color: #7f9c8e; font-size: 7px; }.extracted-fields b { margin-top: 4px; color: #e7f3ec; font-size: 9px; }.issue-message { margin-top: 35px; padding: 24px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.06); }.issue-message small { color: #82938a; font-size: 9px; }.issue-message p { margin: 13px 0 0; color: white; font-size: 18px; line-height: 1.5; }.classification-stack { width: 70%; margin: 34px auto 0; padding: 25px; border: 1px solid rgba(60,224,145,.28); border-radius: 22px; background: rgba(22,58,42,.76); }.classification-stack span,.classification-stack strong,.classification-stack small { display: block; }.classification-stack span { color: var(--green); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }.classification-stack strong { margin-top: 10px; font-size: 25px; }.classification-stack small { margin-top: 5px; color: #9fb4a9; }.confidence { height: 5px; margin-top: 22px; overflow: hidden; border-radius: 5px; background: rgba(255,255,255,.1); }.confidence i { display: block; width: 96%; height: 100%; background: var(--green); animation: confidenceIn 1s var(--ease) both; }.routing-result { display: flex; align-items: center; gap: 12px; margin-top: 26px; padding: 18px; border-radius: 15px; background: rgba(255,255,255,.06); }.routing-result span { color: #83968c; font-size: 8px; }.routing-result strong { font-size: 10px; }.routing-result em { margin-left: auto; padding: 6px 8px; border-radius: 7px; background: #fff0d4; color: #a56d00; font-size: 8px; font-style: normal; font-weight: 800; }.live-context { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; padding: 13px 16px; border-radius: 13px; background: rgba(60,224,145,.09); }.live-context span { color: var(--green); font-size: 9px; font-weight: 800; }.live-context small { color: #8da097; font-size: 8px; }.message-draft { margin: 35px auto 0; padding: 28px; border-radius: 22px; background: white; color: var(--ink); box-shadow: 0 25px 60px rgba(0,0,0,.23); }.message-draft>div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.message-draft em { padding: 5px 7px; border-radius: 6px; background: #fff0d4; color: #9b6600; font-size: 8px; font-style: normal; font-weight: 800; }.message-draft p { margin: 28px 0; color: #56675e; font-size: 15px; line-height: 1.65; }.message-draft button { border: 1px solid var(--line); border-radius: 10px; padding: 10px 13px; background: white; font-size: 9px; font-weight: 800; }.message-draft button:last-child { margin-left: auto; border-color: var(--green); background: var(--green); }.insight-chart { padding: 24px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.05); }.chart-bars { height: 180px; display: flex; align-items: end; gap: 12px; }.chart-bars i { flex: 1; border-radius: 8px 8px 2px 2px; background: linear-gradient(var(--green),#167d51); transform-origin: bottom; animation: barsIn .8s var(--ease) both; }.insight-chart>span { display: block; margin-top: 13px; color: #83958b; font-size: 9px; }.management-insight { margin-top: 20px; padding: 24px; border-radius: 20px; background: var(--green); color: var(--ink); }.management-insight span { font-size: 9px; font-weight: 800; text-transform: uppercase; }.management-insight strong { display: block; margin-top: 13px; font-size: 22px; line-height: 1.2; }.management-insight p { margin: 10px 0 0; color: #183d2c; line-height: 1.5; }

.automation-section { padding: clamp(95px,11vw,155px) 0; }.transformation { display: grid; grid-template-columns: 1fr 100px 1fr; gap: 20px; align-items: center; margin-top: 60px; }.before-panel,.after-panel { min-height: 390px; padding: clamp(24px,4vw,40px); border: 1px solid var(--line); border-radius: 30px; }.before-panel { background: #f2f0eb; }.after-panel { background: var(--ink); color: white; box-shadow: var(--shadow-lg); }.panel-tag { display: inline-flex; padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.7); color: #6e7a73; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.after-panel .panel-tag { background: rgba(255,255,255,.08); color: var(--green); }.paper-stack { position: relative; height: 150px; margin-top: 35px; }.paper-stack span { position: absolute; inset: 0 5% auto; display: block; padding: 18px; border: 1px solid #d2d7d2; border-radius: 13px; background: #fff; box-shadow: 0 10px 25px rgba(11,23,18,.07); color: #65736b; font-size: 10px; font-weight: 700; }.paper-stack span:nth-child(2) { transform: translateY(40px) rotate(-2deg); }.paper-stack span:nth-child(3) { transform: translateY(82px) rotate(2deg); }.manual-list { display: grid; grid-template-columns: 8px 1fr; gap: 10px; align-items: center; color: #6c7872; font-size: 11px; font-weight: 700; }.manual-list i { width: 7px; height: 7px; border-radius: 50%; background: var(--red); }.transform-core { position: relative; width: 76px; height: 76px; display: grid; place-items: center; margin: auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 15px rgba(60,224,145,.12),0 18px 35px rgba(22,184,109,.22); }.transform-core span { font: 800 16px "Manrope"; }.transform-core i { position: absolute; z-index: -1; width: 130px; height: 1px; background: linear-gradient(90deg,#ccd6d0,var(--green),#ccd6d0); }.auto-list { display: grid; gap: 10px; margin-top: 30px; }.auto-list span { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.05); color: #dce7e1; font-size: 10px; font-weight: 700; animation: autoComplete .5s var(--ease) both; }.auto-list span:nth-child(2){animation-delay:.15s}.auto-list span:nth-child(3){animation-delay:.3s}.auto-list span:nth-child(4){animation-delay:.45s}.auto-list i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; background: var(--green); color: var(--ink); font-style: normal; font-weight: 900; }.automation-rate { margin-top: 26px; }.automation-rate small,.automation-rate strong { display: block; }.automation-rate small { color: #82948a; font-size: 9px; }.automation-rate strong { margin-top: 5px; color: var(--green); font-size: 13px; }.automation-rate>span { display: block; height: 4px; margin-top: 12px; overflow: hidden; border-radius: 4px; background: rgba(255,255,255,.1); }.automation-rate i { display: block; width: 86%; height: 100%; background: var(--green); animation: confidenceIn 1.4s var(--ease) both; }.automation-timeline { display: flex; align-items: center; justify-content: center; gap: 13px; margin-top: 38px; padding: 20px; overflow-x: auto; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: var(--shadow-sm); }.automation-timeline>div { min-width: 150px; display: flex; align-items: center; gap: 10px; }.automation-timeline i { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: var(--green-soft); color: var(--green-dark); font-size: 9px; font-style: normal; font-weight: 900; }.automation-timeline strong,.automation-timeline small { display: block; }.automation-timeline strong { font-size: 9px; }.automation-timeline small { margin-top: 3px; color: var(--muted); font-size: 8px; }.automation-timeline>b { color: #a7b4ad; }

.connections-section { padding: clamp(100px,11vw,160px) 0; }.connection-orbit { position: relative; height: 620px; margin-top: 50px; }.connection-orbit>svg { position: absolute; inset: 0; width: 100%; height: 100%; }.connection-orbit ellipse,.connection-orbit path { fill: none; stroke: rgba(255,255,255,.12); stroke-width: 1.3; stroke-dasharray: 5 8; }.orbit-dot { fill: var(--green); filter: drop-shadow(0 0 8px var(--green)); animation: dotGlow 2s ease-in-out infinite; }.connection-core { position: absolute; left: 50%; top: 50%; width: 210px; height: 210px; display: grid; place-items: center; align-content: center; transform: translate(-50%,-50%); border: 1px solid rgba(60,224,145,.35); border-radius: 50%; background: radial-gradient(circle,rgba(43,91,67,.9),rgba(12,31,22,.98)); box-shadow: 0 0 0 28px rgba(60,224,145,.035),0 0 80px rgba(60,224,145,.18); }.connection-core .brand-mark { margin-bottom: 14px; background: var(--green); color: var(--ink); }.connection-core strong,.connection-core small { display: block; }.connection-core strong { font: 800 23px "Manrope"; }.connection-core small { margin-top: 5px; color: #91a69a; font-size: 8px; }.integration-tile { position: absolute; min-width: 132px; display: flex; align-items: center; gap: 9px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(255,255,255,.07); color: #d3dfd8; box-shadow: 0 14px 30px rgba(0,0,0,.18); backdrop-filter: blur(13px); font-size: 10px; font-weight: 800; animation: orbitFloat 6s ease-in-out infinite; }.integration-tile i { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: rgba(60,224,145,.12); color: var(--green); font-style: normal; }.tile-email{left:5%;top:20%}.tile-sheet{left:10%;bottom:13%;animation-delay:-1s}.tile-erp{left:38%;top:2%;animation-delay:-3s}.tile-wms{right:8%;top:16%;animation-delay:-2s}.tile-api{right:4%;bottom:18%;animation-delay:-4s}.tile-doc{left:32%;bottom:1%;animation-delay:-1.7s}.tile-form{right:31%;bottom:3%;animation-delay:-2.6s}.tile-data{right:25%;top:10%;animation-delay:-.7s}

.dashboard-section { padding: clamp(100px,11vw,160px) 0; }.dashboard-demo { position: relative; margin-top: 58px; padding: 24px; border: 1px solid var(--line); border-radius: 34px; background: #f0f3ef; box-shadow: var(--shadow-lg); }.demo-label { position: absolute; right: 24px; top: -31px; color: #7e8b84; font-size: 9px; font-weight: 700; }.dashboard-top { height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }.dashboard-top>div { display: flex; align-items: center; gap: 9px; }.dashboard-top .mini-pulse { width: 24px; height: 24px; }.dashboard-top strong { font-size: 12px; }.dashboard-top>span { padding: 7px 9px; border-radius: 8px; background: white; color: var(--muted); font-size: 8px; font-weight: 700; }.dashboard-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 13px; }.dashboard-kpis article { padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: white; }.dashboard-kpis small,.dashboard-kpis strong,.dashboard-kpis em { display: block; }.dashboard-kpis small { color: var(--muted); font-size: 8px; }.dashboard-kpis strong { margin-top: 9px; font: 700 26px "Manrope"; letter-spacing: -.05em; }.dashboard-kpis em { margin-top: 4px; color: var(--green-dark); font-size: 8px; font-style: normal; }.dashboard-kpis .amber { color: #a36b00; }.dashboard-grid { display: grid; grid-template-columns: 1.55fr .75fr; gap: 11px; margin-top: 11px; }.dashboard-grid>article { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: white; }.volume-chart svg { margin-top: 14px; overflow: visible; }.volume-chart .area { fill: url(#areaFade); }.volume-chart .trend-line { fill: none; stroke: var(--green-2); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 850; stroke-dashoffset: 850; animation: chartDraw 2s var(--ease) forwards; }.volume-chart line { stroke: #e5ebe7; stroke-width: 1; }.donut-wrap { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 16px; margin-top: 25px; }.donut { width: 140px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--green) 0 39%,var(--amber) 39% 67%,var(--blue) 67% 89%,#ccd6d0 89%); }.donut:before { content: ""; grid-area: 1/1; width: 74%; height: 74%; border-radius: 50%; background: white; }.donut span { position: relative; grid-area: 1/1; text-align: center; }.donut strong,.donut small { display: block; }.donut strong { font-size: 24px; }.donut small { color: var(--muted); font-size: 8px; }.donut-wrap ul { display: grid; gap: 9px; padding: 0; margin: 0; list-style: none; }.donut-wrap li { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 6px; color: #66766e; font-size: 8px; }.donut-wrap li i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }.donut-wrap li:nth-child(2)i{background:var(--amber)}.donut-wrap li:nth-child(3)i{background:var(--blue)}.donut-wrap li:nth-child(4)i{background:#ccd6d0}.workflow-distribution { display: grid; align-content: start; gap: 13px; }.distribution-row { display: grid; grid-template-columns: 75px 1fr 30px; align-items: center; gap: 10px; color: #66766e; font-size: 8px; }.distribution-row>i { height: 5px; overflow: hidden; border-radius: 5px; background: #e8edea; }.distribution-row b { display: block; height: 100%; border-radius: 5px; background: var(--green-2); animation: confidenceIn 1.4s var(--ease) both; }.distribution-row em { color: var(--ink); font-style: normal; font-weight: 800; }.recent-insight { display: flex; flex-direction: column; justify-content: center; background: var(--ink)!important; color: white; }.recent-insight>span { color: var(--green); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.recent-insight strong { display: block; margin-top: 14px; font-size: 17px; line-height: 1.25; }.recent-insight p { margin: 9px 0 14px; color: #9fb1a7; font-size: 10px; line-height: 1.5; }.recent-insight a { color: var(--green); font-size: 9px; font-weight: 800; }

.use-cases-section { padding: clamp(95px,11vw,155px) 0; background: #eef2ec; }.use-case-experience { margin-top: 52px; }.use-case-tabs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 14px; scrollbar-width: none; }.use-case-tabs::-webkit-scrollbar { display: none; }.use-case-tabs button { flex: 0 0 auto; padding: 11px 15px; border: 1px solid #cad5ce; border-radius: 999px; background: transparent; color: #6f7e76; font-weight: 800; font-size: 11px; cursor: pointer; transition: background .3s,color .3s,border-color .3s; }.use-case-tabs button[aria-selected="true"] { border-color: var(--ink); background: var(--ink); color: white; }.use-case-panel { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(35px,7vw,90px); align-items: center; min-height: 500px; margin-top: 15px; padding: clamp(28px,5vw,65px); border: 1px solid rgba(255,255,255,.8); border-radius: 34px; background: rgba(255,255,255,.7); box-shadow: var(--shadow-sm); }.use-case-number { color: var(--green-dark); font-size: 10px; font-weight: 800; letter-spacing: .1em; }.use-case-copy h3 { margin-top: 19px; font-size: clamp(33px,4vw,53px); line-height: 1; }.use-case-copy p { margin: 18px 0 0; color: var(--muted); line-height: 1.6; }.use-case-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 25px; }.use-case-tags span { padding: 7px 9px; border-radius: 999px; background: var(--green-soft); color: var(--green-dark); font-size: 8px; font-weight: 800; }.use-case-ui { overflow: hidden; min-height: 380px; border: 1px solid var(--line); border-radius: 24px; background: #f5f7f4; box-shadow: 0 25px 55px rgba(11,23,18,.13); }.ui-top { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--line); background: white; font-size: 10px; }.ui-top span { color: var(--green-dark); font-size: 8px; font-weight: 800; }.ui-board { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; padding: 18px; }.board-column { display: grid; align-content: start; gap: 9px; }.board-column>small { color: #718078; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.board-column article { padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: white; box-shadow: 0 8px 18px rgba(11,23,18,.04); animation: boardIn .55s var(--ease) both; }.board-column article:nth-child(3){animation-delay:.15s}.board-column i { display: block; width: 7px; height: 7px; margin-bottom: 20px; border-radius: 50%; background: var(--green); }.board-column strong,.board-column span { display: block; }.board-column strong { font-size: 9px; }.board-column span { margin-top: 4px; color: var(--muted); font-size: 8px; }

.expansion-section { padding: clamp(95px,11vw,150px) 0; }.growth-path { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1.12fr; align-items: center; gap: 16px; margin-top: 60px; }.growth-path>div { min-height: 180px; display: flex; flex-direction: column; justify-content: flex-end; padding: 23px; border: 1px solid var(--line); border-radius: 24px; background: white; box-shadow: var(--shadow-sm); }.growth-path>div:nth-of-type(2){min-height:210px}.growth-path>div:nth-of-type(3){min-height:240px}.growth-path>div.growth-final { min-height: 280px; background: var(--ink); color: white; box-shadow: var(--shadow-lg); }.growth-path i { width: 32px; height: 32px; display: grid; place-items: center; margin-bottom: auto; border-radius: 10px; background: var(--green-soft); color: var(--green-dark); font-style: normal; font-weight: 900; }.growth-final i { background: var(--green); color: var(--ink); }.growth-path strong,.growth-path small { display: block; }.growth-path strong { font-size: 14px; }.growth-path small { margin-top: 5px; color: var(--muted); font-size: 9px; }.growth-final small { color: #9cb0a6; }.growth-path>span { color: #9aa9a1; font-size: 20px; }

.advantages-section { overflow: hidden; padding: clamp(95px,11vw,155px) 0; background: #10251b; color: white; }.advantage-system { position: relative; height: 590px; margin-top: 35px; }.advantage-system:before,.advantage-system:after { content: ""; position: absolute; left: 50%; top: 50%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; transform: translate(-50%,-50%); }.advantage-system:before { width: 710px; height: 390px; }.advantage-system:after { width: 490px; height: 270px; }.advantage-core { position: absolute; z-index: 2; left: 50%; top: 50%; width: 250px; height: 250px; display: grid; place-items: center; align-content: center; transform: translate(-50%,-50%); border: 1px solid rgba(60,224,145,.34); border-radius: 50%; background: radial-gradient(circle,rgba(38,91,64,.95),#0a1c13); box-shadow: 0 0 80px rgba(60,224,145,.15); }.advantage-core .brand-mark { margin-bottom: 14px; background: var(--green); color: var(--ink); }.advantage-core strong { font: 800 19px "Manrope"; }.advantage-core small { margin-top: 5px; color: #91a69a; font-size: 9px; }.advantage-pill { position: absolute; z-index: 3; padding: 13px 17px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.07); color: #deebe4; box-shadow: 0 14px 35px rgba(0,0,0,.18); backdrop-filter: blur(14px); font-size: 11px; font-weight: 800; animation: orbitFloat 6s ease-in-out infinite; }.a1{left:12%;top:20%}.a2{right:13%;top:18%;animation-delay:-1s}.a3{left:5%;top:56%;animation-delay:-3s}.a4{right:6%;top:56%;animation-delay:-2s}.a5{left:23%;bottom:7%;animation-delay:-4s}.a6{right:23%;bottom:6%;animation-delay:-.5s}

.final-cta { position: relative; min-height: 650px; display: grid; place-items: center; margin-top: clamp(80px,10vw,140px); overflow: hidden; border-radius: 42px; background: var(--ink); color: white; text-align: center; }.final-cta-copy { position: relative; z-index: 3; width: min(890px,calc(100% - 40px)); }.final-cta h2 { font-size: clamp(46px,6.5vw,86px); line-height: .97; }.final-cta p:not(.overline) { max-width: 650px; margin: 23px auto 0; color: #aebfb5; font-size: 18px; line-height: 1.6; }.final-cta .hero-actions { justify-content: center; }.final-cta .overline { color: var(--green); }.cta-network { position: absolute; inset: 0; opacity: .75; }.cta-network svg { width: 100%; height: 100%; }.cta-network path { fill: none; stroke: rgba(60,224,145,.2); stroke-width: 1.5; stroke-dasharray: 6 10; animation: routeFlow 12s linear infinite; }.cta-network i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px var(--green); }.cta-network i:nth-child(1){left:10%;top:20%}.cta-network i:nth-child(2){left:16%;bottom:18%}.cta-network i:nth-child(3){left:50%;top:50%}.cta-network i:nth-child(4){right:15%;top:19%}.cta-network i:nth-child(5){right:11%;bottom:20%}

.faq-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(45px,8vw,110px); padding: clamp(100px,11vw,160px) 0; }.faq-heading { align-self: start; position: sticky; top: 110px; }.faq-heading h2 { max-width: 520px; }.faq-heading>a { display: inline-block; margin-top: 25px; color: var(--green-dark); font-weight: 800; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font: 700 clamp(16px,1.7vw,20px) "Manrope"; letter-spacing: -.03em; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { transition: transform .3s var(--ease); }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 700px; margin: -2px 45px 25px 0; color: var(--muted); line-height: 1.6; animation: faqIn .35s var(--ease) both; }

.landing-footer,body>footer { width: min(calc(100% - 48px),var(--shell)); display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; margin: 0 auto 24px; padding: clamp(38px,6vw,72px); border-radius: 34px; background: #e9eee9; color: var(--ink); }.footer-brand p { max-width: 330px; margin: 20px 0 0; color: var(--muted); line-height: 1.6; }.footer-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; }.footer-links>div { display: grid; align-content: start; gap: 10px; }.footer-links strong { margin-bottom: 6px; font-size: 11px; }.footer-links a { color: #64746c; font-size: 11px; font-weight: 700; }.footer-links a:hover { color: var(--green-dark); }.footer-bottom { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 22px; border-top: 1px solid var(--line); color: #6b7a73; font-size: 10px; font-weight: 700; }.made-canada { display: inline-flex; align-items: center; gap: 7px; }.made-canada img { width: 17px; height: 17px; display: block; }.made-canada b { color: #d71920; font-size: 17px; }

.reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s var(--ease),transform .8s var(--ease); }.reveal.in-view { opacity: 1; transform: none; }

/* Existing lead form remains compatible with the redesigned visual system. */
.cta-page { display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); gap: clamp(38px,7vw,96px); align-items: start; padding: clamp(65px,9vw,120px) 0 90px; }.cta-page h1 { margin-top: 18px; font-size: clamp(48px,6.5vw,88px); line-height: .95; }.cta-copy { position: sticky; top: 112px; }.hero-lede { color: var(--muted); }.cta-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }.cta-proof span { padding: 8px 11px; border-radius: 999px; background: var(--green-soft); color: var(--green-dark); font-size: 10px; font-weight: 800; }.lead-form { display: grid; gap: 17px; padding: clamp(25px,4vw,38px); border: 1px solid var(--line); border-radius: 30px; background: rgba(255,255,255,.86); box-shadow: var(--shadow-lg); }.field-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }.lead-form label { display: grid; gap: 7px; color: #43564f; font-size: 12px; font-weight: 800; }.lead-form input,.lead-form textarea { width: 100%; padding: 13px 14px; border: 1px solid #d8e4dd; border-radius: 13px; outline: 0; background: rgba(255,255,255,.94); color: var(--ink); font: inherit; }.lead-form textarea { min-height: 112px; resize: vertical; line-height: 1.45; }.lead-form input:focus,.lead-form textarea:focus { border-color: var(--green-2); box-shadow: 0 0 0 4px rgba(60,224,145,.14); }.lead-form .button,.lead-form .btn { width: fit-content; min-width: 180px; min-height: 50px; border: 0; border-radius: 999px; background: var(--ink); color: white; font-weight: 800; cursor: pointer; }.lead-form .btn:disabled { opacity: .6; cursor: wait; }.form-note { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }.lead-result { display: none; padding: 12px 14px; border-radius: 12px; font-weight: 800; }.lead-result:not(:empty){display:block}.lead-result.success{background:var(--green-soft);color:var(--green-dark)}.lead-result.error{background:#fff0f0;color:#a83232}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

@keyframes titleReveal{to{transform:none}}@keyframes menuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes routeFlow{to{stroke-dashoffset:-160}}@keyframes livePulse{50%{opacity:.45;transform:scale(.75)}}@keyframes nodePulse{50%{r:9;filter:drop-shadow(0 0 8px var(--green))}}@keyframes floatCard{50%{transform:translateY(-9px)}}@keyframes barsIn{from{transform:scaleY(.05);opacity:.4}}@keyframes tokenOne{0%{left:15%;top:119px}35%{left:55%;top:119px}65%{left:88%;top:119px}100%{left:88%;top:290px}}@keyframes tokenTwo{0%{left:58%;top:305px}50%{left:27%;top:305px}100%{left:27%;top:515px}}@keyframes sceneIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes scan{0%,100%{top:35px;opacity:.4}50%{top:230px;opacity:1}}@keyframes fieldIn{from{opacity:0;transform:translateY(10px)}}@keyframes confidenceIn{from{width:0}}@keyframes autoComplete{from{opacity:0;transform:translateX(16px)}}@keyframes dotGlow{50%{opacity:.4;transform:scale(.7)}}@keyframes orbitFloat{50%{transform:translateY(-8px)}}@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes boardIn{from{opacity:0;transform:translateY(12px)}}@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}}

@media (max-width:1100px){
  .desktop-nav{display:none}.menu-toggle{display:block}.sign-in-link{display:none}.site-header{grid-template-columns:auto 1fr}.nav-actions{justify-self:end}.hero-title{font-size:clamp(55px,9vw,94px)}.product-frame{min-height:610px}.operations-grid{grid-template-columns:1fr .65fr}.adaptive-experience{grid-template-columns:220px 1fr}.stage-modules{grid-template-columns:repeat(2,1fr)}.stage-modules article{min-height:105px}.stage-modules strong{margin-top:17px}.ai-shell{grid-template-columns:.8fr 1.2fr;gap:45px}.dashboard-grid{grid-template-columns:1fr 1fr}.volume-chart{grid-column:1/-1}.growth-path{gap:9px}.growth-path>div{padding:17px}.advantage-system:before{width:650px}.float-exception{right:-25px}.float-update{left:-25px}
}

@media (max-width:1300px) and (min-width:1101px){.float-exception{right:0}.float-update{left:0}}

@media (max-width:820px){
  .section-shell{width:min(calc(100% - 32px),var(--shell))}.site-header{min-height:72px;padding:12px 16px}.nav-demo{display:none}.hero{padding-top:55px}.hero-product{width:100%;margin-top:65px}.product-frame{min-height:auto;transform:none;border-radius:26px}.product-layout{grid-template-columns:42px 1fr;min-height:auto}.product-rail{gap:12px}.product-main{padding:17px}.workspace-head strong{font-size:18px}.operations-grid{grid-template-columns:1fr}.activity-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.network-card{min-height:auto}.network-map{height:230px}.product-float{display:none}.industry-marquee{grid-template-columns:repeat(3,1fr)}.industry-marquee>span:nth-child(3){border-right:0}.industry-marquee>span:nth-child(-n+3){border-bottom:1px solid var(--line)}.adaptive-experience{grid-template-columns:1fr}.adaptive-tabs{display:flex;overflow-x:auto}.adaptive-tabs button{min-width:150px}.adaptive-stage{min-height:auto}.stage-body{grid-template-columns:105px 1fr}.stage-chart{grid-template-columns:1fr}.workflow-canvas{min-height:900px}.workflow-lines,.flow-token{display:none}.flow-node{width:calc(50% - 35px);position:absolute}.node-a{left:20px;top:90px}.node-b{left:auto;right:20px;top:90px}.node-c{left:20px;top:250px}.node-d{left:auto;right:20px;top:250px}.node-e{left:20px;right:auto;top:410px}.node-f{left:auto;right:20px;top:410px}.node-g{left:20px;top:570px}.node-h{left:auto;right:20px;top:570px;bottom:auto}.ai-shell{grid-template-columns:1fr}.ai-scene-tabs{grid-template-columns:repeat(4,1fr)}.ai-scene-tabs button{grid-template-columns:1fr;gap:3px;padding:8px;border-left:0;border-bottom:2px solid #cbd5cf;font-size:10px}.ai-scene-tabs button[aria-selected="true"]{transform:none}.transformation{grid-template-columns:1fr}.transform-core{transform:rotate(90deg)}.automation-timeline{justify-content:flex-start}.connection-orbit{height:650px}.integration-tile{min-width:110px}.tile-email{left:1%}.tile-sheet{left:1%}.tile-wms{right:1%}.tile-api{right:1%}.tile-erp{left:32%}.tile-data{right:18%}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.use-case-panel{grid-template-columns:1fr}.growth-path{grid-template-columns:1fr}.growth-path>span{transform:rotate(90deg);justify-self:center}.growth-path>div,.growth-path>div:nth-of-type(2),.growth-path>div:nth-of-type(3),.growth-path>div.growth-final{min-height:150px}.advantage-system{height:700px}.advantage-system:before{width:430px;height:600px}.advantage-system:after{width:310px;height:460px}.a1{left:5%;top:14%}.a2{right:5%;top:14%}.a3{left:1%;top:69%}.a4{right:1%;top:69%}.a5{left:10%;bottom:4%}.a6{right:10%;bottom:4%}.faq-section{grid-template-columns:1fr}.faq-heading{position:static}.landing-footer,body>footer{grid-template-columns:1fr}.cta-page{grid-template-columns:1fr}.cta-copy{position:static}
}

@media (max-width:560px){
  .has-environment-banner{--environment-banner-height:34px}.environment-banner{padding-inline:12px}.environment-banner span{display:none}.brand{font-size:18px}.brand-mark{width:35px;height:35px}.hero{min-height:auto;padding:42px 0 65px}.hero-title{font-size:clamp(47px,14vw,66px);line-height:.92}.hero-lede{font-size:17px;line-height:1.55}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%;min-height:52px}.hero-note{align-items:flex-start}.hero-product{margin-top:48px}.product-frame{border-radius:21px}.product-bar{height:44px;padding:0 12px}.product-brand{font-size:10px}.product-layout{grid-template-columns:1fr}.product-rail{display:none}.product-main{padding:12px}.workspace-head button{display:none}.workspace-head strong{font-size:15px}.metric-row{gap:6px;margin-top:14px}.metric-row>div{padding:11px 9px;border-radius:12px}.metric-row strong{font-size:20px}.metric-row small{display:none}.network-card{padding:13px}.network-map{height:190px}.network-legend{gap:8px}.activity-stack{grid-template-columns:1fr}.document-card,.automation-card{display:none}.industry-strip{padding-inline:16px}.industry-marquee{grid-template-columns:repeat(2,1fr)}.industry-marquee>span{min-height:82px;padding:10px;font-size:10px}.industry-marquee>span:nth-child(2n){border-right:0}.industry-marquee>span:nth-child(-n+4){border-bottom:1px solid var(--line)}.section-intro h2,.faq-heading h2{font-size:clamp(38px,11vw,50px)}.section-intro>p:last-child{font-size:16px}.adapt-section{border-radius:28px 28px 0 0;padding:80px 0}.adaptive-experience{margin-top:42px}.adaptive-tabs button{min-width:132px;padding:0 10px}.adaptive-stage{border-radius:22px}.stage-body{grid-template-columns:1fr}.stage-sidebar{display:none}.stage-content{padding:18px}.stage-title{align-items:flex-start}.stage-modules{grid-template-columns:repeat(2,1fr);gap:7px}.stage-chart{padding:13px}.workflow-section{padding:80px 0}.workflow-canvas{min-height:1055px;margin-top:40px;border-radius:22px}.canvas-toolbar>span{display:none}.flow-node{position:relative!important;width:auto;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:16px 18px;min-height:96px}.flow-node:first-of-type{margin-top:25px}.flow-node i{float:left;margin-right:10px}.flow-node strong{padding-top:11px}.ai-section{padding:80px 0}.ai-scene-tabs{grid-template-columns:repeat(2,1fr)}.ai-visual{min-height:560px;border-radius:22px}.ai-scene{min-height:502px;padding:18px}.document-sheet{width:72%;height:210px}.extracted-fields{grid-template-columns:repeat(2,1fr);margin-top:-30px}.classification-stack{width:100%}.routing-result{align-items:flex-start;flex-direction:column}.routing-result em{margin-left:0}.live-context{align-items:flex-start;flex-direction:column;gap:4px}.message-draft{padding:20px}.message-draft p{font-size:13px}.management-insight strong{font-size:18px}.transformation{margin-top:40px}.before-panel,.after-panel{min-height:350px;border-radius:22px}.automation-timeline{margin-inline:-4px}.connection-orbit{height:700px}.connection-core{width:170px;height:170px}.integration-tile{min-width:auto;padding:9px;font-size:8px}.integration-tile i{width:22px;height:22px}.tile-email{left:0;top:18%}.tile-sheet{left:0;bottom:18%}.tile-erp{left:32%;top:4%}.tile-wms{right:0;top:18%}.tile-api{right:0;bottom:18%}.tile-doc{left:5%;bottom:4%}.tile-form{right:4%;bottom:4%}.tile-data{right:8%;top:4%}.dashboard-demo{padding:12px;border-radius:22px}.demo-label{position:static;margin-bottom:8px}.dashboard-kpis{gap:6px}.dashboard-kpis article{padding:12px}.dashboard-kpis strong{font-size:21px}.dashboard-grid{grid-template-columns:1fr}.volume-chart{grid-column:auto}.donut-wrap{grid-template-columns:120px 1fr}.donut{width:115px}.use-case-panel{padding:20px;border-radius:22px}.ui-board{grid-template-columns:1fr}.board-column:not(:first-child){display:none}.growth-path{margin-top:40px}.advantage-system{height:760px}.advantage-core{width:200px;height:200px}.advantage-system:before{width:280px;height:610px}.advantage-system:after{width:230px;height:400px}.advantage-pill{max-width:150px;padding:10px 12px;font-size:9px;text-align:center}.a1{left:0;top:12%}.a2{right:0;top:20%}.a3{left:0;top:66%}.a4{right:0;top:73%}.a5{left:4%;bottom:5%}.a6{right:2%;bottom:0}.final-cta{min-height:590px;width:calc(100% - 24px);border-radius:28px}.final-cta h2{font-size:clamp(40px,12vw,55px)}.final-cta p:not(.overline){font-size:16px}.faq-section{padding:85px 0}.faq-list summary{min-height:72px;font-size:16px}.landing-footer,body>footer{width:calc(100% - 24px);padding:28px 22px;border-radius:25px}.footer-links{grid-template-columns:1fr 1fr}.footer-links>div:last-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.field-row{grid-template-columns:1fr}.lead-form{border-radius:22px;padding:20px}.cta-page{padding:45px 0}.cta-page h1{font-size:clamp(44px,13vw,62px)}
}

@media (min-width:1600px){.hero-title{font-size:118px}.hero-product{width:1240px}.product-frame{min-height:700px}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.title-line>span{transform:none}.route-particle{display:none}}

/* Standalone legal page */
.legal-page { width: min(calc(100% - 48px),1120px); margin: 0 auto; padding: clamp(72px,9vw,130px) 0 100px; }
.legal-hero { max-width: 900px; padding-bottom: clamp(55px,8vw,95px); }
.legal-hero h1 { font-size: clamp(52px,7.8vw,100px); line-height: .92; }
.legal-hero h1 span { color: var(--green-dark); }
.legal-hero>p:not(.overline) { max-width: 700px; margin: 25px 0 0; color: var(--muted); font-size: clamp(17px,2vw,21px); line-height: 1.6; }
.legal-hero small { display: inline-block; margin-top: 20px; padding: 7px 10px; border-radius: 999px; background: var(--green-soft); color: var(--green-dark); font-weight: 800; }
.legal-layout { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: clamp(45px,8vw,105px); align-items: start; }
.legal-nav { position: sticky; top: 110px; display: grid; gap: 5px; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.78); box-shadow: var(--shadow-sm); backdrop-filter: blur(18px); }
.legal-nav a { padding: 11px 12px; border-radius: 10px; color: var(--muted); font-size: 12px; font-weight: 800; }
.legal-nav a:hover,.legal-nav a:focus-visible { background: var(--green-soft); color: var(--green-dark); }
.legal-content { border-top: 1px solid var(--line); }
.legal-content section { display: grid; grid-template-columns: 38px 1fr; column-gap: 18px; padding: 34px 0 38px; border-bottom: 1px solid var(--line); scroll-margin-top: 110px; }
.legal-content section>span { grid-row: 1/3; padding-top: 5px; color: var(--green-dark); font: 800 10px "Manrope"; letter-spacing: .08em; }
.legal-content h2 { font-size: clamp(22px,2.7vw,33px); line-height: 1.1; }
.legal-content p { margin: 16px 0 0; color: var(--muted); font-size: 15px; line-height: 1.78; }
.legal-content a { color: var(--green-dark); font-weight: 800; }
.legal-contact { margin-top: 18px; padding-inline: 24px!important; border: 0!important; border-radius: 22px; background: var(--ink); color: white; }
.legal-contact p { color: #b7c8be; }
.legal-contact a { color: var(--green); }

@media (max-width:820px){
  .legal-layout { grid-template-columns: 1fr; gap: 35px; }
  .legal-nav { position: static; grid-template-columns: repeat(3,1fr); }
}

@media (max-width:560px){
  .legal-header nav a:not(.nav-cta) { display: none; }
  .legal-page { width: calc(100% - 32px); padding: 55px 0 72px; }
  .legal-hero h1 { font-size: clamp(46px,14vw,64px); }
  .legal-nav { grid-template-columns: 1fr; }
  .legal-content section { grid-template-columns: 29px 1fr; column-gap: 11px; padding-block: 28px 32px; }
  .legal-content p { font-size: 14px; line-height: 1.72; }
  .legal-contact { padding-inline: 16px!important; }
}