:root {
  --navy: #0b1f33;
  --navy-2: #102c46;
  --teal: #067974;
  --teal-bright: #19aaa4;
  --coral: #c63829;
  --coral-bright: #ff6b4a;
  --ink: #10243a;
  --muted: #52677a;
  --line: #d4e0e4;
  --mist: #eef5f6;
  --paper: #ffffff;
  --warm: #fff4ef;
  --shadow: 0 24px 70px rgba(11, 31, 51, .14);
  --radius: 26px;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: clip;
  color: var(--ink);
  background: #fbfdfd;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.eyebrow { color: var(--teal); font-size: .75rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  width: 100%;
  padding: 14px max(24px, calc((100vw - var(--max)) / 2));
  background: rgba(251, 253, 253, .94);
  border-bottom: 1px solid rgba(212, 224, 228, .8);
  backdrop-filter: blur(18px);
}
.brand-link { flex: 0 0 auto; }
.brand-link img { width: 210px; }
.site-nav { display: flex; align-items: center; gap: 24px; font-size: .91rem; font-weight: 720; }
.site-nav > a:not(.button) { position: relative; color: #294157; }
.site-nav > a:not(.button)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: var(--teal); transition: right .2s ease; }
.site-nav > a:not(.button):hover::after, .site-nav > a[aria-current="page"]::after { right: 0; }
.site-nav > a[aria-current="page"] { color: var(--navy); }
.site-nav .nav-login { padding-left: 22px; border-left: 1px solid var(--line); }
.nav-toggle { display: none; width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.nav-toggle span { width: 20px; height: 2px; background: var(--navy); border-radius: 2px; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  color: #fff;
  background: var(--coral);
  border: 1px solid var(--coral);
  border-radius: 14px;
  font-weight: 820;
  box-shadow: 0 9px 24px rgba(213, 64, 48, .2);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.button:hover { transform: translateY(-2px); background: #bc3326; box-shadow: 0 13px 30px rgba(213, 64, 48, .28); }
.button-small { min-height: 42px; padding: 0 18px; border-radius: 12px; }
.button-ghost-dark { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); box-shadow: none; }
.button-ghost-dark:hover { background: rgba(255,255,255,.08); }
.text-link { display: inline-flex; gap: 12px; align-items: center; color: var(--navy); font-weight: 850; }
.text-link span { color: var(--coral); font-size: 1.25em; transition: transform .18s ease; }
.text-link:hover span { transform: translateX(4px); }

.hero, .subhero, .legal-hero, .feature-section, .split-section, .pricing-preview, .faq-section, .process-section, .control-grid, .pain-grid, .industry-grid, .connector-grid, .notice-panel, .automation-flow, .guardrail-grid, .quote-band, .pricing-page, .price-notes, .comparison, .tour-section, .product-shot-wide, .final-cta, .commercial-section, .ownership-callout, .pilot-slice, .operating-paths, .responsibility-section, .home-paths {
  width: min(var(--max), calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}

.home-hero {
  min-height: 670px;
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  gap: 56px;
  padding: 76px 0 70px;
}
.hero-copy h1, .subhero h1 {
  margin: 14px 0 22px;
  color: var(--navy);
  font-size: clamp(3.6rem, 6.2vw, 6.6rem);
  line-height: .91;
  letter-spacing: -.065em;
  font-weight: 880;
}
.hero-copy h1 em, .subhero h1 em { color: var(--teal); font-style: normal; }
.hero-copy > p { max-width: 620px; margin: 0; color: var(--muted); font-size: 1.19rem; line-height: 1.62; }
.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 32px; flex-wrap: wrap; }
.hero-note { display: grid; gap: 3px; margin-top: 36px; padding: 17px 20px; border-left: 3px solid var(--teal); background: var(--mist); color: var(--muted); font-size: .88rem; }
.hero-note b { color: var(--navy); }
.hero-visual { position: relative; min-width: 0; }
.screen-shell { overflow: hidden; background: #fff; border: 1px solid #c9d8dd; border-radius: 22px; box-shadow: var(--shadow); }
.screen-shell img { width: 100%; }
.screen-bar { height: 38px; display: flex; align-items: center; gap: 7px; padding: 0 15px; background: #f4f7f8; border-bottom: 1px solid #dce6e9; color: #52677a; font-size: .7rem; }
.screen-bar i { width: 8px; height: 8px; border-radius: 50%; background: #c8d4d8; }
.screen-bar i:first-child { background: #ff8270; }
.screen-bar i:nth-child(2) { background: #f3be54; }
.screen-bar i:nth-child(3) { background: #5fc7a8; }
.screen-bar span { margin-left: 8px; }
.floating-card { position: absolute; right: -23px; bottom: -40px; display: grid; padding: 20px 24px; min-width: 185px; color: #fff; background: var(--navy); border-radius: 18px; box-shadow: 0 18px 44px rgba(11,31,51,.28); }
.floating-card span { color: #a9bbc8; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.floating-card b { color: #7ce0d6; font-size: 2.4rem; line-height: 1.1; }
.floating-card small { color: #a9bbc8; }

.home-hero-paths {
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
  min-height: 690px;
  gap: clamp(42px, 6vw, 82px);
  padding-top: 68px;
}
.home-hero-paths .hero-copy h1 { font-size: clamp(3.45rem, 5.8vw, 6.15rem); }
.home-hero-paths .hero-copy > p { max-width: 690px; }
.pathfinder-panel {
  overflow: hidden;
  align-self: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow);
}
.pathfinder-panel header { display: grid; gap: 5px; padding: 22px 25px; color: #fff; background: var(--navy); }
.pathfinder-panel header span { color: #75d8d0; font-size: .68rem; font-weight: 850; letter-spacing: .13em; }
.pathfinder-panel header b { font-size: 1.04rem; }
.pathfinder-panel > a {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 22px;
  padding: 17px 25px;
  border-bottom: 1px solid var(--line);
  transition: background .18s ease, transform .18s ease;
}
.pathfinder-panel > a:last-child { border-bottom: 0; }
.pathfinder-panel > a:hover { background: var(--mist); }
.pathfinder-panel > a::after { content: "→"; grid-column: 2; grid-row: 1 / 4; align-self: center; color: var(--coral); font-size: 1.25rem; }
.pathfinder-panel > a span { color: var(--teal); font-size: .64rem; font-weight: 850; letter-spacing: .11em; }
.pathfinder-panel > a b { color: var(--navy); font-size: 1rem; line-height: 1.25; }
.pathfinder-panel > a small { color: var(--muted); font-size: .78rem; }

.home-paths { padding: 108px 0; }
.home-paths .section-heading { max-width: 880px; }
.home-paths .section-heading p { max-width: 720px; color: var(--muted); }
.home-path-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.home-path-grid article {
  min-height: 355px;
  display: flex;
  flex-direction: column;
  padding: 28px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
}
.home-path-grid article:nth-child(2), .home-path-grid article:nth-child(4) { background: var(--mist); }
.home-path-grid article > span { color: var(--teal); font-size: .67rem; font-weight: 850; letter-spacing: .11em; }
.home-path-grid h3 { margin: 42px 0 11px; color: var(--navy); font-size: 1.38rem; line-height: 1.18; }
.home-path-grid p { margin: 0 0 22px; color: var(--muted); font-size: .9rem; }
.home-path-grid .text-link { margin-top: auto; font-size: .86rem; }

.proof-strip { display: grid; grid-template-columns: repeat(4,1fr); background: var(--navy); color: #b9c9d3; }
.proof-strip span { min-height: 112px; display: flex; flex-direction: column; justify-content: center; padding: 24px 28px; border-right: 1px solid rgba(255,255,255,.12); font-size: .86rem; }
.proof-strip span:last-child { border-right: 0; }
.proof-strip b { color: #fff; font-size: 1.02rem; }

.split-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 72px; align-items: center; padding: 116px 0; }
.split-section.reverse { grid-template-columns: .9fr 1.1fr; }
.split-section.reverse > div:first-child { order: 2; }
.split-section h2, .section-heading h2, .faq-section h2, .notice-panel h2, .final-cta h2, .comparison h2, .tour-copy h2 {
  margin: 13px 0 20px;
  color: var(--navy);
  font-size: clamp(2.15rem, 3.6vw, 3.55rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.split-section p, .section-heading + p, .notice-panel p, .tour-copy p { color: var(--muted); font-size: 1.05rem; }
.split-section .text-link { margin-top: 18px; }
.mini-screen { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow); }

.feature-section { padding: 100px 0 112px; border-top: 1px solid var(--line); }
.section-heading { max-width: 780px; margin-bottom: 46px; }
.feature-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.feature-grid article { min-height: 295px; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.feature-grid article > span { color: var(--teal); font-size: .75rem; font-weight: 850; letter-spacing: .12em; }
.feature-grid h3 { margin: 55px 0 10px; color: var(--navy); font-size: 1.35rem; line-height: 1.2; }
.feature-grid p { margin: 0; color: var(--muted); font-size: .92rem; }

.workflow-band, .architecture-band { display: flex; align-items: center; justify-content: center; gap: 26px; padding: 60px max(24px, calc((100vw - var(--max)) / 2)); color: #fff; background: var(--navy); }
.workflow-band div, .architecture-band div { flex: 1; max-width: 230px; display: grid; gap: 3px; }
.workflow-band span, .architecture-band span { color: #74d6ce; font-size: .68rem; font-weight: 850; letter-spacing: .13em; }
.workflow-band b, .architecture-band b { font-size: 1rem; }
.workflow-band i, .architecture-band i { flex: 0 0 42px; height: 1px; background: rgba(255,255,255,.32); position: relative; }
.workflow-band i::after, .architecture-band i::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
.architecture-band p { margin: 2px 0 0; color: #aebfc9; font-size: .8rem; }

.pricing-preview { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 22px; align-items: stretch; padding: 118px 0; }
.pricing-preview > div { padding: 25px 35px 25px 0; }
.pricing-preview h2 { margin: 12px 0; color: var(--navy); font-size: 2.65rem; line-height: 1.02; letter-spacing: -.045em; }
.pricing-preview > div p { color: var(--muted); }
.pricing-preview article { display: flex; flex-direction: column; padding: 30px; background: #fff; border: 1px solid var(--line); border-radius: 22px; }
.pricing-preview article.featured { color: #fff; background: var(--navy); border-color: var(--navy); }
.pricing-preview article > span { color: var(--teal); font-size: .69rem; font-weight: 850; letter-spacing: .1em; }
.pricing-preview article.featured > span { color: #74d6ce; }
.pricing-preview h3 { margin: 18px 0 15px; color: var(--navy); font-size: 2.65rem; line-height: 1; }
.pricing-preview .featured h3 { color: #fff; }
.pricing-preview h3 sup { margin-right: 5px; font-size: .64rem; letter-spacing: .08em; }
.pricing-preview h3 small { display: block; margin-top: 7px; color: var(--muted); font-size: .74rem; font-weight: 600; }
.pricing-preview .featured h3 small { color: #adc0cb; }
.pricing-preview ul { flex: 1; margin: 10px 0 25px; padding: 0; list-style: none; }
.pricing-preview li { padding: 8px 0 8px 20px; position: relative; color: var(--muted); font-size: .9rem; }
.pricing-preview .featured li { color: #cfdae0; }
.pricing-preview li::before { content: "✓"; position: absolute; left: 0; color: var(--teal-bright); font-weight: 900; }

.faq-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: 72px; padding: 105px 0; border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { cursor: pointer; list-style: none; padding: 24px 42px 24px 0; color: var(--navy); font-size: 1.05rem; font-weight: 820; position: relative; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 8px; top: 21px; color: var(--teal); font-size: 1.5rem; }
.faq-list details[open] summary::after { content: "–"; }
.faq-list p { margin: -5px 35px 24px 0; color: var(--muted); }

.final-cta { display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 60px; margin-bottom: 100px; padding: 56px; color: #fff; background: var(--navy); border-radius: 28px; box-shadow: var(--shadow); }
.final-cta h2 { color: #fff; }
.final-cta p { max-width: 700px; margin: 0; color: #b8c9d3; }
.final-cta .eyebrow { color: #74d6ce; }
.cta-actions { display: grid; gap: 12px; }
.cta-actions small { color: #9eb1bd; font-size: .74rem; text-align: center; }

.subhero { max-width: 980px; padding: 110px 0 78px; text-align: center; }
.subhero h1 { font-size: clamp(3.4rem, 6vw, 6rem); }
.subhero > p { max-width: 780px; margin: 0 auto; color: var(--muted); font-size: 1.16rem; }
.subhero .hero-actions { justify-content: center; }
.subhero-grid { max-width: var(--max); display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; text-align: left; align-items: center; }
.subhero-grid > div:first-child > p { margin: 0; }
.subhero-grid .hero-actions { justify-content: flex-start; }
.metric-stack { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.metric-stack div { min-height: 145px; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.metric-stack div:last-child { grid-column: 1 / -1; }
.metric-stack b { color: var(--teal); font-size: 2.4rem; line-height: 1; }
.metric-stack span { margin-top: 7px; color: var(--muted); font-size: .85rem; }

.product-shot-wide { padding: 0 0 105px; }
.product-shot-wide .screen-shell { max-width: 1120px; margin: 0 auto; }
.process-section { padding: 105px 0; border-top: 1px solid var(--line); }
.process-list { margin: 0; padding: 0; list-style: none; }
.process-list li { display: grid; grid-template-columns: 65px 1fr 160px; gap: 22px; align-items: center; min-height: 130px; padding: 24px 12px; border-top: 1px solid var(--line); }
.process-list li:last-child { border-bottom: 1px solid var(--line); }
.process-list > li > b { color: var(--teal); font-size: .8rem; letter-spacing: .12em; }
.process-list h3 { margin: 0 0 4px; color: var(--navy); font-size: 1.35rem; }
.process-list p { margin: 0; color: var(--muted); }
.process-list li > span { justify-self: end; padding: 8px 12px; color: var(--teal); background: #e9f5f4; border-radius: 999px; font-size: .75rem; font-weight: 800; }
.control-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; padding-bottom: 110px; }
.control-grid article { padding: 31px; background: var(--navy); border-radius: 20px; }
.control-grid span { color: #74d6ce; font-size: .68rem; letter-spacing: .12em; font-weight: 850; }
.control-grid h3 { color: #fff; font-size: 1.3rem; line-height: 1.2; }
.control-grid p { margin: 0; color: #b6c7d1; font-size: .9rem; }

.commercial-section { padding: 105px 0; border-top: 1px solid var(--line); }
.commercial-heading { display: grid; grid-template-columns: .72fr 1.3fr 1fr; gap: 45px; align-items: start; margin-bottom: 42px; }
.commercial-heading h2 { margin: 0; font-size: clamp(2.2rem, 4vw, 3.8rem); }
.commercial-heading p { margin: 5px 0 0; color: var(--muted); }
.commercial-flow { display: flex; align-items: stretch; gap: 12px; }
.commercial-flow article { flex: 1; min-height: 205px; padding: 26px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.commercial-flow article.result { color: #fff; background: var(--navy); border-color: var(--navy); }
.commercial-flow article > span { color: var(--teal); font-size: .68rem; font-weight: 850; letter-spacing: .12em; }
.commercial-flow article.result > span { color: #74d6ce; }
.commercial-flow b { display: block; margin-top: 38px; color: var(--navy); font-size: 1.12rem; }
.commercial-flow article.result b { color: #fff; }
.commercial-flow p { margin: 8px 0 0; color: var(--muted); font-size: .88rem; }
.commercial-flow article.result p { color: #b6c7d1; }
.commercial-flow > i { align-self: center; width: 30px; height: 1px; position: relative; background: #9eb8c4; }
.commercial-flow > i::after { content: ""; width: 7px; height: 7px; position: absolute; right: 0; top: -3px; border-top: 1px solid #9eb8c4; border-right: 1px solid #9eb8c4; transform: rotate(45deg); }

.ownership-callout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; margin-top: 30px; margin-bottom: 110px; padding: 52px; color: #fff; background: var(--navy); border-radius: 24px; }
.ownership-callout h2 { margin: 9px 0 0; color: #fff; font-size: clamp(2rem, 3.4vw, 3.25rem); }
.ownership-callout p { margin: 0; color: #c6d4dc; font-size: 1.02rem; }

.pilot-slice { padding: 105px 0; border-top: 1px solid var(--line); }
.pilot-slice > .section-heading { max-width: 850px; }
.pilot-slice > .section-heading p { max-width: 720px; color: var(--muted); }
.pilot-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 36px; }
.pilot-grid article { min-height: 260px; padding: 30px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.pilot-grid span { color: var(--teal); font-size: .68rem; font-weight: 850; letter-spacing: .12em; }
.pilot-grid h3 { margin: 42px 0 10px; color: var(--navy); font-size: 1.35rem; line-height: 1.2; }
.pilot-grid p { margin: 0; color: var(--muted); font-size: .9rem; }

.operating-paths { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; padding: 20px 0 110px; }
.operating-paths article { min-height: 320px; display: flex; flex-direction: column; padding: 34px; background: #fff; border: 1px solid var(--line); border-radius: 22px; }
.operating-paths article:nth-child(2), .operating-paths article:nth-child(4) { background: var(--mist); }
.operating-paths span { color: var(--teal); font-size: .7rem; font-weight: 850; letter-spacing: .12em; }
.operating-paths h2 { margin: 44px 0 10px; color: var(--navy); font-size: 2rem; }
.operating-paths p { margin: 0; color: var(--muted); }
.operating-paths b { margin-top: auto; padding-top: 24px; color: var(--teal); font-size: .82rem; }
.responsibility-section { padding: 105px 0; border-top: 1px solid var(--line); }
.responsibility-section > .section-heading { max-width: 860px; }
.responsibility-section > .section-heading p { max-width: 720px; color: var(--muted); }
.responsibility-table { overflow: hidden; margin-top: 36px; border: 1px solid var(--line); border-radius: 20px; }
.responsibility-table > div { display: grid; grid-template-columns: .9fr 1.15fr 1.35fr; min-height: 72px; align-items: center; }
.responsibility-table > div:nth-child(even) { background: var(--mist); }
.responsibility-table > div:first-child { min-height: 58px; color: #fff; background: var(--navy); }
.responsibility-table span, .responsibility-table b { padding: 16px 20px; }
.responsibility-table span { color: #435b70; }
.responsibility-table strong { color: var(--navy); }

.pain-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; padding: 20px 0 110px; background: var(--line); }
.pain-grid article { min-height: 245px; padding: 36px; background: #fff; }
.pain-grid article:nth-child(even) { background: #edf7f6; }
.pain-grid span { color: var(--teal); font-size: .68rem; font-weight: 850; letter-spacing: .12em; }
.pain-grid h3 { max-width: 500px; margin: 35px 0 10px; color: var(--navy); font-size: 1.45rem; line-height: 1.18; }
.pain-grid p { max-width: 520px; margin: 0; color: var(--muted); }
.industry-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; padding: 105px 0; border-top: 1px solid var(--line); }
.industry-grid > div:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.industry-grid article { padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.industry-grid h3 { margin: 0 0 8px; color: var(--navy); }
.industry-grid p { margin: 0; color: var(--muted); font-size: .9rem; }

.connector-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; padding: 10px 0 110px; }
.connector-grid article { display: grid; grid-template-columns: 68px 1fr; gap: 20px; align-items: start; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.connector-icon { width: 62px; height: 62px; display: grid; place-items: center; color: #fff; background: var(--navy); border-radius: 16px; font-weight: 900; font-size: .8rem; }
.connector-grid b { display: block; color: var(--navy); font-size: 1.2rem; }
.connector-grid em { color: var(--teal); font-style: normal; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.connector-grid p { margin: 8px 0 0; color: var(--muted); font-size: .9rem; }
.notice-panel { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; margin-top: 100px; margin-bottom: 100px; padding: 45px; background: var(--warm); border: 1px solid #f4d2c7; border-radius: 24px; }
.notice-panel h2 { font-size: 2.3rem; }

.automation-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 14px; align-items: stretch; padding: 20px 0 110px; }
.automation-flow article { min-height: 260px; padding: 26px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.automation-flow > i { align-self: center; color: var(--coral); font-style: normal; font-size: 1.5rem; }
.automation-flow span { color: var(--teal); font-size: .65rem; font-weight: 850; letter-spacing: .11em; }
.automation-flow h3 { margin: 44px 0 10px; color: var(--navy); font-size: 1.25rem; line-height: 1.2; }
.automation-flow p { margin: 0; color: var(--muted); font-size: .88rem; }
.guardrail-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; padding: 100px 0; border-top: 1px solid var(--line); }
.guardrail-grid article { padding: 28px; background: var(--mist); border-radius: 18px; }
.guardrail-grid b { color: var(--navy); font-size: 1.05rem; }
.guardrail-grid p { margin: 8px 0 0; color: var(--muted); font-size: .9rem; }
.quote-band { padding: 70px; margin-bottom: 100px; color: #fff; background: var(--teal); border-radius: 26px; }
.quote-band blockquote { max-width: 980px; margin: 0; font-size: clamp(1.7rem, 3vw, 2.8rem); line-height: 1.2; letter-spacing: -.025em; font-weight: 750; }
.quote-band > span { display: block; margin-top: 25px; color: #c4f0ec; font-size: .8rem; }

.price-hero { padding-bottom: 45px; }
.pricing-page { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; padding: 20px 0 70px; }
.pricing-page article { display: flex; flex-direction: column; min-height: 720px; padding: 42px; background: #fff; border: 1px solid var(--line); border-radius: 25px; }
.pricing-page article.featured { color: #fff; background: var(--navy); border-color: var(--navy); }
.pricing-page header > span { color: var(--teal); font-size: .7rem; font-weight: 850; letter-spacing: .12em; }
.pricing-page .featured header > span { color: #74d6ce; }
.pricing-page h2 { margin: 10px 0 8px; color: var(--navy); font-size: 2rem; }
.pricing-page .featured h2 { color: #fff; }
.pricing-page header p { max-width: 450px; margin: 0; color: var(--muted); }
.pricing-page .featured header p { color: #b6c7d1; }
.pricing-page h3 { margin: 48px 0 22px; color: var(--navy); font-size: 4.2rem; line-height: 1; }
.pricing-page .featured h3 { color: #fff; }
.pricing-page h3 sup { margin-right: 8px; font-size: .7rem; vertical-align: top; line-height: 2.5; }
.pricing-page h3 small { display: block; margin-top: 7px; color: var(--muted); font-size: .8rem; font-weight: 600; }
.pricing-page .featured h3 small { color: #aebfc9; }
.pricing-page ul { flex: 1; margin: 0 0 30px; padding: 0; list-style: none; }
.pricing-page li { padding: 10px 0 10px 25px; border-bottom: 1px solid var(--line); position: relative; }
.pricing-page .featured li { color: #d3dce2; border-color: rgba(255,255,255,.12); }
.pricing-page li::before { content: "✓"; position: absolute; left: 0; color: var(--teal-bright); font-weight: 900; }
.price-notes { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; padding-bottom: 110px; }
.price-notes div { padding: 25px; background: var(--mist); border-radius: 17px; }
.price-notes b { color: var(--navy); }
.price-notes p { margin: 6px 0 0; color: var(--muted); font-size: .9rem; }
.comparison { padding: 95px 0; border-top: 1px solid var(--line); }
.comparison-table { overflow: hidden; margin-top: 30px; border: 1px solid var(--line); border-radius: 18px; }
.comparison-table > div { display: grid; grid-template-columns: 1.4fr 1fr 1fr; min-height: 57px; align-items: center; }
.comparison-table > div:nth-child(even) { background: var(--mist); }
.comparison-table > div:first-child { color: #fff; background: var(--navy); }
.comparison-table span, .comparison-table b { padding: 14px 20px; }

.tour-section { padding: 55px 0 110px; }
.tour-section.alternate { padding-top: 105px; border-top: 1px solid var(--line); }
.tour-copy { display: grid; grid-template-columns: .35fr 1fr 1fr; align-items: start; gap: 45px; margin-bottom: 38px; }
.tour-copy > span { color: var(--teal); font-size: .7rem; font-weight: 850; letter-spacing: .12em; }
.tour-copy h2 { margin-top: 0; font-size: 2.5rem; }
.tour-copy p { margin-top: 0; }

.legal-hero { padding: 100px 0 50px; border-bottom: 1px solid var(--line); }
.legal-hero h1 { margin: 12px 0 6px; color: var(--navy); font-size: clamp(3rem,5vw,5.2rem); line-height: 1; letter-spacing: -.05em; }
.legal-hero p { color: var(--muted); }
.legal-copy { width: min(840px, calc(100% - 48px)); margin: 70px auto 110px; }
.legal-copy h2 { margin: 42px 0 8px; color: var(--navy); font-size: 1.4rem; }
.legal-copy p { color: #435b70; }
.legal-copy a { color: var(--teal); text-decoration: underline; }

.site-footer { padding: 65px max(24px, calc((100vw - var(--max)) / 2)) 25px; color: #b4c4ce; background: #071829; }
.footer-main { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 55px; padding-bottom: 50px; }
.footer-brand img { width: 205px; padding: 8px; background: #fff; border-radius: 10px; }
.footer-brand p { max-width: 420px; color: #d4dee4; }
.footer-brand span { color: #7e96a5; font-size: .78rem; }
.footer-main > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 10px; }
.footer-main b { margin-bottom: 7px; color: #fff; font-size: .85rem; }
.footer-main a { color: #a8bac5; font-size: .86rem; }
.footer-main a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: #718999; font-size: .74rem; }

@media (max-width: 1080px) {
  .site-nav { gap: 15px; }
  .home-hero { grid-template-columns: 1fr; padding-top: 65px; }
  .hero-copy { max-width: 820px; }
  .hero-visual { max-width: 950px; }
  .pathfinder-panel { width: 100%; max-width: 920px; }
  .home-path-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-path-grid article { min-height: 305px; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .pricing-preview { grid-template-columns: 1fr 1fr; }
  .pricing-preview > div { grid-column: 1 / -1; }
  .automation-flow { grid-template-columns: 1fr 1fr; }
  .automation-flow > i { display: none; }
  .commercial-heading { grid-template-columns: 1fr 1.4fr; }
  .commercial-heading p { grid-column: 2; }
}

@media (max-width: 860px) {
  .site-header { min-height: 70px; }
  .brand-link img { width: 185px; }
  .nav-toggle { display: flex; }
  .site-nav { position: absolute; left: 18px; right: 18px; top: 68px; display: none; align-items: stretch; gap: 0; padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
  .site-nav.open { display: flex; flex-direction: column; }
  .site-nav > a { padding: 12px; }
  .site-nav .nav-login { padding-left: 12px; border-left: 0; border-top: 1px solid var(--line); }
  .site-nav .button { margin-top: 8px; }
  .site-nav > a:not(.button)::after { display: none; }
  .proof-strip { grid-template-columns: 1fr 1fr; }
  .proof-strip span:nth-child(2) { border-right: 0; }
  .proof-strip span:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
  .split-section, .split-section.reverse, .faq-section, .final-cta, .subhero-grid, .industry-grid, .notice-panel, .ownership-callout { grid-template-columns: 1fr; gap: 38px; }
  .split-section.reverse > div:first-child { order: 0; }
  .control-grid, .guardrail-grid { grid-template-columns: 1fr; }
  .connector-grid { grid-template-columns: 1fr; }
  .tour-copy { grid-template-columns: 1fr; gap: 12px; }
  .commercial-heading { grid-template-columns: 1fr; }
  .commercial-heading p { grid-column: auto; }
  .commercial-flow { display: grid; grid-template-columns: 1fr 1fr; }
  .commercial-flow > i { display: none; }
  .pilot-grid { grid-template-columns: 1fr; }
  .home-hero-paths { min-height: auto; gap: 38px; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  body { font-size: 15px; }
  .hero, .subhero, .legal-hero, .feature-section, .split-section, .pricing-preview, .faq-section, .process-section, .control-grid, .commercial-section, .ownership-callout, .pilot-slice, .operating-paths, .responsibility-section, .home-paths, .pain-grid, .industry-grid, .connector-grid, .notice-panel, .automation-flow, .guardrail-grid, .quote-band, .pricing-page, .price-notes, .comparison, .tour-section, .product-shot-wide, .final-cta { width: min(100% - 28px, var(--max)); }
  .home-hero { gap: 36px; padding: 52px 0 65px; }
  .hero-copy h1, .subhero h1 { font-size: clamp(3rem, 16vw, 4.5rem); }
  .home-hero-paths { padding: 38px 0 48px; }
  .home-hero-paths .hero-copy h1 { font-size: clamp(2.72rem, 12.7vw, 3.55rem); line-height: .95; }
  .home-hero-paths .hero-copy h1 { margin-bottom: 16px; }
  .home-hero-paths .hero-actions { margin-top: 24px; }
  .hero-copy > p, .subhero > p { font-size: 1rem; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 16px; }
  .hero-actions .button { width: 100%; }
  .floating-card { right: 12px; bottom: -50px; transform: scale(.82); transform-origin: right bottom; }
  .pathfinder-panel { border-radius: 19px; }
  .pathfinder-panel header { padding: 18px 19px; }
  .pathfinder-panel > a { gap: 3px 14px; padding: 14px 18px; }
  .pathfinder-panel > a small { font-size: .74rem; }
  .proof-strip { grid-template-columns: 1fr; }
  .proof-strip span { min-height: 90px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .split-section { padding: 90px 0; }
  .feature-grid, .pricing-preview, .pain-grid, .pricing-page, .price-notes { grid-template-columns: 1fr; }
  .home-paths { padding: 78px 0; }
  .home-path-grid { grid-template-columns: 1fr; }
  .home-path-grid article { min-height: auto; padding: 25px; }
  .home-path-grid h3 { margin-top: 28px; }
  .feature-grid article { min-height: 240px; }
  .workflow-band, .architecture-band { align-items: stretch; flex-direction: column; gap: 8px; padding-top: 45px; padding-bottom: 45px; }
  .workflow-band div, .architecture-band div { max-width: none; padding: 10px 0; }
  .workflow-band i, .architecture-band i { width: 1px; height: 20px; margin-left: 8px; flex: 0 0 20px; }
  .workflow-band i::after, .architecture-band i::after { right: -3px; top: auto; bottom: 0; transform: rotate(135deg); }
  .pricing-preview { padding: 85px 0; }
  .faq-section { padding: 80px 0; }
  .final-cta { margin-bottom: 70px; padding: 32px 24px; }
  .subhero { padding: 80px 0 55px; }
  .metric-stack { grid-template-columns: 1fr 1fr; }
  .process-list li { grid-template-columns: 42px 1fr; }
  .process-list li > span { grid-column: 2; justify-self: start; }
  .industry-grid > div:last-child { grid-template-columns: 1fr; }
  .automation-flow { grid-template-columns: 1fr; }
  .commercial-flow, .operating-paths { grid-template-columns: 1fr; }
  .ownership-callout { padding: 32px 24px; }
  .responsibility-table { display: grid; gap: 12px; overflow: visible; border: 0; border-radius: 0; }
  .responsibility-table > div:first-child { display: none; }
  .responsibility-table > div,
  .responsibility-table > div:nth-child(even) { min-width: 0; display: grid; grid-template-columns: 1fr; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
  .responsibility-table span { display: grid; gap: 4px; padding: 14px 17px; }
  .responsibility-table span:first-child { color: var(--navy); background: var(--mist); font-weight: 850; }
  .responsibility-table span[data-label]::before { content: attr(data-label); color: var(--teal); font-size: .65rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
  .quote-band { padding: 38px 28px; }
  .pricing-page article { min-height: auto; padding: 30px 24px; }
  .pricing-page h3 { font-size: 3.4rem; }
  .comparison-table { display: grid; gap: 12px; overflow: visible; border: 0; border-radius: 0; }
  .comparison-table > div:first-child { display: none; }
  .comparison-table > div,
  .comparison-table > div:nth-child(even) { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 15px; }
  .comparison-table span:first-child { grid-column: 1 / -1; color: var(--navy); background: var(--mist); font-weight: 850; }
  .comparison-table span { display: grid; gap: 3px; padding: 13px 16px; }
  .comparison-table span[data-label]::before { content: attr(data-label); color: var(--teal); font-size: .65rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
  .screen-bar { height: 31px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 34px 22px; }
  .footer-bottom { flex-direction: column; }
}

/* Product evidence and freight-software comparison */
.product-views, .product-view-pair, .compare-hero, .independent-leverage,
.comparison-section, .difference-section, .compare-product-gallery,
.better-fit, .comparison-sources {
  width: min(var(--max), calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}

.product-views { padding: 104px 0 112px; }
.product-views-heading {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 20px 70px;
  align-items: end;
  margin-bottom: 42px;
}
.product-views-heading .eyebrow { grid-column: 1 / -1; }
.product-views-heading h2 { margin: 0; color: var(--navy); font-size: clamp(2.6rem,4.4vw,4.8rem); line-height: .98; letter-spacing: -.052em; }
.product-views-heading p { margin: 0; color: var(--muted); font-size: 1.05rem; line-height: 1.65; }
.product-views-heading .text-link { grid-column: 2; }
.product-view-grid, .product-view-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.product-view-grid figure, .product-view-pair figure, .compare-gallery-grid figure { min-width: 0; margin: 0; }
.product-view-grid .screen-shell { height: 100%; }
.product-view-grid img, .product-view-pair img, .compare-gallery-grid img { width: 100%; height: auto; display: block; }
.product-view-grid figcaption, .product-view-pair figcaption, .compare-gallery-grid figcaption {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 18px;
  align-items: baseline;
  padding: 18px 3px 0;
}
.product-view-grid figcaption b, .product-view-pair figcaption b, .compare-gallery-grid figcaption b { color: var(--navy); }
.product-view-grid figcaption span, .product-view-pair figcaption span, .compare-gallery-grid figcaption span { color: var(--muted); font-size: .84rem; line-height: 1.5; }
.product-view-pair { padding: 0 0 100px; }
.product-view-pair figure { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 18px 48px rgba(11,31,51,.08); }
.product-view-pair figure img { aspect-ratio: 16 / 9; object-fit: cover; }
.product-view-pair figcaption { padding: 19px 22px 22px; }
.product-shot-caption { display: flex; justify-content: space-between; gap: 28px; padding: 18px 4px 0; color: var(--muted); font-size: .86rem; }
.product-shot-caption b { color: var(--navy); }
.product-shot-caption span { max-width: 720px; text-align: right; }

.compare-hero {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(480px,1.1fr);
  gap: clamp(46px,7vw,96px);
  align-items: center;
  min-height: 720px;
  padding: 78px 0 90px;
}
.compare-hero h1 { margin: 14px 0 24px; color: var(--navy); font-size: clamp(3.65rem,6.2vw,6.7rem); line-height: .91; letter-spacing: -.066em; }
.compare-hero h1 em { color: var(--teal); font-style: normal; }
.compare-hero-copy > p { max-width: 690px; margin: 0; color: var(--muted); font-size: 1.12rem; line-height: 1.67; }
.compare-hero-copy > small { display: block; max-width: 690px; margin-top: 26px; color: #667d8d; font-size: .73rem; line-height: 1.6; }
.compare-hero-visual { position: relative; min-width: 0; padding-bottom: 58px; }
.compare-hero-visual .screen-shell { transform: rotate(1.1deg); }
.compare-price-card {
  position: absolute;
  right: -18px;
  bottom: 0;
  min-width: 230px;
  display: grid;
  gap: 2px;
  padding: 22px 26px;
  color: #fff;
  background: var(--navy);
  border-radius: 18px;
  box-shadow: 0 20px 52px rgba(11,31,51,.3);
}
.compare-price-card span { color: #84ddd5; font-size: .67rem; font-weight: 900; letter-spacing: .12em; }
.compare-price-card b { font-size: 2.25rem; line-height: 1.1; letter-spacing: -.035em; }
.compare-price-card small { color: #b5c6d0; }
.compare-price-card em { margin-top: 9px; color: #ff9e83; font-size: .74rem; font-style: normal; font-weight: 800; }

.independent-leverage { padding: 108px 0; }
.independent-leverage > div:first-child { display: grid; grid-template-columns: .75fr 1.25fr; gap: 20px 72px; align-items: end; }
.independent-leverage > div:first-child .eyebrow { grid-column: 1 / -1; }
.independent-leverage h2 { margin: 0; color: var(--navy); font-size: clamp(2.8rem,5vw,5.2rem); line-height: .95; letter-spacing: -.056em; }
.independent-leverage > div:first-child p { margin: 0; color: var(--muted); font-size: 1.08rem; line-height: 1.7; }
.leverage-model { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 50px; overflow: hidden; background: #ccdade; border: 1px solid #ccdade; border-radius: 24px; }
.leverage-model article { min-height: 255px; display: flex; flex-direction: column; padding: 30px; background: #fff; }
.leverage-model article:nth-child(even) { background: #edf7f6; }
.leverage-model article span { color: var(--teal); font-size: .68rem; font-weight: 900; letter-spacing: .12em; }
.leverage-model article b { margin-top: auto; color: var(--navy); font-size: 1.25rem; line-height: 1.2; }
.leverage-model article p { margin: 12px 0 0; color: var(--muted); font-size: .88rem; line-height: 1.55; }
.independent-leverage aside { display: grid; grid-template-columns: .45fr 1.55fr; gap: 24px 56px; margin-top: 24px; padding: 30px 34px; color: #dfeaec; background: var(--navy); border-radius: 20px; }
.independent-leverage aside b { color: #83ded6; font-size: 1.05rem; }
.independent-leverage aside p { margin: 0; font-size: .86rem; line-height: 1.62; }

.comparison-section { min-width: 0; overflow: clip; padding: 112px 0; }
.comparison-section > .section-heading { max-width: 890px; }
.comparison-section > .section-heading p { max-width: 760px; color: var(--muted); }
.compare-table-wrap { width: 100%; max-width: 100%; box-sizing: border-box; contain: inline-size; margin-top: 40px; overflow-x: auto; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 18px 50px rgba(11,31,51,.06); scrollbar-color: var(--teal) #e7eff1; }
.compare-table-wrap:focus-visible { outline: 3px solid rgba(10,143,138,.35); outline-offset: 4px; }
.compare-table { width: 100%; min-width: 1580px; border-collapse: separate; border-spacing: 0; color: #40586b; font-size: .83rem; }
.compare-table th, .compare-table td { min-width: 205px; padding: 19px 18px; vertical-align: top; text-align: left; border-right: 1px solid #dce6e9; border-bottom: 1px solid #dce6e9; }
.compare-table th:first-child { position: sticky; left: 0; z-index: 2; min-width: 190px; color: var(--navy); background: #f5f8f9; }
.compare-table thead th { position: sticky; top: 0; z-index: 3; color: #fff; background: var(--navy); font-size: .72rem; letter-spacing: .04em; }
.compare-table thead th:first-child { z-index: 4; color: #fff; background: #081827; }
.compare-table .cyber-col { background: #eff9f8; }
.compare-table thead .cyber-col { color: #082a2b; background: #78ddd4; }
.compare-table tbody tr:last-child th, .compare-table tbody tr:last-child td { border-bottom: 0; }
.compare-table th:last-child, .compare-table td:last-child { border-right: 0; }
.compare-table td b { display: block; color: var(--navy); font-size: .94rem; }
.compare-table td small { display: block; margin-top: 7px; color: #5f7585; line-height: 1.45; }
.compare-status { display: inline-flex; align-items: center; min-height: 25px; padding: 5px 9px; border-radius: 999px; font-size: .66rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.status-included { color: #075850; background: #d7f3ef; }
.status-partner { color: #744516; background: #fff0d3; }
.status-verify { color: #6d4051; background: #f7e5ec; }
.status-roadmap { color: #284f76; background: #e3eef9; }
.comparison-note { max-width: 980px; margin: 18px 0 0; color: #647988; font-size: .75rem; line-height: 1.6; }
.mobile-compare-cards { display: none; }
.mobile-vendor { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 14px 38px rgba(11,31,51,.06); }
.mobile-vendor header { display: grid; gap: 5px; padding: 23px; color: #fff; background: var(--navy); }
.mobile-vendor header span { color: #7bddD5; font-size: .66rem; font-weight: 900; letter-spacing: .11em; }
.mobile-vendor header b { font-size: 1.35rem; line-height: 1.15; }
.mobile-vendor header small { color: #b9c9d1; }
.mobile-vendor.featured { border-color: #72d7ce; }
.mobile-vendor.featured header { color: #082b2d; background: #79ddd4; }
.mobile-vendor.featured header span, .mobile-vendor.featured header small { color: #174e50; }
.mobile-vendor dl { margin: 0; }
.mobile-vendor dl div { display: grid; grid-template-columns: 92px 1fr; gap: 14px; padding: 14px 20px; border-top: 1px solid var(--line); }
.mobile-vendor dt { color: var(--navy); font-size: .69rem; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.mobile-vendor dd { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.45; }

.difference-section { padding: 108px 0; }
.difference-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 42px; }
.difference-grid article { min-height: 270px; display: flex; flex-direction: column; padding: 30px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.difference-grid article:nth-child(2), .difference-grid article:nth-child(5) { color: #e6f0f2; background: var(--navy); }
.difference-grid article span { color: var(--teal); font-size: .68rem; font-weight: 900; letter-spacing: .12em; }
.difference-grid article h3 { margin: auto 0 12px; color: var(--navy); font-size: 1.45rem; line-height: 1.15; }
.difference-grid article p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.58; }
.difference-grid article:nth-child(2) h3, .difference-grid article:nth-child(5) h3 { color: #fff; }
.difference-grid article:nth-child(2) p, .difference-grid article:nth-child(5) p { color: #c3d3db; }

.compare-product-gallery { padding: 110px 0; }
.compare-product-gallery > .section-heading { max-width: 850px; }
.compare-gallery-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-top: 42px; }
.compare-gallery-grid figure { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 16px 45px rgba(11,31,51,.07); }
.compare-gallery-grid figure img { aspect-ratio: 16 / 9; object-fit: cover; }
.compare-gallery-grid figcaption { padding: 18px 22px 22px; }
.compare-gallery-grid .gallery-wide { grid-column: span 1; }
.center-actions { display: flex; justify-content: center; align-items: center; gap: 26px; flex-wrap: wrap; margin-top: 36px; }

.better-fit { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: center; padding: 108px 0; }
.better-fit h2 { margin: 12px 0 20px; color: var(--navy); font-size: clamp(2.7rem,4.6vw,4.8rem); line-height: .98; letter-spacing: -.052em; }
.better-fit > div p { color: var(--muted); font-size: 1.03rem; line-height: 1.7; }
.better-fit aside { padding: 36px; color: #dce9ed; background: var(--navy); border-radius: 22px; box-shadow: var(--shadow); }
.better-fit aside b { color: #78ddd4; font-size: 1.35rem; }
.better-fit aside p { margin: 16px 0 24px; line-height: 1.65; }
.better-fit aside .text-link { color: #fff; }

.comparison-sources { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; padding: 90px 0 115px; }
.comparison-sources h2 { margin: 12px 0 15px; color: var(--navy); font-size: clamp(2.4rem,4vw,4rem); line-height: 1; letter-spacing: -.045em; }
.comparison-sources p { color: var(--muted); }
.comparison-sources ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.comparison-sources li { border-bottom: 1px solid var(--line); }
.comparison-sources a { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; color: var(--navy); font-weight: 800; }
.comparison-sources a::after { content: "↗"; color: var(--teal); }

@media (max-width: 1080px) {
  .product-views-heading, .independent-leverage > div:first-child { grid-template-columns: 1fr; }
  .product-views-heading .text-link, .independent-leverage > div:first-child .eyebrow { grid-column: auto; }
  .compare-hero { grid-template-columns: 1fr; min-height: auto; }
  .compare-hero-visual { max-width: 920px; }
  .leverage-model { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .difference-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .product-view-grid, .product-view-pair, .compare-gallery-grid, .better-fit, .comparison-sources { grid-template-columns: 1fr; }
  .independent-leverage aside { grid-template-columns: 1fr; }
  .difference-grid { grid-template-columns: 1fr 1fr; }
  .compare-product-gallery .gallery-wide { grid-column: auto; }
  .product-shot-caption { flex-direction: column; }
  .product-shot-caption span { text-align: left; }
}

@media (max-width: 620px) {
  .product-views, .product-view-pair, .compare-hero, .independent-leverage,
  .comparison-section, .difference-section, .compare-product-gallery,
  .better-fit, .comparison-sources { width: min(100% - 28px, var(--max)); }
  .product-views, .comparison-section, .difference-section, .compare-product-gallery, .independent-leverage, .better-fit { padding: 76px 0; }
  .product-views-heading h2, .independent-leverage h2, .better-fit h2 { font-size: clamp(2.65rem,13vw,4rem); }
  .compare-hero { gap: 34px; padding: 62px 0 74px; }
  .compare-hero h1 { font-size: clamp(3.15rem,15vw,4.75rem); overflow-wrap: anywhere; }
  .compare-hero-copy > p { font-size: 1rem; }
  .compare-hero-visual { padding-bottom: 92px; }
  .compare-hero-visual .screen-shell { transform: none; }
  .compare-price-card { right: 10px; left: 10px; min-width: 0; }
  .leverage-model, .difference-grid { grid-template-columns: 1fr; }
  .leverage-model article { min-height: 210px; }
  .independent-leverage aside { padding: 26px 24px; }
  .compare-table-wrap::before { content: "Swipe to compare →"; display: block; position: sticky; left: 0; padding: 11px 14px; color: #fff; background: var(--teal); font-size: .7rem; font-weight: 900; letter-spacing: .08em; }
  .compare-table-wrap { display: none; }
  .mobile-compare-cards { display: grid; gap: 15px; margin-top: 32px; }
  .comparison-sources { gap: 32px; padding: 76px 0 88px; }
  .comparison-sources a { font-size: .88rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

@media print {
  .site-header, .site-footer, .final-cta { display: none; }
  body { color: #000; background: #fff; }
}


/* Operating-model clarity and recognizable connector UX */
.integration-ribbon, .status-legend {
  width: min(var(--max), calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}
.hero-brand-line {
  display: grid;
  gap: 9px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.hero-brand-line > span { color: var(--muted); font-size: .64rem; font-weight: 850; letter-spacing: .11em; }
.hero-brand-line > div { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hero-brand-line > a { color: var(--teal); font-size: .75rem; font-weight: 800; }
.mini-brand { height: 36px; min-width: 108px; display: grid; place-items: center; margin: 0; padding: 7px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.mini-brand img { max-width: 108px; max-height: 23px; object-fit: contain; }
.mini-brand-qb { background: var(--navy); border-color: var(--navy); }
.mini-brand-xero img { max-width: 77px; }
.hero-brand-line > div > b { min-height: 36px; display: grid; place-items: center; padding: 7px 15px; color: #fff; background: #1f6e68; border-radius: 10px; font-size: .83rem; }

.integration-ribbon {
  display: grid;
  grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
  gap: clamp(40px,6vw,80px);
  align-items: center;
  padding: 105px 0;
}
.integration-ribbon-copy h2 { max-width: 640px; font-size: clamp(2.3rem,4vw,4.3rem); }
.integration-ribbon-copy p { max-width: 620px; color: var(--muted); }
.brand-ribbon { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.integration-brand-card {
  min-height: 176px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 22px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
}
.integration-brand-card img { display: block; max-width: 200px; max-height: 48px; margin: auto auto 26px 0; object-fit: contain; }
.integration-brand-card span { color: var(--navy); font-weight: 850; font-size: .88rem; }
.integration-brand-card em { margin-top: 3px; color: var(--teal); font-style: normal; font-size: .67rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.quickbooks-card { background: #091f30; border-color: #091f30; }
.quickbooks-card img { max-width: 220px; max-height: 56px; }
.quickbooks-card span { color: #fff; }
.quickbooks-card em { color: #74d8ce; }
.xero-card img { max-width: 145px; }
.erpnext-card { color: #fff; background: #1f6e68; border-color: #1f6e68; }
.erpnext-card strong { margin: auto 0 28px; font-size: 2rem; }
.erpnext-card span { color: #fff; }
.erpnext-card em { color: #b8f1e8; }
.stack-card { background: var(--mist); }
.stack-card strong { margin: auto 0 26px; color: var(--navy); font-size: 1.02rem; line-height: 1.35; }

.home-path-grid article > b {
  display: block;
  margin: 4px 0 24px;
  color: var(--navy);
  font-size: .82rem;
  line-height: 1.55;
}
.home-path-grid article { min-height: 440px; }
.home-path-grid h3 { margin-top: 34px; }

.detailed-models { gap: 22px; }
.detailed-models .model-card { min-height: 650px; padding: 36px; }
.detailed-models .model-number { color: var(--teal); font-size: .7rem; font-weight: 900; letter-spacing: .11em; }
.detailed-models h2 { margin: 30px 0 15px; max-width: 560px; font-size: clamp(1.85rem,2.6vw,2.75rem); line-height: 1.04; }
.detailed-models .model-lead { color: #425c70; font-size: 1.02rem; line-height: 1.65; }
.detailed-models .model-example { margin: 26px 0 20px; padding: 20px; background: #e5f2f1; border-left: 3px solid var(--teal); border-radius: 0 14px 14px 0; }
.detailed-models .model-example b { display: block; margin: 0 0 6px; padding: 0; color: var(--navy); font-size: .77rem; letter-spacing: .06em; text-transform: uppercase; }
.detailed-models .model-example p { color: #435b70; font-size: .9rem; }
.detailed-models ul { display: grid; gap: 11px; margin: 0 0 26px; padding: 0; list-style: none; }
.detailed-models li { position: relative; padding-left: 19px; color: var(--muted); font-size: .88rem; line-height: 1.55; }
.detailed-models li::before { content: "✓"; position: absolute; left: 0; color: var(--teal); font-weight: 900; }
.detailed-models li b { display: inline; margin: 0; padding: 0; color: var(--navy); font-size: inherit; }
.detailed-models .text-link { margin-top: auto; padding-top: 12px; }

.status-legend {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 1px;
  overflow: hidden;
  margin-top: 12px;
  margin-bottom: 34px;
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: 18px;
}
.status-legend > div { display: grid; grid-template-columns: 12px 1fr; gap: 3px 10px; padding: 19px; background: #fff; }
.status-legend b { color: var(--navy); font-size: .82rem; }
.status-legend small { grid-column: 2; color: var(--muted); font-size: .72rem; }
.status-dot { width: 10px; height: 10px; margin-top: 4px; border-radius: 50%; background: #8396a4; }
.status-live { background: #20a777; }
.status-auth { background: #1f87d7; }
.status-partner { background: #f0a029; }
.status-roadmap { background: #7b6bd0; }

.connector-grid-branded .connector-brand-card { grid-template-columns: 150px 1fr; }
.connector-grid-branded .brand-panel { min-height: 98px; display: grid; place-items: center; padding: 18px; overflow: hidden; border-radius: 15px; background: var(--navy); }
.connector-grid-branded .brand-panel img { width: 100%; max-height: 48px; object-fit: contain; }
.connector-grid-branded .xero-connector .brand-panel { background: #fff; border: 1px solid var(--line); }
.connector-grid-branded .xero-connector .brand-panel img { width: 90%; max-height: 54px; }

.footer-disclaimer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  padding: 23px 0;
  border-top: 1px solid rgba(255,255,255,.1);
  color: #8299a8;
  font-size: .69rem;
  line-height: 1.55;
}
.footer-disclaimer p { margin: 0; }
.footer-disclaimer b { color: #c8d5dc; }

@media (max-width: 1080px) {
  .integration-ribbon { grid-template-columns: 1fr; }
  .home-path-grid article { min-height: 405px; }
  .detailed-models .model-card { min-height: auto; }
  .status-legend { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
  .connector-grid-branded .connector-brand-card { grid-template-columns: 120px 1fr; }
  .footer-disclaimer { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .integration-ribbon, .status-legend { width: min(100% - 28px, var(--max)); }
  .hero-brand-line { margin-top: 18px; }
  .mini-brand { min-width: 92px; height: 34px; padding: 7px 10px; }
  .mini-brand img { max-width: 92px; }
  .mini-brand-xero img { max-width: 66px; }
  .integration-ribbon { gap: 35px; padding: 75px 0; }
  .brand-ribbon { grid-template-columns: 1fr; }
  .integration-brand-card { min-height: 145px; }
  .home-path-grid article { min-height: auto; }
  .detailed-models .model-card { padding: 27px 23px; }
  .detailed-models h2 { font-size: 1.9rem; }
  .status-legend { grid-template-columns: 1fr; }
  .connector-grid-branded .connector-brand-card { grid-template-columns: 1fr; }
  .connector-grid-branded .brand-panel { min-height: 88px; }
}

.ownership-callout .eyebrow { color: #75d8d0; }
.quote-band > span { color: #fff; }


/* Team and contact experience */
.team-hero, .team-section, .contact-hero, .contact-team, .contact-options, .contact-note {
  width: min(var(--max), calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}
.team-hero {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);
  gap: clamp(44px,7vw,92px);
  align-items: center;
  padding: 92px 0 88px;
}
.team-hero h1, .contact-hero h1 {
  max-width: 860px;
  margin: 14px 0 24px;
  color: var(--navy);
  font-size: clamp(3.25rem,6vw,6.4rem);
  line-height: .92;
  letter-spacing: -.06em;
}
.team-hero h1 em, .contact-hero h1 em { color: var(--teal); font-style: normal; }
.team-hero > div > p, .contact-hero > div > p {
  max-width: 710px;
  margin: 0;
  color: var(--muted);
  font-size: 1.12rem;
  line-height: 1.7;
}
.team-principles {
  overflow: hidden;
  color: #fff;
  background: var(--navy);
  border-radius: 26px;
  box-shadow: var(--shadow);
}
.team-principles > span {
  display: block;
  padding: 22px 28px;
  color: #9fe1db;
  border-bottom: 1px solid rgba(255,255,255,.12);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .13em;
}
.team-principles article {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  padding: 27px 28px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.team-principles article:last-child { border-bottom: 0; }
.team-principles article b { color: var(--coral-bright); font-size: .75rem; letter-spacing: .08em; }
.team-principles article p { margin: 0; color: #dce8ee; line-height: 1.6; }
.team-principles article strong { color: #fff; }

.team-section { padding: 96px 0 110px; }
.team-grid { display: grid; gap: 22px; }
.team-card {
  display: grid;
  grid-template-columns: minmax(220px,310px) 1fr;
  min-height: 350px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: 0 18px 55px rgba(11,31,51,.08);
}
.team-avatar, .contact-avatar {
  display: grid;
  place-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 72% 22%, rgba(255,107,74,.68), transparent 28%),
    linear-gradient(145deg, #0b1f33 8%, #0a6e69 100%);
  font-size: clamp(2.7rem,6vw,5.6rem);
  font-weight: 900;
  letter-spacing: -.06em;
}
.team-card:nth-child(2) .team-avatar, .contact-team article:nth-child(2) .contact-avatar {
  background:
    radial-gradient(circle at 25% 25%, rgba(25,170,164,.75), transparent 27%),
    linear-gradient(145deg, #152d48, #812f28);
}
.team-card:nth-child(3) .team-avatar, .contact-team article:nth-child(3) .contact-avatar {
  background:
    radial-gradient(circle at 70% 78%, rgba(255,107,74,.65), transparent 28%),
    linear-gradient(145deg, #0d534f, #142941);
}
.team-card-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px,5vw,62px); }
.team-card-copy > span, .contact-team article > span {
  color: var(--teal);
  font-size: .69rem;
  font-weight: 900;
  letter-spacing: .11em;
}
.team-card h3 { margin: 12px 0 12px; color: var(--navy); font-size: clamp(2rem,3vw,3.1rem); line-height: 1; }
.team-card p { max-width: 700px; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.team-card-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 27px; }
.phone-live {
  display: block;
  margin-top: 18px;
  color: #65798b;
  font-size: .73rem;
  line-height: 1.55;
}
.phone-live::before { content: "●"; margin-right: 7px; color: #0a8f8a; }
.phone-live a, .contact-phone { color: var(--teal); font-weight: 900; text-decoration: none; }
.phone-live a:hover, .contact-phone:hover { text-decoration: underline; }

.contact-hero {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(320px,.6fr);
  gap: clamp(42px,7vw,90px);
  align-items: center;
  padding: 92px 0 82px;
}
.contact-hero-panel {
  display: grid;
  gap: 0;
  overflow: hidden;
  padding: 28px;
  color: #dfecef;
  background: var(--navy);
  border-radius: 24px;
  box-shadow: var(--shadow);
}
.contact-hero-panel b { margin-bottom: 15px; color: #fff; font-size: 1.5rem; }
.contact-hero-panel span { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.12); font-size: .88rem; }
.contact-hero-panel span::before { content: "✓"; margin-right: 10px; color: #75d8d0; font-weight: 900; }
.contact-hero-panel .button { margin-top: 24px; }

.contact-team {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  padding: 30px 0 110px;
}
.contact-team article {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 24px 28px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
}
.contact-avatar { min-height: 210px; margin: 0 -24px 28px; }
.contact-team h2 { min-height: 2.1em; margin: 10px 0; color: var(--navy); font-size: 1.75rem; line-height: 1.05; }
.contact-team p { min-height: 5em; margin: 0 0 22px; color: var(--muted); font-size: .9rem; line-height: 1.55; }
.contact-team article > a:not(.button) { margin-top: 18px; color: var(--teal); font-size: .8rem; font-weight: 800; overflow-wrap: anywhere; }
.contact-team small { margin-top: 10px; color: #65798b; font-size: .7rem; }

.contact-options { padding: 95px 0; }
.contact-options > div:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.contact-options > div:last-child a {
  min-height: 188px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 26px;
  color: #fff;
  background: var(--navy);
  border-radius: 20px;
  transition: transform .18s ease, background .18s ease;
}
.contact-options > div:last-child a:hover { transform: translateY(-3px); background: #12324f; }
.contact-options a span { color: #75d8d0; font-size: .67rem; font-weight: 900; letter-spacing: .1em; }
.contact-options a b { max-width: 490px; margin-top: 25px; font-size: 1.25rem; line-height: 1.3; }
.contact-options a em { margin-top: 12px; color: var(--coral-bright); font-size: .78rem; font-style: normal; font-weight: 850; }

.contact-note {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  margin-bottom: 110px;
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: 20px;
}
.contact-note > div { min-width: 0; padding: 30px; background: #fff; }
.contact-note b { color: var(--navy); font-size: 1.05rem; }
.contact-note p { color: var(--muted); }
.contact-note a:not(.text-link) { color: var(--teal); font-weight: 800; overflow-wrap: anywhere; }

@media (max-width: 1080px) {
  .team-hero, .contact-hero { grid-template-columns: 1fr; }
  .team-principles { display: grid; grid-template-columns: repeat(3,1fr); }
  .team-principles > span { grid-column: 1 / -1; }
  .team-principles article { grid-template-columns: 34px 1fr; border-bottom: 0; border-right: 1px solid rgba(255,255,255,.1); }
  .team-principles article:last-child { border-right: 0; }
  .contact-team { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
  .team-card { grid-template-columns: 210px 1fr; }
  .contact-team { grid-template-columns: 1fr; }
  .contact-team h2, .contact-team p { min-height: 0; }
  .contact-avatar { min-height: 250px; }
}
@media (max-width: 620px) {
  .team-hero, .team-section, .contact-hero, .contact-team, .contact-options, .contact-note { width: min(100% - 28px, var(--max)); }
  .team-hero, .contact-hero { gap: 32px; padding: 66px 0 58px; }
  .team-hero h1, .contact-hero h1 { font-size: clamp(3rem,15vw,4.6rem); overflow-wrap: anywhere; }
  .team-hero > div > p, .contact-hero > div > p { font-size: 1rem; }
  .team-principles { grid-template-columns: 1fr; }
  .team-principles > span { grid-column: auto; }
  .team-principles article { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .team-section { padding: 70px 0 80px; }
  .team-card { grid-template-columns: 1fr; }
  .team-avatar { min-height: 270px; }
  .team-card-copy { padding: 28px 22px 32px; }
  .team-card h3 { font-size: 2rem; }
  .team-card-actions { align-items: stretch; flex-direction: column; }
  .team-card-actions .button, .team-card-actions .text-link { width: 100%; justify-content: center; }
  .contact-team { padding-bottom: 78px; }
  .contact-options { padding: 70px 0; }
  .contact-options > div:last-child, .contact-note { grid-template-columns: 1fr; }
  .contact-options > div:last-child a { min-height: 165px; }
  .contact-note { margin-bottom: 78px; }
}