首頁 探索 說明
註冊 登入
benjamin.harris
/
soil-report-ai
1
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
目錄樹: b338726e1b
分支列表 標籤列表
soil-report-ai
/
animal-dietary-balance.php

animal-dietary-balance.php 36 KB
文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846 
  1. <?php
    2. 

  2. $pageTitle = 'Animal Dietary Mineral Balance Report';
    3. 

  3. $siteName  = 'Crop Monitor';
    4. 

  4. $siteUrl   = '/';
    5. 

  5. ?>
    6. 

  6. <!DOCTYPE html>
    7. 

  7. <html lang="en">
    8. 

  8. <head>
    9. 

  9.   <meta charset="UTF-8">
    10. 

  10.   <title><?= htmlspecialchars($pageTitle . ' | ' . $siteName, ENT_QUOTES, 'UTF-8') ?></title>
    11. 

  11.   <meta name="viewport" content="width=device-width, initial-scale=1">
    12. 

  12.   
    13. 

  13.   <meta name="description" content="Animal Dietary Mineral Balance Report — assess your pasture's mineral content against your animal's true daily requirements. Available for dairy cows, beef, sheep, goats, deer and horses.">
    14. 

  14.   
    15. 

  15.   <link rel="preconnect" href="https://fonts.googleapis.com">
    16. 

  16.   <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400&display=swap" rel="stylesheet">
    17. 

  17.   <link href="client-assets/css/home.css" rel="stylesheet" type="text/css" media="screen">
    18. 

  18. 

  19.   <!-- Page-specific styles — extend home.css without overriding it -->
    20. 

  20.   <style>
    21. 

  21.     /* ── Hero right — mineral panel ── */
    22. 

  22.     .hero-mineral-panel {
    23. 

  23.       position: absolute;
    24. 

  24.       top: 50%; left: 50%;
    25. 

  25.       transform: translate(-50%, -50%);
    26. 

  26.       width: 360px;
    27. 

  27.     }
    28. 

  28.     .hmp-title {
    29. 

  29.       font-family: 'DM Mono', monospace;
    30. 

  30.       font-size: 0.62rem;
    31. 

  31.       letter-spacing: 0.14em;
    32. 

  32.       text-transform: uppercase;
    33. 

  33.       color: rgba(255,255,255,0.28);
    34. 

  34.       margin-bottom: 1.5rem;
    35. 

  35.       padding-left: 0.25rem;
    36. 

  36.     }
    37. 

  37.     .mineral-row {
    38. 

  38.       display: grid;
    39. 

  39.       grid-template-columns: 108px 1fr 64px;
    40. 

  40.       align-items: center;
    41. 

  41.       gap: 0.75rem;
    42. 

  42.       margin-bottom: 1rem;
    43. 

  43.     }
    44. 

  44.     .mineral-name {
    45. 

  45.       font-family: 'DM Mono', monospace;
    46. 

  46.       font-size: 0.72rem;
    47. 

  47.       color: rgba(255,255,255,0.65);
    48. 

  48.     }
    49. 

  49.     .mineral-bar-track {
    50. 

  50.       height: 6px;
    51. 

  51.       background: rgba(255,255,255,0.07);
    52. 

  52.       border-radius: 3px;
    53. 

  53.       overflow: hidden;
    54. 

  54.     }
    55. 

  55.     .mineral-bar-fill {
    56. 

  56.       height: 100%;
    57. 

  57.       border-radius: 3px;
    58. 

  58.       animation: barGrow 1.4s ease-out both;
    59. 

  59.     }
    60. 

  60.     .mineral-status {
    61. 

  61.       font-family: 'DM Mono', monospace;
    62. 

  62.       font-size: 0.62rem;
    63. 

  63.       text-align: right;
    64. 

  64.       letter-spacing: 0.04em;
    65. 

  65.       text-transform: uppercase;
    66. 

  66.     }
    67. 

  67.     .ms-ok   { color: #7dc87a; }
    68. 

  68.     .ms-low  { color: var(--straw); }
    69. 

  69.     .ms-high { color: #e07070; }
    70. 

  70. 

  71.     .hmp-divider {
    72. 

  72.       margin: 1.5rem 0;
    73. 

  73.       border: none;
    74. 

  74.       border-top: 1px solid rgba(255,255,255,0.08);
    75. 

  75.     }
    76. 

  76.     .hmp-indices {
    77. 

  77.       display: grid;
    78. 

  78.       grid-template-columns: 1fr 1fr;
    79. 

  79.       gap: 0.6rem;
    80. 

  80.     }
    81. 

  81.     .hmp-index {
    82. 

  82.       background: rgba(255,255,255,0.06);
    83. 

  83.       border: 1px solid rgba(255,255,255,0.1);
    84. 

  84.       border-radius: 6px;
    85. 

  85.       padding: 0.65rem 0.85rem;
    86. 

  86.     }
    87. 

  87.     .hmp-index-label {
    88. 

  88.       font-family: 'DM Mono', monospace;
    89. 

  89.       font-size: 0.55rem;
    90. 

  90.       letter-spacing: 0.1em;
    91. 

  91.       text-transform: uppercase;
    92. 

  92.       color: rgba(255,255,255,0.32);
    93. 

  93.     }
    94. 

  94.     .hmp-index-val {
    95. 

  95.       font-family: 'Playfair Display', serif;
    96. 

  96.       font-size: 1.15rem;
    97. 

  97.       font-weight: 700;
    98. 

  98.       color: var(--straw);
    99. 

  99.       line-height: 1.2;
    100. 

  100.       margin-top: 0.15rem;
    101. 

  101.     }
    102. 

  102.     .hmp-index-risk { font-size: 0.62rem; margin-top: 0.1rem; }
    103. 

  103. 

  104.     /* ── Stock grid ── */
    105. 

  105.     .stock-grid {
    106. 

  106.       display: grid;
    107. 

  107.       grid-template-columns: repeat(3, 1fr);
    108. 

  108.       gap: 1.25rem;
    109. 

  109.       margin-top: 2.5rem;
    110. 

  110.     }
    111. 

  111.     .stock-card {
    112. 

  112.       background: white;
    113. 

  113.       border: 1px solid var(--border);
    114. 

  114.       border-radius: 10px;
    115. 

  115.       padding: 1.5rem 1.75rem;
    116. 

  116.       transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    117. 

  117.     }
    118. 

  118.     .stock-card:hover {
    119. 

  119.       transform: translateY(-4px);
    120. 

  120.       box-shadow: 0 8px 32px rgba(44,26,14,0.1);
    121. 

  121.       border-color: var(--sage);
    122. 

  122.     }
    123. 

  123.     .stock-emoji { font-size: 2rem; margin-bottom: 0.75rem; }
    124. 

  124.     .stock-card h4 {
    125. 

  125.       font-family: 'Playfair Display', serif;
    126. 

  126.       font-size: 1rem;
    127. 

  127.       color: var(--soil);
    128. 

  128.       margin-bottom: 0.4rem;
    129. 

  129.     }
    130. 

  130.     .stock-weight {
    131. 

  131.       font-family: 'DM Mono', monospace;
    132. 

  132.       font-size: 0.65rem;
    133. 

  133.       letter-spacing: 0.08em;
    134. 

  134.       color: var(--harvest);
    135. 

  135.       margin-bottom: 0.5rem;
    136. 

  136.     }
    137. 

  137.     .stock-card p { font-size: 0.8rem; color: var(--text-light); line-height: 1.6; }
    138. 

  138. 

  139.     /* ── Index cards ── */
    140. 

  140.     .index-card {
    141. 

  141.       background: white;
    142. 

  142.       border: 1px solid var(--border);
    143. 

  143.       border-radius: 10px;
    144. 

  144.       padding: 2rem 2.25rem;
    145. 

  145.       transition: border-color 0.2s, box-shadow 0.2s;
    146. 

  146.     }
    147. 

  147.     .index-card:hover {
    148. 

  148.       border-color: var(--sage);
    149. 

  149.       box-shadow: 0 4px 24px rgba(61,107,66,0.08);
    150. 

  150.     }
    151. 

  151.     .index-card-head {
    152. 

  152.       display: flex;
    153. 

  153.       justify-content: space-between;
    154. 

  154.       align-items: flex-start;
    155. 

  155.       margin-bottom: 1rem;
    156. 

  156.       gap: 1rem;
    157. 

  157.     }
    158. 

  158.     .index-card h3 {
    159. 

  159.       font-family: 'Playfair Display', serif;
    160. 

  160.       font-size: 1.15rem;
    161. 

  161.       color: var(--soil);
    162. 

  162.     }
    163. 

  163.     .index-formula {
    164. 

  164.       font-family: 'DM Mono', monospace;
    165. 

  165.       font-size: 0.6rem;
    166. 

  166.       background: var(--mist);
    167. 

  167.       color: var(--clay);
    168. 

  168.       padding: 0.25rem 0.55rem;
    169. 

  169.       border-radius: 4px;
    170. 

  170.       white-space: nowrap;
    171. 

  171.       flex-shrink: 0;
    172. 

  172.     }
    173. 

  173.     .index-card p { font-size: 0.85rem; color: var(--text-light); line-height: 1.7; margin-bottom: 1.25rem; }
    174. 

  174.     .risk-zones { display: flex; gap: 0.5rem; flex-wrap: wrap; }
    175. 

  175.     .risk-zone {
    176. 

  176.       display: inline-flex;
    177. 

  177.       align-items: center;
    178. 

  178.       gap: 0.4rem;
    179. 

  179.       font-family: 'DM Mono', monospace;
    180. 

  180.       font-size: 0.65rem;
    181. 

  181.       padding: 0.28rem 0.7rem;
    182. 

  182.       border-radius: 99px;
    183. 

  183.     }
    184. 

  184.     .risk-zone .dot { width: 6px; height: 6px; border-radius: 50%; }
    185. 

  185.     .rz-safe { background: rgba(61,107,66,0.08); color: #2e5e33; }
    186. 

  186.     .rz-safe .dot { background: var(--leaf); }
    187. 

  187.     .rz-warn { background: rgba(200,133,58,0.1); color: #7a4a1a; }
    188. 

  188.     .rz-warn .dot { background: var(--harvest); }
    189. 

  189. 

  190.     /* ── Tip box ── */
    191. 

  191.     .tip-box {
    192. 

  192.       background: var(--mist);
    193. 

  193.       border: 1px solid var(--border);
    194. 

  194.       border-left: 3px solid var(--harvest);
    195. 

  195.       border-radius: 0 8px 8px 0;
    196. 

  196.       padding: 1.25rem 1.5rem;
    197. 

  197.       font-size: 0.875rem;
    198. 

  198.       color: var(--text-mid);
    199. 

  199.       line-height: 1.7;
    200. 

  200.     }
    201. 

  201.     .tip-box strong { color: var(--soil); }
    202. 

  202. 

  203.     /* ── Highlight band ── */
    204. 

  204.     .highlight-band {
    205. 

  205.       background: var(--harvest);
    206. 

  206.       padding: 1.1rem 4rem;
    207. 

  207.       display: flex;
    208. 

  208.       align-items: center;
    209. 

  209.       justify-content: space-between;
    210. 

  210.       gap: 2rem;
    211. 

  211.     }
    212. 

  212.     .highlight-band p { font-size: 0.92rem; color: var(--soil); font-weight: 400; }
    213. 

  213.     .highlight-band a {
    214. 

  214.       white-space: nowrap;
    215. 

  215.       padding: 0.6rem 1.5rem;
    216. 

  216.       background: var(--soil);
    217. 

  217.       color: white;
    218. 

  218.       border-radius: 4px;
    219. 

  219.       font-size: 0.85rem;
    220. 

  220.       font-weight: 500;
    221. 

  221.       transition: background 0.2s;
    222. 

  222.     }
    223. 

  223.     .highlight-band a:hover { background: var(--earth); }
    224. 

  224. 

  225.     @media (max-width: 900px) {
    226. 

  226.       .stock-grid { grid-template-columns: 1fr 1fr; }
    227. 

  227.       .highlight-band { flex-direction: column; padding: 1.5rem; text-align: center; }
    228. 

  228.       .index-grid { grid-template-columns: 1fr !important; }
    229. 

  229.     }
    230. 

  230.     @media (max-width: 600px) {
    231. 

  231.       .stock-grid { grid-template-columns: 1fr; }
    232. 

  232.     }
    233. 

  233.   </style>
    234. 

  234. </head>
    235. 

  235. <body>
    236. 

  236. 

  237. <!-- ── NAVIGATION ──────────────────────────── -->
    238. 

  238. <nav>
    239. 

  239.   <a href="/" class="nav-logo">
    240. 

  240.     <div class="nav-logo-mark">🌿</div>
    241. 

  241.     <span class="nav-logo-text">Crop Monitor</span>
    242. 

  242.   </a>
    243. 

  243.   <ul class="nav-links">
    244. 

  244.     <li><a href="#about">About ADMB</a></li>
    245. 

  245.     <li><a href="#how-it-works">How It Works</a></li>
    246. 

  246.     <li><a href="#indices">Key Indices</a></li>
    247. 

  247.     <li><a href="#stock">Stock Classes</a></li>
    248. 

  248.     <li><a href="#contact">Contact</a></li>
    249. 

  249.   </ul>
    250. 

  250.   <div class="nav-cta">
    251. 

  251.     <a href="tel:0363524444" class="btn-outline">03 6352 4444</a>
    252. 

  252.     <a href="#contact" class="btn-primary">Request a Test</a>
    253. 

  253.   </div>
    254. 

  254. </nav>
    255. 

  255. 

  256. <!-- ── HERO ────────────────────────────────── -->
    257. 

  257. <section class="hero">
    258. 

  258.   <div class="hero-left">
    259. 

  259.     <div class="hero-eyebrow">Crop Monitor · Pasture Testing</div>
    260. 

  260.     <h1>Know Exactly What<br>Your Animals Are<br><em>Getting</em></h1>
    261. 

  261.     <p class="hero-desc">
    262. 

  262.       The Animal Dietary Mineral Balance Report translates pasture analysis into daily mineral intake — matched against your animal's true requirements — so you can identify deficiencies and excesses before they become metabolic disorders.
    263. 

  263.     </p>
    264. 

  264.     <div class="hero-actions">
    265. 

  265.       <a href="#contact" class="btn-hero">Request a Report</a>
    266. 

  266.       <a href="#about" class="btn-hero-sec">How It Works</a>
    267. 

  267.     </div>
    268. 

  268.     <div class="hero-stats">
    269. 

  269.       <div class="hero-stat">
    270. 

  270.         <div class="hero-stat-num">6</div>
    271. 

  271.         <div class="hero-stat-label">Animal classes covered</div>
    272. 

  272.       </div>
    273. 

  273.       <div class="hero-stat">
    274. 

  274.         <div class="hero-stat-num">4</div>
    275. 

  275.         <div class="hero-stat-label">Key risk indices</div>
    276. 

  276.       </div>
    277. 

  277.       <div class="hero-stat">
    278. 

  278.         <div class="hero-stat-num">$0</div>
    279. 

  279.         <div class="hero-stat-label">Added cost with MPast</div>
    280. 

  280.       </div>
    281. 

  281.     </div>
    282. 

  282.   </div>
    283. 

  283. 

  284.   <!-- Hero right — sample mineral balance panel -->
    285. 

  285.   <div class="hero-right">
    286. 

  286.     <div class="hero-mineral-panel">
    287. 

  287.       <div class="hmp-title">Sample ADMB · Dairy Cow 450 kg · Peak Lactation</div>
    288. 

  288. 

  289.       <div class="mineral-row">
    290. 

  290.         <span class="mineral-name">Calcium (Ca)</span>
    291. 

  291.         <div class="mineral-bar-track"><div class="mineral-bar-fill" style="width:72%;background:linear-gradient(90deg,#7dc87a,#a8e0aa);animation-delay:0.05s;"></div></div>
    292. 

  292.         <span class="mineral-status ms-ok">OK</span>
    293. 

  293.       </div>
    294. 

  294.       <div class="mineral-row">
    295. 

  295.         <span class="mineral-name">Magnesium (Mg)</span>
    296. 

  296.         <div class="mineral-bar-track"><div class="mineral-bar-fill" style="width:45%;background:linear-gradient(90deg,#e8c87a,#f0d898);animation-delay:0.1s;"></div></div>
    297. 

  297.         <span class="mineral-status ms-low">Low</span>
    298. 

  298.       </div>
    299. 

  299.       <div class="mineral-row">
    300. 

  300.         <span class="mineral-name">Potassium (K)</span>
    301. 

  301.         <div class="mineral-bar-track"><div class="mineral-bar-fill" style="width:96%;background:linear-gradient(90deg,#e07070,#e89090);animation-delay:0.15s;"></div></div>
    302. 

  302.         <span class="mineral-status ms-high">High</span>
    303. 

  303.       </div>
    304. 

  304.       <div class="mineral-row">
    305. 

  305.         <span class="mineral-name">Sodium (Na)</span>
    306. 

  306.         <div class="mineral-bar-track"><div class="mineral-bar-fill" style="width:30%;background:linear-gradient(90deg,#e8c87a,#f0d898);animation-delay:0.2s;"></div></div>
    307. 

  307.         <span class="mineral-status ms-low">Low</span>
    308. 

  308.       </div>
    309. 

  309.       <div class="mineral-row">
    310. 

  310.         <span class="mineral-name">Copper (Cu)</span>
    311. 

  311.         <div class="mineral-bar-track"><div class="mineral-bar-fill" style="width:60%;background:linear-gradient(90deg,#7dc87a,#a8e0aa);animation-delay:0.25s;"></div></div>
    312. 

  312.         <span class="mineral-status ms-ok">OK</span>
    313. 

  313.       </div>
    314. 

  314.       <div class="mineral-row">
    315. 

  315.         <span class="mineral-name">Selenium (Se)</span>
    316. 

  316.         <div class="mineral-bar-track"><div class="mineral-bar-fill" style="width:38%;background:linear-gradient(90deg,#e8c87a,#f0d898);animation-delay:0.3s;"></div></div>
    317. 

  317.         <span class="mineral-status ms-low">Low</span>
    318. 

  318.       </div>
    319. 

  319.       <div class="mineral-row">
    320. 

  320.         <span class="mineral-name">Cobalt (Co)</span>
    321. 

  321.         <div class="mineral-bar-track"><div class="mineral-bar-fill" style="width:78%;background:linear-gradient(90deg,#7dc87a,#a8e0aa);animation-delay:0.35s;"></div></div>
    322. 

  322.         <span class="mineral-status ms-ok">OK</span>
    323. 

  323.       </div>
    324. 

  324. 

  325.       <hr class="hmp-divider">
    326. 

  326. 

  327.       <div class="hmp-indices">
    328. 

  328.         <div class="hmp-index">
    329. 

  329.           <div class="hmp-index-label">Grass Staggers</div>
    330. 

  330.           <div class="hmp-index-val">2.6</div>
    331. 

  331.           <div class="hmp-index-risk" style="color:#e07070;">⚠ Increased risk</div>
    332. 

  332.         </div>
    333. 

  333.         <div class="hmp-index">
    334. 

  334.           <div class="hmp-index-label">Bloat (K/Na)</div>
    335. 

  335.           <div class="hmp-index-val">18.4</div>
    336. 

  336.           <div class="hmp-index-risk" style="color:var(--straw);">⚠ Monitor</div>
    337. 

  337.         </div>
    338. 

  338.         <div class="hmp-index">
    339. 

  339.           <div class="hmp-index-label">DCAD Milk Fever</div>
    340. 

  340.           <div class="hmp-index-val">312</div>
    341. 

  341.           <div class="hmp-index-risk" style="color:#e07070;">⚠ Increased risk</div>
    342. 

  342.         </div>
    343. 

  343.         <div class="hmp-index">
    344. 

  344.           <div class="hmp-index-label">Ca/P Ratio</div>
    345. 

  345.           <div class="hmp-index-val">1.8</div>
    346. 

  346.           <div class="hmp-index-risk" style="color:#7dc87a;">✓ Recommended</div>
    347. 

  347.         </div>
    348. 

  348.       </div>
    349. 

  349.     </div>
    350. 

  350.   </div>
    351. 

  351. </section>
    352. 

  352. 

  353. <!-- ── MARQUEE ──────────────────────────────── -->
    354. 

  354. <div class="marquee-band">
    355. 

  355.   <div class="marquee-track">
    356. 

  356.     <span class="marquee-item">Daily Mineral Intake</span>
    357. 

  357.     <span class="marquee-item">Grass Staggers Index</span>
    358. 

  358.     <span class="marquee-item">Milk Fever (DCAD)</span>
    359. 

  359.     <span class="marquee-item">Bloat Risk Assessment</span>
    360. 

  360.     <span class="marquee-item">Dairy · Beef · Sheep</span>
    361. 

  361.     <span class="marquee-item">Selenium &amp; Copper</span>
    362. 

  362.     <span class="marquee-item">Metabolic Disorder Prevention</span>
    363. 

  363.     <span class="marquee-item">Deficit / Surplus Reporting</span>
    364. 

  364.     <span class="marquee-item">Daily Mineral Intake</span>
    365. 

  365.     <span class="marquee-item">Grass Staggers Index</span>
    366. 

  366.     <span class="marquee-item">Milk Fever (DCAD)</span>
    367. 

  367.     <span class="marquee-item">Bloat Risk Assessment</span>
    368. 

  368.     <span class="marquee-item">Dairy · Beef · Sheep</span>
    369. 

  369.     <span class="marquee-item">Selenium &amp; Copper</span>
    370. 

  370.     <span class="marquee-item">Metabolic Disorder Prevention</span>
    371. 

  371.     <span class="marquee-item">Deficit / Surplus Reporting</span>
    372. 

  372.   </div>
    373. 

  373. </div>
    374. 

  374. 

  375. <!-- ── ABOUT ADMB ────────────────────────────── -->
    376. 

  376. <section class="albrecht" id="about">
    377. 

  377.   <div class="albrecht-grid">
    378. 

  378. 

  379.     <div class="albrecht-left fade-up">
    380. 

  380.       <div class="section-eyebrow">About the Report</div>
    381. 

  381.       <h2 class="section-title">Animal Requirements,<br>Not Just Plant Levels</h2>
    382. 

  382.       <div class="albrecht-body">
    383. 

  383.         <p>
    384. 

  384.           Standard pasture analysis compares mineral levels against <strong>plant and animal requirements combined</strong>. The ADMB report is different — it focuses exclusively on what your animal needs each day and how well the current feed delivers it.
    385. 

  385.         </p>
    386. 

  386.         <p>
    387. 

  387.           Results are expressed as <strong>Daily Intake in grams and milligrams</strong>, not as a feed concentration. This makes it easy to calculate supplementation quantities and to account for changing dry matter intake across the season.
    388. 

  388.         </p>
    389. 

  389.         <p>
    390. 

  390.           For dairy cows, the report factors in <strong>lactation stage and calving date</strong>. Requirements are scaled to liveweight and adjusted automatically when you supply your herd's details — or sensible defaults are applied if not.
    391. 

  391.         </p>
    392. 

  392.       </div>
    393. 

  393.       <div class="albrecht-quote">
    394. 

  394.         <p>"If the report shows a deficit of 8 mg of copper per animal per day, it is simple arithmetic to convert this into quantities to incorporate into feeds."</p>
    395. 

  395.         <cite>— Crop Monitor Technical Note</cite>
    396. 

  396.       </div>
    397. 

  397. 

  398.       <div class="principle-cards">
    399. 

  399.         <div class="principle-card fade-up">
    400. 

  400.           <div class="principle-icon">⚖️</div>
    401. 

  401.           <div>
    402. 

  402.             <h4>Meaningful Units</h4>
    403. 

  403.             <p>Daily grams and milligrams let you calculate supplementation quantities directly — no conversion from feed concentrations required.</p>
    404. 

  404.           </div>
    405. 

  405.         </div>
    406. 

  406.         <div class="principle-card fade-up">
    407. 

  407.           <div class="principle-icon">📊</div>
    408. 

  408.           <div>
    409. 

  409.             <h4>Visual Bar Graph</h4>
    410. 

  410.             <p>A quick-read bar chart shows the severity of each deficiency or surplus at a glance, alongside the numeric difference.</p>
    411. 

  411.           </div>
    412. 

  412.         </div>
    413. 

  413.         <div class="principle-card fade-up">
    414. 

  414.           <div class="principle-icon">🔗</div>
    415. 

  415.           <div>
    416. 

  416.             <h4>Nutrient Interactions</h4>
    417. 

  417.             <p>Four validated ratios flag where mineral interactions are likely to raise the risk of grass staggers, bloat, or milk fever.</p>
    418. 

  418.           </div>
    419. 

  419.         </div>
    420. 

  420.       </div>
    421. 

  421.     </div>
    422. 

  422. 

  423.     <!-- Right — DM intake chart + free-with-MPast callout -->
    424. 

  424.     <div class="albrecht-right fade-up">
    425. 

  425.       <div class="cation-chart">
    426. 

  426.         <div class="cation-chart-title">Default Daily DM Intake — Dairy Cow (450 kg)</div>
    427. 

  427. 

  428.         <div class="cation-bar-row">
    429. 

  429.           <div class="cation-label">Early Lact.</div>
    430. 

  430.           <div class="cation-bar-track">
    431. 

  431.             <div class="cation-bar-fill" style="width:75%;background:linear-gradient(90deg,#4a7a42,#7dc87a);animation-delay:0.05s;"></div>
    432. 

  432.           </div>
    433. 

  433.           <div class="cation-val">13.5 kg</div>
    434. 

  434.         </div>
    435. 

  435.         <div class="cation-bar-row">
    436. 

  436.           <div class="cation-label">Peak Lact.</div>
    437. 

  437.           <div class="cation-bar-track">
    438. 

  438.             <div class="cation-bar-fill" style="width:100%;background:linear-gradient(90deg,#c8853a,#e8b870);animation-delay:0.15s;"></div>
    439. 

  439.           </div>
    440. 

  440.           <div class="cation-val">18 kg</div>
    441. 

  441.         </div>
    442. 

  442.         <div class="cation-bar-row">
    443. 

  443.           <div class="cation-label">Late Lact.</div>
    444. 

  444.           <div class="cation-bar-track">
    445. 

  445.             <div class="cation-bar-fill" style="width:75%;background:linear-gradient(90deg,#4a7a42,#7dc87a);animation-delay:0.25s;"></div>
    446. 

  446.           </div>
    447. 

  447.           <div class="cation-val">13.5 kg</div>
    448. 

  448.         </div>
    449. 

  449.         <div class="cation-bar-row">
    450. 

  450.           <div class="cation-label">Dry</div>
    451. 

  451.           <div class="cation-bar-track">
    452. 

  452.             <div class="cation-bar-fill" style="width:50%;background:linear-gradient(90deg,#6b8c5a,#9ab88a);animation-delay:0.35s;"></div>
    453. 

  453.           </div>
    454. 

  454.           <div class="cation-val">9 kg</div>
    455. 

  455.         </div>
    456. 

  456. 

  457.         <div class="cation-note">
    458. 

  458.           Values used when daily DM intake is not supplied. Requirements are scaled to liveweight; if calving date differs from July the lactation schedule adjusts accordingly.
    459. 

  459.         </div>
    460. 

  460.       </div>
    461. 

  461. 

  462.       <div style="margin-top:1.5rem;">
    463. 

  463.         <div class="principle-card" style="border-left:3px solid var(--harvest);border-radius:0 8px 8px 0;">
    464. 

  464.           <div class="principle-icon">✨</div>
    465. 

  465.           <div>
    466. 

  466.             <h4>Free with the Mixed Pasture Profile</h4>
    467. 

  467.             <p>Add an ADMB report to any Mixed Pasture Profile [MPast] at no extra charge. Enter <strong>ADMB</strong> in the "Other Tests" column and supply animal details in the instructions section of your request form.</p>
    468. 

  468.           </div>
    469. 

  469.         </div>
    470. 

  470.       </div>
    471. 

  471.     </div>
    472. 

  472. 

  473.   </div>
    474. 

  474. </section>
    475. 

  475. 

  476. <!-- ── HOW IT WORKS ──────────────────────────── -->
    477. 

  477. <section class="process" id="how-it-works">
    478. 

  478.   <div class="process-inner">
    479. 

  479.     <div class="process-header fade-up">
    480. 

  480.       <div class="section-eyebrow">How It Works</div>
    481. 

  481.       <h2 class="section-title">Three Calculations,<br>One Clear Picture</h2>
    482. 

  482.       <p class="section-sub">The ADMB report is built on three straightforward steps that turn a pasture sample into actionable mineral management guidance.</p>
    483. 

  483.     </div>
    484. 

  484. 

  485.     <div class="steps">
    486. 

  486.       <div class="step fade-up">
    487. 

  487.         <div class="step-num">1</div>
    488. 

  488.         <h4>Sample Your Pasture</h4>
    489. 

  489.         <p>Collect at least 500 g at grazing height from paddocks ready to graze. Avoid dunging patches, troughs and gateways. Send to Crop Monitor promptly — courier preferred.</p>
    490. 

  490.       </div>
    491. 

  491.       <div class="step fade-up">
    492. 

  492.         <div class="step-num">2</div>
    493. 

  493.         <h4>Provide Animal Details</h4>
    494. 

  494.         <p>Record species, average liveweight and — for dairy — calving month and daily DM intake. Write <em>ADMB</em> in "Other Tests". Up to two species can be assessed from one sample.</p>
    495. 

  495.       </div>
    496. 

  496.       <div class="step fade-up">
    497. 

  497.         <div class="step-num">3</div>
    498. 

  498.         <h4>Daily Intake Calculated</h4>
    499. 

  499.         <p>Mineral concentrations in the feed are multiplied by daily DM intake to give the actual quantities consumed in grams and milligrams per animal per day.</p>
    500. 

  500.       </div>
    501. 

  501.       <div class="step fade-up">
    502. 

  502.         <div class="step-num">4</div>
    503. 

  503.         <h4>Deficit or Surplus Shown</h4>
    504. 

  504.         <p>The gap between daily intake and daily requirement is presented numerically and as a colour-coded bar graph — so action priorities are immediately clear.</p>
    505. 

  505.       </div>
    506. 

  506.     </div>
    507. 

  507. 

  508.     <div class="tip-box fade-up" style="max-width:820px;margin:3rem auto 0;">
    509. 

  509.       <strong>Sampling tip:</strong> Use clean hands and pasture shears to minimise contamination. Cobalt readings are particularly sensitive to soil on the sward. Avoid powdered disposable gloves — the powder can introduce zinc contamination. Sample kits including sealable bags and request forms are available from Crop Monitor on request.
    510. 

  510.     </div>
    511. 

  511.   </div>
    512. 

  512. </section>
    513. 

  513. 

  514. <!-- ── HIGHLIGHT BAND ────────────────────────── -->
    515. 

  515. <div class="highlight-band">
    516. 

  516.   <p>🐄 &nbsp;Two animal classes — for example dairy cows <em>and</em> beef cattle — can be assessed from a single pasture sample at no extra cost.</p>
    517. 

  517.   <a href="#contact">Request a Report →</a>
    518. 

  518. </div>
    519. 

  519. 

  520. <!-- ── KEY INDICES ───────────────────────────── -->
    521. 

  521. <section class="services" id="indices">
    522. 

  522.   <div class="services-inner">
    523. 

  523.     <div class="services-header fade-up">
    524. 

  524.       <div class="section-eyebrow">Risk Indices</div>
    525. 

  525.       <h2 class="section-title">Four Indices That<br>Protect Your Herd</h2>
    526. 

  526.       <p class="section-sub">Beyond per-mineral analysis, the ADMB report calculates four validated ratios that highlight interaction effects most likely to cause metabolic disorders.</p>
    527. 

  527.     </div>
    528. 

  528. 

  529.     <div class="index-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;">
    530. 

  530. 

  531.       <div class="index-card fade-up">
    532. 

  532.         <div class="index-card-head">
    533. 

  533.           <h3>Grass Staggers (Tetany) Index</h3>
    534. 

  534.           <span class="index-formula">K / (Ca+Mg) meq</span>
    535. 

  535.         </div>
    536. 

  536.         <p>High spring potassium reduces the availability of calcium and magnesium, raising hypomagnesaemia risk. The index flags when supplementation is warranted before clinical signs appear.</p>
    537. 

  537.         <div class="risk-zones">
    538. 

  538.           <span class="risk-zone rz-safe"><span class="dot"></span>&lt; 1.8 Recommended</span>
    539. 

  539.           <span class="risk-zone rz-warn"><span class="dot"></span>&gt; 2.2 Increased risk</span>
    540. 

  540.         </div>
    541. 

  541.       </div>
    542. 

  542. 

  543.       <div class="index-card fade-up">
    544. 

  544.         <div class="index-card-head">
    545. 

  545.           <h3>K/Na Ratio — Bloat Index</h3>
    546. 

  546.           <span class="index-formula">K : Na</span>
    547. 

  547.         </div>
    548. 

  548.         <p>High potassium is linked to low pasture sodium, poor dietary sodium uptake and increased bloat incidence in grazing animals. Adequate sodium is especially important during dairy lactation.</p>
    549. 

  549.         <div class="risk-zones">
    550. 

  550.           <span class="risk-zone rz-safe"><span class="dot"></span>&lt; 10 Recommended</span>
    551. 

  551.           <span class="risk-zone rz-warn"><span class="dot"></span>&gt; 20 Increased risk</span>
    552. 

  552.         </div>
    553. 

  553.       </div>
    554. 

  554. 

  555.       <div class="index-card fade-up">
    556. 

  556.         <div class="index-card-head">
    557. 

  557.           <h3>DCAD — Milk Fever Index</h3>
    558. 

  558.           <span class="index-formula">(K+Na) − (S+Cl) meq/kg</span>
    559. 

  559.         </div>
    560. 

  560.         <p>Dietary Cation Anion Difference estimates whether a diet is acidogenic or alkalogenic. Milk fever risk rises progressively above 200. Increasing sulphur + chloride or reducing potassium + sodium through supplement selection is the standard management response.</p>
    561. 

  561.         <div class="risk-zones">
    562. 

  562.           <span class="risk-zone rz-safe"><span class="dot"></span>&lt; 200 Recommended</span>
    563. 

  563.           <span class="risk-zone rz-warn"><span class="dot"></span>&gt; 200 Increased risk</span>
    564. 

  564.         </div>
    565. 

  565.       </div>
    566. 

  566. 

  567.       <div class="index-card fade-up">
    568. 

  568.         <div class="index-card-head">
    569. 

  569.           <h3>Ca/P Ratio</h3>
    570. 

  570.           <span class="index-formula">Ca : P</span>
    571. 

  571.         </div>
    572. 

  572.         <p>Calcium and phosphorus interact: when one is marginal, a high level of the other can worsen the outcome. NZ pastures tend to be low in calcium, so high phosphorus giving a low Ca/P ratio is a recognised milk fever risk factor.</p>
    573. 

  573.         <div class="risk-zones">
    574. 

  574.           <span class="risk-zone rz-safe"><span class="dot"></span>&gt; 1.5 Recommended</span>
    575. 

  575.           <span class="risk-zone rz-warn"><span class="dot"></span>&lt; 1.2 Increased risk</span>
    576. 

  576.         </div>
    577. 

  577.       </div>
    578. 

  578. 

  579.     </div>
    580. 

  580. 

  581.     <div class="tip-box fade-up" style="margin-top:2rem;">
    582. 

  582.       <strong>Note on ratios:</strong> Crop Monitor only reports indices that have established validity as risk indicators. The bar graph shows each mineral individually — the four ratios are calculated separately to highlight interaction effects that would not be visible from individual mineral levels alone.
    583. 

  583.     </div>
    584. 

  584.   </div>
    585. 

  585. </section>
    586. 

  586. 

  587. <!-- ── STOCK CLASSES ─────────────────────────── -->
    588. 

  588. <section class="science" id="stock">
    589. 

  589.   <div class="science-inner">
    590. 

  590.     <div class="fade-up">
    591. 

  591.       <div class="section-eyebrow">Stock Classes</div>
    592. 

  592.       <h2 class="section-title">Reports for Every<br>Animal on Your Farm</h2>
    593. 

  593.       <p class="section-sub">ADMB reports are calibrated to six animal classifications, each with its own default liveweight and requirement set. Supply actual values for the most precise results.</p>
    594. 

  594.     </div>
    595. 

  595. 

  596.     <div class="stock-grid">
    597. 

  597. 

  598.       <div class="stock-card fade-up">
    599. 

  599.         <div class="stock-emoji">🐄</div>
    600. 

  600.         <h4>Dairy Cows</h4>
    601. 

  601.         <div class="stock-weight">Default: 450 kg (milking season wt)</div>
    602. 

  602.         <p>Requirements vary by lactation stage. Provide calving month, daily DM intake and average liveweight for a fully tailored report. The most seasonally complex animal class.</p>
    603. 

  603.       </div>
    604. 

  604. 

  605.       <div class="stock-card fade-up">
    606. 

  606.         <div class="stock-emoji">🐂</div>
    607. 

  607.         <h4>Beef Cattle</h4>
    608. 

  608.         <div class="stock-weight">Default: 400 kg</div>
    609. 

  609.         <p>Assumes animals are well fed on the sampled diet in an active growth stage. Provide average liveweight to scale requirements proportionately.</p>
    610. 

  610.       </div>
    611. 

  611. 

  612.       <div class="stock-card fade-up">
    613. 

  613.         <div class="stock-emoji">🐑</div>
    614. 

  614.         <h4>Sheep &amp; Lambs</h4>
    615. 

  615.         <div class="stock-weight">Default: 60 kg / 30 kg</div>
    616. 

  616.         <p>Separate defaults for ewes and lambs. Provide average liveweight per mob for site-specific recommendations across your flock.</p>
    617. 

  617.       </div>
    618. 

  618. 

  619.       <div class="stock-card fade-up">
    620. 

  620.         <div class="stock-emoji">🐐</div>
    621. 

  621.         <h4>Dairy Goats</h4>
    622. 

  622.         <div class="stock-weight">Default: 60 kg</div>
    623. 

  623.         <p>Mineral requirements assessed against dairy goat standards. Particularly relevant for selenium, copper and iodine status on intensive operations.</p>
    624. 

  624.       </div>
    625. 

  625. 

  626.       <div class="stock-card fade-up">
    627. 

  627.         <div class="stock-emoji">🦌</div>
    628. 

  628.         <h4>Deer</h4>
    629. 

  629.         <div class="stock-weight">Default: 90 kg</div>
    630. 

  630.         <p>Calibrated to deer physiology. Useful for velvet and venison operations where trace mineral balance is a key production and health factor.</p>
    631. 

  631.       </div>
    632. 

  632. 

  633.       <div class="stock-card fade-up">
    634. 

  634.         <div class="stock-emoji">🐴</div>
    635. 

  635.         <h4>Horses</h4>
    636. 

  636.         <div class="stock-weight">Default: 500 kg</div>
    637. 

  637.         <p>Pasture mineral assessment with requirements calibrated for horses, where calcium, phosphorus and selenium balance are priorities for bone and reproductive health.</p>
    638. 

  638.       </div>
    639. 

  639. 

  640.     </div>
    641. 

  641.   </div>
    642. 

  642. </section>
    643. 

  643. 

  644. <!-- ── SELENIUM & COPPER NOTE ────────────────── -->
    645. 

  645. <section class="about" id="elements">
    646. 

  646.   <div class="about-inner">
    647. 

  647.     <div class="fade-up">
    648. 

  648.       <div class="section-eyebrow">Elements of Interest</div>
    649. 

  649.       <h2 class="section-title">Selenium &amp; Copper —<br>Handle With Care</h2>
    650. 

  650.       <div class="about-text">
    651. 

  651.         <p>Two elements warrant particular attention when interpreting the ADMB report.</p>
    652. 

  652.         <p>
    653. 

  653.           <strong style="color:var(--straw);">Selenium</strong> — Crop Monitor' interpretive scale targets 0.05–0.15 mg/kg in feed for high-producing dairy cows: a margin above the deficiency threshold allowing for seasonal and analytical variation. The high vitamin-E levels typical in NZ pastures complement selenium metabolism in grazed dairy cows — an advantage that does not apply to housed animals in overseas conditions.
    654. 

  654.         </p>
    655. 

  655.         <p>
    656. 

  656.           <strong style="color:var(--straw);">Copper</strong> — High levels of molybdenum, sulphur, iron and zinc all reduce dietary copper availability. There is no reliable formula to quantify these interaction effects. The report flags individual copper status; any suspected secondary deficiency warrants further investigation with your veterinarian or consultant.
    657. 

  657.         </p>
    658. 

  658.         <p>
    659. 

  659.           Some feeds — grain-based concentrates, maize silage, Sudax grass — are inherently low in minerals. The ADMB report will highlight this without implying inferiority. These feeds are valuable energy supplements; the report simply signals when additional mineral management is needed in the overall diet.
    660. 

  660.         </p>
    661. 

  661.       </div>
    662. 

  662.     </div>
    663. 

  663. 

  664.     <div class="fade-up">
    665. 

  665.       <div class="about-metrics">
    666. 

  666.         <div class="about-metric">
    667. 

  667.           <div class="about-metric-num">0.05–0.15</div>
    668. 

  668.           <div class="about-metric-label">mg/kg Se target range (dairy)</div>
    669. 

  669.         </div>
    670. 

  670.         <div class="about-metric">
    671. 

  671.           <div class="about-metric-num">Mo, S, Fe, Zn</div>
    672. 

  672.           <div class="about-metric-label">Elements that reduce Cu availability</div>
    673. 

  673.         </div>
    674. 

  674.         <div class="about-metric">
    675. 

  675.           <div class="about-metric-num">2</div>
    676. 

  676.           <div class="about-metric-label">ADMB animal classes per sample</div>
    677. 

  677.         </div>
    678. 

  678.         <div class="about-metric">
    679. 

  679.           <div class="about-metric-num">g &amp; mg</div>
    680. 

  680.           <div class="about-metric-label">Results as daily intake units</div>
    681. 

  681.         </div>
    682. 

  682.       </div>
    683. 

  683.     </div>
    684. 

  684.   </div>
    685. 

  685. </section>
    686. 

  686. 

  687. <!-- ── CONTACT ───────────────────────────────── -->
    688. 

  688. <section class="contact-section" id="contact">
    689. 

  689.   <div class="contact-inner">
    690. 

  690.     <div class="fade-up">
    691. 

  691.       <div class="section-eyebrow">Contact Us</div>
    692. 

  692.       <h2 class="section-title">Request an ADMB<br>Report Today</h2>
    693. 

  693.       <p class="section-sub" style="margin-bottom:2rem;">
    694. 

  694.         Get in touch with our Agriculture Client Service team to order a sample kit, ask a technical question, or discuss which pasture profile best suits your operation.
    695. 

  695.       </p>
    696. 

  696. 

  697.       <form class="contact-form" action="/controllers/contactSubmit.php" method="post">
    698. 

  698.         <input type="hidden" name="report_type" value="ADMB">
    699. 

  699.         <div class="form-row">
    700. 

  700.           <div class="form-field">
    701. 

  701.             <label>First Name</label>
    702. 

  702.             <input type="text" name="first_name" placeholder="Jane" required>
    703. 

  703.           </div>
    704. 

  704.           <div class="form-field">
    705. 

  705.             <label>Last Name</label>
    706. 

  706.             <input type="text" name="last_name" placeholder="Wilson" required>
    707. 

  707.           </div>
    708. 

  708.         </div>
    709. 

  709.         <div class="form-field">
    710. 

  710.           <label>Email Address</label>
    711. 

  711.           <input type="email" name="email" placeholder="jane@farm.co.nz" required>
    712. 

  712.         </div>
    713. 

  713.         <div class="form-field">
    714. 

  714.           <label>Primary Stock Class</label>
    715. 

  715.           <select name="stock_class">
    716. 

  716.             <option value="">Select your primary stock class</option>
    717. 

  717.             <option>Dairy Cows</option>
    718. 

  718.             <option>Beef Cattle</option>
    719. 

  719.             <option>Sheep &amp; Lambs</option>
    720. 

  720.             <option>Dairy Goats</option>
    721. 

  721.             <option>Deer</option>
    722. 

  722.             <option>Horses</option>
    723. 

  723.             <option>Mixed</option>
    724. 

  724.           </select>
    725. 

  725.         </div>
    726. 

  726.         <div class="form-field">
    727. 

  727.           <label>Message</label>
    728. 

  728.           <textarea name="message" placeholder="Tell us about your operation and what you'd like to assess…"></textarea>
    729. 

  729.         </div>
    730. 

  730.         <button type="submit" class="form-submit">Send Enquiry</button>
    731. 

  731.       </form>
    732. 

  732.     </div>
    733. 

  733. 

  734.     <div class="contact-info fade-up">
    735. 

  735.       <div class="contact-info-item">
    736. 

  736.         <div class="contact-info-icon">📞</div>
    737. 

  737.         <div>
    738. 

  738.           <div class="contact-info-label">Freephone</div>
    739. 

  739.           <div class="contact-info-val">03 6352 4444</div>
    740. 

  740.         </div>
    741. 

  741.       </div>
    742. 

  742.       <div class="contact-info-item">
    743. 

  743.         <div class="contact-info-icon">✉️</div>
    744. 

  744.         <div>
    745. 

  745.           <div class="contact-info-label">Email</div>
    746. 

  746.           <div class="contact-info-val">mail@cropmonitor.info</div>
    747. 

  747.         </div>
    748. 

  748.       </div>
    749. 

  749.       <div class="contact-info-item">
    750. 

  750.         <div class="contact-info-icon">🌐</div>
    751. 

  751.         <div>
    752. 

  752.           <div class="contact-info-label">Website</div>
    753. 

  753.           <div class="contact-info-val">cropmonitor.info</div>
    754. 

  754.         </div>
    755. 

  755.       </div>
    756. 

  756.       <div class="contact-info-item">
    757. 

  757.         <div class="contact-info-icon">📋</div>
    758. 

  758.         <div>
    759. 

  759.           <div class="contact-info-label">How to Order</div>
    760. 

  760.           <div class="contact-info-val">Enter <strong>ADMB</strong> in "Other Tests" on your plant sample request form. Add animal details in the instructions section. Sample kits available on request.</div>
    761. 

  761.         </div>
    762. 

  762.       </div>
    763. 

  763.       <div class="contact-info-item">
    764. 

  764.         <div class="contact-info-icon">💡</div>
    765. 

  765.         <div>
    766. 

  766.           <div class="contact-info-label">Related Profiles</div>
    767. 

  767.           <div class="contact-info-val">Mixed Pasture [MPast] · Extended Pasture Feed [ExtFed] · Pasture Feed Quality [Feed]</div>
    768. 

  768.         </div>
    769. 

  769.       </div>
    770. 

  770.     </div>
    771. 

  771.   </div>
    772. 

  772. </section>
    773. 

  773. 

  774. <!-- ── FOOTER ───────────────────────────────── -->
    775. 

  775. <footer>
    776. 

  776.   <div class="footer-inner">
    777. 

  777.     <div class="footer-top">
    778. 

  778.       <div>
    779. 

  779.         <a href="/" class="footer-logo">
    780. 

  780.           <div class="footer-logo-mark">🌿</div>
    781. 

  781.           <span class="footer-logo-text">Crop Monitor</span>
    782. 

  782.         </a>
    783. 

  783.         <p class="footer-tagline">Pasture and feed quality testing for New Zealand's pastoral industry.</p>
    784. 

  784.       </div>
    785. 

  785.       <div class="footer-nav-group">
    786. 

  786.         <h5>ADMB Report</h5>
    787. 

  787.         <ul>
    788. 

  788.           <li><a href="#about">About the Report</a></li>
    789. 

  789.           <li><a href="#how-it-works">How It Works</a></li>
    790. 

  790.           <li><a href="#indices">Key Indices</a></li>
    791. 

  791.           <li><a href="#stock">Stock Classes</a></li>
    792. 

  792.         </ul>
    793. 

  793.       </div>
    794. 

  794.       <div class="footer-nav-group">
    795. 

  795.         <h5>Pasture Profiles</h5>
    796. 

  796.         <ul>
    797. 

  797.           <li><a href="#">Mixed Pasture [MPast]</a></li>
    798. 

  798.           <li><a href="#">Feed Quality [Feed]</a></li>
    799. 

  799.           <li><a href="#">Extended Feed [ExtFed]</a></li>
    800. 

  800.           <li><a href="#">Feed + Majors [FeedMaj]</a></li>
    801. 

  801.         </ul>
    802. 

  802.       </div>
    803. 

  803.       <div class="footer-nav-group">
    804. 

  804.         <h5>Contact</h5>
    805. 

  805.         <ul>
    806. 

  806.           <li><a href="tel:0363524444">0363 524449</a></li>
    807. 

  807.           <li><a href="mailto:mail@cropmonitor.info">mail@cropmonitor.info</a></li>
    808. 

  808.           <li><a href="https://cropmonitor.info">cropmonitor.info</a></li>
    809. 

  809.         </ul>
    810. 

  810.       </div>
    811. 

  811.     </div>
    812. 

  812.     <div class="footer-bottom">
    813. 

  813.       <p class="footer-copy">© <?= date('Y') ?> Crop Monitor. All Rights Reserved.</p>
    814. 

  814.       <p class="footer-badge">Animal Dietary Mineral Balance</p>
    815. 

  815.     </div>
    816. 

  816.   </div>
    817. 

  817. </footer>
    818. 

  818. 

  819. <script>
    820. 

  820.   // Fade-up on scroll
    821. 

  821.   const observer = new IntersectionObserver((entries) => {
    822. 

  822.     entries.forEach(e => {
    823. 

  823.       if (e.isIntersecting) { e.target.classList.add('visible'); }
    824. 

  824.     });
    825. 

  825.   }, { threshold: 0.1 });
    826. 

  826.   document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));
    827. 

  827. 

  828.   // Nav scroll shadow
    829. 

  829.   window.addEventListener('scroll', () => {
    830. 

  830.     document.querySelector('nav').style.boxShadow =
    831. 

  831.       window.scrollY > 10 ? '0 2px 20px rgba(44,26,14,0.08)' : 'none';
    832. 

  832.   });
    833. 

  833. 

  834.   // Smooth scroll for anchor links
    835. 

  835.   document.querySelectorAll('a[href^="#"]').forEach(a => {
    836. 

  836.     a.addEventListener('click', e => {
    837. 

  837.       const target = document.querySelector(a.getAttribute('href'));
    838. 

  838.       if (target) {
    839. 

  839.         e.preventDefault();
    840. 

  840.         target.scrollIntoView({ behavior: 'smooth', block: 'start' });
    841. 

  841.       }
    842. 

  842.     });
    843. 

  843.   });
    844. 

  844. </script>
    845. 

  845. </body>
    846. 

  846. </html>
    847.