/* Agrindis design review R1. Reuses the approved product journey and media. */
:root {
  --ink:#17271f; --forest:#183d30; --paper:#fff; --soft:#f5f4ed;
  --muted:#59665e; --line:#d8ddd5; --orange:#c67531; --media-radius:4px;
}
html {scroll-padding-top:92px}
body {font-family:var(--font-family);font-size:16px;line-height:1.65;background:#fff}
h1,h2,h3 {font-family:inherit;font-weight:600;letter-spacing:-.045em;line-height:1.14}
h2 {font-size:clamp(32px,3.4vw,46px)}
h3 {font-size:23px;letter-spacing:-.025em;line-height:1.3}
h1 em {font-family:inherit;font-style:normal;font-weight:600;letter-spacing:inherit;color:var(--forest)}
.wrap {max-width:1304px;padding-inline:32px}
.eyebrow,.step-number,.fit-index,.benefit>small,.service-list>div>span,.evaluation-flow li>small,
.monitor-head small,.monitor-foot,.contact-form-label,.section-number {
  font-family:var(--font-family);font-weight:400;font-size:11px;letter-spacing:.06em;
}
.eyebrow {display:flex;align-items:baseline;gap:14px;line-height:1.7;color:var(--forest)}
.section-number {color:#7b877d;font-size:11px;padding-right:12px;border-right:1px solid #bcc7ba}
.btn {border-radius:3px;min-height:48px;gap:24px;padding:14px 21px;font-size:14px}
.btn:hover {background:#285440;transform:none}
.btn,.text-link,.tabs button {transition:background .15s,color .15s,border-color .15s}
.text-link {font-size:14px}
:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible {outline:3px solid #a45c23;outline-offset:4px}
.header {height:76px;background:#fff;border-bottom:1px solid #e4e8e1}
.header .wrap {gap:24px}
.logo img {width:65px;height:auto}
.nav {gap:24px}
.nav a {font-size:12px;font-weight:500}
.nav a:hover {color:var(--forest);text-decoration:underline;text-underline-offset:7px}
.header-right {gap:20px}
.lang {gap:0;border:1px solid #d4dbd2;border-radius:3px;overflow:hidden;font-family:var(--font-family)}
.lang span {display:none}
.lang button {color:var(--ink);font-weight:500;min-width:36px;min-height:36px;font-size:11px;padding:7px 9px;border:0}
.lang button[aria-pressed=true] {background:var(--forest);color:white;border:0;font-weight:500}
.lang button:focus-visible {outline-offset:-4px;outline-color:#bd752c}
.menu {min-height:44px}
.hero {grid-template-columns:1.05fr 1fr;gap:72px;padding-block:70px 76px;align-items:center}
.hero .eyebrow {margin-bottom:23px}
.hero h1 {font-size:clamp(43px,4.5vw,60px);line-height:1.09;margin-bottom:26px;max-width:650px}
.hero .intro {font-size:17px;line-height:1.75;max-width:520px}
.hero-actions {margin-top:30px;gap:16px}
.hero-actions .text-link {padding:12px 16px;border:1px solid #bdc7bc;border-radius:3px;min-height:48px;font-weight:500}
.hero-actions .text-link:hover {text-decoration:none;background:#f5f7f2}
.hero-visual {height:auto;min-height:0;padding:0 0 46px 34px;border-radius:0;background:none;overflow:visible;align-self:center}
.hero-visual>img {display:block;aspect-ratio:1.12;width:100%;height:auto;object-fit:cover;object-position:center;border-radius:4px}
.monitor-card {left:0;right:auto;bottom:0;width:80%;max-width:350px;padding:20px 22px;background:#fff;border:1px solid #d5ddd1;border-radius:4px;box-shadow:0 16px 35px #10291b1c;backdrop-filter:none}
.monitor-head strong {font-size:19px}
.monitor-head small {font-size:9px;max-width:120px;letter-spacing:.04em}
.mini-dots {margin-top:17px;row-gap:11px}
.mini-dots i {width:6px;height:6px;background:#8aa37d}
.mini-dots i.warn {background:var(--orange);box-shadow:0 0 0 3px #f8ecdd}
.monitor-status {padding-top:13px;margin-top:16px;font-size:11px;gap:9px}
.signal-icon {width:24px;height:24px;border-radius:3px;background:#f3e5d0;color:#86521f;font-size:16px;flex-shrink:0}
.monitor-foot {font-size:9px;margin-top:12px;line-height:1.5;letter-spacing:0;color:#63705f}
.proof-band {padding-block:30px;background:var(--soft);border-color:var(--line)}
.proof-band>.wrap {display:grid;grid-template-columns:1fr 2.5fr;gap:50px;align-items:start}
.proof-title {display:block;margin:0}
.proof-title .eyebrow {display:block;font-size:10px}
.proof-title p {font-size:13px;margin-top:9px;color:var(--muted);line-height:1.6}
.proof-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.proof-grid>div {border-color:#c9d1c4;padding-left:20px}
.proof-grid strong {font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.35}
.proof-grid span {font-size:12px;margin-top:8px;line-height:1.6;color:var(--muted)}
.section {padding-block:88px}
.section-title {grid-template-columns:1.1fr 1fr;gap:72px;align-items:end}
.section-title .eyebrow {margin-bottom:18px}
.section-title p {font-size:16px;max-width:500px;line-height:1.75}
.film {display:grid;grid-template-columns:.85fr 1.25fr;gap:20px 64px;align-items:start;padding-bottom:68px;border-bottom:1px solid var(--line)}
.film .section-title {display:block;grid-column:1;grid-row:1}
.film .section-title p {margin-top:22px;font-size:16px}
.film h2 {font-size:36px}
.film-player {grid-column:2;grid-row:1;margin-top:0;box-shadow:0 10px 25px #183d300a;border:1px solid var(--line)}
.video-context {grid-column:2;grid-row:2;font-size:12px;line-height:1.7;margin:0;color:var(--muted)}
.film-actions {grid-column:1;grid-row:2;margin:0}
.video-error {grid-column:1/-1}
.film-contact {font-size:14px;min-height:44px}
.problem-layout {grid-template-columns:1fr 1.1fr;gap:68px;align-items:center;margin-top:45px}
.trunk-photo {height:auto;aspect-ratio:1.16;object-fit:cover;object-position:70% center}
.problem-layout .benefits {gap:0}
.problem-layout .benefit {padding:24px 0;border-color:var(--line);grid-template-columns:30px 1fr;gap:22px}
.problem-layout .benefit h3 {font-size:24px;margin:0 0 10px}
.problem-layout .benefit p {font-size:15px;line-height:1.65}
.benefit>small {color:#64715f;padding-top:4px}
.how {background:#f0f3eb;border-block:1px solid #dbe2d5}
.mechanism {margin-top:44px}
.mechanism-flow {gap:38px}
.mechanism-art {background:#fbfcf8;border:1px solid #dbe2d4;border-radius:4px;height:auto;aspect-ratio:1.4;margin-bottom:22px}
.mechanism-flow h3 {font-size:21px;margin-bottom:13px;min-height:55px}
.mechanism-flow p {font-size:14px;line-height:1.75}
.mechanism-motion .connector {right:-36px;top:68px;width:35px}
.mechanism-motion .flow-step {font-family:var(--font-family);font-size:11px}
.mechanism figcaption {font-family:var(--font-family);font-size:11px;color:#607056;margin-top:28px}
.field-decision {margin-top:52px;padding-top:48px;border-top:1px solid #cbd5c2;gap:64px;grid-template-columns:1fr 1.05fr}
.field-decision img {height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
.field-decision .eyebrow {font-size:10px}
.field-decision h2 {font-size:36px}
.field-decision p {font-size:15px;line-height:1.8}
.fit {padding-bottom:76px}
.fit-grid {margin-top:40px;border-block:1px solid var(--line);border-inline:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.fit-grid article {padding:29px 28px;min-width:0}
.fit-grid article:nth-child(3n+1) {padding-left:0;border-left:0}
.fit-grid article:nth-child(3n) {padding-right:0}
.fit-index {font-size:10px;color:#65725e;margin-bottom:18px;letter-spacing:.035em}
.fit-grid h3 {font-size:22px;max-width:300px;margin-bottom:12px}
.fit-grid p {font-size:14px;line-height:1.75}
.demo {background:#102f23;color:#fff}
.demo .eyebrow {color:#c8d8bd}
.demo .section-number {color:#a7bea1;border-color:#50694c}
.demo .section-title p,.demo-caption {color:#c4d1c0}
.demo-tools {margin-block:32px 22px;align-items:center}
.tabs {border:1px solid #53704f;border-radius:3px;padding:4px;background:transparent;gap:4px}
.tabs button {border-radius:2px;color:#c7d5c1;font-size:12px;min-height:44px}
.tabs button[aria-selected=true] {background:#f5f6f0;color:var(--ink);font-weight:600}
.demo-caption {font-size:13px;line-height:1.6;max-width:340px}
.dashboard {border:1px solid #d9e0d5;background:#fff}
.gallery-open {padding:24px 24px 66px}
.gallery-open img {max-height:460px;height:auto}
.gallery-open>span {border-radius:3px;right:24px;font-size:11px;background:var(--forest);color:white}
.app-gallery figcaption {background:#f5f5ee;font-size:12px;color:#596956}
.gallery-dialog,.gallery-dialog-top {border-color:var(--line)}
.gallery-dialog {border-radius:4px}
.local {background:#fff}
.local-grid {gap:90px;align-items:start}
.local .eyebrow {margin-bottom:22px}
.local .lead {font-size:16px;line-height:1.75;max-width:480px}
.local-foot {font-size:13px;line-height:1.8;color:#65715e}
.service-list>div {padding-block:26px;border-color:var(--line);gap:18px}
.service-list h3 {font-size:22px}
.service-list p {font-size:15px;line-height:1.75}
.pilot {padding-top:0}
.pilot>.section-title {padding-top:72px;border-top:1px solid var(--line)}
.evaluation-diagram {border:0;border-radius:4px;background:#f4f4ec;margin-top:38px}
.evaluation-flow {padding:34px;gap:48px}
.evaluation-flow li>small {display:inline-grid;place-items:center;width:34px;height:34px;background:var(--forest);color:#fff;border-radius:3px;font-size:12px;margin-bottom:22px}
.evaluation-flow h3 {font-size:23px;margin-bottom:14px}
.evaluation-flow p {font-size:14px;line-height:1.75}
.evaluation-flow li>span {font-size:23px;right:-32px;top:3px;color:#698259}
.pilot-scope,.pilot-roles {font-size:14px;line-height:1.75;max-width:none}
.pilot-roles {border-bottom:1px solid var(--line);padding-bottom:28px}
.evaluation-criteria {margin-top:28px}
.evaluation-criteria>h3 {font-size:21px;margin-bottom:20px}
.evaluation-criteria article strong {font-size:15px;font-weight:600}
.evaluation-criteria article p {font-size:14px;line-height:1.75}
.faq {padding-top:0}
.faq-grid {padding-top:64px;gap:80px}
.faq summary {font-size:15px;font-weight:600;padding-block:24px;line-height:1.6}
.faq details p {font-size:15px;line-height:1.8;padding-bottom:26px}
.faq summary:after {top:21px;color:#6d8062}
.contact-section {background:#f1f3ea;border-color:var(--line)}
.contact-grid {gap:80px}
.contact-copy h2 {font-size:42px;margin-block:20px 22px}
.contact-lead {font-size:16px;line-height:1.8}
.demo-agenda {margin-block:24px 32px}
.demo-agenda li {font-size:14px;line-height:1.7}
.company-contact {border-color:#ccd5c5}
.company-contact h3 {font-size:22px}
.company-contact dd {font-size:14px}
.contact-form-card {padding:32px;border-radius:4px;border-color:#d2dbca;background:#fff}
.contact-form-label {margin-bottom:19px;font-size:11px}
.native-demo-form {--form-bg:#fff;font-family:inherit}
.native-demo-form input,.native-demo-form textarea {border-radius:3px;background:white}
.native-demo-form .submit,.native-demo-form .secondary {border-radius:3px;font-family:inherit}
.native-demo-form .static-notice {border-left:3px solid var(--orange);padding:12px 14px;background:#faf1e4;color:#684722;font-size:13px;line-height:1.65;margin-bottom:22px}
.footer {max-width:none;background:#102f23;color:#f0f5e9;padding-inline:max(32px,calc((100vw - 1240px)/2));padding-block:40px 25px}
.footer p {color:#c3d2bc;font-size:13px;line-height:1.7}
.footer img {width:72px;height:auto}
.footer .text-link {font-size:12px}
.footer-legal {border-color:#36513a;color:#b7cbb0;font-size:10px;margin-top:32px;gap:20px}
@media(max-width:1100px) {
 .hero {gap:38px;padding-block:56px 60px}.hero h1 {font-size:48px}.hero .intro {font-size:16px}
 .nav {gap:15px}.header-right {gap:12px}.nav a {font-size:11px}.header-right>.btn {font-size:12px;gap:14px}
 .film {gap:20px 40px}.film h2 {font-size:32px}.problem-layout,.field-decision {gap:40px}
 .section-title {gap:44px}.mechanism-motion .connector {right:-33px;top:54px;width:32px}
 .proof-band>.wrap {gap:28px}.proof-grid {gap:18px}.proof-grid strong {font-size:18px}
 .local-grid,.contact-grid {gap:50px}.fit-grid article {padding-inline:22px}
}
@media(max-width:960px) {
 .nav {position:absolute;top:76px;left:0;right:0;background:#fff;padding:18px 32px;display:none;border-bottom:1px solid var(--line)}
 .nav.open {display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 .nav a {font-size:14px;width:100%;padding:7px 0;min-height:44px}
 .header-right>.btn {display:none}.menu {display:block;font-size:12px}.header-right {gap:16px}
 .hero {gap:32px}.hero h1 {font-size:42px}.hero-actions {align-items:flex-start;flex-direction:column;gap:12px}
 .monitor-card {width:88%;padding:17px}.monitor-head strong {font-size:17px}.monitor-status {font-size:10px}
 .hero-visual {padding-left:22px}.hero-visual>img {aspect-ratio:.85}
 .proof-band>.wrap {grid-template-columns:1fr}.proof-title {display:flex;gap:32px;align-items:start}
 .proof-title p {margin:0;max-width:470px}.proof-grid strong {font-size:20px}
 .section {padding-block:68px}.section-title {gap:36px}.section-title p {font-size:15px}
 .film {padding-bottom:56px;grid-template-columns:.85fr 1.15fr;gap:20px 32px}.film h2 {font-size:30px}
 .film .section-title p {font-size:14px}.video-context {font-size:11px}.film-player {align-self:center}
 .mechanism-flow {grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 46px}
 .mechanism-art {aspect-ratio:1.6}.mechanism-flow h3 {min-height:0;font-size:23px}
 .mechanism-motion .connector {top:80px;right:-42px;width:38px}.mechanism-motion li:nth-child(2) .connector {display:none}
 .field-decision h2 {font-size:32px}.field-decision p {font-size:15px}.field-decision {gap:32px}
 .fit-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .fit-grid article:nth-child(n) {padding:26px;border-left:1px solid var(--line);border-top:0}
 .fit-grid article:nth-child(2n+1) {padding-left:0;border-left:0}.fit-grid article:nth-child(2n) {padding-right:0}
 .fit-grid article:nth-child(n+3) {border-top:1px solid var(--line)}
 .demo-tools {display:block}.demo-caption {max-width:none;margin-top:16px}
 .local-grid {gap:38px}.local .lead {font-size:15px}.service-list p {font-size:14px}
 .evaluation-flow {padding:28px;gap:32px}.evaluation-flow h3 {font-size:21px}.evaluation-flow li>span {right:-25px}
 .faq {padding-top:0}.faq-grid {gap:36px}.contact-grid {grid-template-columns:1fr;gap:36px}
 .contact-copy {max-width:680px}.contact-form-card {max-width:680px;width:100%}
 .pilot {padding-top:0}
}
@media(max-width:600px) {
 .wrap {padding-inline:22px}.header {height:72px}.logo img {width:58px}.header .wrap {gap:14px}
 .header-right {gap:10px}.nav {top:72px;padding-inline:22px}.lang button {min-height:36px;min-width:34px}
 .hero {display:block;padding-block:38px 46px}.hero .eyebrow {font-size:10px;letter-spacing:.035em;margin-bottom:19px}
 .hero h1 {font-size:42px;line-height:1.12;letter-spacing:-.045em;margin-bottom:22px}
 .hero .intro {font-size:16px;line-height:1.75}.hero-actions {flex-direction:row;gap:12px;margin-top:24px;align-items:center}
 .hero-actions .btn,.hero-actions .text-link {font-size:12px;gap:12px;padding:13px 14px;min-height:48px}
 .hero-visual {margin-top:34px;padding:0 0 38px 18px;height:auto}
 .hero-visual>img {aspect-ratio:1.18;border-radius:3px}.monitor-card {width:82%;max-width:320px;padding:16px 18px;border-radius:3px}
 .monitor-head small {font-size:8px}.monitor-head strong {font-size:17px}.monitor-status {font-size:10px}
 .monitor-foot {font-size:9px}.mini-dots {row-gap:9px;gap:7px;margin-top:14px}.monitor-status {margin-top:13px;padding-top:11px}
 .proof-band {padding-block:26px}.proof-band>.wrap {gap:23px}.proof-title {display:block}.proof-title p {margin-top:9px;font-size:13px}
 .proof-grid {grid-template-columns:1fr;gap:20px}.proof-grid>div {padding-left:15px}.proof-grid strong {font-size:19px}.proof-grid span {font-size:13px;margin-top:5px}
 .section {padding-block:54px}h2 {font-size:33px}.section-title {display:block}.section-title .eyebrow {font-size:10px;margin-bottom:17px}
 .section-title p {margin-top:22px;font-size:15px;line-height:1.8}.section-number {font-size:10px}
 .film {display:flex;flex-direction:column;gap:20px;padding-bottom:42px}.film h2 {font-size:33px}.film .section-title p {font-size:15px;margin-top:20px}
 .film-player {width:100%;margin:5px 0 0;border-radius:3px}.video-context {font-size:12px;margin:0;line-height:1.75}.film-actions {order:4;margin:0}
 .problem-layout {display:block;margin-top:30px}.trunk-photo {width:100%;aspect-ratio:1.35;border-radius:3px}.problem-layout .benefits {margin-top:24px}
 .problem-layout .benefit {padding:21px 0;gap:16px;grid-template-columns:25px 1fr}.problem-layout .benefit h3 {font-size:22px}.problem-layout .benefit p {font-size:15px}
 .mechanism {margin-top:30px}.mechanism-flow {grid-template-columns:1fr;gap:30px}
 .mechanism-flow li {grid-template-columns:108px minmax(0,1fr);gap:0 18px;padding-bottom:26px;border-color:#cfd8c6}
 .mechanism-art {height:125px;aspect-ratio:auto;margin:0;border:1px solid #d8e2d0;border-radius:3px;align-self:start}
 .mechanism-flow h3 {font-size:20px;line-height:1.3;margin-bottom:10px;min-height:0}.mechanism-flow p {font-size:14px;line-height:1.75}
 .mechanism-motion .flow-step {font-size:10px;margin-bottom:6px}.mechanism-motion li .connector,.mechanism-motion li:nth-child(2) .connector {display:block;top:auto;bottom:-28px;left:35px;right:auto;transform:rotate(90deg);background:#f0f3eb;width:38px;height:26px}
 .mechanism figcaption {font-size:10px;line-height:1.8;margin-top:28px}
 .field-decision {display:block;margin-top:36px;padding-top:34px}.field-decision img {width:100%;border-radius:3px}
 .field-decision>div {margin-top:27px}.field-decision h2 {font-size:30px}.field-decision p {font-size:15px}.field-decision .eyebrow {font-size:9px}
 .fit-grid {grid-template-columns:1fr;margin-top:30px}.fit-grid article:nth-child(n) {padding:23px 0;border-left:0;border-top:1px solid var(--line)}
 .fit-grid article:first-child {border-top:0}.fit-index {font-size:10px;margin-bottom:12px}.fit-grid h3 {font-size:23px;max-width:none}.fit-grid p {font-size:15px}
 .demo-tools {margin-top:28px}.tabs {display:flex;width:100%;gap:2px;padding:3px}.tabs button {padding:10px 7px;flex:1;font-size:11px;line-height:1.5;min-height:50px;white-space:normal}
 .gallery-open {padding:16px 12px 66px}.gallery-open img {max-height:none}.gallery-open>span {right:12px;font-size:10px;border-radius:3px}.app-gallery figcaption {font-size:11px;line-height:1.7;padding:13px}
 .dashboard {min-height:0;border-radius:3px}.demo-caption {font-size:13px}.gallery-dialog {border-radius:4px}
 .local-grid {display:block}.local .lead {font-size:16px}.local .eyebrow {font-size:10px}.local-foot {font-size:13px}.service-list {margin-top:32px}
 .service-list h3 {font-size:22px}.service-list p {font-size:15px}.service-list>div {padding-block:23px}
 .pilot {padding-top:0}.pilot>.section-title {padding-top:46px}.evaluation-diagram {margin-top:30px;border-radius:3px}
 .evaluation-flow {padding:24px;gap:24px}.evaluation-flow li {padding-left:0;padding-bottom:24px}.evaluation-flow li>small {position:static;width:32px;height:32px;margin-bottom:17px}
 .evaluation-flow h3 {font-size:23px}.evaluation-flow p {font-size:15px}.pilot-scope,.pilot-roles {font-size:14px;line-height:1.8}
 .evaluation-criteria>h3 {font-size:21px}.evaluation-criteria article p {font-size:14px}.evaluation-criteria>div {gap:22px}
 .faq {padding-top:0}.faq-grid {display:block;padding-top:46px}.faq-grid>div+div {margin-top:24px}.faq summary {font-size:15px;line-height:1.65;padding-block:21px}.faq details p {font-size:15px;padding-right:15px}
 .contact-grid {gap:30px}.contact-copy h2 {font-size:34px}.contact-form-card {padding:24px 18px;border-radius:3px}
 .contact-lead {font-size:16px}.company-contact dl>div {grid-template-columns:72px minmax(0,1fr);gap:12px}.company-contact dt {font-size:12px}.company-contact dd {font-size:14px}
 .footer {padding:30px 22px 22px}.footer-main {display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px}.footer-main>p {font-size:12px;margin:0}
 .footer-main .text-link {grid-column:2;justify-self:start}.footer img {width:64px}.footer-legal {flex-direction:column;gap:10px;font-size:10px;line-height:1.8}
}
@media(max-width:360px) {
 .wrap {padding-inline:18px}.hero h1 {font-size:37px}.hero-actions {gap:10px}.hero-actions .btn,.hero-actions .text-link {font-size:11px;padding-inline:11px}
 .monitor-card {width:90%;padding:14px}.monitor-status {font-size:9px}.mechanism-flow li {grid-template-columns:86px minmax(0,1fr);column-gap:15px}.mechanism-art {height:105px}.mechanism-flow h3 {font-size:19px}.mechanism-motion li .connector {left:26px}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {animation:none!important;transition:none!important}}

/* R2: a warmer, more compact typographic rhythm and purposeful signal graphics. */
body {font-family:var(--font-family);font-size:18px;line-height:1.55}
h1,h2,h3 {font-family:var(--font-family);font-weight:600;letter-spacing:-.018em;line-height:1.08}
h1 em {font-family:inherit;font-weight:600;letter-spacing:inherit}
h2 {font-size:clamp(34px,3.25vw,46px)}
.eyebrow,.step-number,.fit-index,.benefit>small,.service-list>div>span,.evaluation-flow li>small,.monitor-head small,.monitor-foot,.contact-form-label,.section-number,.lang,.mechanism figcaption {
 font-family:var(--font-family);
}
.eyebrow {font-size:12px;font-weight:600;letter-spacing:.1em;gap:12px}
.section-number {font-size:12px;font-weight:400;letter-spacing:.02em}
.header {height:72px}.logo img {width:61px}.nav a {font-size:14px}.lang button {font-size:12px}
.btn {font-size:16px;font-weight:600;padding:11px 22px;gap:22px}
.text-link {font-size:16px}
.hero {gap:58px;padding-block:42px 48px;grid-template-columns:1.08fr 1fr}
.hero .eyebrow {margin-bottom:18px}
.hero h1 {font-size:clamp(46px,4.7vw,66px);line-height:1.04;letter-spacing:-.025em;margin-bottom:22px}
.hero .intro {font-size:18px;line-height:1.6;max-width:510px}
.hero-actions {margin-top:24px;gap:14px}
.hero-actions .text-link {font-size:16px;padding:11px 17px}
.hero-visual {max-width:510px;justify-self:end;padding-bottom:38px;padding-left:26px}
.hero-visual>img {aspect-ratio:1.28}
.monitor-card {max-width:320px;padding:16px 20px;width:81%}
.monitor-head strong {font-family:var(--font-family);font-size:24px;line-height:1.15}
.monitor-head small {font-size:10px;line-height:1.4}
.monitor-status {margin-top:12px;padding-top:10px;font-size:12px}
.monitor-foot {font-size:11px;margin-top:8px;letter-spacing:.015em}
.mini-dots {row-gap:9px;margin-top:13px}
.proof-band {padding-block:20px}
.proof-band>.wrap {gap:38px;grid-template-columns:1fr 2.4fr}
.proof-title p {font-size:14px;line-height:1.45;margin-top:7px}
.proof-title .eyebrow {font-size:11px;line-height:1.4}
.proof-grid strong {font-family:var(--font-family);font-size:24px;line-height:1.1}
.proof-grid span {font-size:14px;line-height:1.45;margin-top:6px}
.section {padding-block:56px}
.section-title {gap:64px}
.section-title .eyebrow {margin-bottom:14px}
.section-title p {font-size:17px;line-height:1.55;max-width:510px}
.film {gap:12px 58px;padding-bottom:44px;grid-template-columns:.86fr 1.24fr}
.film h2 {font-size:40px}
.film .section-title p {font-size:17px;line-height:1.55;margin-top:18px}
.video-context {font-size:13px;line-height:1.5}
.film-actions {align-self:start}
.film-contact {font-size:16px}
.problem-layout {margin-top:28px;gap:56px}
.sensor-visual {position:relative;margin:0;padding:0 24px 24px 0}
.sensor-visual .trunk-photo {display:block;width:100%;aspect-ratio:1.42;object-position:70% center}
.sensor-signal {position:absolute;right:0;bottom:0;width:65%;max-width:320px;background:#fff;padding:13px 18px 10px;border:1px solid #d5decf;border-radius:4px;box-shadow:0 9px 25px #173b2914}
.sensor-signal>span {font-size:14px;font-weight:600;color:var(--forest)}
.sensor-signal svg {width:100%;height:auto;display:block;max-height:60px;margin-top:5px}
.sensor-signal small {font-size:11px;color:#62735a}
.problem-layout .benefit {padding:18px 0;gap:18px}
.problem-layout .benefit h3 {font-size:27px;margin-bottom:7px}
.problem-layout .benefit p {font-size:16px;line-height:1.5}
.benefit>small {font-size:12px}
.mechanism {margin-top:28px}
.mechanism-art {margin-bottom:16px;aspect-ratio:1.52}
.mechanism-flow {gap:34px}
.mechanism-flow h3 {font-size:24px;min-height:48px;margin-bottom:9px}
.mechanism-flow p {font-size:16px;line-height:1.55}
.mechanism figcaption {font-size:12px;margin-top:18px;letter-spacing:.025em}
.mechanism-motion .connector {right:-33px;top:68px;width:31px}
.mechanism-motion .flow-step {font-family:inherit;font-size:12px}
.field-decision {margin-top:30px;padding-top:30px;gap:48px}
.field-decision h2 {font-size:38px}.field-decision .eyebrow {margin-bottom:12px;font-size:11px}
.field-decision p {font-size:17px;line-height:1.6}
.field-decision img {max-height:295px;object-fit:cover}
.fit {padding-bottom:44px}
.fit-grid {margin-top:27px}
.fit-grid article {padding-block:21px}
.fit-index {font-size:12px;margin-bottom:10px;letter-spacing:.015em}
.fit-grid h3 {font-size:26px;margin-bottom:8px;max-width:none}
.fit-grid p {font-size:16px;line-height:1.55}
.demo-tools {margin-block:24px 18px}
.tabs button {font-size:15px;min-height:44px}
.demo-caption {font-size:15px;line-height:1.5}
.gallery-open img {max-height:420px}
.app-gallery figcaption {font-size:14px;padding-block:11px}
.gallery-open>span {font-size:13px}
.local-grid {gap:70px}
.local .eyebrow {margin-bottom:16px}
.local h2 {margin-bottom:18px}
.local .lead {font-size:17px;line-height:1.6}
.local-foot {font-size:14px;line-height:1.5;margin-top:17px}
.service-list>div {padding-block:18px}
.service-list h3 {font-size:27px;margin-bottom:7px}
.service-list p {font-size:16px;line-height:1.55}
.service-list>div>span {font-size:12px}
.pilot {padding-top:0}
.pilot>.section-title {padding-top:42px}
.evaluation-diagram {margin-top:26px}
.evaluation-flow {padding:26px;gap:44px}
.evaluation-flow li>small {margin-bottom:15px}
.evaluation-flow h3 {font-size:27px;margin-bottom:9px}
.evaluation-flow p {font-size:16px;line-height:1.55}
.pilot-scope,.pilot-roles {font-size:15px;line-height:1.55;margin-top:16px}
.pilot-roles {padding-bottom:20px;margin-top:10px}
.evaluation-criteria {margin-top:21px}
.evaluation-criteria>h3 {font-size:26px;margin-bottom:16px}
.evaluation-criteria article strong {font-size:17px}
.evaluation-criteria article p {font-size:16px;line-height:1.5;margin-top:6px}
.faq {padding-top:0}
.faq-grid {padding-top:42px;gap:60px}
.faq summary {font-size:17px;line-height:1.45;padding-block:18px}
.faq summary:after {top:13px}
.faq details p {font-size:16px;line-height:1.6;padding-bottom:19px}
.contact-grid {grid-template-columns:1.02fr 1fr;gap:72px}
.contact-copy {align-self:center;max-width:none}
.contact-copy h2 {font-size:48px;margin-block:14px 16px}
.contact-lead {font-size:18px;line-height:1.5;max-width:460px}
.demo-agenda {margin-block:21px 24px}
.demo-agenda li {font-size:16px;line-height:1.5;margin:9px 0}
.demo-workflow {margin:26px 0 0;max-width:535px}
.demo-workflow svg {display:block;width:100%;height:auto}
.demo-workflow figcaption {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;text-align:center;font-size:14px;line-height:1.4;color:#3c583c}
.contact-form-card {padding:25px}
.contact-form-label {font-size:12px;margin-bottom:15px}
.native-demo-form .intro {font-size:16px;line-height:1.5}
.native-demo-form .required-note {margin-bottom:16px}
.native-demo-form .field {margin-bottom:14px}
.native-demo-form .static-notice {margin-block:0 16px;padding:8px 12px;font-size:13px;background:#f6f3e9;border-left-width:2px}
.native-demo-form .privacy {margin-block:14px;font-size:13px}
.native-demo-form input {min-height:46px;padding:10px 12px}
.native-demo-form textarea {min-height:90px;padding:10px 12px}
.native-demo-form label {font-size:15px}
.native-demo-form .submit {min-height:48px;padding-block:11px;font-size:16px}
.footer {padding:34px 0 20px}
.footer-grid {display:grid;grid-template-columns:.85fr 1.25fr 1.1fr .55fr;gap:38px;align-items:start}
.footer-brand img {width:84px;height:auto;display:block;margin-bottom:15px}
.footer-brand p {font-size:15px;line-height:1.5;max-width:240px}
.footer h3 {font-family:var(--font-family);font-size:13px;line-height:1.4;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px;color:#d3e0c9}
.footer-company {font-size:15px!important;font-weight:600;color:#fff!important;margin-bottom:9px}
.footer address {font-size:15px;font-style:normal;line-height:1.6;color:#c3d2bc;max-width:285px}
.footer-website {margin-top:13px;font-size:14px!important}
.footer-contact a,.footer-nav a {display:block;text-decoration:none;color:#fff;font-size:15px;line-height:1.6;padding-block:5px;width:fit-content;max-width:100%;overflow-wrap:anywhere}
.footer-contact a:first-of-type {font-size:18px;margin-bottom:4px}
.footer-contact a span {color:#bbcfb1;font-size:13px;margin-right:6px}
.footer-contact a:hover,.footer-nav a:hover {text-decoration:underline;text-underline-offset:4px}
.footer a:focus-visible {outline-color:#e0ba6a}
.footer-legal {font-size:12px;line-height:1.5;margin-top:27px;padding-top:15px;gap:20px}

/* Extra motion runs once in view, within five seconds, and pauses off screen. */
[data-accent-motion] .signal-trace,[data-accent-motion] .r2-route,[data-accent-motion] .r2-check,[data-accent-motion] .r2-signal,[data-accent-motion] .warn {animation-play-state:paused!important}
[data-accent-motion].is-on-screen .signal-trace,[data-accent-motion].is-on-screen .r2-route,[data-accent-motion].is-on-screen .r2-check,[data-accent-motion].is-on-screen .r2-signal,[data-accent-motion].is-on-screen .warn {animation-play-state:running!important}
.page-is-hidden [data-accent-motion].is-on-screen * {animation-play-state:paused!important}
.has-entered .signal-trace {stroke-dasharray:1;animation:r2-trace 3.8s ease-out both}
.has-entered .r2-route {stroke-dasharray:1;animation:r2-trace 1.6s .2s ease-out both}
.has-entered .r2-check {stroke-dasharray:1;animation:r2-trace 1.1s 1.5s ease-out both}
.has-entered .r2-signal {transform-box:fill-box;transform-origin:center;animation:r2-attention 1.7s 2 ease-in-out}
.has-entered .mini-dots .warn {animation:r2-attention 1.8s 2 ease-in-out}
@keyframes r2-trace {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes r2-attention {0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}
@media(max-width:1100px) {
 .hero {gap:32px}.hero h1 {font-size:56px}.hero-visual>img {aspect-ratio:1.1}
 .hero-actions .btn,.hero-actions .text-link {font-size:15px}
 .nav a {font-size:13px}.header-right>.btn {font-size:15px}
 .section-title {gap:42px}.problem-layout {gap:38px}.local-grid,.contact-grid {gap:42px}
 .footer-grid {gap:24px;grid-template-columns:.85fr 1.2fr 1.1fr .55fr}.footer-contact a {font-size:14px}
}
@media(max-width:960px) {
 .nav {top:72px}.nav a {font-size:16px}.header-right {gap:14px}.menu {font-size:14px}
 .hero {padding-block:34px 40px}.hero h1 {font-size:48px}.hero .intro {font-size:17px}
 .hero-visual {padding-left:15px}.hero-visual>img {aspect-ratio:.98}
 .monitor-card {width:92%;padding:13px 15px}.monitor-status {font-size:11px}.monitor-foot {font-size:10px}
 .proof-band>.wrap {grid-template-columns:1fr;gap:18px}.proof-title p {margin-top:0}
 .section {padding-block:44px}.section-title p {font-size:16px}
 .film {padding-bottom:36px;gap:12px 32px}.film h2 {font-size:34px}.film .section-title p {font-size:16px}
 .mechanism-flow {gap:28px 38px}.mechanism-flow h3 {min-height:0;font-size:26px}.mechanism-motion .connector {top:80px;right:-35px}
 .field-decision h2 {font-size:34px}.field-decision {gap:30px}.field-decision p {font-size:16px}
 .fit-grid article:nth-child(n) {padding-block:20px}.fit-grid h3 {font-size:25px}
 .local .lead {font-size:17px}.service-list p {font-size:16px}
 .evaluation-flow {gap:30px;padding:24px}.evaluation-flow h3 {font-size:25px}
 .pilot,.faq {padding-top:0}.pilot>.section-title,.faq-grid {padding-top:34px}
 .contact-grid {grid-template-columns:1fr 1fr;gap:30px}.contact-copy h2 {font-size:40px}.contact-lead {font-size:17px}
 .contact-form-card {padding:22px 18px}.demo-workflow {margin-top:22px}.demo-workflow figcaption {font-size:12px}
 .footer-grid {grid-template-columns:1fr 1fr;gap:28px 40px}.footer-brand p {max-width:260px}
}
@media(max-width:600px) {
 .hero {padding-block:30px 34px}.hero .eyebrow {font-size:11px;margin-bottom:15px}
 .hero h1 {font-size:48px;line-height:1.03;letter-spacing:-.02em;margin-bottom:18px}
 .hero .intro {font-size:18px;line-height:1.5}.hero-actions {margin-top:20px;gap:10px}
 .hero-actions .btn,.hero-actions .text-link {font-size:16px;padding:11px 16px;min-height:46px}
 .hero-visual {margin-top:24px;padding-left:15px;padding-bottom:30px;max-width:none}
 .hero-visual>img {aspect-ratio:1.38}.monitor-card {width:81%;padding:13px 16px;max-width:300px}
 .monitor-head strong {font-size:23px}.monitor-head small {font-size:9px}.monitor-status {font-size:11px}.monitor-foot {font-size:10px}
 .mini-dots {gap:7px;margin-top:10px}
 .proof-band {padding-block:19px}.proof-band>.wrap {gap:18px}.proof-title p {font-size:15px;margin-top:6px}
 .proof-grid {gap:16px}.proof-grid strong {font-size:25px}.proof-grid span {font-size:15px;line-height:1.4}
 .section {padding-block:36px}h2 {font-size:36px}.section-title .eyebrow {font-size:11px;margin-bottom:13px}
 .section-title p {font-size:17px;line-height:1.5;margin-top:16px}.section-number {font-size:11px}
 .film {gap:14px;padding-bottom:30px}.film h2 {font-size:36px}.film .section-title p {font-size:17px;margin-top:14px}
 .film-player {margin-top:4px}.video-context {font-size:13px;line-height:1.5}.film-contact {font-size:16px}
 .problem-layout {margin-top:23px}.sensor-visual {padding-right:15px;padding-bottom:25px}.sensor-visual .trunk-photo {aspect-ratio:1.36}
 .sensor-signal {padding:10px 13px 8px;width:72%}.sensor-signal>span {font-size:13px}.sensor-signal svg {max-height:46px;margin-top:2px}.sensor-signal small {font-size:10px}
 .problem-layout .benefits {margin-top:20px}.problem-layout .benefit {padding:16px 0;gap:14px}.problem-layout .benefit h3 {font-size:27px}.problem-layout .benefit p {font-size:17px}
 .mechanism {margin-top:24px}.mechanism-flow {gap:24px}.mechanism-flow li {padding-bottom:22px;grid-template-columns:104px minmax(0,1fr);column-gap:17px}
 .mechanism-art {height:124px;margin:0}.mechanism-flow h3 {font-size:25px;line-height:1.12;margin-bottom:8px}.mechanism-flow p {font-size:16px;line-height:1.5}
 .mechanism-motion li .connector,.mechanism-motion li:nth-child(2) .connector {width:32px;height:24px;left:34px;bottom:-25px;top:auto;right:auto}
 .mechanism figcaption {font-size:12px;margin-top:19px}
 .field-decision {margin-top:26px;padding-top:25px}.field-decision>div {margin-top:21px}.field-decision h2 {font-size:34px}.field-decision p {font-size:17px;line-height:1.5}
 .fit-grid {margin-top:23px}.fit-grid article:nth-child(n) {padding-block:18px}.fit-index {font-size:12px;margin-bottom:6px}.fit-grid h3 {font-size:27px;margin-bottom:7px}.fit-grid p {font-size:17px;line-height:1.5}
 .demo-tools {margin-top:23px}.tabs button {font-size:13px;line-height:1.3;padding:9px 7px;min-height:46px}.demo-caption {font-size:15px;line-height:1.5;margin-top:12px}
 .gallery-open img {max-height:none}.gallery-open>span {font-size:12px}.app-gallery figcaption {font-size:13px;line-height:1.5}
 .local-grid {display:block}.local .eyebrow {font-size:11px}.local .lead {font-size:18px;line-height:1.5}.service-list {margin-top:25px}.service-list>div {padding-block:17px}.service-list h3 {font-size:27px}.service-list p {font-size:17px;line-height:1.5}
 .pilot,.faq {padding-top:0}.pilot>.section-title,.faq-grid {padding-top:30px}.evaluation-diagram {margin-top:22px}.evaluation-flow {padding:22px;gap:19px}.evaluation-flow li {padding-bottom:19px}.evaluation-flow li>small {margin-bottom:12px}.evaluation-flow h3 {font-size:28px}.evaluation-flow p {font-size:17px;line-height:1.5}
 .pilot-scope,.pilot-roles {font-size:15px;line-height:1.5}.evaluation-criteria>h3 {font-size:27px}.evaluation-criteria article strong {font-size:18px}.evaluation-criteria article p {font-size:16px}
 .faq-grid>div+div {margin-top:17px}.faq summary {font-size:17px;padding-block:16px;line-height:1.4}.faq details p {font-size:17px;line-height:1.55}
 .contact-grid {grid-template-columns:1fr;gap:25px}.contact-copy h2 {font-size:42px}.contact-lead {font-size:18px}.demo-agenda {margin-block:18px}.demo-agenda li {font-size:17px;line-height:1.45}
 .demo-workflow {margin:22px auto 0;max-width:360px}.demo-workflow figcaption {font-size:12px;gap:3px}
 .contact-form-card {padding:22px 18px}.native-demo-form .intro {font-size:17px}
 .footer {padding:28px 0 19px}.footer-grid {grid-template-columns:1fr 1fr;gap:27px 24px}
 .footer-brand {grid-column:1/-1;display:flex;align-items:center;gap:24px}.footer-brand img {width:74px;flex-shrink:0;margin:0}.footer-brand p {font-size:15px;max-width:240px}
 .footer-office {grid-column:1/-1}.footer h3 {margin-bottom:10px;font-size:12px}.footer address {font-size:16px;max-width:340px}.footer-company {font-size:16px!important}.footer-website {margin-top:8px}
 .footer-contact a {font-size:15px;padding-block:6px}.footer-contact a:first-of-type {font-size:17px}.footer-contact a span {display:block;font-size:12px}.footer-nav a {font-size:16px;padding-block:7px}
 .footer-legal {margin-top:23px;font-size:11px;gap:8px}
}
@media(max-width:360px) {
 .hero h1 {font-size:43px}.hero-actions .btn,.hero-actions .text-link {font-size:15px}.monitor-card {width:87%}
 .monitor-status {font-size:10px}.mechanism-flow li {grid-template-columns:85px minmax(0,1fr);column-gap:15px}.mechanism-flow h3 {font-size:23px}.mechanism-art {height:108px}.mechanism-motion li .connector {left:25px}
 .footer-grid {gap:24px 16px;grid-template-columns:1.1fr .8fr}.footer-contact a:first-of-type {font-size:16px}
}
@media(prefers-reduced-motion:reduce) {
 [data-accent-motion] *,[data-accent-motion].is-on-screen * {animation:none!important;transition:none!important;stroke-dashoffset:0!important}
}

.film .section-title .film-actions{display:block;margin-top:18px}
@media(max-width:600px){.hero-actions .btn{width:auto;justify-content:center}.hero-actions .btn,.hero-actions .text-link{padding-inline:14px;gap:12px}}

/* R3: one normal-width family, medium headings and a consistent reading scale. */
:root{--font-family:'Instrument Sans','Segoe UI',Arial,sans-serif}
body{font-family:var(--font-family);font-size:17px;line-height:1.6;font-optical-sizing:auto}
h1,h2,h3{font-family:var(--font-family);font-weight:500;letter-spacing:-.025em;line-height:1.16}
h1 em,.hero h1 em{font-family:inherit;font-weight:inherit;font-style:normal}
.hero h1{font-size:clamp(44px,4vw,56px);font-weight:500;line-height:1.12;letter-spacing:-.03em}
.hero .intro{font-size:17px;line-height:1.65}
h2{font-size:40px}
.eyebrow{font-weight:500;font-size:12px;letter-spacing:.06em}
.section-number{letter-spacing:0}
.section-title p,.film .section-title p,.local .lead,.contact-lead,.field-decision p{font-size:17px;line-height:1.6}
.film h2{font-size:36px}
.field-decision h2{font-size:34px}
.contact-copy h2{font-size:40px}
.problem-layout .benefit h3,.service-list h3,.evaluation-flow h3{font-size:23px;line-height:1.25}
.fit-grid h3,.mechanism-flow h3{font-size:22px;line-height:1.25}
.evaluation-criteria>h3{font-size:23px;line-height:1.25}
.mechanism-flow h3{min-height:55px}
.proof-grid strong{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.02em}
.monitor-head strong{font-size:21px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.btn,.text-link,.tabs button,.native-demo-form .submit{font-size:15px}
.hero-actions .text-link{font-size:15px}
.nav a{font-size:13px}
.footer h3{font-family:var(--font-family);font-size:12px;font-weight:600;letter-spacing:.06em}
.footer-company{font-size:14px!important}
.footer p,.footer address,.footer-contact a,.footer-nav a{font-size:14px;line-height:1.6}
.footer-contact a:first-of-type{font-size:17px}
@media(max-width:1100px){.hero h1{font-size:50px}.hero .intro{font-size:17px}.header-right>.btn{font-size:14px}.hero-actions .btn,.hero-actions .text-link{font-size:14px}.fit-grid h3{font-size:21px}.section-title{gap:40px}}
@media(max-width:960px){.hero h1{font-size:42px}.hero .intro{font-size:17px}.nav a{font-size:16px}.film h2{font-size:32px}.mechanism-flow h3{font-size:23px;min-height:0}.field-decision h2{font-size:32px}.contact-copy h2{font-size:34px}.service-list h3,.evaluation-flow h3{font-size:22px}}
@media(max-width:600px){
 .hero h1{font-size:40px;line-height:1.12;letter-spacing:-.025em}
 .hero .eyebrow{font-size:11px;letter-spacing:.045em}
 .hero .intro{font-size:17px;line-height:1.6}
 .hero-actions .btn,.hero-actions .text-link{font-size:14px}
 h2,.film h2{font-size:32px;line-height:1.18}
 .field-decision h2,.contact-copy h2{font-size:32px;line-height:1.18}
 .section-title p,.film .section-title p,.field-decision p,.local .lead,.contact-lead{font-size:17px;line-height:1.6}
 .problem-layout .benefit h3,.fit-grid h3,.service-list h3,.evaluation-flow h3{font-size:23px;line-height:1.25}
 .mechanism-flow h3{font-size:21px;line-height:1.25;min-height:0}
 .mechanism-flow p,.fit-grid p,.service-list p,.evaluation-flow p,.faq details p{font-size:16px;line-height:1.6}
 .evaluation-criteria>h3{font-size:23px}
 .proof-grid strong{font-size:22px}.proof-grid span{font-size:14px}
 .monitor-head strong{font-size:20px}.monitor-status{font-size:10px}
 .tabs button{font-size:12px;line-height:1.4}
 .faq summary{font-size:16px;line-height:1.5}
 .demo-agenda li{font-size:16px;line-height:1.5}
 .native-demo-form .intro{font-size:16px}
 .footer h3{font-size:11px}.footer address{font-size:15px}.footer-brand p{font-size:14px}.footer-contact a,.footer-nav a{font-size:14px}.footer-company{font-size:15px!important}.footer-contact a:first-of-type{font-size:16px}
}
@media(max-width:360px){.hero h1{font-size:36px}.hero-actions .btn,.hero-actions .text-link{font-size:13px}.mechanism-flow h3{font-size:20px}.monitor-head strong{font-size:19px}.monitor-status{font-size:9px}.footer-contact a:first-of-type{font-size:15px}}