{"id":538,"date":"2025-06-15T02:18:54","date_gmt":"2025-06-15T02:18:54","guid":{"rendered":"https:\/\/firerant.com.au\/?page_id=538"},"modified":"2026-08-17T03:57:04","modified_gmt":"2026-08-17T03:57:04","slug":"10-2","status":"publish","type":"page","link":"https:\/\/firerant.com.au\/","title":{"rendered":"10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"538\" class=\"elementor elementor-538\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4da56e e-con-full e-flex e-con e-parent\" data-id=\"c4da56e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa3c69c elementor-widget elementor-widget-html\" data-id=\"aa3c69c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ============================================\r\n     FIRE RANT \u2014 COMBINED HEADER + HERO + STATS CARDS\r\n     Mobile display fixed\r\n     \"Request a Briefing\" \u2192 links to contact page\r\n============================================ -->\r\n<style>\r\n.fr-hero-wrapper {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n}\r\n.fr-hero-video {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  z-index: 0;\r\n}\r\n.fr-hero-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(20,0,0,0.82) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n\/* NAV *\/\r\n.fr-nav {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 10;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 18px 40px;\r\n  background: transparent;\r\n}\r\n.fr-nav-logo img {\r\n  height: 45px;\r\n  width: auto;\r\n}\r\n.fr-nav-links {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 2rem;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n.fr-nav-links li a {\r\n  color: rgba(255,255,255,0.8);\r\n  text-decoration: none;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  transition: color 0.3s;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n}\r\n.fr-nav-links li a:hover {\r\n  color: #ff3b3b;\r\n}\r\n.fr-nav-links li a i {\r\n  font-size: 0.9rem;\r\n}\r\n.fr-nav-links li.fr-nav-cta a {\r\n  background: #ff3b3b;\r\n  color: #fff;\r\n  padding: 10px 26px;\r\n  border-radius: 980px;\r\n  letter-spacing: 0.5px;\r\n  font-weight: 500;\r\n  font-size: 0.82rem;\r\n  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;\r\n  box-shadow: 0 2px 10px rgba(255,59,59,0.25);\r\n}\r\n.fr-nav-links li.fr-nav-cta a:hover {\r\n  background: #e62e2e;\r\n  transform: scale(1.04);\r\n  box-shadow: 0 4px 16px rgba(255,59,59,0.4);\r\n  color: #fff;\r\n}\r\n\r\n\/* Mobile hamburger *\/\r\n.fr-nav-toggle {\r\n  display: none;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  cursor: pointer;\r\n  padding: 5px;\r\n}\r\n.fr-nav-toggle span {\r\n  width: 25px;\r\n  height: 2px;\r\n  background: #fff;\r\n  border-radius: 2px;\r\n  transition: 0.3s;\r\n}\r\n\r\n\/* HERO CONTENT *\/\r\n.fr-hero-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  padding: 2rem;\r\n}\r\n.fr-hero-content .fr-hero-line-small {\r\n  font-size: clamp(1.2rem, 3vw, 1.8rem);\r\n  font-weight: 700;\r\n  color: rgba(255,255,255,0.85);\r\n  margin: 0 0 0.5rem;\r\n  letter-spacing: 1px;\r\n}\r\n.fr-hero-content .fr-hero-line-large {\r\n  font-size: clamp(2.2rem, 7vw, 4.2rem);\r\n  font-weight: 900;\r\n  color: #fff;\r\n  margin: 0 0 0.5rem;\r\n  line-height: 1.15;\r\n  white-space: nowrap;\r\n}\r\n.fr-hero-content .fr-hero-line-small-red {\r\n  font-size: clamp(1.2rem, 3vw, 1.8rem);\r\n  font-weight: 700;\r\n  color: #ff3b3b;\r\n  margin: 0 0 2.5rem;\r\n  letter-spacing: 1px;\r\n}\r\n.fr-hero-buttons {\r\n  display: flex;\r\n  gap: 1rem;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n}\r\n.fr-btn-pill {\r\n  display: inline-block;\r\n  padding: 12px 32px;\r\n  background: #ff3b3b;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  border-radius: 980px;\r\n  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;\r\n  box-shadow: 0 2px 10px rgba(255,59,59,0.25);\r\n}\r\n.fr-btn-pill:hover {\r\n  background: #e62e2e;\r\n  transform: scale(1.04);\r\n  box-shadow: 0 4px 16px rgba(255,59,59,0.4);\r\n  color: #fff;\r\n}\r\n.fr-btn-pill-outline {\r\n  display: inline-block;\r\n  padding: 12px 32px;\r\n  background: transparent;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  border-radius: 980px;\r\n  border: 2px solid rgba(255,255,255,0.35);\r\n  transition: border-color 0.3s, color 0.3s, transform 0.2s;\r\n}\r\n.fr-btn-pill-outline:hover {\r\n  border-color: #ff3b3b;\r\n  color: #ff3b3b;\r\n  transform: scale(1.04);\r\n}\r\n\r\n\/* ===== STATS CARDS \u2014 OVERLAYED AT BOTTOM ===== *\/\r\n.fr-stats-overlay {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 5;\r\n  padding: 0 40px;\r\n}\r\n.fr-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 1rem;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n.fr-stat-card {\r\n  background: rgba(10,10,10,0.6);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  border: 1px solid rgba(255,59,59,0.12);\r\n  border-radius: 14px;\r\n  padding: 20px 16px;\r\n  text-align: center;\r\n  transition: border-color 0.3s, transform 0.3s;\r\n}\r\n.fr-stat-card:hover {\r\n  border-color: rgba(255,59,59,0.35);\r\n  transform: translateY(-3px);\r\n}\r\n.fr-stat-number {\r\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem);\r\n  font-weight: 900;\r\n  color: #ff3b3b;\r\n  margin: 0 0 0.4rem;\r\n  line-height: 1;\r\n}\r\n.fr-stat-label {\r\n  font-size: 0.7rem;\r\n  color: rgba(255,255,255,0.6);\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  line-height: 1.4;\r\n  margin: 0;\r\n}\r\n.fr-stat-source {\r\n  font-size: 0.6rem;\r\n  color: rgba(255,255,255,0.25);\r\n  margin-top: 0.4rem;\r\n  font-style: italic;\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n@media (max-width: 768px) {\r\n  .fr-hero-wrapper {\r\n    min-height: auto;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    padding: 0 0 24px;\r\n  }\r\n\r\n  .fr-hero-video {\r\n    position: absolute;\r\n    inset: 0;\r\n    min-height: 100vh;\r\n  }\r\n\r\n  .fr-hero-wrapper::before {\r\n    min-height: 100vh;\r\n  }\r\n\r\n  .fr-nav {\r\n    padding: 14px 16px;\r\n  }\r\n  .fr-nav-logo img {\r\n    height: 34px;\r\n  }\r\n  .fr-nav-toggle {\r\n    display: flex;\r\n  }\r\n  .fr-nav-links {\r\n    display: none;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    padding: 1.2rem 16px;\r\n    margin-top: 12px;\r\n    gap: 1rem;\r\n    align-items: flex-start;\r\n    background: rgba(0,0,0,0.92);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border-radius: 14px;\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n  }\r\n  .fr-nav-links.active {\r\n    display: flex;\r\n  }\r\n\r\n  \/* Hero \u2014 centred in viewport *\/\r\n  .fr-hero-content {\r\n    padding: 140px 20px 40px;\r\n    min-height: 60vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .fr-hero-content .fr-hero-line-large {\r\n    white-space: normal;\r\n    font-size: 1.6rem;\r\n    line-height: 1.25;\r\n    margin-bottom: 0.4rem;\r\n  }\r\n  .fr-hero-content .fr-hero-line-small {\r\n    font-size: 0.95rem;\r\n  }\r\n  .fr-hero-content .fr-hero-line-small-red {\r\n    font-size: 0.95rem;\r\n    margin-bottom: 1.8rem;\r\n  }\r\n\r\n  \/* Buttons stacked *\/\r\n  .fr-hero-buttons {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0.7rem;\r\n  }\r\n  .fr-btn-pill,\r\n  .fr-btn-pill-outline {\r\n    width: 100%;\r\n    max-width: 260px;\r\n    text-align: center;\r\n    padding: 13px 20px;\r\n    font-size: 0.75rem;\r\n  }\r\n\r\n  \/* Stats \u2014 flow below hero, not absolute *\/\r\n  .fr-stats-overlay {\r\n    position: relative;\r\n    bottom: auto;\r\n    padding: 20px 16px 0;\r\n  }\r\n  .fr-stats-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 0.6rem;\r\n  }\r\n  .fr-stat-card {\r\n    padding: 14px 10px;\r\n    border-radius: 12px;\r\n  }\r\n  .fr-stat-number {\r\n    font-size: 1.3rem;\r\n  }\r\n  .fr-stat-label {\r\n    font-size: 0.58rem;\r\n    letter-spacing: 0.3px;\r\n  }\r\n  .fr-stat-source {\r\n    font-size: 0.5rem;\r\n    margin-top: 0.3rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n  .fr-hero-content .fr-hero-line-large {\r\n    font-size: 1.35rem;\r\n  }\r\n  .fr-stat-number {\r\n    font-size: 1.1rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fr-hero-wrapper\">\r\n  <!-- Video Background -->\r\n  <video class=\"fr-hero-video\" autoplay muted loop playsinline>\r\n    <source src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Fire-ant-hero-video.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <!-- Navigation -->\r\n  <nav class=\"fr-nav\">\r\n    <a href=\"https:\/\/firerant.com.au\/\" class=\"fr-nav-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/FR-logo-scaled.png\" alt=\"Fire Rant Logo\">\r\n    <\/a>\r\n    <div class=\"fr-nav-toggle\" onclick=\"this.nextElementSibling.classList.toggle('active')\">\r\n      <span><\/span>\r\n      <span><\/span>\r\n      <span><\/span>\r\n    <\/div>\r\n    <ul class=\"fr-nav-links\">\r\n      <li><a href=\"https:\/\/firerant.com.au\/?page_id=573\"><i class=\"eicon-map-pin\"><\/i> Map<\/a><\/li>\r\n      <li><a href=\"https:\/\/firerant.com.au\/?page_id=571\"><i class=\"eicon-device-mobile\"><\/i> App<\/a><\/li>\r\n      <li><a href=\"https:\/\/firerant.com.au\/?page_id=392\"><i class=\"eicon-info-circle-o\"><\/i> About<\/a><\/li>\r\n      <li><a href=\"https:\/\/firerant.com.au\/?page_id=575\"><i class=\"eicon-cart\"><\/i> Shop<\/a><\/li>\r\n      <li><a href=\"https:\/\/firerant.com.au\/?page_id=577\"><i class=\"eicon-basket-light\"><\/i> Cart<\/a><\/li>\r\n      <li class=\"fr-nav-cta\"><a href=\"https:\/\/firerant.com.au\/?page_id=571\"><i class=\"eicon-download-bold\"><\/i> Get the App<\/a><\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n\r\n  <!-- Hero Content -->\r\n  <div class=\"fr-hero-content\">\r\n    <p class=\"fr-hero-line-small\">850,000 HECTARES.<\/p>\r\n    <h1 class=\"fr-hero-line-large\">99% OF ALERTS FROM CITIZENS.<\/h1>\r\n    <p class=\"fr-hero-line-small-red\">THIS IS FIRE RANT.<\/p>\r\n    <div class=\"fr-hero-buttons\">\r\n      <a href=\"https:\/\/firerant.com.au\/?page_id=571\" class=\"fr-btn-pill\">Join the Surveillance Network<\/a>\r\n      <a href=\"https:\/\/firerant.com.au\/?page_id=1344\" class=\"fr-btn-pill-outline\">Request a Briefing<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Stats Cards \u2014 Overlayed at bottom -->\r\n  <div class=\"fr-stats-overlay\">\r\n    <div class=\"fr-stats-grid\">\r\n\r\n      <div class=\"fr-stat-card\">\r\n        <p class=\"fr-stat-number\">$22B<\/p>\r\n        <p class=\"fr-stat-label\">Projected damages by 2040s if eradication fails<\/p>\r\n        <p class=\"fr-stat-source\">CSIRO \/ NFAEP<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fr-stat-card\">\r\n        <p class=\"fr-stat-number\">850K ha<\/p>\r\n        <p class=\"fr-stat-label\">Current infestation across SE QLD & Northern NSW<\/p>\r\n        <p class=\"fr-stat-source\">National Program, 2026<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fr-stat-card\">\r\n        <p class=\"fr-stat-number\">8<\/p>\r\n        <p class=\"fr-stat-label\">Distinct incursions successfully eradicated<\/p>\r\n        <p class=\"fr-stat-source\">Unmatched globally<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fr-stat-card\">\r\n        <p class=\"fr-stat-number\">174K<\/p>\r\n        <p class=\"fr-stat-label\">Projected allergic reactions annually if endemic<\/p>\r\n        <p class=\"fr-stat-source\">Health Impact Assessment<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bde671d elementor-widget elementor-widget-html\" data-id=\"bde671d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ELEMENTOR WELCOME SECTION WIDGET VERSION\r\n  Paste everything in this file into one Elementor HTML widget.\r\n  It keeps the welcome\/about section and updates the iPhone to the corrected app demo.\r\n-->\r\n\r\n<!-- ============================================\r\n     FIRE RANT - WELCOME \/ ABOUT SECTION\r\n     2-column section with corrected interactive iPhone demo\r\n     Paste into an Elementor HTML widget\r\n============================================ -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n\r\n.fr-welcome {\r\n  background: #0a0a0a;\r\n  padding: 80px 40px;\r\n  font-family: Inter, -apple-system, Arial, sans-serif;\r\n}\r\n\r\n.fr-welcome * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.fr-welcome-grid {\r\n  display: grid;\r\n  grid-template-columns: minmax(280px, 1fr) minmax(360px, 1fr);\r\n  gap: 4rem;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  align-items: center;\r\n}\r\n\r\n.fr-welcome-text .fr-label {\r\n  color: #ff3b3b;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin: 0 0 0.5rem;\r\n}\r\n\r\n.fr-welcome-text h2 {\r\n  color: #fff;\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  margin: 0 0 1.5rem;\r\n  line-height: 1.15;\r\n}\r\n\r\n.fr-welcome-divider {\r\n  width: 60px;\r\n  height: 3px;\r\n  background: #ff3b3b;\r\n  margin: 0 0 1.5rem;\r\n}\r\n\r\n.fr-welcome-text p {\r\n  color: rgba(255,255,255,0.75);\r\n  font-size: 1rem;\r\n  line-height: 1.85;\r\n  margin: 0 0 1.5rem;\r\n}\r\n\r\n.fr-welcome-text em {\r\n  color: rgba(255,255,255,0.9);\r\n}\r\n\r\n.fr-welcome-text .fr-tagline {\r\n  color: #ff3b3b;\r\n  font-weight: 700;\r\n  font-size: 1.1rem;\r\n  margin-top: 1.5rem;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.fr-welcome-demo-root {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.fr-welcome-demo-root .fr-phone-only-demo {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.fr-welcome-demo-root .fr-flow-stage {\r\n  min-width: 360px;\r\n  min-height: 760px;\r\n}\r\n\r\n@media (max-width: 980px) {\r\n  .fr-welcome-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 3rem;\r\n  }\r\n\r\n  .fr-welcome-text {\r\n    text-align: center;\r\n  }\r\n\r\n  .fr-welcome-divider {\r\n    margin: 0 auto 1.5rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fr-welcome {\r\n    padding: 60px 16px;\r\n  }\r\n\r\n  .fr-welcome-demo-root .fr-flow-stage {\r\n    min-width: 0;\r\n    width: 100%;\r\n    min-height: 660px;\r\n  }\r\n}\r\n\r\n.fr-original-section {\r\n  background: #0a0a0a;\r\n  padding: 80px 40px;\r\n  font-family: Inter, -apple-system, Arial, sans-serif;\r\n}\r\n\r\n.fr-original-section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.fr-flow-stage {\r\n  display: grid;\r\n  place-items: center;\r\n  min-width: 360px;\r\n  min-height: 760px;\r\n}\r\n\r\n.fr-flow-screen {\r\n  display: none;\r\n  width: 100%;\r\n}\r\n\r\n.fr-flow-screen.fr-flow-active {\r\n  display: block;\r\n}\r\n\r\n.fr-flow-screen > style,\r\n.fr-flow-screen > link {\r\n  display: none;\r\n}\r\n\r\n.fr-flow-screen a,\r\n.fr-flow-screen button,\r\n.fr-flow-screen [class*=\"nav\"],\r\n.fr-flow-screen [class*=\"btn\"],\r\n.fr-flow-screen [class*=\"shutter\"],\r\n.fr-flow-screen [class*=\"grid-icon\"],\r\n.fr-flow-screen [class*=\"report\"],\r\n.fr-flow-screen [class*=\"link\"] {\r\n  cursor: pointer;\r\n}\r\n\r\n.fr-flow-stage .fas {\r\n  line-height: 1;\r\n  text-align: center;\r\n}\r\n\r\n.fr-flow-stage .fr-m-nav-icon,\r\n.fr-flow-stage .fr-ai-nav-icon,\r\n.fr-flow-stage .frps-nav-item,\r\n.fr-flow-stage .fr-prof-nav-icon,\r\n.fr-flow-stage .fr-kb-nav-icon,\r\n.fr-flow-stage .fr-rp-nav-icon,\r\n.fr-flow-stage .fr-m-nav-camera,\r\n.fr-flow-stage .fr-ai-nav-camera,\r\n.fr-flow-stage .frps-bnav-cam,\r\n.fr-flow-stage .fr-prof-nav-camera,\r\n.fr-flow-stage .fr-kb-nav-camera,\r\n.fr-flow-stage .fr-rp-nav-camera {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  line-height: 1 !important;\r\n}\r\n\r\n.fr-flow-stage .fr-m-nav-icon.n-reports { left: 88px !important; }\r\n.fr-flow-stage .fr-m-nav-icon.n-articles { right: 88px !important; }\r\n\r\n.fr-flow-stage .frhs-phone,\r\n.fr-flow-stage .fr-flow-loading-phone,\r\n.fr-flow-stage .fr-mockup-phone,\r\n.fr-flow-stage .fr-cam-mockup-phone,\r\n.fr-flow-stage .fr-scan-mockup-phone,\r\n.fr-flow-stage .fr-ai-mockup-phone,\r\n.fr-flow-stage .frcr-phone,\r\n.fr-flow-stage .frps-phone,\r\n.fr-flow-stage .fr-prof-mockup-phone,\r\n.fr-flow-stage .fr-kb-mockup-phone,\r\n.fr-flow-stage .fr-reports-mockup-phone {\r\n  width: 320px !important;\r\n  height: 640px !important;\r\n}\r\n\r\n.fr-flow-stage .fr-m-nav-icon i,\r\n.fr-flow-stage .fr-m-nav-camera i {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  line-height: 1;\r\n}\r\n\r\n.fr-flow-loading-wrap {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 50px 20px;\r\n  background: #0a0a0a;\r\n}\r\n\r\n.fr-flow-loading-phone {\r\n  position: relative;\r\n  width: 320px;\r\n  height: 640px;\r\n  background: #000;\r\n  border-radius: 44px;\r\n  border: 4px solid #2a2a2a;\r\n  box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n  overflow: hidden;\r\n  font-family: Inter, -apple-system, Arial, sans-serif;\r\n}\r\n\r\n.fr-flow-loading-content {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 26px;\r\n  padding-top: 10px;\r\n}\r\n\r\n.fr-flow-loader-mark {\r\n  width: 44px;\r\n  height: 52px;\r\n  color: #ff3b3b;\r\n}\r\n\r\n.fr-flow-loader-mark img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: contain;\r\n}\r\n\r\n.fr-flow-loader-bar {\r\n  width: 160px;\r\n  height: 4px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.12);\r\n  overflow: hidden;\r\n}\r\n\r\n.fr-flow-loader-fill {\r\n  width: 0%;\r\n  height: 100%;\r\n  border-radius: inherit;\r\n  background: #ff3b3b;\r\n}\r\n\r\n.fr-flow-loader-fill.animate {\r\n  animation: frFlowLoad 2.1s ease-in-out forwards;\r\n}\r\n\r\n@keyframes frFlowLoad {\r\n  0% { width: 0%; }\r\n  55% { width: 64%; }\r\n  100% { width: 100%; }\r\n}\r\n\r\n.fr-flow-loader-text {\r\n  color: rgba(255,255,255,0.68);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  margin: -12px 0 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fr-original-section {\r\n    padding: 60px 16px;\r\n  }\r\n\r\n  .fr-flow-stage .frhs-phone,\r\n  .fr-flow-stage .fr-flow-loading-phone,\r\n  .fr-flow-stage .fr-mockup-phone,\r\n  .fr-flow-stage .fr-cam-mockup-phone,\r\n  .fr-flow-stage .fr-scan-mockup-phone,\r\n  .fr-flow-stage .fr-ai-mockup-phone,\r\n  .fr-flow-stage .frcr-phone,\r\n  .fr-flow-stage .frps-phone,\r\n  .fr-flow-stage .fr-prof-mockup-phone,\r\n  .fr-flow-stage .fr-kb-mockup-phone,\r\n  .fr-flow-stage .fr-reports-mockup-phone {\r\n    width: 300px !important;\r\n    height: 600px !important;\r\n  }\r\n\r\n  .fr-flow-stage {\r\n    min-width: 0;\r\n    width: 100%;\r\n    min-height: 660px;\r\n  }\r\n}\r\n\r\n\r\n.fr-phone-only-section {\r\n  padding: 40px 20px;\r\n}\r\n\r\n.fr-phone-only-demo {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.fr-phone-only-section .fr-flow-stage {\r\n  min-width: 360px;\r\n  min-height: 760px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fr-phone-only-section {\r\n    padding: 30px 10px;\r\n  }\r\n\r\n  .fr-phone-only-section .fr-flow-stage {\r\n    min-width: 0;\r\n    width: 100%;\r\n    min-height: 660px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"fr-welcome\">\r\n  <div class=\"fr-welcome-grid\">\r\n    <div class=\"fr-welcome-text\">\r\n      <p class=\"fr-label\">Fire Rant Platform<\/p>\r\n      <h2>AMPLIFYING WORLD-LEADING SCIENCE<\/h2>\r\n      <div class=\"fr-welcome-divider\"><\/div>\r\n      <p>\r\n        Australia has achieved what no other nation has accomplished &mdash; the successful eradication of eight genetically distinct\r\n        <em>Solenopsis invicta<\/em> incursions. This represents the absolute gold standard in global invasive species management.\r\n        The National Fire Ant Eradication Program embodies decades of world-leading biosecurity science, precision chemistry,\r\n        and nationally coordinated investment.\r\n      <\/p>\r\n      <p>\r\n        FIRE RANT does not replace this effort. It amplifies it. The May 2026 Independent Review identified community engagement\r\n        and surveillance coverage as the critical operational gap standing between Australia and continental eradication by 2032.\r\n        FIRE RANT operationalises citizen biosecurity intelligence &mdash; geo-tagged, AI-validated, evidence-based reporting that extends\r\n        surveillance capacity beyond what government resources alone can achieve.\r\n      <\/p>\r\n      <p class=\"fr-tagline\">Surveil. Report. Eradicate. The window is still open.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fr-welcome-demo-root\" id=\"frOriginalDemoSection\">\r\n  <div class=\"fr-phone-only-demo\">\r\n    <div class=\"fr-flow-stage\" aria-live=\"polite\">\r\n      <div class=\"fr-flow-screen fr-flow-active\" data-fr-screen=\"iphone\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 iPHONE HOME SCREEN MOCKUP\r\n                   Standalone widget showing the iOS home screen\r\n                   with blurred wallpaper, clock widget, app grid, dock\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .frhs-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 60px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .frhs-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #000;\r\n                border-radius: 44px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Blurred Wallpaper *\/\r\n              .frhs-phone::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; left: 0; right: 0; bottom: 0;\r\n                width: 100%; height: 100%;\r\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-12-2025-10_59_33-PM-2-1.png');\r\n                background-size: cover;\r\n                background-position: center;\r\n                filter: blur(12px);\r\n                transform: scale(1.1);\r\n                z-index: 0;\r\n              }\r\n              \r\n              .frhs-phone::after {\r\n                content: '';\r\n                position: absolute;\r\n                inset: 0;\r\n                background: rgba(0,0,0,0.35);\r\n                z-index: 1;\r\n              }\r\n              \r\n              \/* Status Bar *\/\r\n              .frhs-status {\r\n                position: absolute;\r\n                top: 14px;\r\n                left: 0;\r\n                right: 0;\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                padding: 0 24px;\r\n                font-size: 10px;\r\n                color: #fff;\r\n                font-weight: 700;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .frhs-status-r {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              .frhs-dynamic-island {\r\n                width: 100px;\r\n                height: 28px;\r\n                background: #000;\r\n                border-radius: 20px;\r\n                margin: 0 auto;\r\n              }\r\n              \r\n              \/* Content *\/\r\n              .frhs-content {\r\n                position: relative;\r\n                z-index: 5;\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                padding: 50px 16px 100px;\r\n                height: 100%;\r\n                box-sizing: border-box;\r\n                gap: 14px;\r\n              }\r\n              \r\n              \/* Hero Widget (Clock) *\/\r\n              .frhs-widget {\r\n                width: 100%;\r\n                height: 200px;\r\n                border-radius: 22px;\r\n                overflow: hidden;\r\n                position: relative;\r\n                background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\r\n                border: 1px solid rgba(255,255,255,0.08);\r\n              }\r\n              \r\n              .frhs-widget-bg {\r\n                position: absolute;\r\n                inset: 0;\r\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-13-2025-10_39_07-PM.png');\r\n                background-size: cover;\r\n                background-position: center;\r\n                opacity: 0.15;\r\n              }\r\n              \r\n              .frhs-widget-content {\r\n                position: relative;\r\n                z-index: 2;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                align-items: center;\r\n                height: 100%;\r\n                padding: 20px;\r\n              }\r\n              \r\n              .frhs-widget-label {\r\n                font-size: 10px;\r\n                font-weight: 700;\r\n                color: rgba(255,255,255,0.5);\r\n                text-transform: uppercase;\r\n                letter-spacing: 1.5px;\r\n                margin: 0 0 6px;\r\n              }\r\n              \r\n              .frhs-widget-time {\r\n                font-size: 48px;\r\n                font-weight: 200;\r\n                color: #fff;\r\n                margin: 0;\r\n                line-height: 1;\r\n              }\r\n              \r\n              .frhs-widget-date {\r\n                font-size: 11px;\r\n                font-weight: 500;\r\n                color: rgba(255,255,255,0.5);\r\n                margin: 8px 0 0;\r\n              }\r\n              \r\n              \/* App Grid *\/\r\n              .frhs-grid {\r\n                display: grid;\r\n                grid-template-columns: repeat(4, 1fr);\r\n                gap: 14px 10px;\r\n                width: 100%;\r\n                padding: 8px 6px;\r\n              }\r\n              \r\n              .frhs-grid-item {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 5px;\r\n              }\r\n              \r\n              .frhs-grid-icon {\r\n                width: 52px;\r\n                height: 52px;\r\n                border-radius: 13px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                overflow: hidden;\r\n                background: rgba(255,255,255,0.12);\r\n                border: 1px solid rgba(255,255,255,0.1);\r\n                backdrop-filter: blur(10px);\r\n                transition: transform 0.2s;\r\n              }\r\n              \r\n              .frhs-grid-icon:hover {\r\n                transform: scale(1.08);\r\n              }\r\n              \r\n              .frhs-grid-icon i {\r\n                font-size: 20px;\r\n                color: #fff;\r\n              }\r\n              \r\n              .frhs-grid-icon img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n              }\r\n              \r\n              .frhs-grid-icon.firerant {\r\n                background: none;\r\n                border: none;\r\n                box-shadow: 0 4px 18px rgba(255,59,59,0.4);\r\n              }\r\n              \r\n              .frhs-grid-name {\r\n                font-size: 9px;\r\n                font-weight: 500;\r\n                color: rgba(255,255,255,0.7);\r\n                text-align: center;\r\n              }\r\n              \r\n              .frhs-grid-name.hl {\r\n                color: #ff3b3b;\r\n                font-weight: 700;\r\n              }\r\n              \r\n              \/* Dock *\/\r\n              .frhs-dock {\r\n                position: absolute;\r\n                bottom: 30px;\r\n                left: 20px;\r\n                right: 20px;\r\n                z-index: 30;\r\n                display: grid;\r\n                grid-template-columns: repeat(4, 1fr);\r\n                gap: 8px;\r\n                padding: 10px 14px;\r\n                background: rgba(255,255,255,0.08);\r\n                backdrop-filter: blur(20px);\r\n                border-radius: 22px;\r\n                border: 1px solid rgba(255,255,255,0.06);\r\n              }\r\n              \r\n              .frhs-dock-icon {\r\n                width: 46px;\r\n                height: 46px;\r\n                border-radius: 12px;\r\n                margin: 0 auto;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                background: rgba(255,255,255,0.12);\r\n                border: 1px solid rgba(255,255,255,0.1);\r\n              }\r\n              \r\n              .frhs-dock-icon i {\r\n                font-size: 18px;\r\n                color: #fff;\r\n              }\r\n              <\/style>\r\n              \r\n              <div class=\"frhs-wrap\">\r\n                <div class=\"frhs-phone\">\r\n              \r\n                  <!-- Status Bar -->\r\n                  <div class=\"frhs-status\">\r\n                    <span>2:34<\/span>\r\n                    <div class=\"frhs-dynamic-island\"><\/div>\r\n                    <span class=\"frhs-status-r\">5G&nbsp;&nbsp;77%<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Content -->\r\n                  <div class=\"frhs-content\">\r\n              \r\n                    <!-- Clock Widget -->\r\n                    <div class=\"frhs-widget\">\r\n                      <div class=\"frhs-widget-bg\"><\/div>\r\n                      <div class=\"frhs-widget-content\">\r\n                        <p class=\"frhs-widget-label\">Fire Rant<\/p>\r\n                        <p class=\"frhs-widget-time\">2:34 PM<\/p>\r\n                        <p class=\"frhs-widget-date\">Tuesday, June 24<\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- App Grid -->\r\n                    <div class=\"frhs-grid\">\r\n                      <div class=\"frhs-grid-item\">\r\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-camera\"><\/i><\/div>\r\n                        <span class=\"frhs-grid-name\">Camera<\/span>\r\n                      <\/div>\r\n                      <div class=\"frhs-grid-item\">\r\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\r\n                        <span class=\"frhs-grid-name\">Calendar<\/span>\r\n                      <\/div>\r\n                      <div class=\"frhs-grid-item\">\r\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-music\"><\/i><\/div>\r\n                        <span class=\"frhs-grid-name\">Music<\/span>\r\n                      <\/div>\r\n                      <div class=\"frhs-grid-item\">\r\n                        <div class=\"frhs-grid-icon firerant\"><img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-13-2025-10_39_07-PM.png\" alt=\"Fire Rant\"><\/div>\r\n                        <span class=\"frhs-grid-name hl\">Fire Rant<\/span>\r\n                      <\/div>\r\n                      <div class=\"frhs-grid-item\">\r\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-cloud-sun\"><\/i><\/div>\r\n                        <span class=\"frhs-grid-name\">Weather<\/span>\r\n                      <\/div>\r\n                      <div class=\"frhs-grid-item\">\r\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n                        <span class=\"frhs-grid-name\">Safari<\/span>\r\n                      <\/div>\r\n                      <div class=\"frhs-grid-item\">\r\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-sticky-note\"><\/i><\/div>\r\n                        <span class=\"frhs-grid-name\">Notes<\/span>\r\n                      <\/div>\r\n                      <div class=\"frhs-grid-item\">\r\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n                        <span class=\"frhs-grid-name\">Maps<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                  <\/div>\r\n              \r\n                  <!-- Dock -->\r\n                  <div class=\"frhs-dock\">\r\n                    <div class=\"frhs-dock-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n                    <div class=\"frhs-dock-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n                    <div class=\"frhs-dock-icon\"><i class=\"fas fa-comment\"><\/i><\/div>\r\n                    <div class=\"frhs-dock-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"loading\">\r\n                <div class=\"fr-flow-loading-wrap\">\r\n                  <div class=\"fr-flow-loading-phone\">\r\n                    <div class=\"fr-flow-loading-content\">\r\n                      <div class=\"fr-flow-loader-mark\" aria-hidden=\"true\">\r\n                        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-13-2025-10_39_07-PM.png\" alt=\"\">\r\n                      <\/div>\r\n                      <div class=\"fr-flow-loader-bar\">\r\n                        <div class=\"fr-flow-loader-fill\" id=\"frFlowLoaderFill\"><\/div>\r\n                      <\/div>\r\n                      <p class=\"fr-flow-loader-text\">Loading Fire Rant...<\/p>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"app\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 APP HOME SCREEN MOCKUP\r\n                   Static display using Elementor icons\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .fr-mockup-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 50px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .fr-mockup-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #000;\r\n                border-radius: 48px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 30px 80px rgba(0,0,0,.8);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Status Bar *\/\r\n              .fr-m-status {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                padding: 14px 24px 0;\r\n                font-size: 10px;\r\n                color: #fff;\r\n                font-weight: 700;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-m-status-right {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              .fr-m-island {\r\n                width: 110px;\r\n                height: 28px;\r\n                background: #000;\r\n                border-radius: 20px;\r\n                margin: 0 auto;\r\n                border: 1.5px solid #ff3b3b;\r\n                display: flex;\r\n                align-items: center;\r\n                padding: 0 12px;\r\n              }\r\n              \r\n              .fr-m-island img {\r\n                width: 16px;\r\n                height: 16px;\r\n                object-fit: contain;\r\n              }\r\n              \r\n              \/* Scrollable Content *\/\r\n              .fr-m-content {\r\n                position: absolute;\r\n                inset: 0;\r\n                overflow-y: auto;\r\n                padding: 54px 20px 130px;\r\n                scrollbar-width: none;\r\n              }\r\n              \r\n              .fr-m-content::-webkit-scrollbar { display: none; }\r\n              \r\n              \/* Greeting *\/\r\n              .fr-m-greeting {\r\n                font-size: 24px;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin: 16px 0 12px;\r\n                line-height: 1.2;\r\n              }\r\n              \r\n              \/* Points Pill *\/\r\n              .fr-m-points {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: 6px;\r\n                background: #1b0706;\r\n                color: #ff3b3b;\r\n                padding: 8px 14px;\r\n                border-radius: 999px;\r\n                font-size: 13px;\r\n                font-weight: 800;\r\n                margin-bottom: 28px;\r\n              }\r\n              \r\n              \/* Section *\/\r\n              .fr-m-section {\r\n                margin-bottom: 26px;\r\n              }\r\n              \r\n              .fr-m-section-title {\r\n                font-size: 16px;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin: 0 0 14px;\r\n              }\r\n              \r\n              \/* Report Cards *\/\r\n              .fr-m-report {\r\n                display: grid;\r\n                grid-template-columns: 50px 1fr 14px;\r\n                align-items: center;\r\n                gap: 12px;\r\n                padding: 10px;\r\n                margin-bottom: 10px;\r\n                background: rgba(255,255,255,0.03);\r\n                border-radius: 12px;\r\n                border: 1px solid rgba(255,255,255,0.06);\r\n              }\r\n              \r\n              .fr-m-thumb {\r\n                width: 50px;\r\n                height: 50px;\r\n                border-radius: 10px;\r\n                background: linear-gradient(135deg, #2a1a0a, #1a0a00);\r\n              }\r\n              \r\n              .fr-m-report-title {\r\n                font-size: 14px;\r\n                font-weight: 700;\r\n                color: #fff;\r\n                margin: 0 0 3px;\r\n              }\r\n              \r\n              .fr-m-report-sub {\r\n                font-size: 11px;\r\n                color: rgba(255,255,255,0.45);\r\n                margin: 0;\r\n              }\r\n              \r\n              .fr-m-chevron {\r\n                color: rgba(255,255,255,0.3);\r\n                font-size: 16px;\r\n              }\r\n              \r\n              \/* Red Link *\/\r\n              .fr-m-red-link {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: 6px;\r\n                color: #ff3b3b;\r\n                font-size: 13px;\r\n                font-weight: 700;\r\n                text-decoration: none;\r\n                margin-top: 6px;\r\n              }\r\n              \r\n              .fr-m-red-link i {\r\n                font-size: 12px;\r\n              }\r\n              \r\n              \/* Leaderboard *\/\r\n              .fr-m-leader {\r\n                display: grid;\r\n                grid-template-columns: 30px 1fr auto;\r\n                align-items: center;\r\n                gap: 10px;\r\n                margin-bottom: 12px;\r\n              }\r\n              \r\n              .fr-m-rank {\r\n                font-size: 14px;\r\n                font-weight: 800;\r\n                color: rgba(255,255,255,0.35);\r\n              }\r\n              \r\n              .fr-m-rank.gold { color: #ffb000; }\r\n              \r\n              .fr-m-name {\r\n                font-size: 15px;\r\n                font-weight: 600;\r\n                color: #fff;\r\n              }\r\n              \r\n              .fr-m-score {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: 4px;\r\n                background: #1b0706;\r\n                color: #ff3b3b;\r\n                padding: 6px 10px;\r\n                border-radius: 999px;\r\n                font-size: 11px;\r\n                font-weight: 800;\r\n              }\r\n              \r\n              \/* Articles Preview *\/\r\n              .fr-m-article-row {\r\n                display: grid;\r\n                grid-template-columns: 50px 1fr 14px;\r\n                align-items: center;\r\n                gap: 12px;\r\n                padding: 10px;\r\n                margin-bottom: 10px;\r\n                background: rgba(255,255,255,0.03);\r\n                border-radius: 12px;\r\n                border: 1px solid rgba(255,255,255,0.06);\r\n              }\r\n              \r\n              .fr-m-article-thumb {\r\n                width: 50px;\r\n                height: 50px;\r\n                border-radius: 10px;\r\n                background: linear-gradient(135deg, #1a0a00, #3a1a0a);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-size: 18px;\r\n                color: rgba(255,255,255,0.3);\r\n              }\r\n              \r\n              \/* Bottom Nav *\/\r\n              .fr-m-nav {\r\n                position: absolute;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                height: 120px;\r\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\r\n                background-repeat: no-repeat;\r\n                background-position: bottom center;\r\n                background-size: 100% auto;\r\n                z-index: 20;\r\n              }\r\n              \r\n              .fr-m-nav-icon {\r\n                position: absolute;\r\n                bottom: 24px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: rgba(255,255,255,0.72);\r\n                z-index: 25;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n\r\n              .fr-m-nav-icon svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.5;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              .fr-m-nav-icon.n-home { left: 30px; color: #fff; }\r\n              .fr-m-nav-icon.n-reports { left: 88px; }\r\n              .fr-m-nav-icon.n-articles { right: 88px; }\r\n              .fr-m-nav-icon.n-profile { right: 30px; }\r\n              \r\n              .fr-m-nav-camera {\r\n                position: absolute;\r\n                left: 50%;\r\n                top: 58%;\r\n                transform: translate(-50%, -50%);\r\n                margin-top: -16px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: #fff;\r\n                z-index: 26;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n\r\n              .fr-m-nav-camera svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.6;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              \/* Responsive *\/\r\n              @media (max-width: 768px) {\r\n                .fr-mockup-wrap {\r\n                  padding: 30px 10px;\r\n                }\r\n                .fr-mockup-phone {\r\n                  width: 300px;\r\n                  height: 600px;\r\n                }\r\n              }\r\n              <\/style>\r\n              \r\n              <div class=\"fr-mockup-wrap\">\r\n                <div class=\"fr-mockup-phone\">\r\n              \r\n                  <!-- Status Bar -->\r\n                  <div class=\"fr-m-status\">\r\n                    <span>2:34<\/span>\r\n                    <div class=\"fr-m-island\">\r\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\r\n                    <\/div>\r\n                    <span class=\"fr-m-status-right\">5G&nbsp;&nbsp;77%<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Scrollable Content -->\r\n                  <div class=\"fr-m-content\">\r\n              \r\n                    <!-- Greeting -->\r\n                    <p class=\"fr-m-greeting\">Good afternoon,<br>James<\/p>\r\n                    <div class=\"fr-m-points\"><i class=\"fas fa-star\" aria-hidden=\"true\"><\/i> 660 points<\/div>\r\n              \r\n                    <!-- Recent Reports -->\r\n                    <div class=\"fr-m-section\">\r\n                      <p class=\"fr-m-section-title\">Recent reports<\/p>\r\n              \r\n                      <div class=\"fr-m-report\">\r\n                        <div class=\"fr-m-thumb\"><\/div>\r\n                        <div>\r\n                          <p class=\"fr-m-report-title\">more ants<\/p>\r\n                          <p class=\"fr-m-report-sub\">May 21, 2026<\/p>\r\n                        <\/div>\r\n                        <i class=\"fas fa-chevron-right fr-m-chevron\" aria-hidden=\"true\"><\/i>\r\n                      <\/div>\r\n              \r\n                      <div class=\"fr-m-report\">\r\n                        <div class=\"fr-m-thumb\"><\/div>\r\n                        <div>\r\n                          <p class=\"fr-m-report-title\">rwport<\/p>\r\n                          <p class=\"fr-m-report-sub\">test \u00b7 Feb 23, 2026<\/p>\r\n                        <\/div>\r\n                        <i class=\"fas fa-chevron-right fr-m-chevron\" aria-hidden=\"true\"><\/i>\r\n                      <\/div>\r\n              \r\n                      <a class=\"fr-m-red-link\" href=\"#\"><i class=\"fas fa-bars\" aria-hidden=\"true\"><\/i> All reports<\/a>\r\n                    <\/div>\r\n              \r\n                    <!-- Leaderboard -->\r\n                    <div class=\"fr-m-section\">\r\n                      <p class=\"fr-m-section-title\">Leaderboard<\/p>\r\n              \r\n                      <div class=\"fr-m-leader\">\r\n                        <span class=\"fr-m-rank gold\">#1<\/span>\r\n                        <span class=\"fr-m-name\">Jeremy<\/span>\r\n                        <span class=\"fr-m-score\"><i class=\"fas fa-star\" aria-hidden=\"true\"><\/i> 660<\/span>\r\n                      <\/div>\r\n              \r\n                      <div class=\"fr-m-leader\">\r\n                        <span class=\"fr-m-rank\">#2<\/span>\r\n                        <span class=\"fr-m-name\">Henry1<\/span>\r\n                        <span class=\"fr-m-score\"><i class=\"fas fa-star\" aria-hidden=\"true\"><\/i> 130<\/span>\r\n                      <\/div>\r\n              \r\n                      <a class=\"fr-m-red-link\" href=\"#\"><i class=\"fas fa-chart-bar\" aria-hidden=\"true\"><\/i> See full leaderboard<\/a>\r\n                    <\/div>\r\n              \r\n                    <!-- Articles -->\r\n                    <div class=\"fr-m-section\">\r\n                      <p class=\"fr-m-section-title\">Articles<\/p>\r\n              \r\n                      <div class=\"fr-m-article-row\">\r\n                        <div class=\"fr-m-article-thumb\"><i class=\"fas fa-info-circle\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <div>\r\n                          <p class=\"fr-m-report-title\">How to deal with ants<\/p>\r\n                          <p class=\"fr-m-report-sub\">Prevention and Control<\/p>\r\n                        <\/div>\r\n                        <i class=\"fas fa-chevron-right fr-m-chevron\" aria-hidden=\"true\"><\/i>\r\n                      <\/div>\r\n              \r\n                      <div class=\"fr-m-article-row\">\r\n                        <div class=\"fr-m-article-thumb\"><i class=\"fas fa-search\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <div>\r\n                          <p class=\"fr-m-report-title\">How to identify fire ants<\/p>\r\n                          <p class=\"fr-m-report-sub\">Fire Ant Identification<\/p>\r\n                        <\/div>\r\n                        <i class=\"fas fa-chevron-right fr-m-chevron\" aria-hidden=\"true\"><\/i>\r\n                      <\/div>\r\n              \r\n                      <a class=\"fr-m-red-link\" href=\"#\"><i class=\"fas fa-file-alt\" aria-hidden=\"true\"><\/i> See all articles<\/a>\r\n                    <\/div>\r\n              \r\n                  <\/div>\r\n              \r\n                  <!-- Bottom Nav -->\r\n                  <div class=\"fr-m-nav\">\r\n                    <div class=\"fr-m-nav-icon n-home\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\r\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-m-nav-icon n-reports\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M8 4h8\"><\/path>\r\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\r\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\r\n                        <path d=\"M8 11h8\"><\/path>\r\n                        <path d=\"M8 15h8\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-m-nav-camera\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M7 7h2l1.5-2h3L15 7h2a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-m-nav-icon n-articles\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\r\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-m-nav-icon n-profile\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\r\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"camera\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 APP CAMERA SCREEN MOCKUP\r\n                   Live video viewfinder with capture UI\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .fr-cam-mockup-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 50px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .fr-cam-mockup-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #000;\r\n                border-radius: 44px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Video Background *\/\r\n              .fr-cam-video-bg {\r\n                position: absolute;\r\n                inset: 0;\r\n                z-index: 0;\r\n              }\r\n              \r\n              .fr-cam-video-bg video {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n              }\r\n              \r\n              \/* Status Bar *\/\r\n              .fr-cam-status {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                padding: 14px 24px 0;\r\n                font-size: 10px;\r\n                color: #fff;\r\n                font-weight: 700;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-cam-status-right {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              .fr-cam-island {\r\n                width: 140px;\r\n                height: 34px;\r\n                background: #000;\r\n                border-radius: 999px;\r\n                margin: 0 auto;\r\n                border: 1.5px solid #ff3b3b;\r\n                display: flex;\r\n                align-items: center;\r\n                padding: 0 14px;\r\n              }\r\n              \r\n              .fr-cam-island img {\r\n                width: 18px;\r\n                height: 18px;\r\n                object-fit: contain;\r\n              }\r\n              \r\n              \/* Top Controls *\/\r\n              .fr-cam-top-controls {\r\n                position: absolute;\r\n                top: 60px;\r\n                left: 20px;\r\n                right: 20px;\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-cam-top-btn {\r\n                width: 36px;\r\n                height: 36px;\r\n                border-radius: 50%;\r\n                background: rgba(0,0,0,0.4);\r\n                backdrop-filter: blur(10px);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                color: #fff;\r\n                font-size: 14px;\r\n              }\r\n              \r\n              \/* Viewfinder Overlay *\/\r\n              .fr-cam-viewfinder {\r\n                position: absolute;\r\n                top: 50%;\r\n                left: 50%;\r\n                transform: translate(-50%, -50%);\r\n                width: 220px;\r\n                height: 220px;\r\n                border: 2px solid rgba(255,59,59,0.5);\r\n                border-radius: 16px;\r\n                z-index: 5;\r\n              }\r\n              \r\n              .fr-cam-viewfinder::before,\r\n              .fr-cam-viewfinder::after {\r\n                content: '';\r\n                position: absolute;\r\n                width: 30px;\r\n                height: 30px;\r\n                border-color: #ff3b3b;\r\n                border-style: solid;\r\n              }\r\n              \r\n              .fr-cam-viewfinder::before {\r\n                top: -2px;\r\n                left: -2px;\r\n                border-width: 3px 0 0 3px;\r\n                border-radius: 16px 0 0 0;\r\n              }\r\n              \r\n              .fr-cam-viewfinder::after {\r\n                top: -2px;\r\n                right: -2px;\r\n                border-width: 3px 3px 0 0;\r\n                border-radius: 0 16px 0 0;\r\n              }\r\n              \r\n              .fr-cam-corner-bl,\r\n              .fr-cam-corner-br {\r\n                position: absolute;\r\n                width: 30px;\r\n                height: 30px;\r\n                border-color: #ff3b3b;\r\n                border-style: solid;\r\n              }\r\n              \r\n              .fr-cam-corner-bl {\r\n                bottom: -2px;\r\n                left: -2px;\r\n                border-width: 0 0 3px 3px;\r\n                border-radius: 0 0 0 16px;\r\n              }\r\n              \r\n              .fr-cam-corner-br {\r\n                bottom: -2px;\r\n                right: -2px;\r\n                border-width: 0 3px 3px 0;\r\n                border-radius: 0 0 16px 0;\r\n              }\r\n              \r\n              \/* Scan hint *\/\r\n              .fr-cam-hint {\r\n                position: absolute;\r\n                top: 110px;\r\n                left: 0;\r\n                right: 0;\r\n                text-align: center;\r\n                z-index: 10;\r\n                color: rgba(255,255,255,0.7);\r\n                font-size: 12px;\r\n                font-weight: 600;\r\n                letter-spacing: 0.5px;\r\n              }\r\n              \r\n              \/* AI Badge *\/\r\n              .fr-cam-ai-badge {\r\n                position: absolute;\r\n                bottom: 220px;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 6px;\r\n                background: rgba(0,0,0,0.5);\r\n                backdrop-filter: blur(10px);\r\n                padding: 8px 14px;\r\n                border-radius: 999px;\r\n                border: 1px solid rgba(255,59,59,0.2);\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-cam-ai-badge i {\r\n                color: #ff3b3b;\r\n                font-size: 12px;\r\n              }\r\n              \r\n              .fr-cam-ai-badge span {\r\n                color: rgba(255,255,255,0.8);\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              \/* Bottom Controls *\/\r\n              .fr-cam-bottom {\r\n                position: absolute;\r\n                bottom: 30px;\r\n                left: 0;\r\n                right: 0;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                gap: 30px;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-cam-gallery-btn {\r\n                width: 44px;\r\n                height: 44px;\r\n                border-radius: 10px;\r\n                background: rgba(255,255,255,0.15);\r\n                backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,0.2);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                color: #fff;\r\n                font-size: 16px;\r\n              }\r\n              \r\n              .fr-cam-shutter {\r\n                width: 68px;\r\n                height: 68px;\r\n                border-radius: 50%;\r\n                background: none;\r\n                border: 4px solid #fff;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                position: relative;\r\n              }\r\n              \r\n              .fr-cam-shutter-inner {\r\n                width: 54px;\r\n                height: 54px;\r\n                border-radius: 50%;\r\n                background: #ff3b3b;\r\n              }\r\n              \r\n              .fr-cam-flip-btn {\r\n                width: 44px;\r\n                height: 44px;\r\n                border-radius: 50%;\r\n                background: rgba(255,255,255,0.15);\r\n                backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,0.2);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                color: #fff;\r\n                font-size: 16px;\r\n              }\r\n              \r\n              \/* Responsive *\/\r\n              @media (max-width: 768px) {\r\n                .fr-cam-mockup-wrap {\r\n                  padding: 30px 10px;\r\n                }\r\n                .fr-cam-mockup-phone {\r\n                  width: 300px;\r\n                  height: 600px;\r\n                }\r\n              }\r\n              <\/style>\r\n              \r\n              <div class=\"fr-cam-mockup-wrap\">\r\n                <div class=\"fr-cam-mockup-phone\">\r\n              \r\n                  <!-- Video Background (viewfinder) -->\r\n                  <div class=\"fr-cam-video-bg\">\r\n                    <video autoplay muted loop playsinline>\r\n                      <source src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Fire-ant-hero-video.mp4\" type=\"video\/mp4\">\r\n                    <\/video>\r\n                  <\/div>\r\n              \r\n                  <!-- Status Bar -->\r\n                  <div class=\"fr-cam-status\">\r\n                    <span>2:34<\/span>\r\n                    <div class=\"fr-cam-island\">\r\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\r\n                    <\/div>\r\n                    <span class=\"fr-cam-status-right\">5G&nbsp;&nbsp;77%<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Top Controls -->\r\n                  <div class=\"fr-cam-top-controls\">\r\n                    <div class=\"fr-cam-top-btn\">\r\n                      <i class=\"fas fa-times\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"fr-cam-top-btn\">\r\n                      <i class=\"fas fa-bolt\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                  <!-- Scan Hint -->\r\n                  <p class=\"fr-cam-hint\"><i class=\"fas fa-crosshairs\" aria-hidden=\"true\"><\/i>&nbsp;&nbsp;Position suspected nest in frame<\/p>\r\n              \r\n                  <!-- Viewfinder Overlay -->\r\n                  <div class=\"fr-cam-viewfinder\">\r\n                    <div class=\"fr-cam-corner-bl\"><\/div>\r\n                    <div class=\"fr-cam-corner-br\"><\/div>\r\n                  <\/div>\r\n              \r\n                  <!-- AI Badge -->\r\n                  <div class=\"fr-cam-ai-badge\">\r\n                    <i class=\"fas fa-brain\" aria-hidden=\"true\"><\/i>\r\n                    <span>AI Detection Active<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Bottom Controls -->\r\n                  <div class=\"fr-cam-bottom\">\r\n                    <div class=\"fr-cam-gallery-btn\">\r\n                      <i class=\"fas fa-images\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"fr-cam-shutter\">\r\n                      <div class=\"fr-cam-shutter-inner\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"fr-cam-flip-btn\">\r\n                      <i class=\"fas fa-sync-alt\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"analyzing\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 APP ANALYZING IMAGE SCREEN\r\n                   Fire ant circle image as spinner\r\n                   Custom icon video plays in center\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .fr-scan-mockup-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 50px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .fr-scan-mockup-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #fff;\r\n                border-radius: 44px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Status Bar *\/\r\n              .fr-scan-status {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                padding: 14px 24px 0;\r\n                font-size: 10px;\r\n                color: #000;\r\n                font-weight: 700;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-scan-status-right {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              .fr-scan-island {\r\n                width: 100px;\r\n                height: 24px;\r\n                background: #000;\r\n                border-radius: 20px;\r\n                margin: 0 auto;\r\n              }\r\n              \r\n              \/* Center Content *\/\r\n              .fr-scan-center {\r\n                position: absolute;\r\n                inset: 0;\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                justify-content: center;\r\n                gap: 24px;\r\n                padding: 40px;\r\n              }\r\n              \r\n              \/* Fire Ant Circle Spinner *\/\r\n              .fr-scan-ant-circle {\r\n                position: relative;\r\n                width: 180px;\r\n                height: 180px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                animation: fr-ant-rotate 12s linear infinite;\r\n              }\r\n              \r\n              @keyframes fr-ant-rotate {\r\n                to { transform: rotate(360deg); }\r\n              }\r\n              \r\n              .fr-scan-ant-circle img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: contain;\r\n              }\r\n              \r\n              \/* Video in center of circle *\/\r\n              .fr-scan-video-center {\r\n                position: absolute;\r\n                top: 50%;\r\n                left: 50%;\r\n                transform: translate(-50%, -50%);\r\n                width: 80px;\r\n                height: 80px;\r\n                border-radius: 50%;\r\n                overflow: hidden;\r\n                z-index: 2;\r\n                box-shadow: 0 4px 20px rgba(255,59,59,0.2);\r\n              }\r\n              \r\n              .fr-scan-video-center video {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n              }\r\n              \r\n              \/* Text *\/\r\n              .fr-scan-title {\r\n                font-size: 18px;\r\n                font-weight: 700;\r\n                color: #111;\r\n                margin: 0;\r\n                text-align: center;\r\n              }\r\n              \r\n              .fr-scan-subtitle {\r\n                font-size: 13px;\r\n                color: rgba(0,0,0,0.5);\r\n                margin: 0;\r\n                text-align: center;\r\n                line-height: 1.5;\r\n              }\r\n              \r\n              \/* Progress dots *\/\r\n              .fr-scan-dots {\r\n                display: flex;\r\n                gap: 8px;\r\n              }\r\n              \r\n              .fr-scan-dot {\r\n                width: 8px;\r\n                height: 8px;\r\n                border-radius: 50%;\r\n                background: rgba(255,59,59,0.2);\r\n                animation: fr-dot-pulse 1.4s ease-in-out infinite;\r\n              }\r\n              \r\n              .fr-scan-dot:nth-child(2) {\r\n                animation-delay: 0.2s;\r\n              }\r\n              \r\n              .fr-scan-dot:nth-child(3) {\r\n                animation-delay: 0.4s;\r\n              }\r\n              \r\n              @keyframes fr-dot-pulse {\r\n                0%, 100% { background: rgba(255,59,59,0.2); transform: scale(1); }\r\n                50% { background: #ff3b3b; transform: scale(1.3); }\r\n              }\r\n              \r\n              \/* Bottom status info *\/\r\n              .fr-scan-info {\r\n                position: absolute;\r\n                bottom: 60px;\r\n                left: 0;\r\n                right: 0;\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 8px;\r\n              }\r\n              \r\n              .fr-scan-info-item {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 6px;\r\n                font-size: 11px;\r\n                color: rgba(0,0,0,0.35);\r\n              }\r\n              \r\n              .fr-scan-info-item i {\r\n                font-size: 10px;\r\n                color: rgba(255,59,59,0.5);\r\n              }\r\n              \r\n              \/* Responsive *\/\r\n              @media (max-width: 768px) {\r\n                .fr-scan-mockup-wrap {\r\n                  padding: 30px 10px;\r\n                }\r\n                .fr-scan-mockup-phone {\r\n                  width: 300px;\r\n                  height: 600px;\r\n                }\r\n              }\r\n              <\/style>\r\n              \r\n              <div class=\"fr-scan-mockup-wrap\">\r\n                <div class=\"fr-scan-mockup-phone\">\r\n              \r\n                  <!-- Status Bar -->\r\n                  <div class=\"fr-scan-status\">\r\n                    <span>1:06<\/span>\r\n                    <div class=\"fr-scan-island\"><\/div>\r\n                    <span class=\"fr-scan-status-right\">5G&nbsp;&nbsp;39%<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Center Content -->\r\n                  <div class=\"fr-scan-center\">\r\n              \r\n                    <!-- Fire Ant Circle (rotating) with Video in center -->\r\n                    <div class=\"fr-scan-ant-circle\">\r\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Fire-Ant-circle--scaled.png\" alt=\"Fire Ant Circle\">\r\n                      <!-- Video playing in the center -->\r\n                      <div class=\"fr-scan-video-center\">\r\n                        <video autoplay muted loop playsinline>\r\n                          <source src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Fire-Rant-Custom-Icons.mp4\" type=\"video\/mp4\">\r\n                        <\/video>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Text -->\r\n                    <p class=\"fr-scan-title\">Analyzing image...<\/p>\r\n                    <p class=\"fr-scan-subtitle\">Please wait while we identify the ant species<\/p>\r\n              \r\n                    <!-- Animated dots -->\r\n                    <div class=\"fr-scan-dots\">\r\n                      <div class=\"fr-scan-dot\"><\/div>\r\n                      <div class=\"fr-scan-dot\"><\/div>\r\n                      <div class=\"fr-scan-dot\"><\/div>\r\n                    <\/div>\r\n              \r\n                  <\/div>\r\n              \r\n                  <!-- Bottom Info -->\r\n                  <div class=\"fr-scan-info\">\r\n                    <div class=\"fr-scan-info-item\">\r\n                      <i class=\"fas fa-brain\" aria-hidden=\"true\"><\/i>\r\n                      <span>AI Model v2.1 \u2014 20,000+ training images<\/span>\r\n                    <\/div>\r\n                    <div class=\"fr-scan-info-item\">\r\n                      <i class=\"fas fa-shield-alt\" aria-hidden=\"true\"><\/i>\r\n                      <span>Processing securely on-device<\/span>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"result\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 APP AI ANALYSIS RESULT SCREEN\r\n                   Full red header matching reference image\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .fr-ai-mockup-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 50px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .fr-ai-mockup-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #000;\r\n                border-radius: 44px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Full Red Header (status bar + title) *\/\r\n              .fr-ai-red-header {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                background: #ff3b3b;\r\n                padding: 14px 24px 14px;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-ai-red-status {\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                font-size: 10px;\r\n                color: #fff;\r\n                font-weight: 700;\r\n                margin-bottom: 14px;\r\n              }\r\n              \r\n              .fr-ai-red-status-right {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              .fr-ai-red-island {\r\n                width: 100px;\r\n                height: 24px;\r\n                background: #000;\r\n                border-radius: 20px;\r\n                margin: 0 auto;\r\n              }\r\n              \r\n              .fr-ai-red-title {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 12px;\r\n              }\r\n              \r\n              .fr-ai-red-title i {\r\n                color: #fff;\r\n                font-size: 14px;\r\n              }\r\n              \r\n              .fr-ai-red-title span {\r\n                color: #fff;\r\n                font-size: 16px;\r\n                font-weight: 700;\r\n              }\r\n              \r\n              \/* Scrollable Content *\/\r\n              .fr-ai-content {\r\n                position: absolute;\r\n                inset: 0;\r\n                overflow-y: auto;\r\n                padding: 95px 20px 140px;\r\n                scrollbar-width: none;\r\n              }\r\n              \r\n              .fr-ai-content::-webkit-scrollbar { display: none; }\r\n              \r\n              \/* Alert Icon *\/\r\n              .fr-ai-alert {\r\n                display: flex;\r\n                justify-content: center;\r\n                margin: 20px 0 16px;\r\n              }\r\n              \r\n              .fr-ai-alert-icon {\r\n                width: 60px;\r\n                height: 60px;\r\n                border-radius: 50%;\r\n                background: rgba(255,59,59,0.1);\r\n                border: 2px solid rgba(255,59,59,0.3);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-size: 24px;\r\n                color: #ff3b3b;\r\n              }\r\n              \r\n              \/* Species Label *\/\r\n              .fr-ai-species {\r\n                text-align: center;\r\n                font-size: 22px;\r\n                font-weight: 800;\r\n                color: #ff3b3b;\r\n                margin: 0 0 10px;\r\n              }\r\n              \r\n              .fr-ai-species-full {\r\n                text-align: center;\r\n                font-size: 11px;\r\n                color: rgba(255,255,255,0.5);\r\n                margin: 0 0 16px;\r\n                font-style: italic;\r\n              }\r\n              \r\n              \/* Confidence Pill *\/\r\n              .fr-ai-confidence {\r\n                display: flex;\r\n                justify-content: center;\r\n                margin-bottom: 24px;\r\n              }\r\n              \r\n              .fr-ai-confidence-pill {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: 6px;\r\n                background: rgba(255,59,59,0.1);\r\n                border: 1px solid rgba(255,59,59,0.25);\r\n                padding: 8px 16px;\r\n                border-radius: 999px;\r\n              }\r\n              \r\n              .fr-ai-confidence-pill i {\r\n                color: #ff3b3b;\r\n                font-size: 12px;\r\n              }\r\n              \r\n              .fr-ai-confidence-pill span {\r\n                color: #ff3b3b;\r\n                font-size: 13px;\r\n                font-weight: 800;\r\n              }\r\n              \r\n              \/* Section *\/\r\n              .fr-ai-section {\r\n                margin-bottom: 20px;\r\n              }\r\n              \r\n              .fr-ai-section-title {\r\n                font-size: 13px;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin: 0 0 10px;\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.5px;\r\n              }\r\n              \r\n              \/* Feature List *\/\r\n              .fr-ai-feature {\r\n                display: flex;\r\n                align-items: flex-start;\r\n                gap: 10px;\r\n                margin-bottom: 10px;\r\n              }\r\n              \r\n              .fr-ai-feature-icon {\r\n                width: 24px;\r\n                height: 24px;\r\n                border-radius: 6px;\r\n                background: rgba(255,59,59,0.08);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                margin-top: 1px;\r\n              }\r\n              \r\n              .fr-ai-feature-icon i {\r\n                font-size: 10px;\r\n                color: #ff3b3b;\r\n              }\r\n              \r\n              .fr-ai-feature-text {\r\n                font-size: 13px;\r\n                color: rgba(255,255,255,0.75);\r\n                margin: 0;\r\n                line-height: 1.4;\r\n              }\r\n              \r\n              \/* Analysis Details *\/\r\n              .fr-ai-details {\r\n                font-size: 12px;\r\n                color: rgba(255,255,255,0.5);\r\n                line-height: 1.6;\r\n                margin: 0 0 16px;\r\n                padding: 12px;\r\n                background: rgba(255,255,255,0.03);\r\n                border-radius: 10px;\r\n                border: 1px solid rgba(255,255,255,0.05);\r\n              }\r\n              \r\n              \/* Request ID *\/\r\n              .fr-ai-request-id {\r\n                font-size: 9px;\r\n                color: rgba(255,255,255,0.25);\r\n                margin: 0 0 20px;\r\n                font-family: monospace;\r\n                word-break: break-all;\r\n              }\r\n              \r\n              \/* Buttons *\/\r\n              .fr-ai-btn {\r\n                width: 100%;\r\n                padding: 14px;\r\n                border-radius: 12px;\r\n                font-size: 13px;\r\n                font-weight: 700;\r\n                text-align: center;\r\n                margin-bottom: 10px;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                gap: 8px;\r\n              }\r\n              \r\n              .fr-ai-btn.primary {\r\n                background: #ff3b3b;\r\n                color: #fff;\r\n                border: none;\r\n              }\r\n              \r\n              .fr-ai-btn-row {\r\n                display: grid;\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 10px;\r\n              }\r\n              \r\n              .fr-ai-btn.secondary {\r\n                background: none;\r\n                border: 1px solid rgba(255,255,255,0.15);\r\n                color: #fff;\r\n                padding: 12px;\r\n                font-size: 12px;\r\n              }\r\n              \r\n              \/* Bottom Nav *\/\r\n              .fr-ai-nav {\r\n                position: absolute;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                height: 120px;\r\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\r\n                background-repeat: no-repeat;\r\n                background-position: bottom center;\r\n                background-size: 100% auto;\r\n                z-index: 20;\r\n              }\r\n              \r\n              .fr-ai-nav-icon {\r\n                position: absolute;\r\n                bottom: 24px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: rgba(255,255,255,0.72);\r\n                z-index: 25;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .fr-ai-nav-icon svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.5;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              .fr-ai-nav-icon.n-home { left: 30px; }\r\n              .fr-ai-nav-icon.n-reports { left: 88px; }\r\n              .fr-ai-nav-icon.n-articles { right: 88px; }\r\n              .fr-ai-nav-icon.n-profile { right: 30px; }\r\n              \r\n              .fr-ai-nav-camera {\r\n                position: absolute;\r\n                left: 50%;\r\n                top: 58%;\r\n                transform: translate(-50%, -50%);\r\n                margin-top: -16px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: #fff;\r\n                z-index: 26;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .fr-ai-nav-camera svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.6;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              \/* Responsive *\/\r\n              @media (max-width: 768px) {\r\n                .fr-ai-mockup-wrap {\r\n                  padding: 30px 10px;\r\n                }\r\n                .fr-ai-mockup-phone {\r\n                  width: 300px;\r\n                  height: 600px;\r\n                }\r\n              }\r\n              <\/style>\r\n              \r\n              <div class=\"fr-ai-mockup-wrap\">\r\n                <div class=\"fr-ai-mockup-phone\">\r\n              \r\n                  <!-- Full Red Header -->\r\n                  <div class=\"fr-ai-red-header\">\r\n                    <div class=\"fr-ai-red-status\">\r\n                      <span>1:06<\/span>\r\n                      <div class=\"fr-ai-red-island\"><\/div>\r\n                      <span class=\"fr-ai-red-status-right\">5G&nbsp;&nbsp;89%<\/span>\r\n                    <\/div>\r\n                    <div class=\"fr-ai-red-title\">\r\n                      <i class=\"fas fa-arrow-left\" aria-hidden=\"true\"><\/i>\r\n                      <span>Analysis Result<\/span>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                  <!-- Scrollable Content -->\r\n                  <div class=\"fr-ai-content\">\r\n              \r\n                    <!-- Alert Icon -->\r\n                    <div class=\"fr-ai-alert\">\r\n                      <div class=\"fr-ai-alert-icon\">\r\n                        <i class=\"fas fa-exclamation-triangle\" aria-hidden=\"true\"><\/i>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Species -->\r\n                    <p class=\"fr-ai-species\">RIFA<\/p>\r\n                    <p class=\"fr-ai-species-full\">Red Imported Fire Ant (Solenopsis invicta)<\/p>\r\n              \r\n                    <!-- Confidence -->\r\n                    <div class=\"fr-ai-confidence\">\r\n                      <div class=\"fr-ai-confidence-pill\">\r\n                        <i class=\"fas fa-chart-line\" aria-hidden=\"true\"><\/i>\r\n                        <span>Confidence: 85.0%<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Identified Features -->\r\n                    <div class=\"fr-ai-section\">\r\n                      <p class=\"fr-ai-section-title\">Identified Features<\/p>\r\n              \r\n                      <div class=\"fr-ai-feature\">\r\n                        <div class=\"fr-ai-feature-icon\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <p class=\"fr-ai-feature-text\">Loose, crumbly soil<\/p>\r\n                      <\/div>\r\n              \r\n                      <div class=\"fr-ai-feature\">\r\n                        <div class=\"fr-ai-feature-icon\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <p class=\"fr-ai-feature-text\">Multiple tiny, irregular gaps<\/p>\r\n                      <\/div>\r\n              \r\n                      <div class=\"fr-ai-feature\">\r\n                        <div class=\"fr-ai-feature-icon\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <p class=\"fr-ai-feature-text\">No single large entrance hole<\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Analysis Details -->\r\n                    <div class=\"fr-ai-section\">\r\n                      <p class=\"fr-ai-section-title\">Analysis Details<\/p>\r\n                      <p class=\"fr-ai-details\">The image shows a freshly excavated mound of loose soil characteristic of RIFA nesting behaviour. The nest architecture lacks a single large entrance hole, instead featuring multiple tiny irregular gaps typical of Solenopsis invicta colonies. Although ants aren't visible in the image, the nest structure strongly indicates RIFA presence.<\/p>\r\n                    <\/div>\r\n              \r\n                    <!-- Request ID -->\r\n                    <p class=\"fr-ai-request-id\"><i class=\"fas fa-fingerprint\" aria-hidden=\"true\"><\/i>&nbsp;&nbsp;e8b3cc67-78ba-4b7f-bf74-e4164925ca4b<\/p>\r\n              \r\n                    <!-- Buttons -->\r\n                    <div class=\"fr-ai-btn primary\">\r\n                      <i class=\"fas fa-file-alt\" aria-hidden=\"true\"><\/i> Create Report\r\n                    <\/div>\r\n              \r\n                    <div class=\"fr-ai-btn-row\">\r\n                      <div class=\"fr-ai-btn secondary\">\r\n                        <i class=\"fas fa-home\" aria-hidden=\"true\"><\/i> Back to Home\r\n                      <\/div>\r\n                      <div class=\"fr-ai-btn secondary\" style=\"border-color: rgba(255,59,59,0.3); color: #ff3b3b;\">\r\n                        <i class=\"fas fa-redo\" aria-hidden=\"true\"><\/i> New Scan\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                  <\/div>\r\n              \r\n                  <!-- Bottom Nav -->\r\n                  <div class=\"fr-ai-nav\">\r\n                    <div class=\"fr-ai-nav-camera\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M7 7h2l1.5-2h3L15 7h2a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-ai-nav-icon n-home\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\r\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-ai-nav-icon n-reports\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M8 4h8\"><\/path>\r\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\r\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\r\n                        <path d=\"M8 11h8\"><\/path>\r\n                        <path d=\"M8 15h8\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-ai-nav-icon n-articles\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\r\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-ai-nav-icon n-profile\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\r\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"create\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 APP CREATE REPORT SCREEN MOCKUP\r\n                   Standalone iPhone display showing Create Report form\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .frcr-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 60px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .frcr-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #000;\r\n                border-radius: 44px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Red Header Bar *\/\r\n              .frcr-header {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                background: #ff3b3b;\r\n                padding: 50px 20px 14px;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 12px;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .frcr-header i {\r\n                color: #fff;\r\n                font-size: 14px;\r\n              }\r\n              \r\n              .frcr-header-title {\r\n                font-size: 17px;\r\n                font-weight: 700;\r\n                color: #fff;\r\n                margin: 0;\r\n                flex: 1;\r\n              }\r\n              \r\n              .frcr-header-menu {\r\n                color: #fff;\r\n                font-size: 16px;\r\n              }\r\n              \r\n              \/* Status Bar *\/\r\n              .frcr-status {\r\n                position: absolute;\r\n                top: 14px;\r\n                left: 0;\r\n                right: 0;\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                padding: 0 24px;\r\n                font-size: 10px;\r\n                color: #fff;\r\n                font-weight: 700;\r\n                z-index: 11;\r\n              }\r\n              \r\n              .frcr-status-r {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              \/* Scrollable Content *\/\r\n              .frcr-content {\r\n                position: absolute;\r\n                top: 88px;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                overflow-y: auto;\r\n                padding: 20px;\r\n                background: #000;\r\n                scrollbar-width: none;\r\n              }\r\n              \r\n              .frcr-content::-webkit-scrollbar { display: none; }\r\n              \r\n              \/* Form Fields *\/\r\n              .frcr-field {\r\n                margin-bottom: 18px;\r\n              }\r\n              \r\n              .frcr-field-label {\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                color: rgba(255,255,255,0.45);\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.5px;\r\n                margin: 0 0 6px;\r\n              }\r\n              \r\n              .frcr-field-input {\r\n                width: 100%;\r\n                padding: 12px 14px;\r\n                background: #111;\r\n                border: 1px solid rgba(255,255,255,0.08);\r\n                border-radius: 10px;\r\n                color: #fff;\r\n                font-size: 14px;\r\n                font-family: Inter, Arial, sans-serif;\r\n                box-sizing: border-box;\r\n              }\r\n              \r\n              .frcr-field-input.filled {\r\n                color: #fff;\r\n              }\r\n              \r\n              .frcr-field-input.placeholder {\r\n                color: rgba(255,255,255,0.25);\r\n              }\r\n              \r\n              \/* Date\/Time Row *\/\r\n              .frcr-datetime {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 10px;\r\n              }\r\n              \r\n              .frcr-datetime .frcr-field-input {\r\n                flex: 1;\r\n              }\r\n              \r\n              .frcr-datetime i {\r\n                color: rgba(255,255,255,0.4);\r\n                font-size: 16px;\r\n              }\r\n              \r\n              \/* Location *\/\r\n              .frcr-location {\r\n                padding: 12px 14px;\r\n                background: #111;\r\n                border: 1px solid rgba(255,255,255,0.08);\r\n                border-radius: 10px;\r\n              }\r\n              \r\n              .frcr-loc-row {\r\n                display: flex;\r\n                align-items: flex-start;\r\n                gap: 10px;\r\n              }\r\n              \r\n              .frcr-loc-row i {\r\n                color: #ff3b3b;\r\n                font-size: 14px;\r\n                margin-top: 2px;\r\n                flex-shrink: 0;\r\n              }\r\n              \r\n              .frcr-loc-address {\r\n                font-size: 13px;\r\n                color: #fff;\r\n                margin: 0 0 4px;\r\n                line-height: 1.4;\r\n              }\r\n              \r\n              .frcr-loc-coords {\r\n                font-size: 11px;\r\n                color: rgba(255,255,255,0.4);\r\n                margin: 0;\r\n                font-family: monospace;\r\n              }\r\n              \r\n              .frcr-loc-clear {\r\n                margin-left: auto;\r\n                color: rgba(255,255,255,0.3);\r\n                font-size: 12px;\r\n                flex-shrink: 0;\r\n              }\r\n              \r\n              \/* Images Section *\/\r\n              .frcr-images-label {\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                color: rgba(255,255,255,0.45);\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.5px;\r\n                margin: 0 0 10px;\r\n              }\r\n              \r\n              .frcr-images-row {\r\n                display: flex;\r\n                gap: 10px;\r\n                margin-bottom: 18px;\r\n              }\r\n              \r\n              .frcr-img-thumb {\r\n                width: 72px;\r\n                height: 72px;\r\n                border-radius: 10px;\r\n                overflow: hidden;\r\n                position: relative;\r\n                background: #222;\r\n              }\r\n              \r\n              .frcr-img-thumb img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n              }\r\n              \r\n              .frcr-img-thumb-x {\r\n                position: absolute;\r\n                top: 4px;\r\n                right: 4px;\r\n                width: 18px;\r\n                height: 18px;\r\n                border-radius: 50%;\r\n                background: rgba(0,0,0,0.7);\r\n                color: #fff;\r\n                font-size: 10px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .frcr-add-img {\r\n                width: 72px;\r\n                height: 72px;\r\n                border-radius: 10px;\r\n                border: 2px dashed rgba(255,59,59,0.3);\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                justify-content: center;\r\n                gap: 4px;\r\n                cursor: pointer;\r\n              }\r\n              \r\n              .frcr-add-img i {\r\n                color: #ff3b3b;\r\n                font-size: 18px;\r\n              }\r\n              \r\n              .frcr-add-img span {\r\n                font-size: 8px;\r\n                color: rgba(255,255,255,0.4);\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.5px;\r\n              }\r\n              \r\n              \/* Description *\/\r\n              .frcr-textarea {\r\n                width: 100%;\r\n                padding: 12px 14px;\r\n                background: #111;\r\n                border: 1px solid rgba(255,255,255,0.08);\r\n                border-radius: 10px;\r\n                color: #fff;\r\n                font-size: 13px;\r\n                font-family: Inter, Arial, sans-serif;\r\n                min-height: 70px;\r\n                resize: none;\r\n                box-sizing: border-box;\r\n                line-height: 1.5;\r\n              }\r\n              \r\n              \/* Submit Button *\/\r\n              .frcr-submit {\r\n                display: block;\r\n                width: 100%;\r\n                padding: 14px;\r\n                border-radius: 12px;\r\n                background: #ff3b3b;\r\n                color: #fff;\r\n                font-size: 14px;\r\n                font-weight: 700;\r\n                text-align: center;\r\n                border: none;\r\n                margin-top: 24px;\r\n                cursor: pointer;\r\n                font-family: Inter, Arial, sans-serif;\r\n                letter-spacing: 0.3px;\r\n              }\r\n              \r\n              \/* Sender Info *\/\r\n              .frcr-sender-grid {\r\n                display: grid;\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 10px;\r\n              }\r\n              \r\n              .frcr-sender-grid .frcr-field {\r\n                margin-bottom: 0;\r\n              }\r\n              <\/style>\r\n              \r\n              <div class=\"frcr-wrap\">\r\n                <div class=\"frcr-phone\">\r\n              \r\n                  <!-- Status Bar -->\r\n                  <div class=\"frcr-status\">\r\n                    <span>1:06<\/span>\r\n                    <div><\/div>\r\n                    <span class=\"frcr-status-r\">5G&nbsp;&nbsp;89%<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Red Header -->\r\n                  <div class=\"frcr-header\">\r\n                    <i class=\"fas fa-arrow-left\"><\/i>\r\n                    <p class=\"frcr-header-title\">Create Report<\/p>\r\n                    <i class=\"fas fa-ellipsis-v frcr-header-menu\"><\/i>\r\n                  <\/div>\r\n              \r\n                  <!-- Scrollable Form Content -->\r\n                  <div class=\"frcr-content\">\r\n              \r\n                    <!-- Title -->\r\n                    <div class=\"frcr-field\">\r\n                      <p class=\"frcr-field-label\">Title<\/p>\r\n                      <div class=\"frcr-field-input filled\">Fire ant nest in backyard<\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Date & Time -->\r\n                    <div class=\"frcr-field\">\r\n                      <p class=\"frcr-field-label\">Date & Time<\/p>\r\n                      <div class=\"frcr-datetime\">\r\n                        <div class=\"frcr-field-input filled\">2026-06-23 13:06<\/div>\r\n                        <i class=\"fas fa-calendar-alt\"><\/i>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Location -->\r\n                    <div class=\"frcr-field\">\r\n                      <p class=\"frcr-field-label\">Location<\/p>\r\n                      <div class=\"frcr-location\">\r\n                        <div class=\"frcr-loc-row\">\r\n                          <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                          <div>\r\n                            <p class=\"frcr-loc-address\">7 Coorong St, Yarrabilba, QLD, Australia, 4207<\/p>\r\n                            <p class=\"frcr-loc-coords\">-27.829485, 153.132615<\/p>\r\n                          <\/div>\r\n                          <span class=\"frcr-loc-clear\"><i class=\"fas fa-times\"><\/i><\/span>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Images -->\r\n                    <div class=\"frcr-field\">\r\n                      <p class=\"frcr-images-label\">Images<\/p>\r\n                      <div class=\"frcr-images-row\">\r\n                        <div class=\"frcr-img-thumb\">\r\n                          <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"nest\">\r\n                          <span class=\"frcr-img-thumb-x\"><i class=\"fas fa-times\"><\/i><\/span>\r\n                        <\/div>\r\n                        <div class=\"frcr-add-img\">\r\n                          <i class=\"fas fa-camera\"><\/i>\r\n                          <span>Add<\/span>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Description -->\r\n                    <div class=\"frcr-field\">\r\n                      <p class=\"frcr-field-label\">Description<\/p>\r\n                      <div class=\"frcr-textarea\">discovered more fire ants in the garden bed near the fence line<\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Sender Info -->\r\n                    <div class=\"frcr-field\">\r\n                      <p class=\"frcr-field-label\">Sender Details<\/p>\r\n                      <div class=\"frcr-sender-grid\">\r\n                        <div class=\"frcr-field\">\r\n                          <div class=\"frcr-field-input filled\" style=\"font-size:12px\">ant reporter<\/div>\r\n                        <\/div>\r\n                        <div class=\"frcr-field\">\r\n                          <div class=\"frcr-field-input placeholder\" style=\"font-size:12px\">Phone<\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <div class=\"frcr-field\">\r\n                      <div class=\"frcr-field-input placeholder\" style=\"font-size:12px\">Email<\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Submit -->\r\n                    <button class=\"frcr-submit\">Submit Report<\/button>\r\n              \r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"submitted\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 APP REPORT SUBMITTED + POINTS EARNED\r\n                   Fixed layout \u2014 more breathing room, scrollable\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .frps-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 60px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .frps-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #000;\r\n                border-radius: 44px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Status Bar *\/\r\n              .frps-status {\r\n                position: absolute;\r\n                top: 14px;\r\n                left: 0;\r\n                right: 0;\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                padding: 0 24px;\r\n                font-size: 10px;\r\n                color: #fff;\r\n                font-weight: 700;\r\n                z-index: 11;\r\n              }\r\n              \r\n              .frps-status-r {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              .frps-island {\r\n                width: 140px;\r\n                height: 34px;\r\n                margin: 0 auto;\r\n                padding: 0 14px;\r\n                border: 1.5px solid #ff3b3b;\r\n                border-radius: 999px;\r\n                background: #000;\r\n                display: flex;\r\n                align-items: center;\r\n              }\r\n              \r\n              .frps-island img {\r\n                width: 18px;\r\n                height: 18px;\r\n                object-fit: contain;\r\n              }\r\n              \r\n              \/* Scrollable Content *\/\r\n              .frps-content {\r\n                position: absolute;\r\n                top: 56px;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 120px;\r\n                overflow-y: auto;\r\n                padding: 20px 24px 30px;\r\n                scrollbar-width: none;\r\n              }\r\n              \r\n              .frps-content::-webkit-scrollbar { display: none; }\r\n              \r\n              \/* Success Header *\/\r\n              .frps-success-header {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                text-align: center;\r\n                margin-bottom: 32px;\r\n              }\r\n              \r\n              .frps-check-circle {\r\n                width: 70px;\r\n                height: 70px;\r\n                border-radius: 50%;\r\n                background: rgba(255,59,59,0.08);\r\n                border: 3px solid #ff3b3b;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                margin-bottom: 20px;\r\n                animation: frpsPopIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n              }\r\n              \r\n              @keyframes frpsPopIn {\r\n                0% { transform: scale(0); opacity: 0; }\r\n                100% { transform: scale(1); opacity: 1; }\r\n              }\r\n              \r\n              .frps-check-circle i {\r\n                font-size: 28px;\r\n                color: #ff3b3b;\r\n                animation: frpsCheckIn 0.4s ease 0.3s forwards;\r\n                opacity: 0;\r\n              }\r\n              \r\n              @keyframes frpsCheckIn {\r\n                0% { opacity: 0; transform: scale(0.5); }\r\n                100% { opacity: 1; transform: scale(1); }\r\n              }\r\n              \r\n              .frps-title {\r\n                font-size: 22px;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin: 0 0 8px;\r\n              }\r\n              \r\n              .frps-subtitle {\r\n                font-size: 12px;\r\n                color: rgba(255,255,255,0.5);\r\n                margin: 0;\r\n                line-height: 1.5;\r\n                max-width: 240px;\r\n              }\r\n              \r\n              \/* Points Earned Section *\/\r\n              .frps-pts-section {\r\n                text-align: center;\r\n                margin-bottom: 28px;\r\n              }\r\n              \r\n              .frps-pts-label {\r\n                font-size: 11px;\r\n                color: rgba(255,255,255,0.4);\r\n                text-transform: uppercase;\r\n                letter-spacing: 1.5px;\r\n                margin: 0 0 12px;\r\n              }\r\n              \r\n              .frps-pts-big {\r\n                font-size: 52px;\r\n                font-weight: 800;\r\n                color: #ff3b3b;\r\n                margin: 0 0 16px;\r\n                line-height: 1;\r\n              }\r\n              \r\n              .frps-pts-big i {\r\n                font-size: 32px;\r\n                vertical-align: middle;\r\n                margin-right: 4px;\r\n              }\r\n              \r\n              .frps-pts-breakdown {\r\n                display: flex;\r\n                justify-content: center;\r\n                gap: 12px;\r\n              }\r\n              \r\n              .frps-pts-item {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 6px;\r\n                font-size: 12px;\r\n                color: rgba(255,255,255,0.6);\r\n              }\r\n              \r\n              .frps-pts-item i {\r\n                width: 8px;\r\n                height: 8px;\r\n                display: inline-block;\r\n              }\r\n              \r\n              .frps-pts-item::before {\r\n                content: '';\r\n                width: 8px;\r\n                height: 8px;\r\n                background: #ff3b3b;\r\n                border-radius: 2px;\r\n                flex-shrink: 0;\r\n              }\r\n              \r\n              \/* Total Points Card *\/\r\n              .frps-total-card {\r\n                background: #111;\r\n                border: 1px solid rgba(255,255,255,0.06);\r\n                border-radius: 16px;\r\n                padding: 18px 20px;\r\n                margin-bottom: 16px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: space-between;\r\n              }\r\n              \r\n              .frps-total-label {\r\n                font-size: 11px;\r\n                color: rgba(255,255,255,0.4);\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.5px;\r\n                margin: 0 0 4px;\r\n              }\r\n              \r\n              .frps-total-val {\r\n                font-size: 26px;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin: 0;\r\n              }\r\n              \r\n              .frps-rank-badge {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: 6px;\r\n                background: rgba(255,176,0,0.08);\r\n                border: 1px solid rgba(255,176,0,0.2);\r\n                color: #ffb000;\r\n                padding: 8px 14px;\r\n                border-radius: 999px;\r\n                font-size: 14px;\r\n                font-weight: 800;\r\n              }\r\n              \r\n              .frps-rank-badge i {\r\n                font-size: 12px;\r\n              }\r\n              \r\n              \/* Level Progress *\/\r\n              .frps-level {\r\n                margin-bottom: 28px;\r\n              }\r\n              \r\n              .frps-level-row {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                margin-bottom: 8px;\r\n              }\r\n              \r\n              .frps-level-name {\r\n                font-size: 13px;\r\n                font-weight: 700;\r\n                color: rgba(255,255,255,0.7);\r\n                margin: 0;\r\n              }\r\n              \r\n              .frps-level-count {\r\n                font-size: 12px;\r\n                color: rgba(255,255,255,0.4);\r\n                margin: 0;\r\n              }\r\n              \r\n              .frps-bar-track {\r\n                width: 100%;\r\n                height: 8px;\r\n                background: rgba(255,255,255,0.06);\r\n                border-radius: 4px;\r\n                overflow: hidden;\r\n              }\r\n              \r\n              .frps-bar-fill {\r\n                height: 100%;\r\n                background: linear-gradient(90deg, #ff3b3b, #ff6b6b);\r\n                border-radius: 4px;\r\n                width: 0%;\r\n                animation: frpsFill 1.5s ease 0.8s forwards;\r\n              }\r\n              \r\n              @keyframes frpsFill {\r\n                to { width: 71%; }\r\n              }\r\n              \r\n              \/* Button *\/\r\n              .frps-btn {\r\n                display: block;\r\n                width: 100%;\r\n                padding: 16px;\r\n                border-radius: 14px;\r\n                background: #ff3b3b;\r\n                color: #fff;\r\n                font-size: 15px;\r\n                font-weight: 700;\r\n                text-align: center;\r\n                border: none;\r\n                cursor: pointer;\r\n                font-family: Inter, Arial, sans-serif;\r\n                letter-spacing: 0.3px;\r\n              }\r\n              \r\n              \/* Bottom Nav *\/\r\n              .frps-bnav {\r\n                position: absolute;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                height: 120px;\r\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\r\n                background-repeat: no-repeat;\r\n                background-position: bottom center;\r\n                background-size: 100% auto;\r\n                z-index: 20;\r\n              }\r\n              \r\n              .frps-bnav-cam {\r\n                position: absolute;\r\n                left: 50%;\r\n                top: 58%;\r\n                transform: translate(-50%, -50%);\r\n                margin-top: -16px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: #fff;\r\n                z-index: 26;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .frps-bnav-cam svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.6;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              .frps-nav-item {\r\n                position: absolute;\r\n                bottom: 24px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: rgba(255,255,255,.72);\r\n                z-index: 25;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .frps-nav-item svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.5;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              .frps-nav-item.n1 { left: 30px; }\r\n              .frps-nav-item.n2 { left: 88px; }\r\n              .frps-nav-item.n3 { right: 88px; }\r\n              .frps-nav-item.n4 { right: 30px; }\r\n              \r\n              \/* Confetti *\/\r\n              .frps-confetti {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                height: 300px;\r\n                pointer-events: none;\r\n                overflow: hidden;\r\n                z-index: 5;\r\n              }\r\n              \r\n              .frps-particle {\r\n                position: absolute;\r\n                top: -10px;\r\n                width: 6px;\r\n                height: 6px;\r\n                border-radius: 1px;\r\n                opacity: 0;\r\n                animation: frpsConfettiFall 3s ease forwards;\r\n              }\r\n              \r\n              @keyframes frpsConfettiFall {\r\n                0% { opacity: 1; transform: translateY(0) rotate(0deg); }\r\n                100% { opacity: 0; transform: translateY(300px) rotate(720deg); }\r\n              }\r\n              \r\n              .frps-particle:nth-child(1) { left: 12%; background: #ff3b3b; animation-delay: 0.1s; }\r\n              .frps-particle:nth-child(2) { left: 25%; background: #ffb000; animation-delay: 0.2s; width: 4px; height: 8px; }\r\n              .frps-particle:nth-child(3) { left: 38%; background: #ff3b3b; animation-delay: 0.05s; }\r\n              .frps-particle:nth-child(4) { left: 52%; background: #fff; animation-delay: 0.3s; width: 5px; height: 5px; }\r\n              .frps-particle:nth-child(5) { left: 65%; background: #ff3b3b; animation-delay: 0.15s; width: 4px; height: 6px; }\r\n              .frps-particle:nth-child(6) { left: 78%; background: #ffb000; animation-delay: 0.25s; }\r\n              .frps-particle:nth-child(7) { left: 88%; background: #fff; animation-delay: 0.35s; width: 3px; height: 7px; }\r\n              .frps-particle:nth-child(8) { left: 45%; background: #ff3b3b; animation-delay: 0.4s; }\r\n              <\/style>\r\n              \r\n              <div class=\"frps-wrap\">\r\n                <div class=\"frps-phone\">\r\n              \r\n                  <!-- Status Bar -->\r\n                  <div class=\"frps-status\">\r\n                    <span>2:35<\/span>\r\n                    <div class=\"frps-island\">\r\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\r\n                    <\/div>\r\n                    <span class=\"frps-status-r\">5G&nbsp;&nbsp;77%<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Confetti -->\r\n                  <div class=\"frps-confetti\">\r\n                    <div class=\"frps-particle\"><\/div>\r\n                    <div class=\"frps-particle\"><\/div>\r\n                    <div class=\"frps-particle\"><\/div>\r\n                    <div class=\"frps-particle\"><\/div>\r\n                    <div class=\"frps-particle\"><\/div>\r\n                    <div class=\"frps-particle\"><\/div>\r\n                    <div class=\"frps-particle\"><\/div>\r\n                    <div class=\"frps-particle\"><\/div>\r\n                  <\/div>\r\n              \r\n                  <!-- Scrollable Content -->\r\n                  <div class=\"frps-content\">\r\n              \r\n                    <!-- Success Header -->\r\n                    <div class=\"frps-success-header\">\r\n                      <div class=\"frps-check-circle\">\r\n                        <i class=\"fas fa-check\"><\/i>\r\n                      <\/div>\r\n                      <p class=\"frps-title\">Report Submitted!<\/p>\r\n                      <p class=\"frps-subtitle\">Your sighting has been logged and will contribute to eradication efforts.<\/p>\r\n                    <\/div>\r\n              \r\n                    <!-- Points Earned -->\r\n                    <div class=\"frps-pts-section\">\r\n                      <p class=\"frps-pts-label\">Points Earned<\/p>\r\n                      <p class=\"frps-pts-big\"><i class=\"fas fa-star\"><\/i>+50<\/p>\r\n                      <div class=\"frps-pts-breakdown\">\r\n                        <span class=\"frps-pts-item\">Photo +20<\/span>\r\n                        <span class=\"frps-pts-item\">Location +15<\/span>\r\n                        <span class=\"frps-pts-item\">Report +15<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Total Points -->\r\n                    <div class=\"frps-total-card\">\r\n                      <div>\r\n                        <p class=\"frps-total-label\">Total Points<\/p>\r\n                        <p class=\"frps-total-val\">710<\/p>\r\n                      <\/div>\r\n                      <span class=\"frps-rank-badge\"><i class=\"fas fa-trophy\"><\/i> #1<\/span>\r\n                    <\/div>\r\n              \r\n                    <!-- Level Progress -->\r\n                    <div class=\"frps-level\">\r\n                      <div class=\"frps-level-row\">\r\n                        <p class=\"frps-level-name\">Level 3 \u2014 Sentinel<\/p>\r\n                        <p class=\"frps-level-count\">710 \/ 1000<\/p>\r\n                      <\/div>\r\n                      <div class=\"frps-bar-track\">\r\n                        <div class=\"frps-bar-fill\"><\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Button -->\r\n                    <button class=\"frps-btn\">Back to Dashboard<\/button>\r\n              \r\n                  <\/div>\r\n              \r\n                  <!-- Bottom Nav -->\r\n                  <div class=\"frps-bnav\">\r\n                    <div class=\"frps-bnav-cam\">\r\n                      <svg viewBox=\"0 0 24 24\"><path d=\"M7 7h2l1.5-2h3L15 7h2a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3z\"><\/path><circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle><\/svg>\r\n                    <\/div>\r\n                    <div class=\"frps-nav-item n1\">\r\n                      <svg viewBox=\"0 0 24 24\"><path d=\"M3 11.5L12 4l9 7.5\"><\/path><path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <div class=\"frps-nav-item n2\">\r\n                      <svg viewBox=\"0 0 24 24\"><path d=\"M8 4h8\"><\/path><path d=\"M9 4a3 3 0 0 0 6 0\"><\/path><rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect><path d=\"M8 11h8\"><\/path><path d=\"M8 15h8\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <div class=\"frps-nav-item n3\">\r\n                      <svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path><path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <div class=\"frps-nav-item n4\">\r\n                      <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle><path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path><\/svg>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"profile\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 APP PROFILE SCREEN MOCKUP\r\n                   Static display using Font Awesome icons\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .fr-prof-mockup-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 50px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .fr-prof-mockup-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #000;\r\n                border-radius: 44px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Status Bar *\/\r\n              .fr-prof-status {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                padding: 14px 24px 0;\r\n                font-size: 10px;\r\n                color: #fff;\r\n                font-weight: 700;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-prof-status-right {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              .fr-prof-island {\r\n                width: 140px;\r\n                height: 34px;\r\n                background: #000;\r\n                border-radius: 999px;\r\n                margin: 0 auto;\r\n                border: 1.5px solid #ff3b3b;\r\n                display: flex;\r\n                align-items: center;\r\n                padding: 0 14px;\r\n              }\r\n              \r\n              .fr-prof-island img {\r\n                width: 18px;\r\n                height: 18px;\r\n                object-fit: contain;\r\n              }\r\n              \r\n              \/* Scrollable Content *\/\r\n              .fr-prof-content {\r\n                position: absolute;\r\n                inset: 0;\r\n                overflow-y: auto;\r\n                padding: 54px 20px 140px;\r\n                scrollbar-width: none;\r\n              }\r\n              \r\n              .fr-prof-content::-webkit-scrollbar { display: none; }\r\n              \r\n              \/* Header *\/\r\n              .fr-prof-header {\r\n                font-size: 22px;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin: 30px 0 20px;\r\n              }\r\n              \r\n              \/* Points Card *\/\r\n              .fr-prof-points-card {\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 14px;\r\n                background: rgba(255,59,59,0.06);\r\n                border: 1px solid rgba(255,59,59,0.15);\r\n                border-radius: 14px;\r\n                padding: 16px;\r\n                margin-bottom: 28px;\r\n              }\r\n              \r\n              .fr-prof-points-icon {\r\n                font-size: 24px;\r\n                color: #ff3b3b;\r\n              }\r\n              \r\n              .fr-prof-points-label {\r\n                font-size: 11px;\r\n                color: rgba(255,255,255,0.5);\r\n                margin: 0 0 2px;\r\n              }\r\n              \r\n              .fr-prof-points-value {\r\n                font-size: 22px;\r\n                font-weight: 800;\r\n                color: #ff3b3b;\r\n                margin: 0;\r\n              }\r\n              \r\n              \/* Fields *\/\r\n              .fr-prof-field {\r\n                margin-bottom: 18px;\r\n              }\r\n              \r\n              .fr-prof-field-label {\r\n                font-size: 10px;\r\n                font-weight: 700;\r\n                color: rgba(255,255,255,0.4);\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.8px;\r\n                margin: 0 0 4px;\r\n              }\r\n              \r\n              .fr-prof-field-value {\r\n                font-size: 15px;\r\n                font-weight: 600;\r\n                color: #fff;\r\n                margin: 0;\r\n                padding-bottom: 12px;\r\n                border-bottom: 1px solid rgba(255,255,255,0.06);\r\n              }\r\n              \r\n              \/* My Reports Link *\/\r\n              .fr-prof-reports-link {\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: space-between;\r\n                padding: 14px 0;\r\n                margin-bottom: 24px;\r\n                border-bottom: 1px solid rgba(255,255,255,0.06);\r\n                text-decoration: none;\r\n              }\r\n              \r\n              .fr-prof-reports-link-text {\r\n                font-size: 15px;\r\n                font-weight: 700;\r\n                color: #ff3b3b;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n              }\r\n              \r\n              .fr-prof-reports-link-text i {\r\n                font-size: 14px;\r\n              }\r\n              \r\n              .fr-prof-reports-link-arrow {\r\n                color: rgba(255,255,255,0.4);\r\n                font-size: 18px;\r\n              }\r\n              \r\n              \/* Buttons *\/\r\n              .fr-prof-btn {\r\n                width: 100%;\r\n                padding: 14px;\r\n                border-radius: 12px;\r\n                font-size: 13px;\r\n                font-weight: 700;\r\n                text-align: center;\r\n                margin-bottom: 10px;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              .fr-prof-btn.logout {\r\n                background: none;\r\n                border: 1px solid rgba(255,255,255,0.15);\r\n                color: #fff;\r\n              }\r\n              \r\n              .fr-prof-btn.delete {\r\n                background: none;\r\n                border: 1px solid rgba(255,59,59,0.3);\r\n                color: #ff3b3b;\r\n              }\r\n              \r\n              \/* Bottom Nav *\/\r\n              .fr-prof-nav {\r\n                position: absolute;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                height: 120px;\r\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\r\n                background-repeat: no-repeat;\r\n                background-position: bottom center;\r\n                background-size: 100% auto;\r\n                z-index: 20;\r\n              }\r\n              \r\n              .fr-prof-nav-icon {\r\n                position: absolute;\r\n                bottom: 24px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: rgba(255,255,255,0.72);\r\n                z-index: 25;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .fr-prof-nav-icon svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.5;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              .fr-prof-nav-icon.n-home { left: 30px; }\r\n              .fr-prof-nav-icon.n-reports { left: 88px; }\r\n              .fr-prof-nav-icon.n-articles { right: 88px; }\r\n              .fr-prof-nav-icon.n-profile { right: 30px; color: #fff; }\r\n              \r\n              .fr-prof-nav-camera {\r\n                position: absolute;\r\n                left: 50%;\r\n                top: 58%;\r\n                transform: translate(-50%, -50%);\r\n                margin-top: -16px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: #fff;\r\n                z-index: 26;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .fr-prof-nav-camera svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.6;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              \/* Responsive *\/\r\n              @media (max-width: 768px) {\r\n                .fr-prof-mockup-wrap {\r\n                  padding: 30px 10px;\r\n                }\r\n                .fr-prof-mockup-phone {\r\n                  width: 300px;\r\n                  height: 600px;\r\n                }\r\n              }\r\n              <\/style>\r\n              \r\n              <div class=\"fr-prof-mockup-wrap\">\r\n                <div class=\"fr-prof-mockup-phone\">\r\n              \r\n                  <!-- Status Bar -->\r\n                  <div class=\"fr-prof-status\">\r\n                    <span>2:34<\/span>\r\n                    <div class=\"fr-prof-island\">\r\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\r\n                    <\/div>\r\n                    <span class=\"fr-prof-status-right\">5G&nbsp;&nbsp;77%<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Scrollable Content -->\r\n                  <div class=\"fr-prof-content\">\r\n              \r\n                    <!-- Header -->\r\n                    <p class=\"fr-prof-header\">Profile<\/p>\r\n              \r\n                    <!-- Points Card -->\r\n                    <div class=\"fr-prof-points-card\">\r\n                      <i class=\"fas fa-star fr-prof-points-icon\" aria-hidden=\"true\"><\/i>\r\n                      <div>\r\n                        <p class=\"fr-prof-points-label\">Your Points<\/p>\r\n                        <p class=\"fr-prof-points-value\">710<\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Name -->\r\n                    <div class=\"fr-prof-field\">\r\n                      <p class=\"fr-prof-field-label\">Name<\/p>\r\n                      <p class=\"fr-prof-field-value\">James<\/p>\r\n                    <\/div>\r\n              \r\n                    <!-- Email -->\r\n                    <div class=\"fr-prof-field\">\r\n                      <p class=\"fr-prof-field-label\">Email<\/p>\r\n                      <p class=\"fr-prof-field-value\">info@firerant.com.au<\/p>\r\n                    <\/div>\r\n              \r\n                    <!-- User ID -->\r\n                    <div class=\"fr-prof-field\">\r\n                      <p class=\"fr-prof-field-label\">User ID<\/p>\r\n                      <p class=\"fr-prof-field-value\" style=\"color: rgba(255,255,255,0.3);\">\u2014<\/p>\r\n                    <\/div>\r\n              \r\n                    <!-- My Reports Link -->\r\n                    <a class=\"fr-prof-reports-link\" href=\"#\">\r\n                      <span class=\"fr-prof-reports-link-text\"><i class=\"fas fa-file-alt\" aria-hidden=\"true\"><\/i> My Reports<\/span>\r\n                      <span class=\"fr-prof-reports-link-arrow\"><i class=\"fas fa-chevron-right\" aria-hidden=\"true\"><\/i><\/span>\r\n                    <\/a>\r\n              \r\n                    <!-- Buttons -->\r\n                    <div class=\"fr-prof-btn logout\"><i class=\"fas fa-sign-out-alt\" aria-hidden=\"true\"><\/i>&nbsp;&nbsp;Logout<\/div>\r\n                    <div class=\"fr-prof-btn delete\"><i class=\"fas fa-trash-alt\" aria-hidden=\"true\"><\/i>&nbsp;&nbsp;Delete Account<\/div>\r\n              \r\n                  <\/div>\r\n              \r\n                  <!-- Bottom Nav -->\r\n                  <div class=\"fr-prof-nav\">\r\n                    <div class=\"fr-prof-nav-camera\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M7 7h2l1.5-2h3L15 7h2a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-prof-nav-icon n-home\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\r\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-prof-nav-icon n-reports\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M8 4h8\"><\/path>\r\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\r\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\r\n                        <path d=\"M8 11h8\"><\/path>\r\n                        <path d=\"M8 15h8\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-prof-nav-icon n-articles\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\r\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-prof-nav-icon n-profile\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\r\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"knowledge\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 APP KNOWLEDGE HUB SCREEN MOCKUP\r\n                   Static display using Font Awesome icons\r\n                   Fire ant image banners\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .fr-kb-mockup-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 50px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .fr-kb-mockup-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #000;\r\n                border-radius: 44px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Status Bar *\/\r\n              .fr-kb-status {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                padding: 14px 24px 0;\r\n                font-size: 10px;\r\n                color: #fff;\r\n                font-weight: 700;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-kb-status-right {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              .fr-kb-island {\r\n                width: 140px;\r\n                height: 34px;\r\n                background: #000;\r\n                border-radius: 999px;\r\n                margin: 0 auto;\r\n                border: 1.5px solid #ff3b3b;\r\n                display: flex;\r\n                align-items: center;\r\n                padding: 0 14px;\r\n              }\r\n              \r\n              .fr-kb-island img {\r\n                width: 18px;\r\n                height: 18px;\r\n                object-fit: contain;\r\n              }\r\n              \r\n              \/* Scrollable Content *\/\r\n              .fr-kb-content {\r\n                position: absolute;\r\n                inset: 0;\r\n                overflow-y: auto;\r\n                padding: 54px 20px 140px;\r\n                scrollbar-width: none;\r\n              }\r\n              \r\n              .fr-kb-content::-webkit-scrollbar { display: none; }\r\n              \r\n              \/* Header *\/\r\n              .fr-kb-header {\r\n                font-size: 22px;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin: 30px 0 20px;\r\n              }\r\n              \r\n              \/* Article Cards *\/\r\n              .fr-kb-card {\r\n                border-radius: 14px;\r\n                overflow: hidden;\r\n                margin-bottom: 16px;\r\n                background: #111;\r\n                border: 1px solid rgba(255,255,255,0.06);\r\n              }\r\n              \r\n              .fr-kb-card-img {\r\n                width: 100%;\r\n                height: 120px;\r\n                position: relative;\r\n                overflow: hidden;\r\n              }\r\n              \r\n              .fr-kb-card-img img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n              }\r\n              \r\n              .fr-kb-card-img::after {\r\n                content: '';\r\n                position: absolute;\r\n                inset: 0;\r\n                background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.4) 100%);\r\n              }\r\n              \r\n              .fr-kb-card-info {\r\n                padding: 12px 14px;\r\n              }\r\n              \r\n              .fr-kb-card-title {\r\n                font-size: 14px;\r\n                font-weight: 700;\r\n                color: #fff;\r\n                margin: 0 0 5px;\r\n              }\r\n              \r\n              .fr-kb-card-cat {\r\n                font-size: 11px;\r\n                color: #ff3b3b;\r\n                font-weight: 600;\r\n                margin: 0 0 5px;\r\n              }\r\n              \r\n              .fr-kb-card-date {\r\n                font-size: 10px;\r\n                color: rgba(255,255,255,0.4);\r\n                margin: 0;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 5px;\r\n              }\r\n              \r\n              .fr-kb-card-date i {\r\n                font-size: 9px;\r\n              }\r\n              \r\n              \/* Bottom Nav *\/\r\n              .fr-kb-nav {\r\n                position: absolute;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                height: 120px;\r\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\r\n                background-repeat: no-repeat;\r\n                background-position: bottom center;\r\n                background-size: 100% auto;\r\n                z-index: 20;\r\n              }\r\n              \r\n              .fr-kb-nav-icon {\r\n                position: absolute;\r\n                bottom: 24px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: rgba(255,255,255,0.72);\r\n                z-index: 25;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .fr-kb-nav-icon svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.5;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              .fr-kb-nav-icon.n-home { left: 30px; }\r\n              .fr-kb-nav-icon.n-reports { left: 88px; }\r\n              .fr-kb-nav-icon.n-articles { right: 88px; color: #fff; }\r\n              .fr-kb-nav-icon.n-profile { right: 30px; }\r\n              \r\n              .fr-kb-nav-camera {\r\n                position: absolute;\r\n                left: 50%;\r\n                top: 58%;\r\n                transform: translate(-50%, -50%);\r\n                margin-top: -16px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: #fff;\r\n                z-index: 26;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .fr-kb-nav-camera svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.6;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              \/* Responsive *\/\r\n              @media (max-width: 768px) {\r\n                .fr-kb-mockup-wrap {\r\n                  padding: 30px 10px;\r\n                }\r\n                .fr-kb-mockup-phone {\r\n                  width: 300px;\r\n                  height: 600px;\r\n                }\r\n              }\r\n              <\/style>\r\n              \r\n              <div class=\"fr-kb-mockup-wrap\">\r\n                <div class=\"fr-kb-mockup-phone\">\r\n              \r\n                  <!-- Status Bar -->\r\n                  <div class=\"fr-kb-status\">\r\n                    <span>2:34<\/span>\r\n                    <div class=\"fr-kb-island\">\r\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\r\n                    <\/div>\r\n                    <span class=\"fr-kb-status-right\">5G&nbsp;&nbsp;77%<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Scrollable Content -->\r\n                  <div class=\"fr-kb-content\">\r\n              \r\n                    <!-- Header -->\r\n                    <p class=\"fr-kb-header\">Knowledge Hub<\/p>\r\n              \r\n                    <!-- Article 1 -->\r\n                    <div class=\"fr-kb-card\">\r\n                      <div class=\"fr-kb-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"Fire ant\">\r\n                      <\/div>\r\n                      <div class=\"fr-kb-card-info\">\r\n                        <p class=\"fr-kb-card-title\">How to deal with ants<\/p>\r\n                        <p class=\"fr-kb-card-cat\">Prevention and Control<\/p>\r\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Feb 13, 2026<\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Article 2 -->\r\n                    <div class=\"fr-kb-card\">\r\n                      <div class=\"fr-kb-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"Fire ant\">\r\n                      <\/div>\r\n                      <div class=\"fr-kb-card-info\">\r\n                        <p class=\"fr-kb-card-title\">How to identify fire ants<\/p>\r\n                        <p class=\"fr-kb-card-cat\">Fire Ant Identification<\/p>\r\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Feb 12, 2026<\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Article 3 -->\r\n                    <div class=\"fr-kb-card\">\r\n                      <div class=\"fr-kb-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"Fire ant\">\r\n                      <\/div>\r\n                      <div class=\"fr-kb-card-info\">\r\n                        <p class=\"fr-kb-card-title\">Reporting best practices<\/p>\r\n                        <p class=\"fr-kb-card-cat\">Community Guide<\/p>\r\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Feb 10, 2026<\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Article 4 -->\r\n                    <div class=\"fr-kb-card\">\r\n                      <div class=\"fr-kb-card-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"Fire ant\">\r\n                      <\/div>\r\n                      <div class=\"fr-kb-card-info\">\r\n                        <p class=\"fr-kb-card-title\">Biosecurity in your backyard<\/p>\r\n                        <p class=\"fr-kb-card-cat\">Awareness<\/p>\r\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Feb 08, 2026<\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                  <\/div>\r\n              \r\n                  <!-- Bottom Nav -->\r\n                  <div class=\"fr-kb-nav\">\r\n                    <div class=\"fr-kb-nav-camera\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M7 7h2l1.5-2h3L15 7h2a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-kb-nav-icon n-home\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\r\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-kb-nav-icon n-reports\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M8 4h8\"><\/path>\r\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\r\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\r\n                        <path d=\"M8 11h8\"><\/path>\r\n                        <path d=\"M8 15h8\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-kb-nav-icon n-articles\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\r\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-kb-nav-icon n-profile\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\r\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"fr-flow-screen\" data-fr-screen=\"reports\">\r\n              <!-- ============================================\r\n                   FIRE RANT \u2014 APP MY REPORTS SCREEN MOCKUP\r\n                   Interactive tabs: Reports \/ Drafts\r\n                   Fire ant image thumbnails\r\n                   Paste into Elementor HTML widget\r\n              ============================================ -->\r\n              \r\n              <style>\r\n              .fr-reports-mockup-wrap {\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                padding: 50px 20px;\r\n                background: #0a0a0a;\r\n              }\r\n              \r\n              .fr-reports-mockup-phone {\r\n                position: relative;\r\n                width: 320px;\r\n                height: 640px;\r\n                background: #000;\r\n                border-radius: 44px;\r\n                border: 4px solid #2a2a2a;\r\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\r\n                overflow: hidden;\r\n                font-family: Inter, -apple-system, Arial, sans-serif;\r\n              }\r\n              \r\n              \/* Status Bar *\/\r\n              .fr-rp-status {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                display: grid;\r\n                grid-template-columns: 48px 1fr 68px;\r\n                align-items: center;\r\n                padding: 14px 24px 0;\r\n                font-size: 10px;\r\n                color: #fff;\r\n                font-weight: 700;\r\n                z-index: 10;\r\n              }\r\n              \r\n              .fr-rp-status-right {\r\n                text-align: right;\r\n                font-weight: 600;\r\n              }\r\n              \r\n              .fr-rp-island {\r\n                width: 140px;\r\n                height: 34px;\r\n                background: #000;\r\n                border-radius: 999px;\r\n                margin: 0 auto;\r\n                border: 1.5px solid #ff3b3b;\r\n                display: flex;\r\n                align-items: center;\r\n                padding: 0 14px;\r\n              }\r\n              \r\n              .fr-rp-island img {\r\n                width: 18px;\r\n                height: 18px;\r\n                object-fit: contain;\r\n              }\r\n              \r\n              \/* Scrollable Content *\/\r\n              .fr-rp-content {\r\n                position: absolute;\r\n                inset: 0;\r\n                overflow-y: auto;\r\n                padding: 54px 20px 140px;\r\n                scrollbar-width: none;\r\n              }\r\n              \r\n              .fr-rp-content::-webkit-scrollbar { display: none; }\r\n              \r\n              \/* Header *\/\r\n              .fr-rp-header {\r\n                font-size: 22px;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin: 30px 0 16px;\r\n              }\r\n              \r\n              \/* Tabs *\/\r\n              .fr-rp-tabs {\r\n                display: flex;\r\n                gap: 24px;\r\n                margin-bottom: 20px;\r\n                border-bottom: 1px solid rgba(255,255,255,0.08);\r\n              }\r\n              \r\n              .fr-rp-tab {\r\n                font-size: 14px;\r\n                font-weight: 700;\r\n                color: rgba(255,255,255,0.4);\r\n                padding-bottom: 10px;\r\n                border-bottom: 2px solid transparent;\r\n                cursor: pointer;\r\n                transition: color 0.2s, border-color 0.2s;\r\n              }\r\n              \r\n              .fr-rp-tab.active {\r\n                color: #ff3b3b;\r\n                border-bottom-color: #ff3b3b;\r\n              }\r\n              \r\n              .fr-rp-tab:hover:not(.active) {\r\n                color: rgba(255,255,255,0.7);\r\n              }\r\n              \r\n              \/* Tab Content Panels *\/\r\n              .fr-rp-panel {\r\n                display: none;\r\n              }\r\n              \r\n              .fr-rp-panel.active {\r\n                display: block;\r\n              }\r\n              \r\n              \/* Report List Items *\/\r\n              .fr-rp-item {\r\n                display: grid;\r\n                grid-template-columns: 56px 1fr 16px;\r\n                align-items: center;\r\n                gap: 10px;\r\n                padding: 12px 0;\r\n                border-bottom: 1px solid rgba(255,255,255,0.05);\r\n              }\r\n              \r\n              .fr-rp-thumb {\r\n                width: 56px;\r\n                height: 56px;\r\n                border-radius: 10px;\r\n                background: #222;\r\n                overflow: hidden;\r\n              }\r\n              \r\n              .fr-rp-thumb img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n              }\r\n              \r\n              .fr-rp-title {\r\n                font-size: 14px;\r\n                font-weight: 800;\r\n                color: #fff;\r\n                margin: 0 0 4px;\r\n              }\r\n              \r\n              .fr-rp-meta {\r\n                font-size: 11px;\r\n                color: rgba(255,255,255,0.45);\r\n                margin: 0;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n              }\r\n              \r\n              .fr-rp-meta i {\r\n                font-size: 10px;\r\n                color: rgba(255,255,255,0.35);\r\n              }\r\n              \r\n              .fr-rp-chevron {\r\n                color: rgba(255,255,255,0.65);\r\n                font-size: 24px;\r\n              }\r\n              \r\n              \/* Drafts Empty State *\/\r\n              .fr-rp-empty {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                justify-content: center;\r\n                padding: 60px 20px;\r\n                text-align: center;\r\n              }\r\n              \r\n              .fr-rp-empty-icon {\r\n                width: 64px;\r\n                height: 64px;\r\n                border-radius: 50%;\r\n                background: rgba(255,255,255,0.04);\r\n                border: 1px solid rgba(255,255,255,0.08);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                margin-bottom: 20px;\r\n              }\r\n              \r\n              .fr-rp-empty-icon i {\r\n                font-size: 24px;\r\n                color: rgba(255,255,255,0.25);\r\n              }\r\n              \r\n              .fr-rp-empty-title {\r\n                font-size: 16px;\r\n                font-weight: 700;\r\n                color: rgba(255,255,255,0.6);\r\n                margin: 0 0 8px;\r\n              }\r\n              \r\n              .fr-rp-empty-sub {\r\n                font-size: 12px;\r\n                color: rgba(255,255,255,0.35);\r\n                margin: 0;\r\n                line-height: 1.5;\r\n              }\r\n              \r\n              \/* Bottom Nav *\/\r\n              .fr-rp-nav {\r\n                position: absolute;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                height: 120px;\r\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\r\n                background-repeat: no-repeat;\r\n                background-position: bottom center;\r\n                background-size: 100% auto;\r\n                z-index: 20;\r\n              }\r\n              \r\n              .fr-rp-nav-icon {\r\n                position: absolute;\r\n                bottom: 24px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: rgba(255,255,255,0.72);\r\n                z-index: 25;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .fr-rp-nav-icon svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.5;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              .fr-rp-nav-icon.n-home { left: 30px; }\r\n              .fr-rp-nav-icon.n-reports { left: 88px; color: #fff; }\r\n              .fr-rp-nav-icon.n-articles { right: 88px; }\r\n              .fr-rp-nav-icon.n-profile { right: 30px; }\r\n              \r\n              .fr-rp-nav-camera {\r\n                position: absolute;\r\n                left: 50%;\r\n                top: 58%;\r\n                transform: translate(-50%, -50%);\r\n                margin-top: -16px;\r\n                width: 26px;\r\n                height: 26px;\r\n                color: #fff;\r\n                z-index: 26;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n              }\r\n              \r\n              .fr-rp-nav-camera svg {\r\n                width: 20px;\r\n                height: 20px;\r\n                stroke: currentColor;\r\n                fill: none;\r\n                stroke-width: 2.6;\r\n                stroke-linecap: round;\r\n                stroke-linejoin: round;\r\n              }\r\n              \r\n              \/* Responsive *\/\r\n              @media (max-width: 768px) {\r\n                .fr-reports-mockup-wrap {\r\n                  padding: 30px 10px;\r\n                }\r\n                .fr-reports-mockup-phone {\r\n                  width: 300px;\r\n                  height: 600px;\r\n                }\r\n              }\r\n              <\/style>\r\n              \r\n              <div class=\"fr-reports-mockup-wrap\">\r\n                <div class=\"fr-reports-mockup-phone\">\r\n              \r\n                  <!-- Status Bar -->\r\n                  <div class=\"fr-rp-status\">\r\n                    <span>2:34<\/span>\r\n                    <div class=\"fr-rp-island\">\r\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\r\n                    <\/div>\r\n                    <span class=\"fr-rp-status-right\">5G&nbsp;&nbsp;77%<\/span>\r\n                  <\/div>\r\n              \r\n                  <!-- Scrollable Content -->\r\n                  <div class=\"fr-rp-content\">\r\n              \r\n                    <!-- Header -->\r\n                    <p class=\"fr-rp-header\">My reports<\/p>\r\n              \r\n                    <!-- Tabs -->\r\n                    <div class=\"fr-rp-tabs\" id=\"frRpTabs\">\r\n                      <span class=\"fr-rp-tab active\" data-tab=\"reports\">Reports<\/span>\r\n                      <span class=\"fr-rp-tab\" data-tab=\"drafts\">Drafts<\/span>\r\n                    <\/div>\r\n              \r\n                    <!-- Reports Panel -->\r\n                    <div class=\"fr-rp-panel active\" id=\"frRpReports\">\r\n                      <div class=\"fr-rp-item\">\r\n                        <div class=\"fr-rp-thumb\">\r\n                          <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"Fire ant\">\r\n                        <\/div>\r\n                        <div>\r\n                          <p class=\"fr-rp-title\">more ants<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> May 21, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\r\n                        <\/div>\r\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\r\n                      <\/div>\r\n              \r\n                      <div class=\"fr-rp-item\">\r\n                        <div class=\"fr-rp-thumb\">\r\n                          <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"Fire ant\">\r\n                        <\/div>\r\n                        <div>\r\n                          <p class=\"fr-rp-title\">rwport<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Feb 23, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\r\n                        <\/div>\r\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\r\n                      <\/div>\r\n              \r\n                      <div class=\"fr-rp-item\">\r\n                        <div class=\"fr-rp-thumb\">\r\n                          <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"Fire ant\">\r\n                        <\/div>\r\n                        <div>\r\n                          <p class=\"fr-rp-title\">more ants to report<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Mar 15, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\r\n                        <\/div>\r\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\r\n                      <\/div>\r\n              \r\n                      <div class=\"fr-rp-item\">\r\n                        <div class=\"fr-rp-thumb\">\r\n                          <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"Fire ant\">\r\n                        <\/div>\r\n                        <div>\r\n                          <p class=\"fr-rp-title\">more<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> May 01, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\r\n                        <\/div>\r\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\r\n                      <\/div>\r\n              \r\n                      <div class=\"fr-rp-item\">\r\n                        <div class=\"fr-rp-thumb\">\r\n                          <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-Jun-24-2026-10_16_08-PM.png\" alt=\"Fire ant\">\r\n                        <\/div>\r\n                        <div>\r\n                          <p class=\"fr-rp-title\">in my backyard<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Mar 08, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\r\n                        <\/div>\r\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Drafts Panel (Empty State) -->\r\n                    <div class=\"fr-rp-panel\" id=\"frRpDrafts\">\r\n                      <div class=\"fr-rp-empty\">\r\n                        <div class=\"fr-rp-empty-icon\">\r\n                          <i class=\"fas fa-envelope-open\" aria-hidden=\"true\"><\/i>\r\n                        <\/div>\r\n                        <p class=\"fr-rp-empty-title\">No drafts<\/p>\r\n                        <p class=\"fr-rp-empty-sub\">Drafts will appear here when you save reports offline<\/p>\r\n                      <\/div>\r\n                    <\/div>\r\n              \r\n                  <\/div>\r\n              \r\n                  <!-- Bottom Nav -->\r\n                  <div class=\"fr-rp-nav\">\r\n                    <div class=\"fr-rp-nav-camera\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M7 7h2l1.5-2h3L15 7h2a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-rp-nav-icon n-home\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\r\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-rp-nav-icon n-reports\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M8 4h8\"><\/path>\r\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\r\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\r\n                        <path d=\"M8 11h8\"><\/path>\r\n                        <path d=\"M8 15h8\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-rp-nav-icon n-articles\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\r\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div class=\"fr-rp-nav-icon n-profile\">\r\n                      <svg viewBox=\"0 0 24 24\">\r\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\r\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\r\n                      <\/svg>\r\n                    <\/div>\r\n                  <\/div>\r\n              \r\n                <\/div>\r\n              <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n              (function() {\r\n                var tabs = document.querySelectorAll('#frRpTabs .fr-rp-tab');\r\n                var reportsPanel = document.getElementById('frRpReports');\r\n                var draftsPanel = document.getElementById('frRpDrafts');\r\n              \r\n                tabs.forEach(function(tab) {\r\n                  tab.addEventListener('click', function() {\r\n                    tabs.forEach(function(t) { t.classList.remove('active'); });\r\n                    tab.classList.add('active');\r\n              \r\n                    if (tab.getAttribute('data-tab') === 'reports') {\r\n                      reportsPanel.classList.add('active');\r\n                      draftsPanel.classList.remove('active');\r\n                    } else {\r\n                      draftsPanel.classList.add('active');\r\n                      reportsPanel.classList.remove('active');\r\n                    }\r\n                  });\r\n                });\r\n              })();\r\n              <\/script>\r\n              <\/div>\r\n            <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var root = document.getElementById('frOriginalDemoSection');\r\n  if (!root) return;\r\n\r\n  var labels = {\r\n    \"iphone\": \"iPhone Home\",\r\n    \"loading\": \"Loading\",\r\n    \"app\": \"App Home\",\r\n    \"camera\": \"Camera\",\r\n    \"analyzing\": \"Analyzing\",\r\n    \"result\": \"AI Result\",\r\n    \"create\": \"Create Report\",\r\n    \"submitted\": \"Submitted\",\r\n    \"profile\": \"Profile\",\r\n    \"knowledge\": \"Knowledge Hub\",\r\n    \"reports\": \"My Reports\"\r\n};\r\n  var timer = null;\r\n\r\n  function closest(target, selector) {\r\n    return target && target.closest && target.closest(selector);\r\n  }\r\n\r\n  function activeScreen() {\r\n    return root.querySelector('.fr-flow-screen.fr-flow-active');\r\n  }\r\n\r\n  function show(name) {\r\n    if (!labels[name]) return;\r\n    if (timer) {\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }\r\n\r\n    root.querySelectorAll('.fr-flow-screen').forEach(function(screen) {\r\n      screen.classList.toggle('fr-flow-active', screen.getAttribute('data-fr-screen') === name);\r\n    });\r\n\r\n    var label = root.querySelector('#frFlowLabel');\r\n    if (label) label.textContent = labels[name];\r\n\r\n    var loaderFill = root.querySelector('#frFlowLoaderFill');\r\n    if (loaderFill) {\r\n      loaderFill.classList.remove('animate');\r\n      if (name === 'loading') {\r\n        void loaderFill.offsetWidth;\r\n        loaderFill.classList.add('animate');\r\n      }\r\n    }\r\n\r\n    if (name === 'loading') {\r\n      timer = setTimeout(function() { show('app'); }, 2200);\r\n    }\r\n\r\n    if (name === 'analyzing') {\r\n      timer = setTimeout(function() { show('result'); }, 2600);\r\n    }\r\n  }\r\n\r\n  function textOf(element) {\r\n    return (element && element.textContent || '').toLowerCase();\r\n  }\r\n\r\n  root.addEventListener('click', function(event) {\r\n    var target = event.target;\r\n    var current = activeScreen();\r\n    var currentName = current ? current.getAttribute('data-fr-screen') : '';\r\n    var fireAppTile = closest(target, '.frhs-grid-item');\r\n\r\n    if (closest(target, '.frhs-grid-icon.firerant, .frhs-grid-name.hl') || (fireAppTile && fireAppTile.querySelector('.frhs-grid-icon.firerant'))) {\r\n      event.preventDefault();\r\n      show('loading');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.fr-cam-shutter')) {\r\n      event.preventDefault();\r\n      show('analyzing');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.fr-ai-btn.primary')) {\r\n      event.preventDefault();\r\n      show('create');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.frcr-submit')) {\r\n      event.preventDefault();\r\n      show('submitted');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.frps-btn')) {\r\n      event.preventDefault();\r\n      show('app');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.frcr-header .fa-arrow-left')) {\r\n      event.preventDefault();\r\n      show('result');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.fr-ai-red-title .fa-arrow-left, .fr-cam-top-btn:first-child')) {\r\n      event.preventDefault();\r\n      show(currentName === 'camera' ? 'app' : 'camera');\r\n      return;\r\n    }\r\n\r\n    var secondary = closest(target, '.fr-ai-btn.secondary');\r\n    if (secondary) {\r\n      event.preventDefault();\r\n      if (textOf(secondary).indexOf('scan') > -1) show('camera');\r\n      else show('app');\r\n      return;\r\n    }\r\n\r\n    var reportLink = closest(target, '.fr-m-red-link, .fr-prof-reports-link');\r\n    if (reportLink) {\r\n      event.preventDefault();\r\n      if (textOf(reportLink).indexOf('article') > -1) show('knowledge');\r\n      else if (textOf(reportLink).indexOf('leaderboard') > -1) show('profile');\r\n      else show('reports');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.fr-m-report, .fr-rp-item')) {\r\n      event.preventDefault();\r\n      show('result');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.fr-m-nav-camera, .fr-ai-nav-camera, .frps-bnav-cam, .fr-prof-nav-camera, .fr-kb-nav-camera, .fr-rp-nav-camera')) {\r\n      event.preventDefault();\r\n      show('camera');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.fr-m-nav-icon.n-home, .fr-ai-nav-icon.n-home, .frps-nav-item.n1, .fr-prof-nav-icon.n-home, .fr-kb-nav-icon.n-home, .fr-rp-nav-icon.n-home')) {\r\n      event.preventDefault();\r\n      show('app');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.fr-m-nav-icon.n-reports, .fr-ai-nav-icon.n-reports, .frps-nav-item.n2, .fr-prof-nav-icon.n-reports, .fr-kb-nav-icon.n-reports, .fr-rp-nav-icon.n-reports')) {\r\n      event.preventDefault();\r\n      show('reports');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.fr-m-nav-icon.n-articles, .fr-ai-nav-icon.n-articles, .frps-nav-item.n3, .fr-prof-nav-icon.n-articles, .fr-kb-nav-icon.n-articles, .fr-rp-nav-icon.n-articles')) {\r\n      event.preventDefault();\r\n      show('knowledge');\r\n      return;\r\n    }\r\n\r\n    if (closest(target, '.fr-m-nav-icon.n-profile, .fr-ai-nav-icon.n-profile, .frps-nav-item.n4, .fr-prof-nav-icon.n-profile, .fr-kb-nav-icon.n-profile, .fr-rp-nav-icon.n-profile')) {\r\n      event.preventDefault();\r\n      show('profile');\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2a98fc elementor-widget elementor-widget-html\" data-id=\"b2a98fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ============================================\r\n     FIRE RANT \u2014 THREE PILLARS SECTION\r\n     Surveil \/ Intervene \/ Restore\r\n     Paste into an Elementor HTML widget\r\n============================================ -->\r\n<style>\r\n.fr-pillars {\r\n  background: #111;\r\n  padding: 80px 40px;\r\n}\r\n.fr-pillars-header {\r\n  text-align: center;\r\n  max-width: 700px;\r\n  margin: 0 auto 60px;\r\n}\r\n.fr-pillars-header .fr-label {\r\n  color: #ff3b3b;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.fr-pillars-header h2 {\r\n  color: #fff;\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  margin: 0 0 1rem;\r\n}\r\n.fr-pillars-header p {\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 1rem;\r\n  line-height: 1.7;\r\n}\r\n.fr-pillars-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 2.5rem;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n.fr-pillar-card {\r\n  background: #0a0a0a;\r\n  border: 1px solid rgba(255,59,59,0.12);\r\n  border-radius: 16px;\r\n  padding: 2.5rem 2rem;\r\n  text-align: center;\r\n  transition: border-color 0.3s, transform 0.3s;\r\n}\r\n.fr-pillar-card:hover {\r\n  border-color: rgba(255,59,59,0.4);\r\n  transform: translateY(-4px);\r\n}\r\n.fr-pillar-icon {\r\n  width: 64px;\r\n  height: 64px;\r\n  margin: 0 auto 1.5rem;\r\n}\r\n.fr-pillar-icon img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n.fr-pillar-card h3 {\r\n  color: #ff3b3b;\r\n  font-size: 1.3rem;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  margin: 0 0 1rem;\r\n}\r\n.fr-pillar-card p {\r\n  color: rgba(255,255,255,0.7);\r\n  font-size: 0.95rem;\r\n  line-height: 1.75;\r\n  margin: 0 0 1.5rem;\r\n}\r\n.fr-pillar-stat {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  background: #1b0706;\r\n  color: #e9473c;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fr-pillars-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 2rem;\r\n  }\r\n  .fr-pillars {\r\n    padding: 60px 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fr-pillars\">\r\n  \r\n  <div class=\"fr-pillars-header\">\r\n    <p class=\"fr-label\">How It Works<\/p>\r\n    <h2>THREE PILLARS OF CITIZEN BIOSECURITY<\/h2>\r\n    <p>A structured framework that transforms community observations into actionable eradication intelligence.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"fr-pillars-grid\">\r\n\r\n    <!-- Pillar 1: Surveil -->\r\n    <div class=\"fr-pillar-card\">\r\n      <div class=\"fr-pillar-icon\">\r\n        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Ant-Gps-tag-scaled.png\" alt=\"Surveil\">\r\n      <\/div>\r\n      <h3>Surveil<\/h3>\r\n      <p>\r\n        AI-powered nest identification with 85%+ confidence scoring. Geo-tagged reports generate real-time surveillance data \r\n        that extends coverage beyond government capacity.\r\n      <\/p>\r\n      <span class=\"fr-pillar-stat\">\u2605 99% of biosecurity alerts from citizens<\/span>\r\n    <\/div>\r\n\r\n    <!-- Pillar 2: Intervene -->\r\n    <div class=\"fr-pillar-card\">\r\n      <div class=\"fr-pillar-icon\">\r\n        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Ant-Poison-scaled.png\" alt=\"Intervene\">\r\n      <\/div>\r\n      <h3>Intervene<\/h3>\r\n      <p>\r\n        Connect with approved insect growth regulators (pyriproxyfen, S-methoprene) \u2014 the same precision chemistry used by \r\n        the National Program. Treat early. Treat correctly.\r\n      <\/p>\r\n      <span class=\"fr-pillar-stat\">\u2605 390:1 benefit-cost ratio for eradication<\/span>\r\n    <\/div>\r\n\r\n    <!-- Pillar 3: Restore -->\r\n    <div class=\"fr-pillar-card\">\r\n      <div class=\"fr-pillar-icon\">\r\n        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/3-ants-scaled.png\" alt=\"Restore\">\r\n      <\/div>\r\n      <h3>Restore<\/h3>\r\n      <p>\r\n        Every report contributes to continental eradication by 2032. Protect endangered cassowaries, marine turtles, \r\n        and 97% of Australia's landmass from irreversible establishment.\r\n      <\/p>\r\n      <span class=\"fr-pillar-stat\">\u2605 $22B in avoided damages by 2040s<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a9d770 elementor-widget elementor-widget-html\" data-id=\"8a9d770\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ============================================\r\n     FIRE RANT \u2014 APP FEATURES SHOWCASE\r\n     Visual demonstrations using app UI styling\r\n     Paste into an Elementor HTML widget\r\n============================================ -->\r\n<style>\r\n.fr-showcase {\r\n  background: #0a0a0a;\r\n  padding: 80px 40px;\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n.fr-showcase-header {\r\n  text-align: center;\r\n  max-width: 700px;\r\n  margin: 0 auto 60px;\r\n}\r\n.fr-showcase-header .fr-label {\r\n  color: #ff3b3b;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.fr-showcase-header h2 {\r\n  color: #fff;\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  margin: 0 0 1rem;\r\n}\r\n.fr-showcase-header p {\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 1rem;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Feature Row \u2014 alternating layout *\/\r\n.fr-feature-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4rem;\r\n  max-width: 1100px;\r\n  margin: 0 auto 80px;\r\n  align-items: center;\r\n}\r\n.fr-feature-row.reverse {\r\n  direction: rtl;\r\n}\r\n.fr-feature-row.reverse > * {\r\n  direction: ltr;\r\n}\r\n.fr-feature-text .fr-feat-label {\r\n  color: #ff3b3b;\r\n  font-size: 0.75rem;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  font-weight: 700;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.fr-feature-text h3 {\r\n  color: #fff;\r\n  font-size: 1.6rem;\r\n  font-weight: 800;\r\n  margin: 0 0 1rem;\r\n}\r\n.fr-feature-text p {\r\n  color: rgba(255,255,255,0.65);\r\n  font-size: 0.95rem;\r\n  line-height: 1.8;\r\n  margin: 0 0 1.5rem;\r\n}\r\n.fr-feature-text .fr-feat-stat {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  background: #1b0706;\r\n  color: #e9473c;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* ===== APP-STYLE DEMO PANELS ===== *\/\r\n.fr-demo-panel {\r\n  background: #111;\r\n  border: 1px solid rgba(255,59,59,0.1);\r\n  border-radius: 20px;\r\n  padding: 24px;\r\n  box-shadow: 0 15px 50px rgba(0,0,0,0.4);\r\n}\r\n\r\n\/* Demo 1: AI Analysis Result *\/\r\n.fr-demo-ai .fr-demo-status {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-bottom: 16px;\r\n}\r\n.fr-demo-ai .fr-demo-status .fr-alert-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  background: rgba(255,59,59,0.15);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ff3b3b;\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n}\r\n.fr-demo-ai .fr-demo-status .fr-alert-text {\r\n  color: #ff3b3b;\r\n  font-size: 1.3rem;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n}\r\n.fr-demo-confidence {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  background: rgba(255,255,255,0.08);\r\n  padding: 6px 14px;\r\n  border-radius: 999px;\r\n  margin-bottom: 20px;\r\n}\r\n.fr-demo-confidence span {\r\n  color: #fff;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n}\r\n.fr-demo-confidence .fr-conf-bar {\r\n  width: 80px;\r\n  height: 6px;\r\n  background: rgba(255,255,255,0.1);\r\n  border-radius: 3px;\r\n  overflow: hidden;\r\n}\r\n.fr-demo-confidence .fr-conf-fill {\r\n  width: 85%;\r\n  height: 100%;\r\n  background: #ff3b3b;\r\n  border-radius: 3px;\r\n}\r\n.fr-demo-features-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n.fr-demo-features-list li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 8px 0;\r\n  color: rgba(255,255,255,0.75);\r\n  font-size: 0.85rem;\r\n  border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.fr-demo-features-list li::before {\r\n  content: '';\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #ff3b3b;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Demo 2: Geo Report *\/\r\n.fr-demo-geo .fr-demo-map {\r\n  background: #1a1a1a;\r\n  border-radius: 12px;\r\n  padding: 16px;\r\n  margin-bottom: 16px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.fr-demo-geo .fr-demo-map-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 8px;\r\n}\r\n.fr-demo-map-field {\r\n  background: rgba(255,255,255,0.04);\r\n  border-radius: 8px;\r\n  padding: 10px 12px;\r\n}\r\n.fr-demo-map-field .fr-field-label {\r\n  color: rgba(255,255,255,0.4);\r\n  font-size: 0.65rem;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  margin: 0 0 4px;\r\n}\r\n.fr-demo-map-field .fr-field-value {\r\n  color: #fff;\r\n  font-size: 0.8rem;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n.fr-demo-geo .fr-demo-pin {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(255,59,59,0.1);\r\n  border: 1px solid rgba(255,59,59,0.2);\r\n  border-radius: 10px;\r\n  padding: 12px 14px;\r\n}\r\n.fr-demo-geo .fr-demo-pin-icon {\r\n  color: #ff3b3b;\r\n  font-size: 1.2rem;\r\n}\r\n.fr-demo-geo .fr-demo-pin-text {\r\n  color: rgba(255,255,255,0.8);\r\n  font-size: 0.8rem;\r\n  line-height: 1.4;\r\n}\r\n.fr-demo-geo .fr-demo-pin-text strong {\r\n  color: #fff;\r\n  display: block;\r\n  font-size: 0.85rem;\r\n}\r\n\r\n\/* Demo 3: Leaderboard *\/\r\n.fr-demo-lb .fr-demo-lb-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 16px;\r\n}\r\n.fr-demo-lb .fr-demo-lb-header h4 {\r\n  color: #fff;\r\n  font-size: 1rem;\r\n  font-weight: 800;\r\n  margin: 0;\r\n}\r\n.fr-demo-lb .fr-demo-lb-header span {\r\n  color: #e9473c;\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n}\r\n.fr-demo-lb-row {\r\n  display: grid;\r\n  grid-template-columns: 32px 1fr auto;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 12px 0;\r\n  border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.fr-demo-lb-row:last-child {\r\n  border-bottom: none;\r\n}\r\n.fr-demo-lb-rank {\r\n  color: rgba(255,255,255,0.4);\r\n  font-size: 0.9rem;\r\n  font-weight: 800;\r\n}\r\n.fr-demo-lb-rank.gold {\r\n  color: #ffb000;\r\n}\r\n.fr-demo-lb-rank.silver {\r\n  color: #c0c0c0;\r\n}\r\n.fr-demo-lb-rank.bronze {\r\n  color: #cd7f32;\r\n}\r\n.fr-demo-lb-name {\r\n  color: #fff;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n}\r\n.fr-demo-lb-pts {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  background: #1b0706;\r\n  color: #e9473c;\r\n  padding: 5px 10px;\r\n  border-radius: 999px;\r\n  font-size: 0.75rem;\r\n  font-weight: 800;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fr-feature-row,\r\n  .fr-feature-row.reverse {\r\n    grid-template-columns: 1fr;\r\n    direction: ltr;\r\n    gap: 2rem;\r\n  }\r\n  .fr-showcase {\r\n    padding: 60px 20px;\r\n  }\r\n  .fr-feature-row {\r\n    margin-bottom: 60px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fr-showcase\">\r\n\r\n  <div class=\"fr-showcase-header\">\r\n    <p class=\"fr-label\">App Features<\/p>\r\n    <h2>SEE IT IN ACTION<\/h2>\r\n    <p>From photo to verified report in under 60 seconds. Here's what the experience looks like.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Feature 1: AI Identification -->\r\n  <div class=\"fr-feature-row\">\r\n    <div class=\"fr-feature-text\">\r\n      <p class=\"fr-feat-label\">Feature 01<\/p>\r\n      <h3>AI Nest Identification<\/h3>\r\n      <p>\r\n        Snap a photo of a suspected nest. Our model \u2014 trained on 20,000+ images \u2014 analyses morphological features \r\n        and returns a confidence score in seconds. No expertise required.\r\n      <\/p>\r\n      <span class=\"fr-feat-stat\">\u2605 85%+ identification accuracy<\/span>\r\n    <\/div>\r\n    <div class=\"fr-demo-panel fr-demo-ai\">\r\n      <div class=\"fr-demo-status\">\r\n        <div class=\"fr-alert-icon\">\u26a0<\/div>\r\n        <span class=\"fr-alert-text\">RIFA<\/span>\r\n      <\/div>\r\n      <div class=\"fr-demo-confidence\">\r\n        <span>Confidence: 85.0%<\/span>\r\n        <div class=\"fr-conf-bar\"><div class=\"fr-conf-fill\"><\/div><\/div>\r\n      <\/div>\r\n      <ul class=\"fr-demo-features-list\">\r\n        <li>Multiple small, irregular entry points<\/li>\r\n        <li>Loose, crumbly soil structure<\/li>\r\n        <li>Absence of single large central hole<\/li>\r\n        <li>Grass growing through the mound<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Feature 2: Geo-Tagged Reporting -->\r\n  <div class=\"fr-feature-row reverse\">\r\n    <div class=\"fr-feature-text\">\r\n      <p class=\"fr-feat-label\">Feature 02<\/p>\r\n      <h3>Geo-Tagged Reporting<\/h3>\r\n      <p>\r\n        Every report captures precise GPS coordinates and street address automatically. \r\n        No manual entry. No guesswork. Just verified location intelligence ready for the surveillance map.\r\n      <\/p>\r\n      <span class=\"fr-feat-stat\">\u2605 Auto-captured coordinates<\/span>\r\n    <\/div>\r\n    <div class=\"fr-demo-panel fr-demo-geo\">\r\n      <div class=\"fr-demo-map\">\r\n        <div class=\"fr-demo-map-grid\">\r\n          <div class=\"fr-demo-map-field\">\r\n            <p class=\"fr-field-label\">Address<\/p>\r\n            <p class=\"fr-field-value\">7 Coorong St, Yarrabilba<\/p>\r\n          <\/div>\r\n          <div class=\"fr-demo-map-field\">\r\n            <p class=\"fr-field-label\">State<\/p>\r\n            <p class=\"fr-field-value\">QLD, 4207<\/p>\r\n          <\/div>\r\n          <div class=\"fr-demo-map-field\">\r\n            <p class=\"fr-field-label\">Latitude<\/p>\r\n            <p class=\"fr-field-value\">-27.829503<\/p>\r\n          <\/div>\r\n          <div class=\"fr-demo-map-field\">\r\n            <p class=\"fr-field-label\">Longitude<\/p>\r\n            <p class=\"fr-field-value\">153.132667<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fr-demo-pin\">\r\n        <span class=\"fr-demo-pin-icon\">\ud83d\udccd<\/span>\r\n        <div class=\"fr-demo-pin-text\">\r\n          <strong>Report: fire ants!<\/strong>\r\n          June 23, 2026 \u00b7 11:28 AM\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Feature 3: Gamified Leaderboard -->\r\n  <div class=\"fr-feature-row\">\r\n    <div class=\"fr-feature-text\">\r\n      <p class=\"fr-feat-label\">Feature 03<\/p>\r\n      <h3>Gamified Community Engagement<\/h3>\r\n      <p>\r\n        Points-based reward system drives sustained participation. Every report earns points. \r\n        Every point fuels the surveillance network. Competition drives collective action.\r\n      <\/p>\r\n      <span class=\"fr-feat-stat\">\u2605 Community-powered biosecurity<\/span>\r\n    <\/div>\r\n    <div class=\"fr-demo-panel fr-demo-lb\">\r\n      <div class=\"fr-demo-lb-header\">\r\n        <h4>Leaderboard<\/h4>\r\n        <span>This month \u25be<\/span>\r\n      <\/div>\r\n      <div class=\"fr-demo-lb-row\">\r\n        <span class=\"fr-demo-lb-rank gold\">#1<\/span>\r\n        <span class=\"fr-demo-lb-name\">Jeremy<\/span>\r\n        <span class=\"fr-demo-lb-pts\">\u2605 660<\/span>\r\n      <\/div>\r\n      <div class=\"fr-demo-lb-row\">\r\n        <span class=\"fr-demo-lb-rank silver\">#2<\/span>\r\n        <span class=\"fr-demo-lb-name\">Henry1<\/span>\r\n        <span class=\"fr-demo-lb-pts\">\u2605 130<\/span>\r\n      <\/div>\r\n      <div class=\"fr-demo-lb-row\">\r\n        <span class=\"fr-demo-lb-rank bronze\">#3<\/span>\r\n        <span class=\"fr-demo-lb-name\">SarahK<\/span>\r\n        <span class=\"fr-demo-lb-pts\">\u2605 85<\/span>\r\n      <\/div>\r\n      <div class=\"fr-demo-lb-row\">\r\n        <span class=\"fr-demo-lb-rank\">#4<\/span>\r\n        <span class=\"fr-demo-lb-name\">MikeR<\/span>\r\n        <span class=\"fr-demo-lb-pts\">\u2605 40<\/span>\r\n      <\/div>\r\n      <div class=\"fr-demo-lb-row\">\r\n        <span class=\"fr-demo-lb-rank\">#5<\/span>\r\n        <span class=\"fr-demo-lb-name\">CouncilBot<\/span>\r\n        <span class=\"fr-demo-lb-pts\">\u2605 20<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df1f4fc elementor-widget elementor-widget-html\" data-id=\"df1f4fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ============================================\r\n     FIRE RANT \u2014 EXPERT QUOTES SECTION\r\n     Scientific credibility for investors & researchers\r\n     Paste into an Elementor HTML widget\r\n============================================ -->\r\n<style>\r\n.fr-quotes {\r\n  background: #000;\r\n  padding: 80px 40px;\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n.fr-quotes-header {\r\n  text-align: center;\r\n  max-width: 700px;\r\n  margin: 0 auto 60px;\r\n}\r\n.fr-quotes-header .fr-label {\r\n  color: #ff3b3b;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.fr-quotes-header h2 {\r\n  color: #fff;\r\n  font-size: 2.2rem;\r\n  font-weight: 800;\r\n  margin: 0 0 1rem;\r\n}\r\n.fr-quotes-header p {\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 1rem;\r\n  line-height: 1.7;\r\n}\r\n\r\n.fr-quotes-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 2rem;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.fr-quote-card {\r\n  background: #0d0d0d;\r\n  border: 1px solid rgba(255,59,59,0.08);\r\n  border-radius: 16px;\r\n  padding: 2rem;\r\n  position: relative;\r\n  transition: border-color 0.3s, transform 0.3s;\r\n}\r\n.fr-quote-card:hover {\r\n  border-color: rgba(255,59,59,0.25);\r\n  transform: translateY(-3px);\r\n}\r\n.fr-quote-card::before {\r\n  content: '\"';\r\n  position: absolute;\r\n  top: 16px;\r\n  left: 20px;\r\n  font-size: 3.5rem;\r\n  color: rgba(255,59,59,0.15);\r\n  font-weight: 900;\r\n  line-height: 1;\r\n}\r\n.fr-quote-text {\r\n  color: rgba(255,255,255,0.8);\r\n  font-size: 0.95rem;\r\n  line-height: 1.8;\r\n  font-style: italic;\r\n  margin: 0 0 1.5rem;\r\n  padding-top: 1rem;\r\n}\r\n.fr-quote-author {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n.fr-quote-avatar {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: rgba(255,59,59,0.1);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ff3b3b;\r\n  font-size: 1rem;\r\n  font-weight: 800;\r\n  flex-shrink: 0;\r\n}\r\n.fr-quote-meta .fr-quote-name {\r\n  color: #fff;\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n.fr-quote-meta .fr-quote-role {\r\n  color: rgba(255,255,255,0.4);\r\n  font-size: 0.75rem;\r\n  margin: 2px 0 0;\r\n}\r\n\r\n\/* Featured quote \u2014 full width *\/\r\n.fr-quote-featured {\r\n  grid-column: 1 \/ -1;\r\n  background: linear-gradient(135deg, #0d0d0d 0%, #1a0505 100%);\r\n  border: 1px solid rgba(255,59,59,0.15);\r\n  border-radius: 16px;\r\n  padding: 2.5rem 3rem;\r\n  text-align: center;\r\n  position: relative;\r\n}\r\n.fr-quote-featured::before {\r\n  content: '\"';\r\n  position: static;\r\n  display: block;\r\n  font-size: 4rem;\r\n  color: rgba(255,59,59,0.2);\r\n  font-weight: 900;\r\n  line-height: 0.5;\r\n  margin-bottom: 1rem;\r\n}\r\n.fr-quote-featured .fr-quote-text {\r\n  font-size: 1.15rem;\r\n  max-width: 800px;\r\n  margin: 0 auto 1.5rem;\r\n  padding-top: 0;\r\n}\r\n.fr-quote-featured .fr-quote-author {\r\n  justify-content: center;\r\n}\r\n\r\n\/* Source badge *\/\r\n.fr-quote-source {\r\n  display: inline-block;\r\n  margin-top: 1rem;\r\n  background: rgba(255,255,255,0.04);\r\n  color: rgba(255,255,255,0.4);\r\n  padding: 4px 10px;\r\n  border-radius: 999px;\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fr-quotes-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .fr-quotes {\r\n    padding: 60px 20px;\r\n  }\r\n  .fr-quote-featured {\r\n    padding: 2rem 1.5rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fr-quotes\">\r\n\r\n  <div class=\"fr-quotes-header\">\r\n    <p class=\"fr-label\">Expert Voices<\/p>\r\n    <h2>WHAT THE SCIENCE SAYS<\/h2>\r\n    <p>Leading biosecurity researchers and program directors on why eradication remains feasible \u2014 and why citizen surveillance is critical.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"fr-quotes-grid\">\r\n\r\n    <!-- Featured Quote \u2014 Full Width -->\r\n    <div class=\"fr-quote-featured\">\r\n      <p class=\"fr-quote-text\">\r\n        \"This is a super pest. It affects everything \u2014 agriculture, the environment, our outdoor lifestyle, and human health. \r\n        It attacks over 52 agricultural crops. No other invasive species presents this breadth of impact.\"\r\n      <\/p>\r\n      <div class=\"fr-quote-author\">\r\n        <div class=\"fr-quote-avatar\">RW<\/div>\r\n        <div class=\"fr-quote-meta\">\r\n          <p class=\"fr-quote-name\">Dr. Ross Wylie<\/p>\r\n          <p class=\"fr-quote-role\">Former Scientific Director, National Fire Ant Eradication Program<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <span class=\"fr-quote-source\">NFAEP Scientific Advisory Panel<\/span>\r\n    <\/div>\r\n\r\n    <!-- Quote 2 -->\r\n    <div class=\"fr-quote-card\">\r\n      <p class=\"fr-quote-text\">\r\n        \"Australia's fire ant eradication program is the absolute gold standard. No other country has achieved what Australia \r\n        has demonstrated \u2014 the successful elimination of eight genetically distinct incursions.\"\r\n      <\/p>\r\n      <div class=\"fr-quote-author\">\r\n        <div class=\"fr-quote-avatar\">BH<\/div>\r\n        <div class=\"fr-quote-meta\">\r\n          <p class=\"fr-quote-name\">Ben Hoffman<\/p>\r\n          <p class=\"fr-quote-role\">Principal Research Scientist, CSIRO<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <span class=\"fr-quote-source\">CSIRO Biosecurity Research<\/span>\r\n    <\/div>\r\n\r\n    <!-- Quote 3 -->\r\n    <div class=\"fr-quote-card\">\r\n      <p class=\"fr-quote-text\">\r\n        \"Every dollar invested in eradication now saves twenty-five dollars in the longer term. The benefit-cost ratio \r\n        is 390 to 1. There is no comparable return on investment in biosecurity anywhere in the world.\"\r\n      <\/p>\r\n      <div class=\"fr-quote-author\">\r\n        <div class=\"fr-quote-avatar\">AC<\/div>\r\n        <div class=\"fr-quote-meta\">\r\n          <p class=\"fr-quote-name\">Andrew Cox<\/p>\r\n          <p class=\"fr-quote-role\">CEO, Invasive Species Council<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <span class=\"fr-quote-source\">Economic Impact Assessment<\/span>\r\n    <\/div>\r\n\r\n    <!-- Quote 4 -->\r\n    <div class=\"fr-quote-card\">\r\n      <p class=\"fr-quote-text\">\r\n        \"Citizen science platforms now generate 99% of biosecurity alerts. Community engagement isn't supplementary \r\n        to eradication \u2014 it's operationally essential. Without it, surveillance coverage is fundamentally inadequate.\"\r\n      <\/p>\r\n      <div class=\"fr-quote-author\">\r\n        <div class=\"fr-quote-avatar\">IR<\/div>\r\n        <div class=\"fr-quote-meta\">\r\n          <p class=\"fr-quote-name\">Independent Review Panel<\/p>\r\n          <p class=\"fr-quote-role\">May 2026 Eradication Feasibility Review<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <span class=\"fr-quote-source\">2026 Independent Review<\/span>\r\n    <\/div>\r\n\r\n    <!-- Quote 5 -->\r\n    <div class=\"fr-quote-card\">\r\n      <p class=\"fr-quote-text\">\r\n        \"Once you lose the eradication window, you never get it back. The United States spends six billion dollars \r\n        annually managing fire ants they failed to eradicate in 1975. That is Australia's alternative future.\"\r\n      <\/p>\r\n      <div class=\"fr-quote-author\">\r\n        <div class=\"fr-quote-avatar\">RV<\/div>\r\n        <div class=\"fr-quote-meta\">\r\n          <p class=\"fr-quote-name\">Dr. Robert Vander Meer<\/p>\r\n          <p class=\"fr-quote-role\">Research Chemist, USDA Agricultural Research Service<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <span class=\"fr-quote-source\">USDA ARS Fire Ant Research<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00d2cd2 elementor-widget elementor-widget-html\" data-id=\"00d2cd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ============================================\r\n     FIRE RANT \u2014 INVESTMENT CTA \/ CONTACT SECTION\r\n     Elementor icons version\r\n     Paste into an Elementor HTML widget\r\n============================================ -->\r\n<style>\r\n.fr-cta {\r\n  background: linear-gradient(180deg, #0a0a0a 0%, #0f0202 100%);\r\n  padding: 80px 40px;\r\n  font-family: Inter, Arial, sans-serif;\r\n}\r\n.fr-cta-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n.fr-cta-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n.fr-cta-header .fr-label {\r\n  color: #ff3b3b;\r\n  font-size: 0.8rem;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.fr-cta-header h2 {\r\n  color: #fff;\r\n  font-size: 2.4rem;\r\n  font-weight: 800;\r\n  margin: 0 0 1rem;\r\n}\r\n.fr-cta-header p {\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 1.05rem;\r\n  line-height: 1.7;\r\n  max-width: 650px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Two-column: Value props left, CTA card right *\/\r\n.fr-cta-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4rem;\r\n  align-items: center;\r\n}\r\n\r\n\/* Left: Value propositions *\/\r\n.fr-cta-values {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1.5rem;\r\n}\r\n.fr-cta-value {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  padding: 16px;\r\n  background: rgba(255,255,255,0.02);\r\n  border: 1px solid rgba(255,59,59,0.06);\r\n  border-radius: 12px;\r\n  transition: border-color 0.3s;\r\n}\r\n.fr-cta-value:hover {\r\n  border-color: rgba(255,59,59,0.2);\r\n}\r\n.fr-cta-value-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  background: rgba(255,59,59,0.1);\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ff3b3b;\r\n  font-size: 1rem;\r\n  flex-shrink: 0;\r\n}\r\n.fr-cta-value-icon i {\r\n  font-size: 16px;\r\n}\r\n.fr-cta-value-text h4 {\r\n  color: #fff;\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  margin: 0 0 4px;\r\n}\r\n.fr-cta-value-text p {\r\n  color: rgba(255,255,255,0.5);\r\n  font-size: 0.82rem;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n\/* Right: CTA Card *\/\r\n.fr-cta-card {\r\n  background: #111;\r\n  border: 1px solid rgba(255,59,59,0.12);\r\n  border-radius: 20px;\r\n  padding: 2.5rem;\r\n  text-align: center;\r\n}\r\n.fr-cta-card h3 {\r\n  color: #fff;\r\n  font-size: 1.4rem;\r\n  font-weight: 800;\r\n  margin: 0 0 0.75rem;\r\n}\r\n.fr-cta-card p {\r\n  color: rgba(255,255,255,0.55);\r\n  font-size: 0.9rem;\r\n  line-height: 1.7;\r\n  margin: 0 0 2rem;\r\n}\r\n.fr-cta-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  align-items: center;\r\n}\r\n.fr-btn-cta-primary {\r\n  display: inline-block;\r\n  width: 100%;\r\n  max-width: 280px;\r\n  padding: 14px 32px;\r\n  background: #ff3b3b;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 0.9rem;\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n  border-radius: 980px;\r\n  text-align: center;\r\n  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;\r\n  box-shadow: 0 4px 16px rgba(255,59,59,0.25);\r\n}\r\n.fr-btn-cta-primary:hover {\r\n  background: #e62e2e;\r\n  transform: scale(1.04);\r\n  box-shadow: 0 6px 24px rgba(255,59,59,0.4);\r\n  color: #fff;\r\n}\r\n.fr-btn-cta-secondary {\r\n  display: inline-block;\r\n  width: 100%;\r\n  max-width: 280px;\r\n  padding: 14px 32px;\r\n  background: transparent;\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 0.9rem;\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n  border-radius: 980px;\r\n  border: 2px solid rgba(255,255,255,0.2);\r\n  text-align: center;\r\n  transition: border-color 0.3s, color 0.3s, transform 0.2s;\r\n}\r\n.fr-btn-cta-secondary:hover {\r\n  border-color: #ff3b3b;\r\n  color: #ff3b3b;\r\n  transform: scale(1.04);\r\n}\r\n.fr-cta-card .fr-cta-note {\r\n  color: rgba(255,255,255,0.3);\r\n  font-size: 0.7rem;\r\n  margin-top: 1.5rem;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* Bottom: Pilot status badge *\/\r\n.fr-cta-status {\r\n  text-align: center;\r\n  margin-top: 60px;\r\n  padding-top: 40px;\r\n  border-top: 1px solid rgba(255,59,59,0.08);\r\n}\r\n.fr-status-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(255,59,59,0.08);\r\n  border: 1px solid rgba(255,59,59,0.2);\r\n  padding: 10px 20px;\r\n  border-radius: 999px;\r\n}\r\n.fr-status-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #ff3b3b;\r\n  border-radius: 50%;\r\n  animation: statusPulse 2s ease-in-out infinite;\r\n}\r\n@keyframes statusPulse {\r\n  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255,59,59,0.4); }\r\n  50% { opacity: 0.7; box-shadow: 0 0 0 6px rgba(255,59,59,0); }\r\n}\r\n.fr-status-badge span {\r\n  color: rgba(255,255,255,0.7);\r\n  font-size: 0.8rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .fr-cta-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 3rem;\r\n  }\r\n  .fr-cta {\r\n    padding: 60px 20px;\r\n  }\r\n  .fr-cta-card {\r\n    padding: 2rem 1.5rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/elementor-icons@5.16.0\/lib\/eicons\/css\/elementor-icons.min.css\">\r\n\r\n<div class=\"fr-cta\">\r\n  <div class=\"fr-cta-container\">\r\n\r\n    <div class=\"fr-cta-header\">\r\n      <p class=\"fr-label\">Partner With Us<\/p>\r\n      <h2>THE WINDOW IS CLOSING<\/h2>\r\n      <p>Australia has until 2032 to achieve continental eradication. Every month of delay increases the cost and reduces the probability of success. We're looking for partners who understand urgency.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fr-cta-grid\">\r\n\r\n      <!-- Left: Value Props -->\r\n      <div class=\"fr-cta-values\">\r\n\r\n        <div class=\"fr-cta-value\">\r\n          <div class=\"fr-cta-value-icon\">\r\n            <i class=\"eicon-barcode\"><\/i>\r\n          <\/div>\r\n          <div class=\"fr-cta-value-text\">\r\n            <h4>390:1 Benefit-Cost Ratio<\/h4>\r\n            <p>Every dollar invested in eradication returns $25 in avoided damages. No comparable ROI exists in Australian biosecurity.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fr-cta-value\">\r\n          <div class=\"fr-cta-value-icon\">\r\n            <i class=\"eicon-device-desktop\"><\/i>\r\n          <\/div>\r\n          <div class=\"fr-cta-value-text\">\r\n            <h4>AI + Citizen Surveillance Network<\/h4>\r\n            <p>20,000+ training images. 85%+ confidence scoring. Geo-tagged intelligence that extends government capacity.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fr-cta-value\">\r\n          <div class=\"fr-cta-value-icon\">\r\n            <i class=\"eicon-document-file\"><\/i>\r\n          <\/div>\r\n          <div class=\"fr-cta-value-text\">\r\n            <h4>Government-Aligned Framework<\/h4>\r\n            <p>Directly addresses the 19 operational reforms identified in the May 2026 Independent Review. Fills the community engagement gap.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fr-cta-value\">\r\n          <div class=\"fr-cta-value-icon\">\r\n            <i class=\"eicon-globe\"><\/i>\r\n          <\/div>\r\n          <div class=\"fr-cta-value-text\">\r\n            <h4>Scalable Beyond Australia<\/h4>\r\n            <p>Fire ants are established across the US, China, Japan, Taiwan, and Europe. The platform architecture is globally transferable.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Right: CTA Card -->\r\n      <div class=\"fr-cta-card\">\r\n        <h3>Request a Briefing<\/h3>\r\n        <p>Get the full investment case, technical architecture, pilot data, and partnership opportunities delivered directly.<\/p>\r\n        <div class=\"fr-cta-buttons\">\r\n          <a href=\"https:\/\/firerant.com.au\/?page_id=392\" class=\"fr-btn-cta-primary\">Request Briefing<\/a>\r\n          <a href=\"https:\/\/firerant.com.au\/?page_id=571\" class=\"fr-btn-cta-secondary\">Download the App<\/a>\r\n        <\/div>\r\n        <p class=\"fr-cta-note\">Available for government, research institutions, and private investors<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Pilot Status -->\r\n    <div class=\"fr-cta-status\">\r\n      <div class=\"fr-status-badge\">\r\n        <div class=\"fr-status-dot\"><\/div>\r\n        <span>PILOT STAGE \u2014 LIVE IN SE QUEENSLAND \u2014 JUNE 2026<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e725a2 elementor-widget elementor-widget-html\" data-id=\"0e725a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================ \r\n     FIRE RANT \u2014 FOOTER SECTION \r\n     Paste into an Elementor HTML widget \r\n============================================ --> \r\n<style> \r\n.fr-footer { \r\n  background: #000; \r\n  border-top: 1px solid rgba(255,59,59,0.1); \r\n  padding: 60px 40px 30px; \r\n  font-family: Inter, Arial, sans-serif; \r\n} \r\n.fr-footer-container { \r\n  max-width: 1100px; \r\n  margin: 0 auto; \r\n} \r\n.fr-footer-grid { \r\n  display: grid; \r\n  grid-template-columns: 2fr 1fr 1fr 1.5fr; \r\n  gap: 3rem; \r\n  margin-bottom: 50px; \r\n} \r\n \r\n\/* Column 1: Brand *\/ \r\n.fr-footer-brand img { \r\n  height: 36px; \r\n  margin-bottom: 1rem; \r\n} \r\n.fr-footer-brand p { \r\n  color: rgba(255,255,255,0.5); \r\n  font-size: 0.85rem; \r\n  line-height: 1.7; \r\n  margin: 0 0 1.5rem; \r\n  max-width: 280px; \r\n} \r\n.fr-footer-socials { \r\n  display: flex; \r\n  gap: 12px; \r\n} \r\n.fr-footer-socials a { \r\n  width: 36px; \r\n  height: 36px; \r\n  background: rgba(255,255,255,0.05); \r\n  border: 1px solid rgba(255,255,255,0.1); \r\n  border-radius: 8px; \r\n  display: flex; \r\n  align-items: center; \r\n  justify-content: center; \r\n  color: rgba(255,255,255,0.6); \r\n  text-decoration: none; \r\n  transition: background 0.3s, border-color 0.3s, color 0.3s; \r\n} \r\n.fr-footer-socials a:hover { \r\n  background: rgba(255,59,59,0.1); \r\n  border-color: rgba(255,59,59,0.3); \r\n  color: #ff3b3b; \r\n} \r\n.fr-footer-socials a i { \r\n  font-size: 14px; \r\n} \r\n \r\n\/* Column headings *\/ \r\n.fr-footer-col h4 { \r\n  color: #fff; \r\n  font-size: 0.8rem; \r\n  font-weight: 700; \r\n  letter-spacing: 2px; \r\n  text-transform: uppercase; \r\n  margin: 0 0 1.2rem; \r\n} \r\n.fr-footer-col ul { \r\n  list-style: none; \r\n  padding: 0; \r\n  margin: 0; \r\n} \r\n.fr-footer-col ul li { \r\n  margin-bottom: 10px; \r\n} \r\n.fr-footer-col ul li a { \r\n  color: rgba(255,255,255,0.5); \r\n  text-decoration: none; \r\n  font-size: 0.85rem; \r\n  transition: color 0.3s; \r\n} \r\n.fr-footer-col ul li a:hover { \r\n  color: #ff3b3b; \r\n} \r\n \r\n\/* Column 4: Newsletter \/ Contact *\/ \r\n.fr-footer-contact p { \r\n  color: rgba(255,255,255,0.5); \r\n  font-size: 0.82rem; \r\n  line-height: 1.6; \r\n  margin: 0 0 1rem; \r\n} \r\n.fr-footer-contact .fr-contact-item { \r\n  display: flex; \r\n  align-items: center; \r\n  gap: 8px; \r\n  margin-bottom: 8px; \r\n} \r\n.fr-footer-contact .fr-contact-item i { \r\n  color: #ff3b3b; \r\n  font-size: 12px; \r\n} \r\n.fr-footer-contact .fr-contact-item span { \r\n  color: rgba(255,255,255,0.6); \r\n  font-size: 0.82rem; \r\n} \r\n.fr-footer-contact .fr-contact-item a { \r\n  color: rgba(255,255,255,0.6); \r\n  text-decoration: none; \r\n  font-size: 0.82rem; \r\n  transition: color 0.3s; \r\n} \r\n.fr-footer-contact .fr-contact-item a:hover { \r\n  color: #ff3b3b; \r\n} \r\n \r\n\/* Bottom bar *\/ \r\n.fr-footer-bottom { \r\n  border-top: 1px solid rgba(255,255,255,0.06); \r\n  padding-top: 24px; \r\n  display: flex; \r\n  justify-content: space-between; \r\n  align-items: center; \r\n  flex-wrap: wrap; \r\n  gap: 1rem; \r\n} \r\n.fr-footer-bottom .fr-copyright { \r\n  color: rgba(255,255,255,0.3); \r\n  font-size: 0.75rem; \r\n} \r\n.fr-footer-bottom .fr-copyright a { \r\n  color: rgba(255,255,255,0.4); \r\n  text-decoration: none; \r\n  transition: color 0.3s; \r\n} \r\n.fr-footer-bottom .fr-copyright a:hover { \r\n  color: #ff3b3b; \r\n} \r\n.fr-footer-bottom .fr-footer-badges { \r\n  display: flex; \r\n  align-items: center; \r\n  gap: 12px; \r\n} \r\n.fr-footer-badge { \r\n  display: inline-flex; \r\n  align-items: center; \r\n  gap: 5px; \r\n  background: rgba(255,255,255,0.03); \r\n  border: 1px solid rgba(255,255,255,0.08); \r\n  padding: 5px 10px; \r\n  border-radius: 6px; \r\n  color: rgba(255,255,255,0.4); \r\n  font-size: 0.65rem; \r\n  letter-spacing: 0.5px; \r\n} \r\n.fr-footer-badge i { \r\n  font-size: 10px; \r\n  color: #ff3b3b; \r\n} \r\n \r\n@media (max-width: 768px) { \r\n  .fr-footer-grid { \r\n    grid-template-columns: 1fr 1fr; \r\n    gap: 2rem; \r\n  } \r\n  .fr-footer { \r\n    padding: 40px 20px 20px; \r\n  } \r\n  .fr-footer-bottom { \r\n    flex-direction: column; \r\n    text-align: center; \r\n  } \r\n} \r\n@media (max-width: 480px) { \r\n  .fr-footer-grid { \r\n    grid-template-columns: 1fr; \r\n  } \r\n} \r\n<\/style> \r\n \r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/elementor-icons@5.16.0\/lib\/eicons\/css\/elementor-icons.min.css\">\r\n\r\n<footer class=\"fr-footer\">\r\n  <div class=\"fr-footer-container\">\r\n\r\n    <div class=\"fr-footer-grid\">\r\n\r\n      <!-- Column 1: Brand -->\r\n      <div class=\"fr-footer-brand\">\r\n        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/FR-logo-scaled.png\" alt=\"Fire Rant\">\r\n        <p>Citizen biosecurity intelligence platform. Amplifying Australia's world-leading eradication science through AI-powered community surveillance.<\/p>\r\n        <div class=\"fr-footer-socials\">\r\n          <a href=\"#\" aria-label=\"Instagram\"><i class=\"eicon-instagram-brand\"><\/i><\/a>\r\n          <a href=\"#\" aria-label=\"Facebook\"><i class=\"eicon-facebook-brand\"><\/i><\/a>\r\n          <a href=\"#\" aria-label=\"LinkedIn\"><i class=\"eicon-linkedin-brand\"><\/i><\/a>\r\n          <a href=\"#\" aria-label=\"YouTube\"><i class=\"eicon-youtube\"><\/i><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Column 2: Navigation -->\r\n      <div class=\"fr-footer-col\">\r\n        <h4>Platform<\/h4>\r\n        <ul>\r\n          <li><a href=\"https:\/\/firerant.com.au\/\">Home<\/a><\/li>\r\n          <li><a href=\"https:\/\/firerant.com.au\/?page_id=571\">App<\/a><\/li>\r\n          <li><a href=\"https:\/\/firerant.com.au\/?page_id=498\">Map<\/a><\/li>\r\n          <li><a href=\"https:\/\/firerant.com.au\/?page_id=392\">About<\/a><\/li>\r\n          <li><a href=\"https:\/\/firerant.com.au\/?page_id=504\">Shop<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Column 3: Resources -->\r\n      <div class=\"fr-footer-col\">\r\n        <h4>Resources<\/h4>\r\n        <ul>\r\n          <li><a href=\"#\">Research Papers<\/a><\/li>\r\n          <li><a href=\"#\">2026 Independent Review<\/a><\/li>\r\n          <li><a href=\"#\">NFAEP Program<\/a><\/li>\r\n          <li><a href=\"https:\/\/firerant.com.au\/?page_id=1402\">Privacy Policy<\/a><\/li>\r\n          <li><a href=\"#\">Terms of Use<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Column 4: Contact -->\r\n      <div class=\"fr-footer-col fr-footer-contact\">\r\n        <h4>Contact<\/h4>\r\n        <p>Partnerships, investment enquiries, and research collaboration.<\/p>\r\n        <div class=\"fr-contact-item\">\r\n          <i class=\"eicon-mail-send\"><\/i>\r\n          <a href=\"mailto:info@neonsnow.com.au\">info@neonsnow.com.au<\/a>\r\n        <\/div>\r\n        <div class=\"fr-contact-item\">\r\n          <i class=\"eicon-device-mobile\"><\/i>\r\n          <a href=\"tel:0456760405\">0456 760 405<\/a>\r\n        <\/div>\r\n        <div class=\"fr-contact-item\">\r\n          <i class=\"eicon-map-pin\"><\/i>\r\n          <span>South East Queensland, Australia<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Bar -->\r\n    <div class=\"fr-footer-bottom\">\r\n      <p class=\"fr-copyright\">\r\n        \u00a9 2026 FIRE RANT. All rights reserved. Design by <a href=\"https:\/\/neonsnow.com.au\">NEON SNOW<\/a>\r\n      <\/p>\r\n      <div class=\"fr-footer-badges\">\r\n        <span class=\"fr-footer-badge\"><i class=\"eicon-lock-bold\"><\/i> SSL Secured<\/span>\r\n        <span class=\"fr-footer-badge\"><i class=\"eicon-check-circle\"><\/i> Pilot Stage<\/span>\r\n        <span class=\"fr-footer-badge\"><i class=\"eicon-code\"><\/i> v1.0 Beta<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64663af elementor-widget elementor-widget-html\" data-id=\"64663af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ============================================\r\nFIRE RANT \u2014 WEBSITE BOTTOM NAV BAR\r\nDesktop: FA-bottom-nav-Desktop-version-1-scaled.png (bottom: 38px \u2014 working)\r\nMobile: Nav-Menu-Bar-scaled.webp (bottom: 70px + red fill)\r\nPaste into Elementor HTML widget\r\n============================================ -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n\r\n<style>\r\n.fr-web-nav {\r\n  font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 9999;\r\n  pointer-events: none;\r\n}\r\n\r\n.fr-web-nav-container {\r\n  position: relative;\r\n  width: 100%;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Red fill underneath the nav image (for mobile transparency) *\/\r\n.fr-web-nav-redfill {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 0;\r\n  background: #ff3b3b;\r\n  z-index: 1;\r\n  pointer-events: all;\r\n}\r\n\r\n\/* Nav images *\/\r\n.fr-web-nav-img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  pointer-events: all;\r\n  position: relative;\r\n  z-index: 5;\r\n}\r\n\r\n.fr-web-nav-img-desktop {\r\n  display: block;\r\n}\r\n\r\n.fr-web-nav-img-mobile {\r\n  display: none;\r\n}\r\n\r\n\/* Centre red dot with white home icon \u2014 DESKTOP *\/\r\n.fr-web-nav-home {\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 38px;\r\n  transform: translateX(-50%);\r\n  width: 58px;\r\n  height: 58px;\r\n  background: #ff3b3b;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 4px 20px rgba(255,59,59,0.35);\r\n  z-index: 20;\r\n  text-decoration: none;\r\n  color: #fff;\r\n  font-size: 22px;\r\n  transition: transform 0.2s, box-shadow 0.2s;\r\n  pointer-events: all;\r\n}\r\n\r\n.fr-web-nav-home:hover {\r\n  transform: translateX(-50%) scale(1.08);\r\n  box-shadow: 0 6px 28px rgba(255,59,59,0.5);\r\n}\r\n\r\n\/* Nav links overlaid *\/\r\n.fr-web-nav-links {\r\n  position: absolute;\r\n  bottom: 12px;\r\n  left: 0;\r\n  right: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0;\r\n  z-index: 15;\r\n  pointer-events: all;\r\n}\r\n\r\n.fr-web-nav-link {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 3px;\r\n  text-decoration: none;\r\n  color: #fff;\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  opacity: 0.9;\r\n  transition: opacity 0.2s, transform 0.2s;\r\n  width: 70px;\r\n}\r\n\r\n.fr-web-nav-link:hover {\r\n  opacity: 1;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.fr-web-nav-link i {\r\n  font-size: 18px;\r\n}\r\n\r\n\/* Spacer for centre button *\/\r\n.fr-web-nav-link-spacer {\r\n  width: 100px;\r\n}\r\n\r\n\/* Page spacer *\/\r\n.fr-web-nav-page-spacer {\r\n  height: 80px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .fr-web-nav-img-desktop {\r\n    display: none;\r\n  }\r\n\r\n  .fr-web-nav-img-mobile {\r\n    display: block;\r\n  }\r\n\r\n  .fr-web-nav-redfill {\r\n    height: 40px;\r\n  }\r\n\r\n  .fr-web-nav-home {\r\n    width: 50px;\r\n    height: 50px;\r\n    font-size: 18px;\r\n    bottom: 70px;\r\n  }\r\n\r\n  .fr-web-nav-links {\r\n    bottom: 8px;\r\n  }\r\n\r\n  .fr-web-nav-link {\r\n    width: 55px;\r\n    font-size: 8px;\r\n  }\r\n\r\n  .fr-web-nav-link i {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .fr-web-nav-link-spacer {\r\n    width: 65px;\r\n  }\r\n\r\n  .fr-web-nav-page-spacer {\r\n    height: 70px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- Page spacer so content isn't hidden -->\r\n<div class=\"fr-web-nav-page-spacer\"><\/div>\r\n\r\n<!-- Fixed Bottom Nav -->\r\n<div class=\"fr-web-nav\">\r\n  <div class=\"fr-web-nav-container\">\r\n\r\n    <!-- Red fill underneath transparent areas (mobile only) -->\r\n    <div class=\"fr-web-nav-redfill\"><\/div>\r\n\r\n    <!-- Desktop nav image -->\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/FA-bottom-nav-Desktop-version-1-scaled.png\" \r\n      alt=\"Navigation\" \r\n      class=\"fr-web-nav-img fr-web-nav-img-desktop\"\r\n    >\r\n\r\n    <!-- Mobile nav image -->\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Bar-scaled.webp\" \r\n      alt=\"Navigation\" \r\n      class=\"fr-web-nav-img fr-web-nav-img-mobile\"\r\n    >\r\n\r\n    <!-- Centre red dot with white home icon -->\r\n    <a href=\"https:\/\/firerant.com.au\/\" class=\"fr-web-nav-home\">\r\n      <i class=\"fas fa-home\"><\/i>\r\n    <\/a>\r\n\r\n    <!-- Clickable nav links -->\r\n    <div class=\"fr-web-nav-links\">\r\n      <a href=\"https:\/\/firerant.com.au\/?page_id=573\" class=\"fr-web-nav-link\">\r\n        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n        <span>Map<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/firerant.com.au\/?page_id=571\" class=\"fr-web-nav-link\">\r\n        <i class=\"fas fa-mobile-alt\"><\/i>\r\n        <span>App<\/span>\r\n      <\/a>\r\n\r\n      <!-- Spacer for centre button -->\r\n      <span class=\"fr-web-nav-link-spacer\"><\/span>\r\n\r\n      <a href=\"https:\/\/firerant.com.au\/?page_id=575\" class=\"fr-web-nav-link\">\r\n        <i class=\"fas fa-shopping-cart\"><\/i>\r\n        <span>Shop<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/firerant.com.au\/?page_id=392\" class=\"fr-web-nav-link\">\r\n        <i class=\"fas fa-info-circle\"><\/i>\r\n        <span>About<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Map App About Shop Cart Get the App 850,000 HECTARES. 99% OF ALERTS FROM CITIZENS. THIS IS FIRE RANT. Join the Surveillance Network Request a Briefing $22B Projected damages by 2040s if eradication fails CSIRO \/ NFAEP 850K ha Current infestation across SE QLD &#038; Northern NSW National Program, 2026 8 Distinct incursions successfully eradicated [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-538","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/firerant.com.au\/index.php?rest_route=\/wp\/v2\/pages\/538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firerant.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firerant.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firerant.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firerant.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=538"}],"version-history":[{"count":5,"href":"https:\/\/firerant.com.au\/index.php?rest_route=\/wp\/v2\/pages\/538\/revisions"}],"predecessor-version":[{"id":1415,"href":"https:\/\/firerant.com.au\/index.php?rest_route=\/wp\/v2\/pages\/538\/revisions\/1415"}],"wp:attachment":[{"href":"https:\/\/firerant.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}