{
    "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-06-28T12:51:22",
    "modified_gmt": "2026-06-28T12:51:22",
    "slug": "10-2",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/firerant.com.au\/zh\/",
    "title": {
        "rendered": "10"
    },
    "content": {
        "rendered": "<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\/zh\/\" 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\/zh\/?page_id=573\"><i class=\"eicon-map-pin\"><\/i> \u5730\u56fe<\/a><\/li>\r\n      <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\"><i class=\"eicon-device-mobile\"><\/i> \u5e94\u7528<\/a><\/li>\r\n      <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=392\"><i class=\"eicon-info-circle-o\"><\/i> \u5173\u4e8e<\/a><\/li>\r\n      <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=575\"><i class=\"eicon-cart\"><\/i> \u5546\u5e97<\/a><\/li>\r\n      <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=577\"><i class=\"eicon-basket-light\"><\/i> \u8d2d\u7269\u8f66<\/a><\/li>\r\n      <li class=\"fr-nav-cta\"><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\"><i class=\"eicon-download-bold\"><\/i> \u83b7\u53d6\u5e94\u7528<\/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\">85\u4e07\u516c\u9877\u3002.<\/p>\r\n    <h1 class=\"fr-hero-line-large\">99% \u6761\u6765\u81ea\u5e02\u6c11\u7684\u8b66\u62a5\u3002.<\/h1>\r\n    <p class=\"fr-hero-line-small-red\">\u8fd9\u5f88\u706b\u7206\u7684\u5486\u54ee\u3002.<\/p>\r\n    <div class=\"fr-hero-buttons\">\r\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\" class=\"fr-btn-pill\">\u52a0\u5165\u76d1\u63a7\u7f51\u7edc<\/a>\r\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=1344\" class=\"fr-btn-pill-outline\">\u8bf7\u6c42\u7b80\u62a5<\/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\">\u5982\u679c\u65e0\u6cd5\u6839\u9664\uff0c\u52302040\u5e74\u4ee3\u9884\u8ba1\u7684\u635f\u5931<\/p>\r\n        <p class=\"fr-stat-source\">\u8054\u90a6\u79d1\u5b66\u4e0e\u5de5\u4e1a\u7814\u7a76\u7ec4\u7ec7 \/ \u56fd\u5bb6\u519c\u4f5c\u7269\u80b2\u79cd\u4e0e\u63a8\u5e7f\u8ba1\u5212<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fr-stat-card\">\r\n        <p class=\"fr-stat-number\">85\u4e07\u516c\u9877<\/p>\r\n        <p class=\"fr-stat-label\">\u4e1c\u5357\u6606\u58eb\u5170\u548c\u65b0\u5357\u5a01\u5c14\u58eb\u5317\u90e8\u5f53\u524d\u866b\u5bb3<\/p>\r\n        <p class=\"fr-stat-source\">\u56fd\u5bb6\u8ba1\u5212\uff0c2026<\/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\">\u5df2\u6210\u529f\u6839\u9664\u7684\u591a\u6b21\u5165\u4fb5<\/p>\r\n        <p class=\"fr-stat-source\">\u5168\u7403\u65e0\u4e0e\u4f26\u6bd4<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"fr-stat-card\">\r\n        <p class=\"fr-stat-number\">17.4\u4e07<\/p>\r\n        <p class=\"fr-stat-label\">\u5982\u679c\u5730\u65b9\u6027\u6d41\u884c\uff0c\u9884\u8ba1\u6bcf\u5e74\u8fc7\u654f\u53cd\u5e94<\/p>\r\n        <p class=\"fr-stat-source\">\u5065\u5eb7\u5f71\u54cd\u8bc4\u4f30<\/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\">\u706b\u7206\u5410\u69fd\u5e73\u53f0<\/p>\r\n      <h2>\u653e\u5927\u4e16\u754c\u9886\u5148\u7684\u79d1\u5b66<\/h2>\r\n      <div class=\"fr-welcome-divider\"><\/div>\r\n      <p>\r\n        \u6fb3\u5927\u5229\u4e9a\u53d6\u5f97\u4e86\u4e00\u9879\u5176\u4ed6\u56fd\u5bb6\u672a\u80fd\u5b9e\u73b0\u7684\u6210\u5c31\u2014\u2014\u6210\u529f\u6839\u9664\u516b\u79cd\u57fa\u56e0\u4e0a\u72ec\u7279\u7684\r\n        <em>\u706b\u8681<\/em> \u5165\u4fb5\u3002\u8fd9\u4ee3\u8868\u4e86\u5168\u7403\u5165\u4fb5\u7269\u79cd\u7ba1\u7406\u7684\u7edd\u5bf9\u9ec4\u91d1\u6807\u51c6\u3002\n\u56fd\u5bb6\u706b\u8681\u6839\u9664\u8ba1\u5212\u4f53\u73b0\u4e86\u6570\u5341\u5e74\u7684\u4e16\u754c\u9886\u5148\u751f\u7269\u5b89\u5168\u79d1\u5b66\u3001\u7cbe\u51c6\u5316\u5b66\u4ee5\u53ca\u56fd\u5bb6\u534f\u8c03\u6295\u8d44\u3002.\r\n      <\/p>\r\n      <p>\r\n        FIRE RANT \u5e76\u4e0d\u80fd\u53d6\u4ee3\u8fd9\u9879\u52aa\u529b\u3002\u5b83\u4f1a\u653e\u5927\u8fd9\u9879\u52aa\u529b\u30022026 \u5e74 5 \u6708\u7684\u72ec\u7acb\u5ba1\u67e5\u786e\u5b9a\uff0c\u793e\u533a\u53c2\u4e0e\u548c\u76d1\u6d4b\u8986\u76d6\u8303\u56f4\u662f\u6fb3\u5927\u5229\u4e9a\u4e0e 2032 \u5e74\u5927\u9646\u6839\u9664\u4e4b\u95f4\u5b58\u5728\u7684\u5173\u952e\u8fd0\u8425\u5dee\u8ddd\u3002FIRE RANT \u5c06\u516c\u6c11\u751f\u7269\u5b89\u5168\u60c5\u62a5\u6295\u5165\u5b9e\u9645\u8fd0\u7528\u2014\u2014\u901a\u8fc7\u5730\u7406\u6807\u8bb0\u3001\u4eba\u5de5\u667a\u80fd\u9a8c\u8bc1\u3001\u57fa\u4e8e\u8bc1\u636e\u7684\u62a5\u544a\uff0c\u6269\u5c55\u4e86\u653f\u5e9c\u8d44\u6e90\u672c\u8eab\u65e0\u6cd5\u5b9e\u73b0\u7684\u76d1\u6d4b\u80fd\u529b\u3002.\r\n      <\/p>\r\n      <p class=\"fr-tagline\">\u76d1\u89c6\u3002\u62a5\u544a\u3002\u6839\u9664\u3002\u7a97\u53e3\u4ecd\u7136\u655e\u5f00\u3002.<\/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  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\">\u706b\u6012<\/p>\r\n                        <p class=\"frhs-widget-time\">\u4e0b\u53482:34<\/p>\r\n                        <p class=\"frhs-widget-date\">6\u670824\u65e5\uff0c\u661f\u671f\u4e8c<\/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\">\u76f8\u673a<\/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\">\u65e5\u5386<\/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\">\u97f3\u4e50<\/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\">\u706b\u6012<\/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\">\u5929\u6c14<\/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\">\u7b14\u8bb0<\/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\">\u5730\u56fe<\/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\">\u6b63\u5728\u52a0\u8f7d \u706b\u7130\u5486\u54ee...<\/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  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\">\u4e0b\u5348\u597d\uff0c,<br>\u8a79\u59c6\u65af<\/p>\r\n                    <div class=\"fr-m-points\"><i class=\"fas fa-star\" aria-hidden=\"true\"><\/i> 660 \u5206<\/div>\r\n              \r\n                    <!-- Recent Reports -->\r\n                    <div class=\"fr-m-section\">\r\n                      <p class=\"fr-m-section-title\">\u8fd1\u671f\u62a5\u9053<\/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\">\u66f4\u591a\u8682\u8681<\/p>\r\n                          <p class=\"fr-m-report-sub\">2026\u5e745\u670821\u65e5<\/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\">\u8bfb\u5199\u7aef\u53e3<\/p>\r\n                          <p class=\"fr-m-report-sub\">\u6d4b\u8bd5 \u00b7 2026\u5e742\u670823\u65e5<\/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> \u6240\u6709\u62a5\u544a<\/a>\r\n                    <\/div>\r\n              \r\n                    <!-- Leaderboard -->\r\n                    <div class=\"fr-m-section\">\r\n                      <p class=\"fr-m-section-title\">\u6392\u884c\u699c<\/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\">\u6770\u91cc\u7c73<\/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\">\u4ea8\u5229\u4e00\u4e16<\/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> \u67e5\u770b\u5b8c\u6574\u6392\u884c\u699c<\/a>\r\n                    <\/div>\r\n              \r\n                    <!-- Articles -->\r\n                    <div class=\"fr-m-section\">\r\n                      <p class=\"fr-m-section-title\">\u6587\u7ae0<\/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\">\u5982\u4f55\u5904\u7406\u8682\u8681<\/p>\r\n                          <p class=\"fr-m-report-sub\">\u9884\u9632\u4e0e\u63a7\u5236<\/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\">\u5982\u4f55\u8bc6\u522b\u706b\u8681<\/p>\r\n                          <p class=\"fr-m-report-sub\">\u706b\u8681\u8bc6\u522b<\/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> \u67e5\u770b\u6240\u6709\u6587\u7ae0<\/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  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;\u5728\u753b\u9762\u4e2d\u5b9a\u4f4d\u7591\u4f3c\u5de2\u7a74<\/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 \u68c0\u6d4b\u5df2\u6fc0\u6d3b<\/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  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\">\u6b63\u5728\u5206\u6790\u56fe\u50cf...<\/p>\r\n                    <p class=\"fr-scan-subtitle\">\u8bf7\u7a0d\u7b49\uff0c\u6211\u4eec\u6b63\u5728\u8bc6\u522b\u8682\u8681\u79cd\u7c7b<\/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 \u6a21\u578b v2.1 \u2014 20,000 \u591a\u5f20\u8bad\u7ec3\u56fe\u50cf<\/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>\u5728\u8bbe\u5907\u4e0a\u5b89\u5168\u5904\u7406<\/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  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>\u5206\u6790\u7ed3\u679c<\/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\">\u745e\u6cd5<\/p>\r\n                    <p class=\"fr-ai-species-full\">\u7ea2\u706b\u8681 (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>\u4fe1\u5fc3\u6307\u6570\uff1a85.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\">\u5df2\u8bc6\u522b\u7279\u5f81<\/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\">\u677e\u6563\u3001\u6613\u788e\u7684\u571f\u58e4<\/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\">\u591a\u4e2a\u5fae\u5c0f\u3001\u4e0d\u89c4\u5219\u7684\u7f1d\u9699<\/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\">\u6ca1\u6709\u5355\u4e00\u7684\u5927\u5165\u53e3\u5b54<\/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\">\u5206\u6790\u8be6\u60c5<\/p>\r\n                      <p class=\"fr-ai-details\">\u56fe\u50cf\u663e\u793a\u4e86\u4e00\u4e2a\u65b0\u6316\u51fa\u7684\u677e\u6563\u571f\u58e4\u5806\uff0c\u8fd9\u662f\u7ea2\u706b\u8681\u7b51\u5de2\u884c\u4e3a\u7684\u7279\u5f81\u3002\u8681\u5de2\u7ed3\u6784\u6ca1\u6709\u4e00\u4e2a\u5927\u7684\u5165\u53e3\u5b54\uff0c\u800c\u662f\u6709\u591a\u4e2a\u5fae\u5c0f\u7684\u3001\u4e0d\u89c4\u5219\u7684\u7f1d\u9699\uff0c\u8fd9\u662f\u706b\u8681\uff08Solenopsis invicta\uff09\u7fa4\u843d\u7684\u5178\u578b\u7279\u5f81\u3002\u5c3d\u7ba1\u56fe\u50cf\u4e2d\u770b\u4e0d\u5230\u8682\u8681\uff0c\u4f46\u8681\u5de2\u7ed3\u6784\u5f3a\u70c8\u8868\u660e\u7ea2\u706b\u8681\u7684\u5b58\u5728\u3002.<\/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> \u521b\u5efa\u62a5\u544a\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> \u8fd4\u56de\u4e3b\u9875\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> \u65b0\u626b\u63cf\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  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\">\u521b\u5efa\u62a5\u544a<\/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\">\u6807\u9898<\/p>\r\n                      <div class=\"frcr-field-input filled\">\u540e\u9662\u7684\u706b\u8681\u5de2<\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Date & Time -->\r\n                    <div class=\"frcr-field\">\r\n                      <p class=\"frcr-field-label\">\u65e5\u671f\u548c\u65f6\u95f4<\/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\">\u5730\u70b9<\/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\">\u6fb3\u5927\u5229\u4e9a\u6606\u58eb\u5170\u5dde\u96c5\u62c9\u6bd4\u5c14\u5df4\u5e93\u9c81\u683c\u88577\u53f7\uff0c\u90ae\u7f164207<\/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\">\u56fe\u7247<\/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>\u52a0<\/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\">\u63cf\u8ff0<\/p>\r\n                      <div class=\"frcr-textarea\">\u5728\u9760\u8fd1\u56f4\u680f\u7684\u82b1\u575b\u91cc\u53d1\u73b0\u4e86\u66f4\u591a\u706b\u8681<\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Sender Info -->\r\n                    <div class=\"frcr-field\">\r\n                      <p class=\"frcr-field-label\">\u53d1\u4ef6\u4eba\u4fe1\u606f<\/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\">\u8682\u8681\u8bb0\u8005<\/div>\r\n                        <\/div>\r\n                        <div class=\"frcr-field\">\r\n                          <div class=\"frcr-field-input placeholder\" style=\"font-size:12px\">\u624b\u673a<\/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\">\u7535\u5b50\u90ae\u4ef6<\/div>\r\n                    <\/div>\r\n              \r\n                    <!-- Submit -->\r\n                    <button class=\"frcr-submit\">\u63d0\u4ea4\u62a5\u544a<\/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  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\">\u62a5\u544a\u5df2\u63d0\u4ea4\uff01<\/p>\r\n                      <p class=\"frps-subtitle\">\u60a8\u7684\u76ee\u51fb\u5df2\u8bb0\u5f55\uff0c\u5e76\u5c06\u4e3a\u6839\u9664\u5de5\u4f5c\u505a\u51fa\u8d21\u732e\u3002.<\/p>\r\n                    <\/div>\r\n              \r\n                    <!-- Points Earned -->\r\n                    <div class=\"frps-pts-section\">\r\n                      <p class=\"frps-pts-label\">\u79ef\u5206\u83b7\u5f97<\/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\">\u7167\u7247+20<\/span>\r\n                        <span class=\"frps-pts-item\">\u5730\u70b9+15<\/span>\r\n                        <span class=\"frps-pts-item\">\u62a5\u544a+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\">\u603b\u5206<\/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\">\u7b2c\u4e09\u7ea7 \u2014 \u54e8\u5175<\/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\">\u8fd4\u56de\u4eea\u8868\u677f<\/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  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\">\u4e2a\u4eba\u8d44\u6599<\/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\">\u4f60\u7684\u5206\u6570<\/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\">\u59d3\u540d<\/p>\r\n                      <p class=\"fr-prof-field-value\">\u8a79\u59c6\u65af<\/p>\r\n                    <\/div>\r\n              \r\n                    <!-- Email -->\r\n                    <div class=\"fr-prof-field\">\r\n                      <p class=\"fr-prof-field-label\">\u7535\u5b50\u90ae\u4ef6<\/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\">\u7528\u6237 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> \u6211\u7684\u62a5\u544a<\/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;\u767b\u51fa<\/div>\r\n                    <div class=\"fr-prof-btn delete\"><i class=\"fas fa-trash-alt\" aria-hidden=\"true\"><\/i>&nbsp;&nbsp;\u5220\u9664\u8d26\u6237<\/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  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\">\u77e5\u8bc6\u4e2d\u5fc3<\/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\">\u5982\u4f55\u5904\u7406\u8682\u8681<\/p>\r\n                        <p class=\"fr-kb-card-cat\">\u9884\u9632\u4e0e\u63a7\u5236<\/p>\r\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e742\u670813\u65e5<\/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\">\u5982\u4f55\u8bc6\u522b\u706b\u8681<\/p>\r\n                        <p class=\"fr-kb-card-cat\">\u706b\u8681\u8bc6\u522b<\/p>\r\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e742\u670812\u65e5<\/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\">\u62a5\u544a\u6700\u4f73\u5b9e\u8df5<\/p>\r\n                        <p class=\"fr-kb-card-cat\">\u793e\u533a\u6307\u5357<\/p>\r\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e742\u670810\u65e5<\/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\">\u60a8\u540e\u9662\u7684\u751f\u7269\u5b89\u5168<\/p>\r\n                        <p class=\"fr-kb-card-cat\">\u610f\u8bc6<\/p>\r\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e742\u67088\u65e5<\/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  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\">\u6211\u7684\u62a5\u544a<\/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\">\u62a5\u544a<\/span>\r\n                      <span class=\"fr-rp-tab\" data-tab=\"drafts\">\u8349\u7a3f<\/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\">\u66f4\u591a\u8682\u8681<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e745\u670821\u65e5&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\">\u8bfb\u5199\u7aef\u53e3<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e742\u670823\u65e5&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\">\u66f4\u591a\u7684\u8682\u8681\u9700\u8981\u62a5\u544a<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e743\u670815\u65e5&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\">\u66f4\u591a<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e745\u67081\u65e5&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\">\u5728\u6211\u7684\u540e\u9662<\/p>\r\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e743\u67088\u65e5&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\">\u65e0\u8349\u7a3f<\/p>\r\n                        <p class=\"fr-rp-empty-sub\">\u79bb\u7ebf\u4fdd\u5b58\u62a5\u544a\u65f6\uff0c\u8349\u7a3f\u5c06\u663e\u793a\u5728\u6b64\u5904<\/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\">\u5de5\u4f5c\u539f\u7406<\/p>\r\n    <h2>\u516c\u6c11\u751f\u7269\u5b89\u5168\u7684\u4e09\u5927\u652f\u67f1<\/h2>\r\n    <p>\u4e00\u4e2a\u7ed3\u6784\u5316\u7684\u6846\u67b6\uff0c\u5c06\u793e\u533a\u89c2\u5bdf\u8f6c\u5316\u4e3a\u53ef\u64cd\u4f5c\u7684\u6839\u9664\u60c5\u62a5\u3002.<\/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>\u76d1\u89c6<\/h3>\r\n      <p>\r\n        \u57fa\u4e8e\u4eba\u5de5\u667a\u80fd\u7684\u5de2\u7a74\u8bc6\u522b\uff0c\u91c7\u7528 85%+ \u7f6e\u4fe1\u5ea6\u8bc4\u5206\u673a\u5236\u3002\u5e26\u6709\u5730\u7406\u6807\u7b7e\u7684\u62a5\u544a\u53ef\u751f\u6210\u5b9e\u65f6\u76d1\u63a7\u6570\u636e \r\n        \uff0c\u5176\u8986\u76d6\u8303\u56f4\u8d85\u8d8a\u4e86\u653f\u5e9c\u7684\u80fd\u529b\u8303\u56f4\u3002.\r\n      <\/p>\r\n      <span class=\"fr-pillar-stat\">\u2605 99%\u6761\u6765\u81ea\u5e02\u6c11\u7684\u751f\u7269\u5b89\u5168\u8b66\u62a5<\/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>\u5e72\u9884<\/h3>\r\n      <p>\r\n        \u4f7f\u7528\u56fd\u5bb6\u9879\u76ee\u6240\u7528\u7684\u540c\u7b49\u7cbe\u5bc6\u5316\u5b66\u54c1\u2014\u2014\u5df2\u83b7\u6279\u51c6\u7684\u6606\u866b\u751f\u957f\u8c03\u8282\u5242\uff08\u5421\u4e19\u919a\u3001S-\u4e9a\u80fa\uff09\u3002\u63d0\u65e9\u5904\u7406\u3002\u6b63\u786e\u5904\u7406\u3002.\r\n      <\/p>\r\n      <span class=\"fr-pillar-stat\">\u2605 390:1 \u7684\u6536\u652f\u6bd4\u4ee5\u6839\u9664<\/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>\u6062\u590d<\/h3>\r\n      <p>\r\n        \u6bcf\u4efd\u62a5\u544a\u90fd\u4e3a\u57282032\u5e74\u524d\u5b9e\u73b0\u8be5\u5927\u9646\u7684\u6839\u9664\u76ee\u6807\u8d21\u732e\u4e86\u4e00\u4efd\u529b\u91cf\u3002\u4fdd\u62a4\u6fd2\u5371\u7684\u9e38\u9e4b\u3001\u6d77\u9f9f\uff0c\u4ee5\u53ca \n        \u9632\u6b6297%\u5728\u6fb3\u5927\u5229\u4e9a\u9646\u5730\u4e0a\u4e0d\u53ef\u9006\u8f6c\u5730\u5b9a\u5c45\u3002.\r\n      <\/p>\r\n      <span class=\"fr-pillar-stat\">\u2605 $22B\uff1a\u52302040\u5e74\u4ee3\u907f\u514d\u7684\u635f\u5931<\/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\">\u5e94\u7528\u7279\u8272<\/p>\r\n    <h2>\u5b9e\u9645\u6f14\u793a<\/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\">\u745e\u6cd5<\/span>\r\n      <\/div>\r\n      <div class=\"fr-demo-confidence\">\r\n        <span>\u4fe1\u5fc3\u6307\u6570\uff1a85.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>\u6392\u884c\u699c<\/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\">\u6770\u91cc\u7c73<\/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\">\u4ea8\u5229\u4e00\u4e16<\/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>\u8bf7\u6c42\u7b80\u62a5<\/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\/zh\/?page_id=392\" class=\"fr-btn-cta-primary\">Request Briefing<\/a>\r\n          <a href=\"https:\/\/firerant.com.au\/zh\/?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<!-- ============================================\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=\"\u8138\u4e66\"><i class=\"eicon-facebook-brand\"><\/i><\/a>\r\n          <a href=\"#\" aria-label=\"\u9886\u82f1\"><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\/zh\/\">Home<\/a><\/li>\r\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\">\u5e94\u7528<\/a><\/li>\r\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=498\">\u5730\u56fe<\/a><\/li>\r\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=392\">\u5173\u4e8e<\/a><\/li>\r\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=504\">\u5546\u5e97<\/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=\"#\">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>\r\n\r\n\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\/zh\/\" 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\/zh\/?page_id=573\" class=\"fr-web-nav-link\">\r\n        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n        <span>\u5730\u56fe<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\" class=\"fr-web-nav-link\">\r\n        <i class=\"fas fa-mobile-alt\"><\/i>\r\n        <span>\u5e94\u7528<\/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\/zh\/?page_id=575\" class=\"fr-web-nav-link\">\r\n        <i class=\"fas fa-shopping-cart\"><\/i>\r\n        <span>\u5546\u5e97<\/span>\r\n      <\/a>\r\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=392\" class=\"fr-web-nav-link\">\r\n        <i class=\"fas fa-info-circle\"><\/i>\r\n        <span>\u5173\u4e8e<\/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>",
        "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>",
        "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\/zh\/index.php?rest_route=\/wp\/v2\/pages\/538",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/firerant.com.au\/zh\/index.php?rest_route=\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/firerant.com.au\/zh\/index.php?rest_route=\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/firerant.com.au\/zh\/index.php?rest_route=\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/firerant.com.au\/zh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=538"
            }
        ],
        "version-history": [
            {
                "count": 5,
                "href": "https:\/\/firerant.com.au\/zh\/index.php?rest_route=\/wp\/v2\/pages\/538\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 1360,
                "href": "https:\/\/firerant.com.au\/zh\/index.php?rest_route=\/wp\/v2\/pages\/538\/revisions\/1360"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/firerant.com.au\/zh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=538"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}