{
    "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-10-19T12:16:21",
    "modified_gmt": "2026-10-19T12:16:21",
    "slug": "10-2",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/firerant.com.au\/zh\/",
    "title": {
        "rendered": "10"
    },
    "content": {
        "rendered": "<!-- ============================================\n     FIRE RANT \u2014 COMBINED HEADER + HERO + STATS CARDS\n     Mobile display fixed\n     \"Request a Briefing\" \u2192 links to contact page\n============================================ -->\n<style>\n.fr-hero-wrapper {\n  position: relative;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n.fr-hero-video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 0;\n}\n.fr-hero-wrapper::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(20,0,0,0.82) 100%);\n  z-index: 1;\n}\n\n\/* NAV *\/\n.fr-nav {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 40px;\n  background: transparent;\n}\n.fr-nav-logo img {\n  height: 45px;\n  width: auto;\n}\n.fr-nav-links {\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.fr-nav-links li a {\n  color: rgba(255,255,255,0.8);\n  text-decoration: none;\n  font-size: 0.85rem;\n  font-weight: 600;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  transition: color 0.3s;\n  display: flex;\n  align-items: center;\n  gap: 0.4rem;\n}\n.fr-nav-links li a:hover {\n  color: #ff3b3b;\n}\n.fr-nav-links li a i {\n  font-size: 0.9rem;\n}\n.fr-nav-links li.fr-nav-cta a {\n  background: #ff3b3b;\n  color: #fff;\n  padding: 10px 26px;\n  border-radius: 980px;\n  letter-spacing: 0.5px;\n  font-weight: 500;\n  font-size: 0.82rem;\n  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;\n  box-shadow: 0 2px 10px rgba(255,59,59,0.25);\n}\n.fr-nav-links li.fr-nav-cta a:hover {\n  background: #e62e2e;\n  transform: scale(1.04);\n  box-shadow: 0 4px 16px rgba(255,59,59,0.4);\n  color: #fff;\n}\n\n\/* Mobile hamburger *\/\n.fr-nav-toggle {\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  cursor: pointer;\n  padding: 5px;\n}\n.fr-nav-toggle span {\n  width: 25px;\n  height: 2px;\n  background: #fff;\n  border-radius: 2px;\n  transition: 0.3s;\n}\n\n\/* HERO CONTENT *\/\n.fr-hero-content {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding: 2rem;\n}\n.fr-hero-content .fr-hero-line-small {\n  font-size: clamp(1.2rem, 3vw, 1.8rem);\n  font-weight: 700;\n  color: rgba(255,255,255,0.85);\n  margin: 0 0 0.5rem;\n  letter-spacing: 1px;\n}\n.fr-hero-content .fr-hero-line-large {\n  font-size: clamp(2.2rem, 7vw, 4.2rem);\n  font-weight: 900;\n  color: #fff;\n  margin: 0 0 0.5rem;\n  line-height: 1.15;\n  white-space: nowrap;\n}\n.fr-hero-content .fr-hero-line-small-red {\n  font-size: clamp(1.2rem, 3vw, 1.8rem);\n  font-weight: 700;\n  color: #ff3b3b;\n  margin: 0 0 2.5rem;\n  letter-spacing: 1px;\n}\n.fr-hero-buttons {\n  display: flex;\n  gap: 1rem;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n.fr-btn-pill {\n  display: inline-block;\n  padding: 12px 32px;\n  background: #ff3b3b;\n  color: #fff;\n  text-decoration: none;\n  font-weight: 500;\n  font-size: 0.85rem;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  border-radius: 980px;\n  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;\n  box-shadow: 0 2px 10px rgba(255,59,59,0.25);\n}\n.fr-btn-pill:hover {\n  background: #e62e2e;\n  transform: scale(1.04);\n  box-shadow: 0 4px 16px rgba(255,59,59,0.4);\n  color: #fff;\n}\n.fr-btn-pill-outline {\n  display: inline-block;\n  padding: 12px 32px;\n  background: transparent;\n  color: #fff;\n  text-decoration: none;\n  font-weight: 500;\n  font-size: 0.85rem;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  border-radius: 980px;\n  border: 2px solid rgba(255,255,255,0.35);\n  transition: border-color 0.3s, color 0.3s, transform 0.2s;\n}\n.fr-btn-pill-outline:hover {\n  border-color: #ff3b3b;\n  color: #ff3b3b;\n  transform: scale(1.04);\n}\n\n\/* ===== STATS CARDS \u2014 OVERLAYED AT BOTTOM ===== *\/\n.fr-stats-overlay {\n  position: absolute;\n  bottom: 30px;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  padding: 0 40px;\n}\n.fr-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n.fr-stat-card {\n  background: rgba(10,10,10,0.6);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  border: 1px solid rgba(255,59,59,0.12);\n  border-radius: 14px;\n  padding: 20px 16px;\n  text-align: center;\n  transition: border-color 0.3s, transform 0.3s;\n}\n.fr-stat-card:hover {\n  border-color: rgba(255,59,59,0.35);\n  transform: translateY(-3px);\n}\n.fr-stat-number {\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem);\n  font-weight: 900;\n  color: #ff3b3b;\n  margin: 0 0 0.4rem;\n  line-height: 1;\n}\n.fr-stat-label {\n  font-size: 0.7rem;\n  color: rgba(255,255,255,0.6);\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  line-height: 1.4;\n  margin: 0;\n}\n.fr-stat-source {\n  font-size: 0.6rem;\n  color: rgba(255,255,255,0.25);\n  margin-top: 0.4rem;\n  font-style: italic;\n}\n\n\/* ===== MOBILE ===== *\/\n@media (max-width: 768px) {\n  .fr-hero-wrapper {\n    min-height: auto;\n    flex-direction: column;\n    justify-content: flex-start;\n    padding: 0 0 24px;\n  }\n\n  .fr-hero-video {\n    position: absolute;\n    inset: 0;\n    min-height: 100vh;\n  }\n\n  .fr-hero-wrapper::before {\n    min-height: 100vh;\n  }\n\n  .fr-nav {\n    padding: 14px 16px;\n  }\n  .fr-nav-logo img {\n    height: 34px;\n  }\n  .fr-nav-toggle {\n    display: flex;\n  }\n  .fr-nav-links {\n    display: none;\n    flex-direction: column;\n    width: 100%;\n    padding: 1.2rem 16px;\n    margin-top: 12px;\n    gap: 1rem;\n    align-items: flex-start;\n    background: rgba(0,0,0,0.92);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border-radius: 14px;\n    border: 1px solid rgba(255,255,255,0.06);\n  }\n  .fr-nav-links.active {\n    display: flex;\n  }\n\n  \/* Hero \u2014 centred in viewport *\/\n  .fr-hero-content {\n    padding: 140px 20px 40px;\n    min-height: 60vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .fr-hero-content .fr-hero-line-large {\n    white-space: normal;\n    font-size: 1.6rem;\n    line-height: 1.25;\n    margin-bottom: 0.4rem;\n  }\n  .fr-hero-content .fr-hero-line-small {\n    font-size: 0.95rem;\n  }\n  .fr-hero-content .fr-hero-line-small-red {\n    font-size: 0.95rem;\n    margin-bottom: 1.8rem;\n  }\n\n  \/* Buttons stacked *\/\n  .fr-hero-buttons {\n    flex-direction: column;\n    align-items: center;\n    gap: 0.7rem;\n  }\n  .fr-btn-pill,\n  .fr-btn-pill-outline {\n    width: 100%;\n    max-width: 260px;\n    text-align: center;\n    padding: 13px 20px;\n    font-size: 0.75rem;\n  }\n\n  \/* Stats \u2014 flow below hero, not absolute *\/\n  .fr-stats-overlay {\n    position: relative;\n    bottom: auto;\n    padding: 20px 16px 0;\n  }\n  .fr-stats-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 0.6rem;\n  }\n  .fr-stat-card {\n    padding: 14px 10px;\n    border-radius: 12px;\n  }\n  .fr-stat-number {\n    font-size: 1.3rem;\n  }\n  .fr-stat-label {\n    font-size: 0.58rem;\n    letter-spacing: 0.3px;\n  }\n  .fr-stat-source {\n    font-size: 0.5rem;\n    margin-top: 0.3rem;\n  }\n}\n\n@media (max-width: 380px) {\n  .fr-hero-content .fr-hero-line-large {\n    font-size: 1.35rem;\n  }\n  .fr-stat-number {\n    font-size: 1.1rem;\n  }\n}\n<\/style>\n\n<div class=\"fr-hero-wrapper\">\n  <!-- Video Background -->\n  <video class=\"fr-hero-video\" autoplay muted loop playsinline>\n    <source src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Fire-ant-hero-video.mp4\" type=\"video\/mp4\">\n  <\/video>\n\n  <!-- Navigation -->\n  <nav class=\"fr-nav\">\n    <a href=\"https:\/\/firerant.com.au\/zh\/\" class=\"fr-nav-logo\">\n      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/FR-logo-scaled.png\" alt=\"Fire Rant Logo\">\n    <\/a>\n    <div class=\"fr-nav-toggle\" onclick=\"this.nextElementSibling.classList.toggle('active')\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n    <ul class=\"fr-nav-links\">\n      <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=573\"><i class=\"fas fa-map-marker-alt\"><\/i> \u5730\u56fe<\/a><\/li>\n      <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\"><i class=\"fas fa-mobile-alt\"><\/i> \u5e94\u7528<\/a><\/li>\n      <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=392\"><i class=\"fas fa-info-circle\"><\/i> \u5173\u4e8e<\/a><\/li>\n      <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=1452\"><i class=\"fas fa-language\"><\/i> \u4e2d\u6587<\/a><\/li>\n      <li><\/li>\n      <li class=\"fr-nav-cta\"><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\"><i class=\"fas fa-download\"><\/i> \u83b7\u53d6\u5e94\u7528<\/a><\/li>\n    <\/ul>\n  <\/nav>\n\n  <!-- Hero Content -->\n  <div class=\"fr-hero-content\">\n    <p class=\"fr-hero-line-small\">85\u4e07\u516c\u9877\u3002.<\/p>\n    <h1 class=\"fr-hero-line-large\">99% \u6761\u6765\u81ea\u5e02\u6c11\u7684\u8b66\u62a5\u3002.<\/h1>\n    <p class=\"fr-hero-line-small-red\">\u8fd9\u5f88\u706b\u7206\u7684\u5486\u54ee\u3002.<\/p>\n    <div class=\"fr-hero-buttons\">\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\" class=\"fr-btn-pill\">\u52a0\u5165\u76d1\u63a7\u7f51\u7edc<\/a>\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=1344\" class=\"fr-btn-pill-outline\">\u8bf7\u6c42\u7b80\u62a5<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Stats Cards \u2014 Overlayed at bottom -->\n  <div class=\"fr-stats-overlay\">\n    <div class=\"fr-stats-grid\">\n\n      <div class=\"fr-stat-card\">\n        <p class=\"fr-stat-number\">$22B<\/p>\n        <p class=\"fr-stat-label\">\u5982\u679c\u65e0\u6cd5\u6839\u9664\uff0c\u52302040\u5e74\u4ee3\u9884\u8ba1\u7684\u635f\u5931<\/p>\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>\n      <\/div>\n\n      <div class=\"fr-stat-card\">\n        <p class=\"fr-stat-number\">85\u4e07\u516c\u9877<\/p>\n        <p class=\"fr-stat-label\">Current infestation across SE QLD &#038; Northern NSW<\/p>\n        <p class=\"fr-stat-source\">\u56fd\u5bb6\u8ba1\u5212\uff0c2026<\/p>\n      <\/div>\n\n      <div class=\"fr-stat-card\">\n        <p class=\"fr-stat-number\">8<\/p>\n        <p class=\"fr-stat-label\">\u5df2\u6210\u529f\u6839\u9664\u7684\u591a\u6b21\u5165\u4fb5<\/p>\n        <p class=\"fr-stat-source\">\u5168\u7403\u65e0\u4e0e\u4f26\u6bd4<\/p>\n      <\/div>\n\n      <div class=\"fr-stat-card\">\n        <p class=\"fr-stat-number\">17.4\u4e07<\/p>\n        <p class=\"fr-stat-label\">\u5982\u679c\u5730\u65b9\u6027\u6d41\u884c\uff0c\u9884\u8ba1\u6bcf\u5e74\u8fc7\u654f\u53cd\u5e94<\/p>\n        <p class=\"fr-stat-source\">\u5065\u5eb7\u5f71\u54cd\u8bc4\u4f30<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n\n.fr-welcome {\n  background: #0a0a0a;\n  padding: 80px 40px;\n  font-family: Inter, -apple-system, Arial, sans-serif;\n}\n\n.fr-welcome * {\n  box-sizing: border-box;\n}\n\n.fr-welcome-grid {\n  display: grid;\n  grid-template-columns: minmax(280px, 1fr) minmax(360px, 1fr);\n  gap: 4rem;\n  max-width: 1200px;\n  margin: 0 auto;\n  align-items: center;\n}\n\n.fr-welcome-text .fr-label {\n  color: #ff3b3b;\n  font-size: 0.8rem;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin: 0 0 0.5rem;\n}\n\n.fr-welcome-text h2 {\n  color: #fff;\n  font-size: 2.2rem;\n  font-weight: 800;\n  margin: 0 0 1.5rem;\n  line-height: 1.15;\n}\n\n.fr-welcome-divider {\n  width: 60px;\n  height: 3px;\n  background: #ff3b3b;\n  margin: 0 0 1.5rem;\n}\n\n.fr-welcome-text p {\n  color: rgba(255,255,255,0.75);\n  font-size: 1rem;\n  line-height: 1.85;\n  margin: 0 0 1.5rem;\n}\n\n.fr-welcome-text em {\n  color: rgba(255,255,255,0.9);\n}\n\n.fr-welcome-text .fr-tagline {\n  color: #ff3b3b;\n  font-weight: 700;\n  font-size: 1.1rem;\n  margin-top: 1.5rem;\n  letter-spacing: 1px;\n}\n\n.fr-welcome-demo-root {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n.fr-welcome-demo-root .fr-phone-only-demo {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n.fr-welcome-demo-root .fr-flow-stage {\n  min-width: 360px;\n  min-height: 760px;\n}\n\n@media (max-width: 980px) {\n  .fr-welcome-grid {\n    grid-template-columns: 1fr;\n    gap: 3rem;\n  }\n\n  .fr-welcome-text {\n    text-align: center;\n  }\n\n  .fr-welcome-divider {\n    margin: 0 auto 1.5rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .fr-welcome {\n    padding: 60px 16px;\n  }\n\n  .fr-welcome-demo-root .fr-flow-stage {\n    min-width: 0;\n    width: 100%;\n    min-height: 660px;\n  }\n}\n\n.fr-original-section {\n  background: #0a0a0a;\n  padding: 80px 40px;\n  font-family: Inter, -apple-system, Arial, sans-serif;\n}\n\n.fr-original-section * {\n  box-sizing: border-box;\n}\n\n.fr-flow-stage {\n  display: grid;\n  place-items: center;\n  min-width: 360px;\n  min-height: 760px;\n}\n\n.fr-flow-screen {\n  display: none;\n  width: 100%;\n}\n\n.fr-flow-screen.fr-flow-active {\n  display: block;\n}\n\n.fr-flow-screen > style,\n.fr-flow-screen > link {\n  display: none;\n}\n\n.fr-flow-screen a,\n.fr-flow-screen button,\n.fr-flow-screen [class*=\"nav\"],\n.fr-flow-screen [class*=\"btn\"],\n.fr-flow-screen [class*=\"shutter\"],\n.fr-flow-screen [class*=\"grid-icon\"],\n.fr-flow-screen [class*=\"report\"],\n.fr-flow-screen [class*=\"link\"] {\n  cursor: pointer;\n}\n\n.fr-flow-stage .fas {\n  line-height: 1;\n  text-align: center;\n}\n\n.fr-flow-stage .fr-m-nav-icon,\n.fr-flow-stage .fr-ai-nav-icon,\n.fr-flow-stage .frps-nav-item,\n.fr-flow-stage .fr-prof-nav-icon,\n.fr-flow-stage .fr-kb-nav-icon,\n.fr-flow-stage .fr-rp-nav-icon,\n.fr-flow-stage .fr-m-nav-camera,\n.fr-flow-stage .fr-ai-nav-camera,\n.fr-flow-stage .frps-bnav-cam,\n.fr-flow-stage .fr-prof-nav-camera,\n.fr-flow-stage .fr-kb-nav-camera,\n.fr-flow-stage .fr-rp-nav-camera {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  line-height: 1 !important;\n}\n\n.fr-flow-stage .fr-m-nav-icon.n-reports { left: 88px !important; }\n.fr-flow-stage .fr-m-nav-icon.n-articles { right: 88px !important; }\n\n.fr-flow-stage .frhs-phone,\n.fr-flow-stage .fr-flow-loading-phone,\n.fr-flow-stage .fr-mockup-phone,\n.fr-flow-stage .fr-cam-mockup-phone,\n.fr-flow-stage .fr-scan-mockup-phone,\n.fr-flow-stage .fr-ai-mockup-phone,\n.fr-flow-stage .frcr-phone,\n.fr-flow-stage .frps-phone,\n.fr-flow-stage .fr-prof-mockup-phone,\n.fr-flow-stage .fr-kb-mockup-phone,\n.fr-flow-stage .fr-reports-mockup-phone {\n  width: 320px !important;\n  height: 640px !important;\n}\n\n.fr-flow-stage .fr-m-nav-icon i,\n.fr-flow-stage .fr-m-nav-camera i {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n.fr-flow-loading-wrap {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 50px 20px;\n  background: #0a0a0a;\n}\n\n.fr-flow-loading-phone {\n  position: relative;\n  width: 320px;\n  height: 640px;\n  background: #000;\n  border-radius: 44px;\n  border: 4px solid #2a2a2a;\n  box-shadow: 0 25px 70px rgba(0,0,0,.75);\n  overflow: hidden;\n  font-family: Inter, -apple-system, Arial, sans-serif;\n}\n\n.fr-flow-loading-content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 26px;\n  padding-top: 10px;\n}\n\n.fr-flow-loader-mark {\n  width: 44px;\n  height: 52px;\n  color: #ff3b3b;\n}\n\n.fr-flow-loader-mark img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n}\n\n.fr-flow-loader-bar {\n  width: 160px;\n  height: 4px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.12);\n  overflow: hidden;\n}\n\n.fr-flow-loader-fill {\n  width: 0%;\n  height: 100%;\n  border-radius: inherit;\n  background: #ff3b3b;\n}\n\n.fr-flow-loader-fill.animate {\n  animation: frFlowLoad 2.1s ease-in-out forwards;\n}\n\n@keyframes frFlowLoad {\n  0% { width: 0%; }\n  55% { width: 64%; }\n  100% { width: 100%; }\n}\n\n.fr-flow-loader-text {\n  color: rgba(255,255,255,0.68);\n  font-size: 13px;\n  font-weight: 600;\n  margin: -12px 0 0;\n}\n\n@media (max-width: 768px) {\n  .fr-original-section {\n    padding: 60px 16px;\n  }\n\n  .fr-flow-stage .frhs-phone,\n  .fr-flow-stage .fr-flow-loading-phone,\n  .fr-flow-stage .fr-mockup-phone,\n  .fr-flow-stage .fr-cam-mockup-phone,\n  .fr-flow-stage .fr-scan-mockup-phone,\n  .fr-flow-stage .fr-ai-mockup-phone,\n  .fr-flow-stage .frcr-phone,\n  .fr-flow-stage .frps-phone,\n  .fr-flow-stage .fr-prof-mockup-phone,\n  .fr-flow-stage .fr-kb-mockup-phone,\n  .fr-flow-stage .fr-reports-mockup-phone {\n    width: 300px !important;\n    height: 600px !important;\n  }\n\n  .fr-flow-stage {\n    min-width: 0;\n    width: 100%;\n    min-height: 660px;\n  }\n}\n\n\n.fr-phone-only-section {\n  padding: 40px 20px;\n}\n\n.fr-phone-only-demo {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n.fr-phone-only-section .fr-flow-stage {\n  min-width: 360px;\n  min-height: 760px;\n}\n\n@media (max-width: 768px) {\n  .fr-phone-only-section {\n    padding: 30px 10px;\n  }\n\n  .fr-phone-only-section .fr-flow-stage {\n    min-width: 0;\n    width: 100%;\n    min-height: 660px;\n  }\n}\n\n<\/style>\n\n<div class=\"fr-welcome\">\n  <div class=\"fr-welcome-grid\">\n    <div class=\"fr-welcome-text\">\n      <p class=\"fr-label\">\u706b\u7206\u5410\u69fd\u5e73\u53f0<\/p>\n      <h2>\u653e\u5927\u4e16\u754c\u9886\u5148\u7684\u79d1\u5b66<\/h2>\n      <div class=\"fr-welcome-divider\"><\/div>\n      <p>\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\n        <em>\u706b\u8681<\/em> incursions. This represents the absolute gold standard in global invasive species management.\n        The National Fire Ant Eradication Program embodies decades of world-leading biosecurity science, precision chemistry,\n        and nationally coordinated investment.\n      <\/p>\n      <p>\n        FIRE RANT does not replace this effort. It amplifies it. The May 2026 Independent Review identified community engagement\n        and surveillance coverage as the critical operational gap standing between Australia and continental eradication by 2032.\n        FIRE RANT operationalises citizen biosecurity intelligence &mdash; geo-tagged, AI-validated, evidence-based reporting that extends\n        surveillance capacity beyond what government resources alone can achieve.\n      <\/p>\n      <p class=\"fr-tagline\">\u76d1\u89c6\u3002\u62a5\u544a\u3002\u6839\u9664\u3002\u7a97\u53e3\u4ecd\u7136\u655e\u5f00\u3002.<\/p>\n<p class=\"fr-demo-fiction-note\" role=\"note\">Illustrative demo. Names, contact details, locations and activity shown here are fictional.<\/p>\n    <\/div>\n\n    <div class=\"fr-welcome-demo-root\" id=\"frOriginalDemoSection\">\n  <div class=\"fr-phone-only-demo\">\n    <div class=\"fr-flow-stage\" aria-live=\"polite\">\n      <div class=\"fr-flow-screen fr-flow-active\" data-fr-screen=\"iphone\">\n              \n              \n              <style>\n              .frhs-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 60px 20px;\n                background: #0a0a0a;\n              }\n              \n              .frhs-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #000;\n                border-radius: 44px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Blurred Wallpaper *\/\n              .frhs-phone::before {\n                content: '';\n                position: absolute;\n                top: 0; left: 0; right: 0; bottom: 0;\n                width: 100%; height: 100%;\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');\n                background-size: cover;\n                background-position: center;\n                filter: blur(12px);\n                transform: scale(1.1);\n                z-index: 0;\n              }\n              \n              .frhs-phone::after {\n                content: '';\n                position: absolute;\n                inset: 0;\n                background: rgba(0,0,0,0.35);\n                z-index: 1;\n              }\n              \n              \/* Status Bar *\/\n              .frhs-status {\n                position: absolute;\n                top: 14px;\n                left: 0;\n                right: 0;\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                padding: 0 24px;\n                font-size: 10px;\n                color: #fff;\n                font-weight: 700;\n                z-index: 10;\n              }\n              \n              .frhs-status-r {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              .frhs-dynamic-island {\n                width: 100px;\n                height: 28px;\n                background: #000;\n                border-radius: 20px;\n                margin: 0 auto;\n              }\n              \n              \/* Content *\/\n              .frhs-content {\n                position: relative;\n                z-index: 5;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                padding: 50px 16px 100px;\n                height: 100%;\n                box-sizing: border-box;\n                gap: 14px;\n              }\n              \n              \/* Hero Widget (Clock) *\/\n              .frhs-widget {\n                width: 100%;\n                height: 200px;\n                border-radius: 22px;\n                overflow: hidden;\n                position: relative;\n                background: linear-gradient(135deg, #1a1a1a, #2a2a2a);\n                border: 1px solid rgba(255,255,255,0.08);\n              }\n              \n              .frhs-widget-bg {\n                position: absolute;\n                inset: 0;\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2025\/06\/ChatGPT-Image-Jun-13-2025-10_39_07-PM.png');\n                background-size: cover;\n                background-position: center;\n                opacity: 0.15;\n              }\n              \n              .frhs-widget-content {\n                position: relative;\n                z-index: 2;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n                height: 100%;\n                padding: 20px;\n              }\n              \n              .frhs-widget-label {\n                font-size: 10px;\n                font-weight: 700;\n                color: rgba(255,255,255,0.5);\n                text-transform: uppercase;\n                letter-spacing: 1.5px;\n                margin: 0 0 6px;\n              }\n              \n              .frhs-widget-time {\n                font-size: 48px;\n                font-weight: 200;\n                color: #fff;\n                margin: 0;\n                line-height: 1;\n              }\n              \n              .frhs-widget-date {\n                font-size: 11px;\n                font-weight: 500;\n                color: rgba(255,255,255,0.5);\n                margin: 8px 0 0;\n              }\n              \n              \/* App Grid *\/\n              .frhs-grid {\n                display: grid;\n                grid-template-columns: repeat(4, 1fr);\n                gap: 14px 10px;\n                width: 100%;\n                padding: 8px 6px;\n              }\n              \n              .frhs-grid-item {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                gap: 5px;\n              }\n              \n              .frhs-grid-icon {\n                width: 52px;\n                height: 52px;\n                border-radius: 13px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                overflow: hidden;\n                background: rgba(255,255,255,0.12);\n                border: 1px solid rgba(255,255,255,0.1);\n                backdrop-filter: blur(10px);\n                transition: transform 0.2s;\n              }\n              \n              .frhs-grid-icon:hover {\n                transform: scale(1.08);\n              }\n              \n              .frhs-grid-icon i {\n                font-size: 20px;\n                color: #fff;\n              }\n              \n              .frhs-grid-icon img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n              }\n              \n              .frhs-grid-icon.firerant {\n                background: none;\n                border: none;\n                box-shadow: 0 4px 18px rgba(255,59,59,0.4);\n              }\n              \n              .frhs-grid-name {\n                font-size: 9px;\n                font-weight: 500;\n                color: rgba(255,255,255,0.7);\n                text-align: center;\n              }\n              \n              .frhs-grid-name.hl {\n                color: #ff3b3b;\n                font-weight: 700;\n              }\n              \n              \/* Dock *\/\n              .frhs-dock {\n                position: absolute;\n                bottom: 30px;\n                left: 20px;\n                right: 20px;\n                z-index: 30;\n                display: grid;\n                grid-template-columns: repeat(4, 1fr);\n                gap: 8px;\n                padding: 10px 14px;\n                background: rgba(255,255,255,0.08);\n                backdrop-filter: blur(20px);\n                border-radius: 22px;\n                border: 1px solid rgba(255,255,255,0.06);\n              }\n              \n              .frhs-dock-icon {\n                width: 46px;\n                height: 46px;\n                border-radius: 12px;\n                margin: 0 auto;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background: rgba(255,255,255,0.12);\n                border: 1px solid rgba(255,255,255,0.1);\n              }\n              \n              .frhs-dock-icon i {\n                font-size: 18px;\n                color: #fff;\n              }\n              <\/style>\n              \n              <div class=\"frhs-wrap\">\n                <div class=\"frhs-phone\">\n              \n                  <!-- Status Bar -->\n                  <div class=\"frhs-status\">\n                    <span>2:34<\/span>\n                    <div class=\"frhs-dynamic-island\"><\/div>\n                    <span class=\"frhs-status-r\">5G  77%<\/span>\n                  <\/div>\n              \n                  <!-- Content -->\n                  <div class=\"frhs-content\">\n              \n                    <!-- Clock Widget -->\n                    <div class=\"frhs-widget\">\n                      <div class=\"frhs-widget-bg\"><\/div>\n                      <div class=\"frhs-widget-content\">\n                        <p class=\"frhs-widget-label\">\u706b\u6012<\/p>\n                        <p class=\"frhs-widget-time\">10:00 AM<\/p>\n                        <p class=\"frhs-widget-date\">Demo mode<\/p>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- App Grid -->\n                    <div class=\"frhs-grid\">\n                      <div class=\"frhs-grid-item\">\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-camera\"><\/i><\/div>\n                        <span class=\"frhs-grid-name\">\u76f8\u673a<\/span>\n                      <\/div>\n                      <div class=\"frhs-grid-item\">\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\n                        <span class=\"frhs-grid-name\">\u65e5\u5386<\/span>\n                      <\/div>\n                      <div class=\"frhs-grid-item\">\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-music\"><\/i><\/div>\n                        <span class=\"frhs-grid-name\">\u97f3\u4e50<\/span>\n                      <\/div>\n                      <div class=\"frhs-grid-item\">\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>\n                        <span class=\"frhs-grid-name hl\">\u706b\u6012<\/span>\n                      <\/div>\n                      <div class=\"frhs-grid-item\">\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-cloud-sun\"><\/i><\/div>\n                        <span class=\"frhs-grid-name\">\u5929\u6c14<\/span>\n                      <\/div>\n                      <div class=\"frhs-grid-item\">\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\n                        <span class=\"frhs-grid-name\">Safari<\/span>\n                      <\/div>\n                      <div class=\"frhs-grid-item\">\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-sticky-note\"><\/i><\/div>\n                        <span class=\"frhs-grid-name\">\u7b14\u8bb0<\/span>\n                      <\/div>\n                      <div class=\"frhs-grid-item\">\n                        <div class=\"frhs-grid-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                        <span class=\"frhs-grid-name\">\u5730\u56fe<\/span>\n                      <\/div>\n                    <\/div>\n              \n                  <\/div>\n              \n                  <!-- Dock -->\n                  <div class=\"frhs-dock\">\n                    <div class=\"frhs-dock-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n                    <div class=\"frhs-dock-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n                    <div class=\"frhs-dock-icon\"><i class=\"fas fa-comment\"><\/i><\/div>\n                    <div class=\"frhs-dock-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                  <\/div>\n              \n                <\/div>\n              <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"loading\">\n                <div class=\"fr-flow-loading-wrap\">\n                  <div class=\"fr-flow-loading-phone\">\n                    <div class=\"fr-flow-loading-content\">\n                      <div class=\"fr-flow-loader-mark\" aria-hidden=\"true\">\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=\"\">\n                      <\/div>\n                      <div class=\"fr-flow-loader-bar\">\n                        <div class=\"fr-flow-loader-fill\" id=\"frFlowLoaderFill\"><\/div>\n                      <\/div>\n                      <p class=\"fr-flow-loader-text\">Loading Fire Rant&#8230;<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"app\">\n              \n              \n              <style>\n              .fr-mockup-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 50px 20px;\n                background: #0a0a0a;\n              }\n              \n              .fr-mockup-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #000;\n                border-radius: 48px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 30px 80px rgba(0,0,0,.8);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Status Bar *\/\n              .fr-m-status {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                padding: 14px 24px 0;\n                font-size: 10px;\n                color: #fff;\n                font-weight: 700;\n                z-index: 10;\n              }\n              \n              .fr-m-status-right {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              .fr-m-island {\n                width: 110px;\n                height: 28px;\n                background: #000;\n                border-radius: 20px;\n                margin: 0 auto;\n                border: 1.5px solid #ff3b3b;\n                display: flex;\n                align-items: center;\n                padding: 0 12px;\n              }\n              \n              .fr-m-island img {\n                width: 16px;\n                height: 16px;\n                object-fit: contain;\n              }\n              \n              \/* Scrollable Content *\/\n              .fr-m-content {\n                position: absolute;\n                inset: 0;\n                overflow-y: auto;\n                padding: 54px 20px 130px;\n                scrollbar-width: none;\n              }\n              \n              .fr-m-content::-webkit-scrollbar { display: none; }\n              \n              \/* Greeting *\/\n              .fr-m-greeting {\n                font-size: 24px;\n                font-weight: 800;\n                color: #fff;\n                margin: 16px 0 12px;\n                line-height: 1.2;\n              }\n              \n              \/* Points Pill *\/\n              .fr-m-points {\n                display: inline-flex;\n                align-items: center;\n                gap: 6px;\n                background: #1b0706;\n                color: #ff3b3b;\n                padding: 8px 14px;\n                border-radius: 999px;\n                font-size: 13px;\n                font-weight: 800;\n                margin-bottom: 28px;\n              }\n              \n              \/* Section *\/\n              .fr-m-section {\n                margin-bottom: 26px;\n              }\n              \n              .fr-m-section-title {\n                font-size: 16px;\n                font-weight: 800;\n                color: #fff;\n                margin: 0 0 14px;\n              }\n              \n              \/* Report Cards *\/\n              .fr-m-report {\n                display: grid;\n                grid-template-columns: 50px 1fr 14px;\n                align-items: center;\n                gap: 12px;\n                padding: 10px;\n                margin-bottom: 10px;\n                background: rgba(255,255,255,0.03);\n                border-radius: 12px;\n                border: 1px solid rgba(255,255,255,0.06);\n              }\n              \n              .fr-m-thumb {\n                width: 50px;\n                height: 50px;\n                border-radius: 10px;\n                background: linear-gradient(135deg, #2a1a0a, #1a0a00);\n              }\n              \n              .fr-m-report-title {\n                font-size: 14px;\n                font-weight: 700;\n                color: #fff;\n                margin: 0 0 3px;\n              }\n              \n              .fr-m-report-sub {\n                font-size: 11px;\n                color: rgba(255,255,255,0.45);\n                margin: 0;\n              }\n              \n              .fr-m-chevron {\n                color: rgba(255,255,255,0.3);\n                font-size: 16px;\n              }\n              \n              \/* Red Link *\/\n              .fr-m-red-link {\n                display: inline-flex;\n                align-items: center;\n                gap: 6px;\n                color: #ff3b3b;\n                font-size: 13px;\n                font-weight: 700;\n                text-decoration: none;\n                margin-top: 6px;\n              }\n              \n              .fr-m-red-link i {\n                font-size: 12px;\n              }\n              \n              \/* Leaderboard *\/\n              .fr-m-leader {\n                display: grid;\n                grid-template-columns: 30px 1fr auto;\n                align-items: center;\n                gap: 10px;\n                margin-bottom: 12px;\n              }\n              \n              .fr-m-rank {\n                font-size: 14px;\n                font-weight: 800;\n                color: rgba(255,255,255,0.35);\n              }\n              \n              .fr-m-rank.gold { color: #ffb000; }\n              \n              .fr-m-name {\n                font-size: 15px;\n                font-weight: 600;\n                color: #fff;\n              }\n              \n              .fr-m-score {\n                display: inline-flex;\n                align-items: center;\n                gap: 4px;\n                background: #1b0706;\n                color: #ff3b3b;\n                padding: 6px 10px;\n                border-radius: 999px;\n                font-size: 11px;\n                font-weight: 800;\n              }\n              \n              \/* Articles Preview *\/\n              .fr-m-article-row {\n                display: grid;\n                grid-template-columns: 50px 1fr 14px;\n                align-items: center;\n                gap: 12px;\n                padding: 10px;\n                margin-bottom: 10px;\n                background: rgba(255,255,255,0.03);\n                border-radius: 12px;\n                border: 1px solid rgba(255,255,255,0.06);\n              }\n              \n              .fr-m-article-thumb {\n                width: 50px;\n                height: 50px;\n                border-radius: 10px;\n                background: linear-gradient(135deg, #1a0a00, #3a1a0a);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 18px;\n                color: rgba(255,255,255,0.3);\n              }\n              \n              \/* Bottom Nav *\/\n              .fr-m-nav {\n                position: absolute;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                height: 120px;\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\n                background-repeat: no-repeat;\n                background-position: bottom center;\n                background-size: 100% auto;\n                z-index: 20;\n              }\n              \n              .fr-m-nav-icon {\n                position: absolute;\n                bottom: 24px;\n                width: 26px;\n                height: 26px;\n                color: rgba(255,255,255,0.72);\n                z-index: 25;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n\n              .fr-m-nav-icon svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.5;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              .fr-m-nav-icon.n-home { left: 30px; color: #fff; }\n              .fr-m-nav-icon.n-reports { left: 88px; }\n              .fr-m-nav-icon.n-articles { right: 88px; }\n              .fr-m-nav-icon.n-profile { right: 30px; }\n              \n              .fr-m-nav-camera {\n                position: absolute;\n                left: 50%;\n                top: 58%;\n                transform: translate(-50%, -50%);\n                margin-top: -16px;\n                width: 26px;\n                height: 26px;\n                color: #fff;\n                z-index: 26;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n\n              .fr-m-nav-camera svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.6;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              \/* Responsive *\/\n              @media (max-width: 768px) {\n                .fr-mockup-wrap {\n                  padding: 30px 10px;\n                }\n                .fr-mockup-phone {\n                  width: 300px;\n                  height: 600px;\n                }\n              }\n              <\/style>\n              \n              <div class=\"fr-mockup-wrap\">\n                <div class=\"fr-mockup-phone\">\n              \n                  <!-- Status Bar -->\n                  <div class=\"fr-m-status\">\n                    <span>2:34<\/span>\n                    <div class=\"fr-m-island\">\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\n                    <\/div>\n                    <span class=\"fr-m-status-right\">5G  77%<\/span>\n                  <\/div>\n              \n                  <!-- Scrollable Content -->\n                  <div class=\"fr-m-content\">\n              \n                    <!-- Greeting -->\n                    <p class=\"fr-m-greeting\">\u4e0b\u5348\u597d\uff0c,<br>John Doe<\/p>\n                    <div class=\"fr-m-points\"><i class=\"fas fa-star\" aria-hidden=\"true\"><\/i> 660 \u5206<\/div>\n              \n                    <!-- Recent Reports -->\n                    <div class=\"fr-m-section\">\n                      <p class=\"fr-m-section-title\">\u8fd1\u671f\u62a5\u9053<\/p>\n              \n                      <div class=\"fr-m-report\">\n                        <div class=\"fr-m-thumb\"><\/div>\n                        <div>\n                          <p class=\"fr-m-report-title\">Demo report 01<\/p>\n                          <p class=\"fr-m-report-sub\">Jan 15, 2026<\/p>\n                        <\/div>\n                        <i class=\"fas fa-chevron-right fr-m-chevron\" aria-hidden=\"true\"><\/i>\n                      <\/div>\n              \n                      <div class=\"fr-m-report\">\n                        <div class=\"fr-m-thumb\"><\/div>\n                        <div>\n                          <p class=\"fr-m-report-title\">Demo report 02<\/p>\n                          <p class=\"fr-m-report-sub\">test \u00b7 Jan 14, 2026<\/p>\n                        <\/div>\n                        <i class=\"fas fa-chevron-right fr-m-chevron\" aria-hidden=\"true\"><\/i>\n                      <\/div>\n              \n                      <a class=\"fr-m-red-link\" href=\"#\"><i class=\"fas fa-bars\" aria-hidden=\"true\"><\/i> \u6240\u6709\u62a5\u544a<\/a>\n                    <\/div>\n              \n                    <!-- Leaderboard -->\n                    <div class=\"fr-m-section\">\n                      <p class=\"fr-m-section-title\">\u6392\u884c\u699c<\/p>\n              \n                      <div class=\"fr-m-leader\">\n                        <span class=\"fr-m-rank gold\">#1<\/span>\n                        <span class=\"fr-m-name\">John Doe<\/span>\n                        <span class=\"fr-m-score\"><i class=\"fas fa-star\" aria-hidden=\"true\"><\/i> 660<\/span>\n                      <\/div>\n              \n                      <div class=\"fr-m-leader\">\n                        <span class=\"fr-m-rank\">#2<\/span>\n                        <span class=\"fr-m-name\">Jamie Doe<\/span>\n                        <span class=\"fr-m-score\"><i class=\"fas fa-star\" aria-hidden=\"true\"><\/i> 130<\/span>\n                      <\/div>\n              \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>\n                    <\/div>\n              \n                    <!-- Articles -->\n                    <div class=\"fr-m-section\">\n                      <p class=\"fr-m-section-title\">\u6587\u7ae0<\/p>\n              \n                      <div class=\"fr-m-article-row\">\n                        <div class=\"fr-m-article-thumb\"><i class=\"fas fa-info-circle\" aria-hidden=\"true\"><\/i><\/div>\n                        <div>\n                          <p class=\"fr-m-report-title\">\u5982\u4f55\u5904\u7406\u8682\u8681<\/p>\n                          <p class=\"fr-m-report-sub\">\u9884\u9632\u4e0e\u63a7\u5236<\/p>\n                        <\/div>\n                        <i class=\"fas fa-chevron-right fr-m-chevron\" aria-hidden=\"true\"><\/i>\n                      <\/div>\n              \n                      <div class=\"fr-m-article-row\">\n                        <div class=\"fr-m-article-thumb\"><i class=\"fas fa-search\" aria-hidden=\"true\"><\/i><\/div>\n                        <div>\n                          <p class=\"fr-m-report-title\">\u5982\u4f55\u8bc6\u522b\u706b\u8681<\/p>\n                          <p class=\"fr-m-report-sub\">\u706b\u8681\u8bc6\u522b<\/p>\n                        <\/div>\n                        <i class=\"fas fa-chevron-right fr-m-chevron\" aria-hidden=\"true\"><\/i>\n                      <\/div>\n              \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>\n                    <\/div>\n              \n                  <\/div>\n              \n                  <!-- Bottom Nav -->\n                  <div class=\"fr-m-nav\">\n                    <div class=\"fr-m-nav-icon n-home\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-m-nav-icon n-reports\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M8 4h8\"><\/path>\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\n                        <path d=\"M8 11h8\"><\/path>\n                        <path d=\"M8 15h8\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-m-nav-camera\">\n                      <svg viewbox=\"0 0 24 24\">\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>\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-m-nav-icon n-articles\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-m-nav-icon n-profile\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\n                      <\/svg>\n                    <\/div>\n                  <\/div>\n              \n                <\/div>\n              <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"camera\">\n              \n              \n              <style>\n              .fr-cam-mockup-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 50px 20px;\n                background: #0a0a0a;\n              }\n              \n              .fr-cam-mockup-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #000;\n                border-radius: 44px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Video Background *\/\n              .fr-cam-video-bg {\n                position: absolute;\n                inset: 0;\n                z-index: 0;\n              }\n              \n              .fr-cam-video-bg video {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n              }\n              \n              \/* Status Bar *\/\n              .fr-cam-status {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                padding: 14px 24px 0;\n                font-size: 10px;\n                color: #fff;\n                font-weight: 700;\n                z-index: 10;\n              }\n              \n              .fr-cam-status-right {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              .fr-cam-island {\n                width: 140px;\n                height: 34px;\n                background: #000;\n                border-radius: 999px;\n                margin: 0 auto;\n                border: 1.5px solid #ff3b3b;\n                display: flex;\n                align-items: center;\n                padding: 0 14px;\n              }\n              \n              .fr-cam-island img {\n                width: 18px;\n                height: 18px;\n                object-fit: contain;\n              }\n              \n              \/* Top Controls *\/\n              .fr-cam-top-controls {\n                position: absolute;\n                top: 60px;\n                left: 20px;\n                right: 20px;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                z-index: 10;\n              }\n              \n              .fr-cam-top-btn {\n                width: 36px;\n                height: 36px;\n                border-radius: 50%;\n                background: rgba(0,0,0,0.4);\n                backdrop-filter: blur(10px);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: #fff;\n                font-size: 14px;\n              }\n              \n              \/* Viewfinder Overlay *\/\n              .fr-cam-viewfinder {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                width: 220px;\n                height: 220px;\n                border: 2px solid rgba(255,59,59,0.5);\n                border-radius: 16px;\n                z-index: 5;\n              }\n              \n              .fr-cam-viewfinder::before,\n              .fr-cam-viewfinder::after {\n                content: '';\n                position: absolute;\n                width: 30px;\n                height: 30px;\n                border-color: #ff3b3b;\n                border-style: solid;\n              }\n              \n              .fr-cam-viewfinder::before {\n                top: -2px;\n                left: -2px;\n                border-width: 3px 0 0 3px;\n                border-radius: 16px 0 0 0;\n              }\n              \n              .fr-cam-viewfinder::after {\n                top: -2px;\n                right: -2px;\n                border-width: 3px 3px 0 0;\n                border-radius: 0 16px 0 0;\n              }\n              \n              .fr-cam-corner-bl,\n              .fr-cam-corner-br {\n                position: absolute;\n                width: 30px;\n                height: 30px;\n                border-color: #ff3b3b;\n                border-style: solid;\n              }\n              \n              .fr-cam-corner-bl {\n                bottom: -2px;\n                left: -2px;\n                border-width: 0 0 3px 3px;\n                border-radius: 0 0 0 16px;\n              }\n              \n              .fr-cam-corner-br {\n                bottom: -2px;\n                right: -2px;\n                border-width: 0 3px 3px 0;\n                border-radius: 0 0 16px 0;\n              }\n              \n              \/* Scan hint *\/\n              .fr-cam-hint {\n                position: absolute;\n                top: 110px;\n                left: 0;\n                right: 0;\n                text-align: center;\n                z-index: 10;\n                color: rgba(255,255,255,0.7);\n                font-size: 12px;\n                font-weight: 600;\n                letter-spacing: 0.5px;\n              }\n              \n              \/* AI Badge *\/\n              .fr-cam-ai-badge {\n                position: absolute;\n                bottom: 220px;\n                left: 50%;\n                transform: translateX(-50%);\n                display: flex;\n                align-items: center;\n                gap: 6px;\n                background: rgba(0,0,0,0.5);\n                backdrop-filter: blur(10px);\n                padding: 8px 14px;\n                border-radius: 999px;\n                border: 1px solid rgba(255,59,59,0.2);\n                z-index: 10;\n              }\n              \n              .fr-cam-ai-badge i {\n                color: #ff3b3b;\n                font-size: 12px;\n              }\n              \n              .fr-cam-ai-badge span {\n                color: rgba(255,255,255,0.8);\n                font-size: 11px;\n                font-weight: 600;\n              }\n              \n              \/* Bottom Controls *\/\n              .fr-cam-bottom {\n                position: absolute;\n                bottom: 30px;\n                left: 0;\n                right: 0;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 30px;\n                z-index: 10;\n              }\n              \n              .fr-cam-gallery-btn {\n                width: 44px;\n                height: 44px;\n                border-radius: 10px;\n                background: rgba(255,255,255,0.15);\n                backdrop-filter: blur(10px);\n                border: 1px solid rgba(255,255,255,0.2);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: #fff;\n                font-size: 16px;\n              }\n              \n              .fr-cam-shutter {\n                width: 68px;\n                height: 68px;\n                border-radius: 50%;\n                background: none;\n                border: 4px solid #fff;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                position: relative;\n              }\n              \n              .fr-cam-shutter-inner {\n                width: 54px;\n                height: 54px;\n                border-radius: 50%;\n                background: #ff3b3b;\n              }\n              \n              .fr-cam-flip-btn {\n                width: 44px;\n                height: 44px;\n                border-radius: 50%;\n                background: rgba(255,255,255,0.15);\n                backdrop-filter: blur(10px);\n                border: 1px solid rgba(255,255,255,0.2);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                color: #fff;\n                font-size: 16px;\n              }\n              \n              \/* Responsive *\/\n              @media (max-width: 768px) {\n                .fr-cam-mockup-wrap {\n                  padding: 30px 10px;\n                }\n                .fr-cam-mockup-phone {\n                  width: 300px;\n                  height: 600px;\n                }\n              }\n              <\/style>\n              \n              <div class=\"fr-cam-mockup-wrap\">\n                <div class=\"fr-cam-mockup-phone\">\n              \n                  <!-- Video Background (viewfinder) -->\n                  <div class=\"fr-cam-video-bg\">\n                    <video autoplay muted loop playsinline>\n                      <source src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Fire-ant-hero-video.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                  <\/div>\n              \n                  <!-- Status Bar -->\n                  <div class=\"fr-cam-status\">\n                    <span>2:34<\/span>\n                    <div class=\"fr-cam-island\">\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\n                    <\/div>\n                    <span class=\"fr-cam-status-right\">5G  77%<\/span>\n                  <\/div>\n              \n                  <!-- Top Controls -->\n                  <div class=\"fr-cam-top-controls\">\n                    <div class=\"fr-cam-top-btn\">\n                      <i class=\"fas fa-times\" aria-hidden=\"true\"><\/i>\n                    <\/div>\n                    <div class=\"fr-cam-top-btn\">\n                      <i class=\"fas fa-bolt\" aria-hidden=\"true\"><\/i>\n                    <\/div>\n                  <\/div>\n              \n                  <!-- Scan Hint -->\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>\n              \n                  <!-- Viewfinder Overlay -->\n                  <div class=\"fr-cam-viewfinder\">\n                    <div class=\"fr-cam-corner-bl\"><\/div>\n                    <div class=\"fr-cam-corner-br\"><\/div>\n                  <\/div>\n              \n                  <!-- AI Badge -->\n                  <div class=\"fr-cam-ai-badge\">\n                    <i class=\"fas fa-brain\" aria-hidden=\"true\"><\/i>\n                    <span>AI \u68c0\u6d4b\u5df2\u6fc0\u6d3b<\/span>\n                  <\/div>\n              \n                  <!-- Bottom Controls -->\n                  <div class=\"fr-cam-bottom\">\n                    <div class=\"fr-cam-gallery-btn\">\n                      <i class=\"fas fa-images\" aria-hidden=\"true\"><\/i>\n                    <\/div>\n                    <div class=\"fr-cam-shutter\">\n                      <div class=\"fr-cam-shutter-inner\"><\/div>\n                    <\/div>\n                    <div class=\"fr-cam-flip-btn\">\n                      <i class=\"fas fa-sync-alt\" aria-hidden=\"true\"><\/i>\n                    <\/div>\n                  <\/div>\n              \n                <\/div>\n              <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"analyzing\">\n              \n              \n              <style>\n              .fr-scan-mockup-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 50px 20px;\n                background: #0a0a0a;\n              }\n              \n              .fr-scan-mockup-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #fff;\n                border-radius: 44px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Status Bar *\/\n              .fr-scan-status {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                padding: 14px 24px 0;\n                font-size: 10px;\n                color: #000;\n                font-weight: 700;\n                z-index: 10;\n              }\n              \n              .fr-scan-status-right {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              .fr-scan-island {\n                width: 100px;\n                height: 24px;\n                background: #000;\n                border-radius: 20px;\n                margin: 0 auto;\n              }\n              \n              \/* Center Content *\/\n              .fr-scan-center {\n                position: absolute;\n                inset: 0;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 24px;\n                padding: 40px;\n              }\n              \n              \/* Fire Ant Circle Spinner *\/\n              .fr-scan-ant-circle {\n                position: relative;\n                width: 180px;\n                height: 180px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                animation: fr-ant-rotate 12s linear infinite;\n              }\n              \n              @keyframes fr-ant-rotate {\n                to { transform: rotate(360deg); }\n              }\n              \n              .fr-scan-ant-circle img {\n                width: 100%;\n                height: 100%;\n                object-fit: contain;\n              }\n              \n              \/* Video in center of circle *\/\n              .fr-scan-video-center {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                width: 80px;\n                height: 80px;\n                border-radius: 50%;\n                overflow: hidden;\n                z-index: 2;\n                box-shadow: 0 4px 20px rgba(255,59,59,0.2);\n              }\n              \n              .fr-scan-video-center video {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n              }\n              \n              \/* Text *\/\n              .fr-scan-title {\n                font-size: 18px;\n                font-weight: 700;\n                color: #111;\n                margin: 0;\n                text-align: center;\n              }\n              \n              .fr-scan-subtitle {\n                font-size: 13px;\n                color: rgba(0,0,0,0.5);\n                margin: 0;\n                text-align: center;\n                line-height: 1.5;\n              }\n              \n              \/* Progress dots *\/\n              .fr-scan-dots {\n                display: flex;\n                gap: 8px;\n              }\n              \n              .fr-scan-dot {\n                width: 8px;\n                height: 8px;\n                border-radius: 50%;\n                background: rgba(255,59,59,0.2);\n                animation: fr-dot-pulse 1.4s ease-in-out infinite;\n              }\n              \n              .fr-scan-dot:nth-child(2) {\n                animation-delay: 0.2s;\n              }\n              \n              .fr-scan-dot:nth-child(3) {\n                animation-delay: 0.4s;\n              }\n              \n              @keyframes fr-dot-pulse {\n                0%, 100% { background: rgba(255,59,59,0.2); transform: scale(1); }\n                50% { background: #ff3b3b; transform: scale(1.3); }\n              }\n              \n              \/* Bottom status info *\/\n              .fr-scan-info {\n                position: absolute;\n                bottom: 60px;\n                left: 0;\n                right: 0;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                gap: 8px;\n              }\n              \n              .fr-scan-info-item {\n                display: flex;\n                align-items: center;\n                gap: 6px;\n                font-size: 11px;\n                color: rgba(0,0,0,0.35);\n              }\n              \n              .fr-scan-info-item i {\n                font-size: 10px;\n                color: rgba(255,59,59,0.5);\n              }\n              \n              \/* Responsive *\/\n              @media (max-width: 768px) {\n                .fr-scan-mockup-wrap {\n                  padding: 30px 10px;\n                }\n                .fr-scan-mockup-phone {\n                  width: 300px;\n                  height: 600px;\n                }\n              }\n              <\/style>\n              \n              <div class=\"fr-scan-mockup-wrap\">\n                <div class=\"fr-scan-mockup-phone\">\n              \n                  <!-- Status Bar -->\n                  <div class=\"fr-scan-status\">\n                    <span>1:06<\/span>\n                    <div class=\"fr-scan-island\"><\/div>\n                    <span class=\"fr-scan-status-right\">5G  39%<\/span>\n                  <\/div>\n              \n                  <!-- Center Content -->\n                  <div class=\"fr-scan-center\">\n              \n                    <!-- Fire Ant Circle (rotating) with Video in center -->\n                    <div class=\"fr-scan-ant-circle\">\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Fire-Ant-circle--scaled.png\" alt=\"Fire Ant Circle\">\n                      <!-- Video playing in the center -->\n                      <div class=\"fr-scan-video-center\">\n                        <video autoplay muted loop playsinline>\n                          <source src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Fire-Rant-Custom-Icons.mp4\" type=\"video\/mp4\">\n                        <\/video>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Text -->\n                    <p class=\"fr-scan-title\">Analyzing image&#8230;<\/p>\n                    <p class=\"fr-scan-subtitle\">\u8bf7\u7a0d\u7b49\uff0c\u6211\u4eec\u6b63\u5728\u8bc6\u522b\u8682\u8681\u79cd\u7c7b<\/p>\n              \n                    <!-- Animated dots -->\n                    <div class=\"fr-scan-dots\">\n                      <div class=\"fr-scan-dot\"><\/div>\n                      <div class=\"fr-scan-dot\"><\/div>\n                      <div class=\"fr-scan-dot\"><\/div>\n                    <\/div>\n              \n                  <\/div>\n              \n                  <!-- Bottom Info -->\n                  <div class=\"fr-scan-info\">\n                    <div class=\"fr-scan-info-item\">\n                      <i class=\"fas fa-brain\" aria-hidden=\"true\"><\/i>\n                      <span>AI \u6a21\u578b v2.1 \u2014 20,000 \u591a\u5f20\u8bad\u7ec3\u56fe\u50cf<\/span>\n                    <\/div>\n                    <div class=\"fr-scan-info-item\">\n                      <i class=\"fas fa-shield-alt\" aria-hidden=\"true\"><\/i>\n                      <span>\u5728\u8bbe\u5907\u4e0a\u5b89\u5168\u5904\u7406<\/span>\n                    <\/div>\n                  <\/div>\n              \n                <\/div>\n              <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"result\">\n              \n              \n              <style>\n              .fr-ai-mockup-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 50px 20px;\n                background: #0a0a0a;\n              }\n              \n              .fr-ai-mockup-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #000;\n                border-radius: 44px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Full Red Header (status bar + title) *\/\n              .fr-ai-red-header {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                background: #ff3b3b;\n                padding: 14px 24px 14px;\n                z-index: 10;\n              }\n              \n              .fr-ai-red-status {\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                font-size: 10px;\n                color: #fff;\n                font-weight: 700;\n                margin-bottom: 14px;\n              }\n              \n              .fr-ai-red-status-right {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              .fr-ai-red-island {\n                width: 100px;\n                height: 24px;\n                background: #000;\n                border-radius: 20px;\n                margin: 0 auto;\n              }\n              \n              .fr-ai-red-title {\n                display: flex;\n                align-items: center;\n                gap: 12px;\n              }\n              \n              .fr-ai-red-title i {\n                color: #fff;\n                font-size: 14px;\n              }\n              \n              .fr-ai-red-title span {\n                color: #fff;\n                font-size: 16px;\n                font-weight: 700;\n              }\n              \n              \/* Scrollable Content *\/\n              .fr-ai-content {\n                position: absolute;\n                inset: 0;\n                overflow-y: auto;\n                padding: 95px 20px 140px;\n                scrollbar-width: none;\n              }\n              \n              .fr-ai-content::-webkit-scrollbar { display: none; }\n              \n              \/* Alert Icon *\/\n              .fr-ai-alert {\n                display: flex;\n                justify-content: center;\n                margin: 20px 0 16px;\n              }\n              \n              .fr-ai-alert-icon {\n                width: 60px;\n                height: 60px;\n                border-radius: 50%;\n                background: rgba(255,59,59,0.1);\n                border: 2px solid rgba(255,59,59,0.3);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 24px;\n                color: #ff3b3b;\n              }\n              \n              \/* Species Label *\/\n              .fr-ai-species {\n                text-align: center;\n                font-size: 22px;\n                font-weight: 800;\n                color: #ff3b3b;\n                margin: 0 0 10px;\n              }\n              \n              .fr-ai-species-full {\n                text-align: center;\n                font-size: 11px;\n                color: rgba(255,255,255,0.5);\n                margin: 0 0 16px;\n                font-style: italic;\n              }\n              \n              \/* Confidence Pill *\/\n              .fr-ai-confidence {\n                display: flex;\n                justify-content: center;\n                margin-bottom: 24px;\n              }\n              \n              .fr-ai-confidence-pill {\n                display: inline-flex;\n                align-items: center;\n                gap: 6px;\n                background: rgba(255,59,59,0.1);\n                border: 1px solid rgba(255,59,59,0.25);\n                padding: 8px 16px;\n                border-radius: 999px;\n              }\n              \n              .fr-ai-confidence-pill i {\n                color: #ff3b3b;\n                font-size: 12px;\n              }\n              \n              .fr-ai-confidence-pill span {\n                color: #ff3b3b;\n                font-size: 13px;\n                font-weight: 800;\n              }\n              \n              \/* Section *\/\n              .fr-ai-section {\n                margin-bottom: 20px;\n              }\n              \n              .fr-ai-section-title {\n                font-size: 13px;\n                font-weight: 800;\n                color: #fff;\n                margin: 0 0 10px;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n              }\n              \n              \/* Feature List *\/\n              .fr-ai-feature {\n                display: flex;\n                align-items: flex-start;\n                gap: 10px;\n                margin-bottom: 10px;\n              }\n              \n              .fr-ai-feature-icon {\n                width: 24px;\n                height: 24px;\n                border-radius: 6px;\n                background: rgba(255,59,59,0.08);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                flex-shrink: 0;\n                margin-top: 1px;\n              }\n              \n              .fr-ai-feature-icon i {\n                font-size: 10px;\n                color: #ff3b3b;\n              }\n              \n              .fr-ai-feature-text {\n                font-size: 13px;\n                color: rgba(255,255,255,0.75);\n                margin: 0;\n                line-height: 1.4;\n              }\n              \n              \/* Analysis Details *\/\n              .fr-ai-details {\n                font-size: 12px;\n                color: rgba(255,255,255,0.5);\n                line-height: 1.6;\n                margin: 0 0 16px;\n                padding: 12px;\n                background: rgba(255,255,255,0.03);\n                border-radius: 10px;\n                border: 1px solid rgba(255,255,255,0.05);\n              }\n              \n              \/* Request ID *\/\n              .fr-ai-request-id {\n                font-size: 9px;\n                color: rgba(255,255,255,0.25);\n                margin: 0 0 20px;\n                font-family: monospace;\n                word-break: break-all;\n              }\n              \n              \/* Buttons *\/\n              .fr-ai-btn {\n                width: 100%;\n                padding: 14px;\n                border-radius: 12px;\n                font-size: 13px;\n                font-weight: 700;\n                text-align: center;\n                margin-bottom: 10px;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 8px;\n              }\n              \n              .fr-ai-btn.primary {\n                background: #ff3b3b;\n                color: #fff;\n                border: none;\n              }\n              \n              .fr-ai-btn-row {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 10px;\n              }\n              \n              .fr-ai-btn.secondary {\n                background: none;\n                border: 1px solid rgba(255,255,255,0.15);\n                color: #fff;\n                padding: 12px;\n                font-size: 12px;\n              }\n              \n              \/* Bottom Nav *\/\n              .fr-ai-nav {\n                position: absolute;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                height: 120px;\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\n                background-repeat: no-repeat;\n                background-position: bottom center;\n                background-size: 100% auto;\n                z-index: 20;\n              }\n              \n              .fr-ai-nav-icon {\n                position: absolute;\n                bottom: 24px;\n                width: 26px;\n                height: 26px;\n                color: rgba(255,255,255,0.72);\n                z-index: 25;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .fr-ai-nav-icon svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.5;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              .fr-ai-nav-icon.n-home { left: 30px; }\n              .fr-ai-nav-icon.n-reports { left: 88px; }\n              .fr-ai-nav-icon.n-articles { right: 88px; }\n              .fr-ai-nav-icon.n-profile { right: 30px; }\n              \n              .fr-ai-nav-camera {\n                position: absolute;\n                left: 50%;\n                top: 58%;\n                transform: translate(-50%, -50%);\n                margin-top: -16px;\n                width: 26px;\n                height: 26px;\n                color: #fff;\n                z-index: 26;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .fr-ai-nav-camera svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.6;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              \/* Responsive *\/\n              @media (max-width: 768px) {\n                .fr-ai-mockup-wrap {\n                  padding: 30px 10px;\n                }\n                .fr-ai-mockup-phone {\n                  width: 300px;\n                  height: 600px;\n                }\n              }\n              <\/style>\n              \n              <div class=\"fr-ai-mockup-wrap\">\n                <div class=\"fr-ai-mockup-phone\">\n              \n                  <!-- Full Red Header -->\n                  <div class=\"fr-ai-red-header\">\n                    <div class=\"fr-ai-red-status\">\n                      <span>1:06<\/span>\n                      <div class=\"fr-ai-red-island\"><\/div>\n                      <span class=\"fr-ai-red-status-right\">5G  89%<\/span>\n                    <\/div>\n                    <div class=\"fr-ai-red-title\">\n                      <i class=\"fas fa-arrow-left\" aria-hidden=\"true\"><\/i>\n                      <span>\u5206\u6790\u7ed3\u679c<\/span>\n                    <\/div>\n                  <\/div>\n              \n                  <!-- Scrollable Content -->\n                  <div class=\"fr-ai-content\">\n              \n                    <!-- Alert Icon -->\n                    <div class=\"fr-ai-alert\">\n                      <div class=\"fr-ai-alert-icon\">\n                        <i class=\"fas fa-exclamation-triangle\" aria-hidden=\"true\"><\/i>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Species -->\n                    <p class=\"fr-ai-species\">\u745e\u6cd5<\/p>\n                    <p class=\"fr-ai-species-full\">\u7ea2\u706b\u8681 (Solenopsis invicta)<\/p>\n              \n                    <!-- Confidence -->\n                    <div class=\"fr-ai-confidence\">\n                      <div class=\"fr-ai-confidence-pill\">\n                        <i class=\"fas fa-chart-line\" aria-hidden=\"true\"><\/i>\n                        <span>\u4fe1\u5fc3\u6307\u6570\uff1a85.0%<\/span>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Identified Features -->\n                    <div class=\"fr-ai-section\">\n                      <p class=\"fr-ai-section-title\">\u5df2\u8bc6\u522b\u7279\u5f81<\/p>\n              \n                      <div class=\"fr-ai-feature\">\n                        <div class=\"fr-ai-feature-icon\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><\/div>\n                        <p class=\"fr-ai-feature-text\">\u677e\u6563\u3001\u6613\u788e\u7684\u571f\u58e4<\/p>\n                      <\/div>\n              \n                      <div class=\"fr-ai-feature\">\n                        <div class=\"fr-ai-feature-icon\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><\/div>\n                        <p class=\"fr-ai-feature-text\">\u591a\u4e2a\u5fae\u5c0f\u3001\u4e0d\u89c4\u5219\u7684\u7f1d\u9699<\/p>\n                      <\/div>\n              \n                      <div class=\"fr-ai-feature\">\n                        <div class=\"fr-ai-feature-icon\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><\/div>\n                        <p class=\"fr-ai-feature-text\">\u6ca1\u6709\u5355\u4e00\u7684\u5927\u5165\u53e3\u5b54<\/p>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Analysis Details -->\n                    <div class=\"fr-ai-section\">\n                      <p class=\"fr-ai-section-title\">\u5206\u6790\u8be6\u60c5<\/p>\n                      <p class=\"fr-ai-details\">The image shows a freshly excavated mound of loose soil characteristic of RIFA nesting behaviour. The nest architecture lacks a single large entrance hole, instead featuring multiple tiny irregular gaps typical of Solenopsis invicta colonies. Although ants aren&#8217;t visible in the image, the nest structure strongly indicates RIFA presence.<\/p>\n                    <\/div>\n              \n                    <!-- Request ID -->\n                    <p class=\"fr-ai-request-id\"><i class=\"fas fa-fingerprint\" aria-hidden=\"true\"><\/i>&nbsp;&nbsp;DEMO-REQUEST-001<\/p>\n              \n                    <!-- Buttons -->\n                    <div class=\"fr-ai-btn primary\">\n                      <i class=\"fas fa-file-alt\" aria-hidden=\"true\"><\/i> \u521b\u5efa\u62a5\u544a\n                    <\/div>\n              \n                    <div class=\"fr-ai-btn-row\">\n                      <div class=\"fr-ai-btn secondary\">\n                        <i class=\"fas fa-home\" aria-hidden=\"true\"><\/i> \u8fd4\u56de\u4e3b\u9875\n                      <\/div>\n                      <div class=\"fr-ai-btn secondary\" style=\"border-color: rgba(255,59,59,0.3); color: #ff3b3b;\">\n                        <i class=\"fas fa-redo\" aria-hidden=\"true\"><\/i> \u65b0\u626b\u63cf\n                      <\/div>\n                    <\/div>\n              \n                  <\/div>\n              \n                  <!-- Bottom Nav -->\n                  <div class=\"fr-ai-nav\">\n                    <div class=\"fr-ai-nav-camera\">\n                      <svg viewbox=\"0 0 24 24\">\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>\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-ai-nav-icon n-home\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-ai-nav-icon n-reports\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M8 4h8\"><\/path>\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\n                        <path d=\"M8 11h8\"><\/path>\n                        <path d=\"M8 15h8\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-ai-nav-icon n-articles\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-ai-nav-icon n-profile\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\n                      <\/svg>\n                    <\/div>\n                  <\/div>\n              \n                <\/div>\n              <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"create\">\n              \n              \n              <style>\n              .frcr-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 60px 20px;\n                background: #0a0a0a;\n              }\n              \n              .frcr-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #000;\n                border-radius: 44px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Red Header Bar *\/\n              .frcr-header {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                background: #ff3b3b;\n                padding: 50px 20px 14px;\n                display: flex;\n                align-items: center;\n                gap: 12px;\n                z-index: 10;\n              }\n              \n              .frcr-header i {\n                color: #fff;\n                font-size: 14px;\n              }\n              \n              .frcr-header-title {\n                font-size: 17px;\n                font-weight: 700;\n                color: #fff;\n                margin: 0;\n                flex: 1;\n              }\n              \n              .frcr-header-menu {\n                color: #fff;\n                font-size: 16px;\n              }\n              \n              \/* Status Bar *\/\n              .frcr-status {\n                position: absolute;\n                top: 14px;\n                left: 0;\n                right: 0;\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                padding: 0 24px;\n                font-size: 10px;\n                color: #fff;\n                font-weight: 700;\n                z-index: 11;\n              }\n              \n              .frcr-status-r {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              \/* Scrollable Content *\/\n              .frcr-content {\n                position: absolute;\n                top: 88px;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                overflow-y: auto;\n                padding: 20px;\n                background: #000;\n                scrollbar-width: none;\n              }\n              \n              .frcr-content::-webkit-scrollbar { display: none; }\n              \n              \/* Form Fields *\/\n              .frcr-field {\n                margin-bottom: 18px;\n              }\n              \n              .frcr-field-label {\n                font-size: 11px;\n                font-weight: 600;\n                color: rgba(255,255,255,0.45);\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n                margin: 0 0 6px;\n              }\n              \n              .frcr-field-input {\n                width: 100%;\n                padding: 12px 14px;\n                background: #111;\n                border: 1px solid rgba(255,255,255,0.08);\n                border-radius: 10px;\n                color: #fff;\n                font-size: 14px;\n                font-family: Inter, Arial, sans-serif;\n                box-sizing: border-box;\n              }\n              \n              .frcr-field-input.filled {\n                color: #fff;\n              }\n              \n              .frcr-field-input.placeholder {\n                color: rgba(255,255,255,0.25);\n              }\n              \n              \/* Date\/Time Row *\/\n              .frcr-datetime {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n              }\n              \n              .frcr-datetime .frcr-field-input {\n                flex: 1;\n              }\n              \n              .frcr-datetime i {\n                color: rgba(255,255,255,0.4);\n                font-size: 16px;\n              }\n              \n              \/* Location *\/\n              .frcr-location {\n                padding: 12px 14px;\n                background: #111;\n                border: 1px solid rgba(255,255,255,0.08);\n                border-radius: 10px;\n              }\n              \n              .frcr-loc-row {\n                display: flex;\n                align-items: flex-start;\n                gap: 10px;\n              }\n              \n              .frcr-loc-row i {\n                color: #ff3b3b;\n                font-size: 14px;\n                margin-top: 2px;\n                flex-shrink: 0;\n              }\n              \n              .frcr-loc-address {\n                font-size: 13px;\n                color: #fff;\n                margin: 0 0 4px;\n                line-height: 1.4;\n              }\n              \n              .frcr-loc-coords {\n                font-size: 11px;\n                color: rgba(255,255,255,0.4);\n                margin: 0;\n                font-family: monospace;\n              }\n              \n              .frcr-loc-clear {\n                margin-left: auto;\n                color: rgba(255,255,255,0.3);\n                font-size: 12px;\n                flex-shrink: 0;\n              }\n              \n              \/* Images Section *\/\n              .frcr-images-label {\n                font-size: 11px;\n                font-weight: 600;\n                color: rgba(255,255,255,0.45);\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n                margin: 0 0 10px;\n              }\n              \n              .frcr-images-row {\n                display: flex;\n                gap: 10px;\n                margin-bottom: 18px;\n              }\n              \n              .frcr-img-thumb {\n                width: 72px;\n                height: 72px;\n                border-radius: 10px;\n                overflow: hidden;\n                position: relative;\n                background: #222;\n              }\n              \n              .frcr-img-thumb img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n              }\n              \n              .frcr-img-thumb-x {\n                position: absolute;\n                top: 4px;\n                right: 4px;\n                width: 18px;\n                height: 18px;\n                border-radius: 50%;\n                background: rgba(0,0,0,0.7);\n                color: #fff;\n                font-size: 10px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .frcr-add-img {\n                width: 72px;\n                height: 72px;\n                border-radius: 10px;\n                border: 2px dashed rgba(255,59,59,0.3);\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                gap: 4px;\n                cursor: pointer;\n              }\n              \n              .frcr-add-img i {\n                color: #ff3b3b;\n                font-size: 18px;\n              }\n              \n              .frcr-add-img span {\n                font-size: 8px;\n                color: rgba(255,255,255,0.4);\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n              }\n              \n              \/* Description *\/\n              .frcr-textarea {\n                width: 100%;\n                padding: 12px 14px;\n                background: #111;\n                border: 1px solid rgba(255,255,255,0.08);\n                border-radius: 10px;\n                color: #fff;\n                font-size: 13px;\n                font-family: Inter, Arial, sans-serif;\n                min-height: 70px;\n                resize: none;\n                box-sizing: border-box;\n                line-height: 1.5;\n              }\n              \n              \/* Submit Button *\/\n              .frcr-submit {\n                display: block;\n                width: 100%;\n                padding: 14px;\n                border-radius: 12px;\n                background: #ff3b3b;\n                color: #fff;\n                font-size: 14px;\n                font-weight: 700;\n                text-align: center;\n                border: none;\n                margin-top: 24px;\n                cursor: pointer;\n                font-family: Inter, Arial, sans-serif;\n                letter-spacing: 0.3px;\n              }\n              \n              \/* Sender Info *\/\n              .frcr-sender-grid {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 10px;\n              }\n              \n              .frcr-sender-grid .frcr-field {\n                margin-bottom: 0;\n              }\n              <\/style>\n              \n              <div class=\"frcr-wrap\">\n                <div class=\"frcr-phone\">\n              \n                  <!-- Status Bar -->\n                  <div class=\"frcr-status\">\n                    <span>1:06<\/span>\n                    <div><\/div>\n                    <span class=\"frcr-status-r\">5G  89%<\/span>\n                  <\/div>\n              \n                  <!-- Red Header -->\n                  <div class=\"frcr-header\">\n                    <i class=\"fas fa-arrow-left\"><\/i>\n                    <p class=\"frcr-header-title\">\u521b\u5efa\u62a5\u544a<\/p>\n                    <i class=\"fas fa-ellipsis-v frcr-header-menu\"><\/i>\n                  <\/div>\n              \n                  <!-- Scrollable Form Content -->\n                  <div class=\"frcr-content\">\n              \n                    <!-- Title -->\n                    <div class=\"frcr-field\">\n                      <p class=\"frcr-field-label\">\u6807\u9898<\/p>\n                      <div class=\"frcr-field-input filled\">Demo report 06<\/div>\n                    <\/div>\n              \n                    <!-- Date & Time -->\n                    <div class=\"frcr-field\">\n                      <p class=\"frcr-field-label\">Date &#038; Time<\/p>\n                      <div class=\"frcr-datetime\">\n                        <div class=\"frcr-field-input filled\">2026-01-16 10:00<\/div>\n                        <i class=\"fas fa-calendar-alt\"><\/i>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Location -->\n                    <div class=\"frcr-field\">\n                      <p class=\"frcr-field-label\">\u5730\u70b9<\/p>\n                      <div class=\"frcr-location\">\n                        <div class=\"frcr-loc-row\">\n                          <i class=\"fas fa-map-marker-alt\"><\/i>\n                          <div>\n                            <p class=\"frcr-loc-address\">123 Example Street, Example District (fictional)<\/p>\n                            <p class=\"frcr-loc-coords\">Demo only<\/p>\n                          <\/div>\n                          <span class=\"frcr-loc-clear\"><i class=\"fas fa-times\"><\/i><\/span>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Images -->\n                    <div class=\"frcr-field\">\n                      <p class=\"frcr-images-label\">\u56fe\u7247<\/p>\n                      <div class=\"frcr-images-row\">\n                        <div class=\"frcr-img-thumb\">\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\">\n                          <span class=\"frcr-img-thumb-x\"><i class=\"fas fa-times\"><\/i><\/span>\n                        <\/div>\n                        <div class=\"frcr-add-img\">\n                          <i class=\"fas fa-camera\"><\/i>\n                          <span>\u52a0<\/span>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Description -->\n                    <div class=\"frcr-field\">\n                      <p class=\"frcr-field-label\">\u63cf\u8ff0<\/p>\n                      <div class=\"frcr-textarea\">Illustrative sample report only.<\/div>\n                    <\/div>\n              \n                    <!-- Sender Info -->\n                    <div class=\"frcr-field\">\n                      <p class=\"frcr-field-label\">\u53d1\u4ef6\u4eba\u4fe1\u606f<\/p>\n                      <div class=\"frcr-sender-grid\">\n                        <div class=\"frcr-field\">\n                          <div class=\"frcr-field-input filled\" style=\"font-size:12px\">John Doe<\/div>\n                        <\/div>\n                        <div class=\"frcr-field\">\n                          <div class=\"frcr-field-input placeholder\" style=\"font-size:12px\">\u624b\u673a<\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n              \n                    <div class=\"frcr-field\">\n                      <div class=\"frcr-field-input placeholder\" style=\"font-size:12px\">\u7535\u5b50\u90ae\u4ef6<\/div>\n                    <\/div>\n              \n                    <!-- Submit -->\n                    <button class=\"frcr-submit\">\u63d0\u4ea4\u62a5\u544a<\/button>\n              \n                  <\/div>\n              \n                <\/div>\n              <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"submitted\">\n              \n              \n              <style>\n              .frps-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 60px 20px;\n                background: #0a0a0a;\n              }\n              \n              .frps-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #000;\n                border-radius: 44px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Status Bar *\/\n              .frps-status {\n                position: absolute;\n                top: 14px;\n                left: 0;\n                right: 0;\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                padding: 0 24px;\n                font-size: 10px;\n                color: #fff;\n                font-weight: 700;\n                z-index: 11;\n              }\n              \n              .frps-status-r {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              .frps-island {\n                width: 140px;\n                height: 34px;\n                margin: 0 auto;\n                padding: 0 14px;\n                border: 1.5px solid #ff3b3b;\n                border-radius: 999px;\n                background: #000;\n                display: flex;\n                align-items: center;\n              }\n              \n              .frps-island img {\n                width: 18px;\n                height: 18px;\n                object-fit: contain;\n              }\n              \n              \/* Scrollable Content *\/\n              .frps-content {\n                position: absolute;\n                top: 56px;\n                left: 0;\n                right: 0;\n                bottom: 120px;\n                overflow-y: auto;\n                padding: 20px 24px 30px;\n                scrollbar-width: none;\n              }\n              \n              .frps-content::-webkit-scrollbar { display: none; }\n              \n              \/* Success Header *\/\n              .frps-success-header {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                text-align: center;\n                margin-bottom: 32px;\n              }\n              \n              .frps-check-circle {\n                width: 70px;\n                height: 70px;\n                border-radius: 50%;\n                background: rgba(255,59,59,0.08);\n                border: 3px solid #ff3b3b;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-bottom: 20px;\n                animation: frpsPopIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n              }\n              \n              @keyframes frpsPopIn {\n                0% { transform: scale(0); opacity: 0; }\n                100% { transform: scale(1); opacity: 1; }\n              }\n              \n              .frps-check-circle i {\n                font-size: 28px;\n                color: #ff3b3b;\n                animation: frpsCheckIn 0.4s ease 0.3s forwards;\n                opacity: 0;\n              }\n              \n              @keyframes frpsCheckIn {\n                0% { opacity: 0; transform: scale(0.5); }\n                100% { opacity: 1; transform: scale(1); }\n              }\n              \n              .frps-title {\n                font-size: 22px;\n                font-weight: 800;\n                color: #fff;\n                margin: 0 0 8px;\n              }\n              \n              .frps-subtitle {\n                font-size: 12px;\n                color: rgba(255,255,255,0.5);\n                margin: 0;\n                line-height: 1.5;\n                max-width: 240px;\n              }\n              \n              \/* Points Earned Section *\/\n              .frps-pts-section {\n                text-align: center;\n                margin-bottom: 28px;\n              }\n              \n              .frps-pts-label {\n                font-size: 11px;\n                color: rgba(255,255,255,0.4);\n                text-transform: uppercase;\n                letter-spacing: 1.5px;\n                margin: 0 0 12px;\n              }\n              \n              .frps-pts-big {\n                font-size: 52px;\n                font-weight: 800;\n                color: #ff3b3b;\n                margin: 0 0 16px;\n                line-height: 1;\n              }\n              \n              .frps-pts-big i {\n                font-size: 32px;\n                vertical-align: middle;\n                margin-right: 4px;\n              }\n              \n              .frps-pts-breakdown {\n                display: flex;\n                justify-content: center;\n                gap: 12px;\n              }\n              \n              .frps-pts-item {\n                display: flex;\n                align-items: center;\n                gap: 6px;\n                font-size: 12px;\n                color: rgba(255,255,255,0.6);\n              }\n              \n              .frps-pts-item i {\n                width: 8px;\n                height: 8px;\n                display: inline-block;\n              }\n              \n              .frps-pts-item::before {\n                content: '';\n                width: 8px;\n                height: 8px;\n                background: #ff3b3b;\n                border-radius: 2px;\n                flex-shrink: 0;\n              }\n              \n              \/* Total Points Card *\/\n              .frps-total-card {\n                background: #111;\n                border: 1px solid rgba(255,255,255,0.06);\n                border-radius: 16px;\n                padding: 18px 20px;\n                margin-bottom: 16px;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n              }\n              \n              .frps-total-label {\n                font-size: 11px;\n                color: rgba(255,255,255,0.4);\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n                margin: 0 0 4px;\n              }\n              \n              .frps-total-val {\n                font-size: 26px;\n                font-weight: 800;\n                color: #fff;\n                margin: 0;\n              }\n              \n              .frps-rank-badge {\n                display: inline-flex;\n                align-items: center;\n                gap: 6px;\n                background: rgba(255,176,0,0.08);\n                border: 1px solid rgba(255,176,0,0.2);\n                color: #ffb000;\n                padding: 8px 14px;\n                border-radius: 999px;\n                font-size: 14px;\n                font-weight: 800;\n              }\n              \n              .frps-rank-badge i {\n                font-size: 12px;\n              }\n              \n              \/* Level Progress *\/\n              .frps-level {\n                margin-bottom: 28px;\n              }\n              \n              .frps-level-row {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                margin-bottom: 8px;\n              }\n              \n              .frps-level-name {\n                font-size: 13px;\n                font-weight: 700;\n                color: rgba(255,255,255,0.7);\n                margin: 0;\n              }\n              \n              .frps-level-count {\n                font-size: 12px;\n                color: rgba(255,255,255,0.4);\n                margin: 0;\n              }\n              \n              .frps-bar-track {\n                width: 100%;\n                height: 8px;\n                background: rgba(255,255,255,0.06);\n                border-radius: 4px;\n                overflow: hidden;\n              }\n              \n              .frps-bar-fill {\n                height: 100%;\n                background: linear-gradient(90deg, #ff3b3b, #ff6b6b);\n                border-radius: 4px;\n                width: 0%;\n                animation: frpsFill 1.5s ease 0.8s forwards;\n              }\n              \n              @keyframes frpsFill {\n                to { width: 71%; }\n              }\n              \n              \/* Button *\/\n              .frps-btn {\n                display: block;\n                width: 100%;\n                padding: 16px;\n                border-radius: 14px;\n                background: #ff3b3b;\n                color: #fff;\n                font-size: 15px;\n                font-weight: 700;\n                text-align: center;\n                border: none;\n                cursor: pointer;\n                font-family: Inter, Arial, sans-serif;\n                letter-spacing: 0.3px;\n              }\n              \n              \/* Bottom Nav *\/\n              .frps-bnav {\n                position: absolute;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                height: 120px;\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\n                background-repeat: no-repeat;\n                background-position: bottom center;\n                background-size: 100% auto;\n                z-index: 20;\n              }\n              \n              .frps-bnav-cam {\n                position: absolute;\n                left: 50%;\n                top: 58%;\n                transform: translate(-50%, -50%);\n                margin-top: -16px;\n                width: 26px;\n                height: 26px;\n                color: #fff;\n                z-index: 26;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .frps-bnav-cam svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.6;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              .frps-nav-item {\n                position: absolute;\n                bottom: 24px;\n                width: 26px;\n                height: 26px;\n                color: rgba(255,255,255,.72);\n                z-index: 25;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .frps-nav-item svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.5;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              .frps-nav-item.n1 { left: 30px; }\n              .frps-nav-item.n2 { left: 88px; }\n              .frps-nav-item.n3 { right: 88px; }\n              .frps-nav-item.n4 { right: 30px; }\n              \n              \/* Confetti *\/\n              .frps-confetti {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                height: 300px;\n                pointer-events: none;\n                overflow: hidden;\n                z-index: 5;\n              }\n              \n              .frps-particle {\n                position: absolute;\n                top: -10px;\n                width: 6px;\n                height: 6px;\n                border-radius: 1px;\n                opacity: 0;\n                animation: frpsConfettiFall 3s ease forwards;\n              }\n              \n              @keyframes frpsConfettiFall {\n                0% { opacity: 1; transform: translateY(0) rotate(0deg); }\n                100% { opacity: 0; transform: translateY(300px) rotate(720deg); }\n              }\n              \n              .frps-particle:nth-child(1) { left: 12%; background: #ff3b3b; animation-delay: 0.1s; }\n              .frps-particle:nth-child(2) { left: 25%; background: #ffb000; animation-delay: 0.2s; width: 4px; height: 8px; }\n              .frps-particle:nth-child(3) { left: 38%; background: #ff3b3b; animation-delay: 0.05s; }\n              .frps-particle:nth-child(4) { left: 52%; background: #fff; animation-delay: 0.3s; width: 5px; height: 5px; }\n              .frps-particle:nth-child(5) { left: 65%; background: #ff3b3b; animation-delay: 0.15s; width: 4px; height: 6px; }\n              .frps-particle:nth-child(6) { left: 78%; background: #ffb000; animation-delay: 0.25s; }\n              .frps-particle:nth-child(7) { left: 88%; background: #fff; animation-delay: 0.35s; width: 3px; height: 7px; }\n              .frps-particle:nth-child(8) { left: 45%; background: #ff3b3b; animation-delay: 0.4s; }\n              <\/style>\n              \n              <div class=\"frps-wrap\">\n                <div class=\"frps-phone\">\n              \n                  <!-- Status Bar -->\n                  <div class=\"frps-status\">\n                    <span>2:35<\/span>\n                    <div class=\"frps-island\">\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\n                    <\/div>\n                    <span class=\"frps-status-r\">5G  77%<\/span>\n                  <\/div>\n              \n                  <!-- Confetti -->\n                  <div class=\"frps-confetti\">\n                    <div class=\"frps-particle\"><\/div>\n                    <div class=\"frps-particle\"><\/div>\n                    <div class=\"frps-particle\"><\/div>\n                    <div class=\"frps-particle\"><\/div>\n                    <div class=\"frps-particle\"><\/div>\n                    <div class=\"frps-particle\"><\/div>\n                    <div class=\"frps-particle\"><\/div>\n                    <div class=\"frps-particle\"><\/div>\n                  <\/div>\n              \n                  <!-- Scrollable Content -->\n                  <div class=\"frps-content\">\n              \n                    <!-- Success Header -->\n                    <div class=\"frps-success-header\">\n                      <div class=\"frps-check-circle\">\n                        <i class=\"fas fa-check\"><\/i>\n                      <\/div>\n                      <p class=\"frps-title\">\u62a5\u544a\u5df2\u63d0\u4ea4\uff01<\/p>\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>\n                    <\/div>\n              \n                    <!-- Points Earned -->\n                    <div class=\"frps-pts-section\">\n                      <p class=\"frps-pts-label\">\u79ef\u5206\u83b7\u5f97<\/p>\n                      <p class=\"frps-pts-big\"><i class=\"fas fa-star\"><\/i>+50<\/p>\n                      <div class=\"frps-pts-breakdown\">\n                        <span class=\"frps-pts-item\">\u7167\u7247+20<\/span>\n                        <span class=\"frps-pts-item\">\u5730\u70b9+15<\/span>\n                        <span class=\"frps-pts-item\">\u62a5\u544a+15<\/span>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Total Points -->\n                    <div class=\"frps-total-card\">\n                      <div>\n                        <p class=\"frps-total-label\">\u603b\u5206<\/p>\n                        <p class=\"frps-total-val\">710<\/p>\n                      <\/div>\n                      <span class=\"frps-rank-badge\"><i class=\"fas fa-trophy\"><\/i> #1<\/span>\n                    <\/div>\n              \n                    <!-- Level Progress -->\n                    <div class=\"frps-level\">\n                      <div class=\"frps-level-row\">\n                        <p class=\"frps-level-name\">\u7b2c\u4e09\u7ea7 \u2014 \u54e8\u5175<\/p>\n                        <p class=\"frps-level-count\">710 \/ 1000<\/p>\n                      <\/div>\n                      <div class=\"frps-bar-track\">\n                        <div class=\"frps-bar-fill\"><\/div>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Button -->\n                    <button class=\"frps-btn\">\u8fd4\u56de\u4eea\u8868\u677f<\/button>\n              \n                  <\/div>\n              \n                  <!-- Bottom Nav -->\n                  <div class=\"frps-bnav\">\n                    <div class=\"frps-bnav-cam\">\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>\n                    <\/div>\n                    <div class=\"frps-nav-item n1\">\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>\n                    <\/div>\n                    <div class=\"frps-nav-item n2\">\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>\n                    <\/div>\n                    <div class=\"frps-nav-item n3\">\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>\n                    <\/div>\n                    <div class=\"frps-nav-item n4\">\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>\n                    <\/div>\n                  <\/div>\n              \n                <\/div>\n              <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"profile\">\n              \n              \n              <style>\n              .fr-prof-mockup-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 50px 20px;\n                background: #0a0a0a;\n              }\n              \n              .fr-prof-mockup-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #000;\n                border-radius: 44px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Status Bar *\/\n              .fr-prof-status {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                padding: 14px 24px 0;\n                font-size: 10px;\n                color: #fff;\n                font-weight: 700;\n                z-index: 10;\n              }\n              \n              .fr-prof-status-right {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              .fr-prof-island {\n                width: 140px;\n                height: 34px;\n                background: #000;\n                border-radius: 999px;\n                margin: 0 auto;\n                border: 1.5px solid #ff3b3b;\n                display: flex;\n                align-items: center;\n                padding: 0 14px;\n              }\n              \n              .fr-prof-island img {\n                width: 18px;\n                height: 18px;\n                object-fit: contain;\n              }\n              \n              \/* Scrollable Content *\/\n              .fr-prof-content {\n                position: absolute;\n                inset: 0;\n                overflow-y: auto;\n                padding: 54px 20px 140px;\n                scrollbar-width: none;\n              }\n              \n              .fr-prof-content::-webkit-scrollbar { display: none; }\n              \n              \/* Header *\/\n              .fr-prof-header {\n                font-size: 22px;\n                font-weight: 800;\n                color: #fff;\n                margin: 30px 0 20px;\n              }\n              \n              \/* Points Card *\/\n              .fr-prof-points-card {\n                display: flex;\n                align-items: center;\n                gap: 14px;\n                background: rgba(255,59,59,0.06);\n                border: 1px solid rgba(255,59,59,0.15);\n                border-radius: 14px;\n                padding: 16px;\n                margin-bottom: 28px;\n              }\n              \n              .fr-prof-points-icon {\n                font-size: 24px;\n                color: #ff3b3b;\n              }\n              \n              .fr-prof-points-label {\n                font-size: 11px;\n                color: rgba(255,255,255,0.5);\n                margin: 0 0 2px;\n              }\n              \n              .fr-prof-points-value {\n                font-size: 22px;\n                font-weight: 800;\n                color: #ff3b3b;\n                margin: 0;\n              }\n              \n              \/* Fields *\/\n              .fr-prof-field {\n                margin-bottom: 18px;\n              }\n              \n              .fr-prof-field-label {\n                font-size: 10px;\n                font-weight: 700;\n                color: rgba(255,255,255,0.4);\n                text-transform: uppercase;\n                letter-spacing: 0.8px;\n                margin: 0 0 4px;\n              }\n              \n              .fr-prof-field-value {\n                font-size: 15px;\n                font-weight: 600;\n                color: #fff;\n                margin: 0;\n                padding-bottom: 12px;\n                border-bottom: 1px solid rgba(255,255,255,0.06);\n              }\n              \n              \/* My Reports Link *\/\n              .fr-prof-reports-link {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                padding: 14px 0;\n                margin-bottom: 24px;\n                border-bottom: 1px solid rgba(255,255,255,0.06);\n                text-decoration: none;\n              }\n              \n              .fr-prof-reports-link-text {\n                font-size: 15px;\n                font-weight: 700;\n                color: #ff3b3b;\n                display: flex;\n                align-items: center;\n                gap: 8px;\n              }\n              \n              .fr-prof-reports-link-text i {\n                font-size: 14px;\n              }\n              \n              .fr-prof-reports-link-arrow {\n                color: rgba(255,255,255,0.4);\n                font-size: 18px;\n              }\n              \n              \/* Buttons *\/\n              .fr-prof-btn {\n                width: 100%;\n                padding: 14px;\n                border-radius: 12px;\n                font-size: 13px;\n                font-weight: 700;\n                text-align: center;\n                margin-bottom: 10px;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              .fr-prof-btn.logout {\n                background: none;\n                border: 1px solid rgba(255,255,255,0.15);\n                color: #fff;\n              }\n              \n              .fr-prof-btn.delete {\n                background: none;\n                border: 1px solid rgba(255,59,59,0.3);\n                color: #ff3b3b;\n              }\n              \n              \/* Bottom Nav *\/\n              .fr-prof-nav {\n                position: absolute;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                height: 120px;\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\n                background-repeat: no-repeat;\n                background-position: bottom center;\n                background-size: 100% auto;\n                z-index: 20;\n              }\n              \n              .fr-prof-nav-icon {\n                position: absolute;\n                bottom: 24px;\n                width: 26px;\n                height: 26px;\n                color: rgba(255,255,255,0.72);\n                z-index: 25;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .fr-prof-nav-icon svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.5;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              .fr-prof-nav-icon.n-home { left: 30px; }\n              .fr-prof-nav-icon.n-reports { left: 88px; }\n              .fr-prof-nav-icon.n-articles { right: 88px; }\n              .fr-prof-nav-icon.n-profile { right: 30px; color: #fff; }\n              \n              .fr-prof-nav-camera {\n                position: absolute;\n                left: 50%;\n                top: 58%;\n                transform: translate(-50%, -50%);\n                margin-top: -16px;\n                width: 26px;\n                height: 26px;\n                color: #fff;\n                z-index: 26;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .fr-prof-nav-camera svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.6;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              \/* Responsive *\/\n              @media (max-width: 768px) {\n                .fr-prof-mockup-wrap {\n                  padding: 30px 10px;\n                }\n                .fr-prof-mockup-phone {\n                  width: 300px;\n                  height: 600px;\n                }\n              }\n              <\/style>\n              \n              <div class=\"fr-prof-mockup-wrap\">\n                <div class=\"fr-prof-mockup-phone\">\n              \n                  <!-- Status Bar -->\n                  <div class=\"fr-prof-status\">\n                    <span>2:34<\/span>\n                    <div class=\"fr-prof-island\">\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\n                    <\/div>\n                    <span class=\"fr-prof-status-right\">5G  77%<\/span>\n                  <\/div>\n              \n                  <!-- Scrollable Content -->\n                  <div class=\"fr-prof-content\">\n              \n                    <!-- Header -->\n                    <p class=\"fr-prof-header\">\u4e2a\u4eba\u8d44\u6599<\/p>\n              \n                    <!-- Points Card -->\n                    <div class=\"fr-prof-points-card\">\n                      <i class=\"fas fa-star fr-prof-points-icon\" aria-hidden=\"true\"><\/i>\n                      <div>\n                        <p class=\"fr-prof-points-label\">\u4f60\u7684\u5206\u6570<\/p>\n                        <p class=\"fr-prof-points-value\">710<\/p>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Name -->\n                    <div class=\"fr-prof-field\">\n                      <p class=\"fr-prof-field-label\">\u59d3\u540d<\/p>\n                      <p class=\"fr-prof-field-value\">John Doe<\/p>\n                    <\/div>\n              \n                    <!-- Email -->\n                    <div class=\"fr-prof-field\">\n                      <p class=\"fr-prof-field-label\">\u7535\u5b50\u90ae\u4ef6<\/p>\n                      <p class=\"fr-prof-field-value\">john.doe@example.com<\/p>\n                    <\/div>\n              \n                    <!-- User ID -->\n                    <div class=\"fr-prof-field\">\n                      <p class=\"fr-prof-field-label\">\u7528\u6237 ID<\/p>\n                      <p class=\"fr-prof-field-value\" style=\"color: rgba(255,255,255,0.3);\">\u2014<\/p>\n                    <\/div>\n              \n                    <!-- My Reports Link -->\n                    <a class=\"fr-prof-reports-link\" href=\"#\">\n                      <span class=\"fr-prof-reports-link-text\"><i class=\"fas fa-file-alt\" aria-hidden=\"true\"><\/i> \u6211\u7684\u62a5\u544a<\/span>\n                      <span class=\"fr-prof-reports-link-arrow\"><i class=\"fas fa-chevron-right\" aria-hidden=\"true\"><\/i><\/span>\n                    <\/a>\n              \n                    <!-- Buttons -->\n                    <div class=\"fr-prof-btn logout\"><i class=\"fas fa-sign-out-alt\" aria-hidden=\"true\"><\/i>&nbsp;&nbsp;\u767b\u51fa<\/div>\n                    <div class=\"fr-prof-btn delete\"><i class=\"fas fa-trash-alt\" aria-hidden=\"true\"><\/i>&nbsp;&nbsp;\u5220\u9664\u8d26\u6237<\/div>\n              \n                  <\/div>\n              \n                  <!-- Bottom Nav -->\n                  <div class=\"fr-prof-nav\">\n                    <div class=\"fr-prof-nav-camera\">\n                      <svg viewbox=\"0 0 24 24\">\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>\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-prof-nav-icon n-home\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-prof-nav-icon n-reports\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M8 4h8\"><\/path>\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\n                        <path d=\"M8 11h8\"><\/path>\n                        <path d=\"M8 15h8\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-prof-nav-icon n-articles\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-prof-nav-icon n-profile\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\n                      <\/svg>\n                    <\/div>\n                  <\/div>\n              \n                <\/div>\n              <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"knowledge\">\n              \n              \n              <style>\n              .fr-kb-mockup-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 50px 20px;\n                background: #0a0a0a;\n              }\n              \n              .fr-kb-mockup-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #000;\n                border-radius: 44px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Status Bar *\/\n              .fr-kb-status {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                padding: 14px 24px 0;\n                font-size: 10px;\n                color: #fff;\n                font-weight: 700;\n                z-index: 10;\n              }\n              \n              .fr-kb-status-right {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              .fr-kb-island {\n                width: 140px;\n                height: 34px;\n                background: #000;\n                border-radius: 999px;\n                margin: 0 auto;\n                border: 1.5px solid #ff3b3b;\n                display: flex;\n                align-items: center;\n                padding: 0 14px;\n              }\n              \n              .fr-kb-island img {\n                width: 18px;\n                height: 18px;\n                object-fit: contain;\n              }\n              \n              \/* Scrollable Content *\/\n              .fr-kb-content {\n                position: absolute;\n                inset: 0;\n                overflow-y: auto;\n                padding: 54px 20px 140px;\n                scrollbar-width: none;\n              }\n              \n              .fr-kb-content::-webkit-scrollbar { display: none; }\n              \n              \/* Header *\/\n              .fr-kb-header {\n                font-size: 22px;\n                font-weight: 800;\n                color: #fff;\n                margin: 30px 0 20px;\n              }\n              \n              \/* Article Cards *\/\n              .fr-kb-card {\n                border-radius: 14px;\n                overflow: hidden;\n                margin-bottom: 16px;\n                background: #111;\n                border: 1px solid rgba(255,255,255,0.06);\n              }\n              \n              .fr-kb-card-img {\n                width: 100%;\n                height: 120px;\n                position: relative;\n                overflow: hidden;\n              }\n              \n              .fr-kb-card-img img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n              }\n              \n              .fr-kb-card-img::after {\n                content: '';\n                position: absolute;\n                inset: 0;\n                background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.4) 100%);\n              }\n              \n              .fr-kb-card-info {\n                padding: 12px 14px;\n              }\n              \n              .fr-kb-card-title {\n                font-size: 14px;\n                font-weight: 700;\n                color: #fff;\n                margin: 0 0 5px;\n              }\n              \n              .fr-kb-card-cat {\n                font-size: 11px;\n                color: #ff3b3b;\n                font-weight: 600;\n                margin: 0 0 5px;\n              }\n              \n              .fr-kb-card-date {\n                font-size: 10px;\n                color: rgba(255,255,255,0.4);\n                margin: 0;\n                display: flex;\n                align-items: center;\n                gap: 5px;\n              }\n              \n              .fr-kb-card-date i {\n                font-size: 9px;\n              }\n              \n              \/* Bottom Nav *\/\n              .fr-kb-nav {\n                position: absolute;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                height: 120px;\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\n                background-repeat: no-repeat;\n                background-position: bottom center;\n                background-size: 100% auto;\n                z-index: 20;\n              }\n              \n              .fr-kb-nav-icon {\n                position: absolute;\n                bottom: 24px;\n                width: 26px;\n                height: 26px;\n                color: rgba(255,255,255,0.72);\n                z-index: 25;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .fr-kb-nav-icon svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.5;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              .fr-kb-nav-icon.n-home { left: 30px; }\n              .fr-kb-nav-icon.n-reports { left: 88px; }\n              .fr-kb-nav-icon.n-articles { right: 88px; color: #fff; }\n              .fr-kb-nav-icon.n-profile { right: 30px; }\n              \n              .fr-kb-nav-camera {\n                position: absolute;\n                left: 50%;\n                top: 58%;\n                transform: translate(-50%, -50%);\n                margin-top: -16px;\n                width: 26px;\n                height: 26px;\n                color: #fff;\n                z-index: 26;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .fr-kb-nav-camera svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.6;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              \/* Responsive *\/\n              @media (max-width: 768px) {\n                .fr-kb-mockup-wrap {\n                  padding: 30px 10px;\n                }\n                .fr-kb-mockup-phone {\n                  width: 300px;\n                  height: 600px;\n                }\n              }\n              <\/style>\n              \n              <div class=\"fr-kb-mockup-wrap\">\n                <div class=\"fr-kb-mockup-phone\">\n              \n                  <!-- Status Bar -->\n                  <div class=\"fr-kb-status\">\n                    <span>2:34<\/span>\n                    <div class=\"fr-kb-island\">\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\n                    <\/div>\n                    <span class=\"fr-kb-status-right\">5G  77%<\/span>\n                  <\/div>\n              \n                  <!-- Scrollable Content -->\n                  <div class=\"fr-kb-content\">\n              \n                    <!-- Header -->\n                    <p class=\"fr-kb-header\">\u77e5\u8bc6\u4e2d\u5fc3<\/p>\n              \n                    <!-- Article 1 -->\n                    <div class=\"fr-kb-card\">\n                      <div class=\"fr-kb-card-img\">\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\">\n                      <\/div>\n                      <div class=\"fr-kb-card-info\">\n                        <p class=\"fr-kb-card-title\">\u5982\u4f55\u5904\u7406\u8682\u8681<\/p>\n                        <p class=\"fr-kb-card-cat\">\u9884\u9632\u4e0e\u63a7\u5236<\/p>\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e742\u670813\u65e5<\/p>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Article 2 -->\n                    <div class=\"fr-kb-card\">\n                      <div class=\"fr-kb-card-img\">\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\">\n                      <\/div>\n                      <div class=\"fr-kb-card-info\">\n                        <p class=\"fr-kb-card-title\">\u5982\u4f55\u8bc6\u522b\u706b\u8681<\/p>\n                        <p class=\"fr-kb-card-cat\">\u706b\u8681\u8bc6\u522b<\/p>\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e742\u670812\u65e5<\/p>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Article 3 -->\n                    <div class=\"fr-kb-card\">\n                      <div class=\"fr-kb-card-img\">\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\">\n                      <\/div>\n                      <div class=\"fr-kb-card-info\">\n                        <p class=\"fr-kb-card-title\">\u62a5\u544a\u6700\u4f73\u5b9e\u8df5<\/p>\n                        <p class=\"fr-kb-card-cat\">\u793e\u533a\u6307\u5357<\/p>\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e742\u670810\u65e5<\/p>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Article 4 -->\n                    <div class=\"fr-kb-card\">\n                      <div class=\"fr-kb-card-img\">\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\">\n                      <\/div>\n                      <div class=\"fr-kb-card-info\">\n                        <p class=\"fr-kb-card-title\">\u60a8\u540e\u9662\u7684\u751f\u7269\u5b89\u5168<\/p>\n                        <p class=\"fr-kb-card-cat\">\u610f\u8bc6<\/p>\n                        <p class=\"fr-kb-card-date\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> 2026\u5e742\u67088\u65e5<\/p>\n                      <\/div>\n                    <\/div>\n              \n                  <\/div>\n              \n                  <!-- Bottom Nav -->\n                  <div class=\"fr-kb-nav\">\n                    <div class=\"fr-kb-nav-camera\">\n                      <svg viewbox=\"0 0 24 24\">\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>\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-kb-nav-icon n-home\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-kb-nav-icon n-reports\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M8 4h8\"><\/path>\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\n                        <path d=\"M8 11h8\"><\/path>\n                        <path d=\"M8 15h8\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-kb-nav-icon n-articles\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-kb-nav-icon n-profile\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\n                      <\/svg>\n                    <\/div>\n                  <\/div>\n              \n                <\/div>\n              <\/div>\n              <\/div>\n              \n              <div class=\"fr-flow-screen\" data-fr-screen=\"reports\">\n              \n              \n              <style>\n              .fr-reports-mockup-wrap {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 50px 20px;\n                background: #0a0a0a;\n              }\n              \n              .fr-reports-mockup-phone {\n                position: relative;\n                width: 320px;\n                height: 640px;\n                background: #000;\n                border-radius: 44px;\n                border: 4px solid #2a2a2a;\n                box-shadow: 0 25px 70px rgba(0,0,0,.75);\n                overflow: hidden;\n                font-family: Inter, -apple-system, Arial, sans-serif;\n              }\n              \n              \/* Status Bar *\/\n              .fr-rp-status {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                display: grid;\n                grid-template-columns: 48px 1fr 68px;\n                align-items: center;\n                padding: 14px 24px 0;\n                font-size: 10px;\n                color: #fff;\n                font-weight: 700;\n                z-index: 10;\n              }\n              \n              .fr-rp-status-right {\n                text-align: right;\n                font-weight: 600;\n              }\n              \n              .fr-rp-island {\n                width: 140px;\n                height: 34px;\n                background: #000;\n                border-radius: 999px;\n                margin: 0 auto;\n                border: 1.5px solid #ff3b3b;\n                display: flex;\n                align-items: center;\n                padding: 0 14px;\n              }\n              \n              .fr-rp-island img {\n                width: 18px;\n                height: 18px;\n                object-fit: contain;\n              }\n              \n              \/* Scrollable Content *\/\n              .fr-rp-content {\n                position: absolute;\n                inset: 0;\n                overflow-y: auto;\n                padding: 54px 20px 140px;\n                scrollbar-width: none;\n              }\n              \n              .fr-rp-content::-webkit-scrollbar { display: none; }\n              \n              \/* Header *\/\n              .fr-rp-header {\n                font-size: 22px;\n                font-weight: 800;\n                color: #fff;\n                margin: 30px 0 16px;\n              }\n              \n              \/* Tabs *\/\n              .fr-rp-tabs {\n                display: flex;\n                gap: 24px;\n                margin-bottom: 20px;\n                border-bottom: 1px solid rgba(255,255,255,0.08);\n              }\n              \n              .fr-rp-tab {\n                font-size: 14px;\n                font-weight: 700;\n                color: rgba(255,255,255,0.4);\n                padding-bottom: 10px;\n                border-bottom: 2px solid transparent;\n                cursor: pointer;\n                transition: color 0.2s, border-color 0.2s;\n              }\n              \n              .fr-rp-tab.active {\n                color: #ff3b3b;\n                border-bottom-color: #ff3b3b;\n              }\n              \n              .fr-rp-tab:hover:not(.active) {\n                color: rgba(255,255,255,0.7);\n              }\n              \n              \/* Tab Content Panels *\/\n              .fr-rp-panel {\n                display: none;\n              }\n              \n              .fr-rp-panel.active {\n                display: block;\n              }\n              \n              \/* Report List Items *\/\n              .fr-rp-item {\n                display: grid;\n                grid-template-columns: 56px 1fr 16px;\n                align-items: center;\n                gap: 10px;\n                padding: 12px 0;\n                border-bottom: 1px solid rgba(255,255,255,0.05);\n              }\n              \n              .fr-rp-thumb {\n                width: 56px;\n                height: 56px;\n                border-radius: 10px;\n                background: #222;\n                overflow: hidden;\n              }\n              \n              .fr-rp-thumb img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n              }\n              \n              .fr-rp-title {\n                font-size: 14px;\n                font-weight: 800;\n                color: #fff;\n                margin: 0 0 4px;\n              }\n              \n              .fr-rp-meta {\n                font-size: 11px;\n                color: rgba(255,255,255,0.45);\n                margin: 0;\n                display: flex;\n                align-items: center;\n                gap: 8px;\n              }\n              \n              .fr-rp-meta i {\n                font-size: 10px;\n                color: rgba(255,255,255,0.35);\n              }\n              \n              .fr-rp-chevron {\n                color: rgba(255,255,255,0.65);\n                font-size: 24px;\n              }\n              \n              \/* Drafts Empty State *\/\n              .fr-rp-empty {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                padding: 60px 20px;\n                text-align: center;\n              }\n              \n              .fr-rp-empty-icon {\n                width: 64px;\n                height: 64px;\n                border-radius: 50%;\n                background: rgba(255,255,255,0.04);\n                border: 1px solid rgba(255,255,255,0.08);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-bottom: 20px;\n              }\n              \n              .fr-rp-empty-icon i {\n                font-size: 24px;\n                color: rgba(255,255,255,0.25);\n              }\n              \n              .fr-rp-empty-title {\n                font-size: 16px;\n                font-weight: 700;\n                color: rgba(255,255,255,0.6);\n                margin: 0 0 8px;\n              }\n              \n              .fr-rp-empty-sub {\n                font-size: 12px;\n                color: rgba(255,255,255,0.35);\n                margin: 0;\n                line-height: 1.5;\n              }\n              \n              \/* Bottom Nav *\/\n              .fr-rp-nav {\n                position: absolute;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                height: 120px;\n                background-image: url('https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Full-scaled.webp');\n                background-repeat: no-repeat;\n                background-position: bottom center;\n                background-size: 100% auto;\n                z-index: 20;\n              }\n              \n              .fr-rp-nav-icon {\n                position: absolute;\n                bottom: 24px;\n                width: 26px;\n                height: 26px;\n                color: rgba(255,255,255,0.72);\n                z-index: 25;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .fr-rp-nav-icon svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.5;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              .fr-rp-nav-icon.n-home { left: 30px; }\n              .fr-rp-nav-icon.n-reports { left: 88px; color: #fff; }\n              .fr-rp-nav-icon.n-articles { right: 88px; }\n              .fr-rp-nav-icon.n-profile { right: 30px; }\n              \n              .fr-rp-nav-camera {\n                position: absolute;\n                left: 50%;\n                top: 58%;\n                transform: translate(-50%, -50%);\n                margin-top: -16px;\n                width: 26px;\n                height: 26px;\n                color: #fff;\n                z-index: 26;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n              }\n              \n              .fr-rp-nav-camera svg {\n                width: 20px;\n                height: 20px;\n                stroke: currentColor;\n                fill: none;\n                stroke-width: 2.6;\n                stroke-linecap: round;\n                stroke-linejoin: round;\n              }\n              \n              \/* Responsive *\/\n              @media (max-width: 768px) {\n                .fr-reports-mockup-wrap {\n                  padding: 30px 10px;\n                }\n                .fr-reports-mockup-phone {\n                  width: 300px;\n                  height: 600px;\n                }\n              }\n              <\/style>\n              \n              <div class=\"fr-reports-mockup-wrap\">\n                <div class=\"fr-reports-mockup-phone\">\n              \n                  <!-- Status Bar -->\n                  <div class=\"fr-rp-status\">\n                    <span>2:34<\/span>\n                    <div class=\"fr-rp-island\">\n                      <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/antScroll-scaled.png\" alt=\"Ant\">\n                    <\/div>\n                    <span class=\"fr-rp-status-right\">5G  77%<\/span>\n                  <\/div>\n              \n                  <!-- Scrollable Content -->\n                  <div class=\"fr-rp-content\">\n              \n                    <!-- Header -->\n                    <p class=\"fr-rp-header\">\u6211\u7684\u62a5\u544a<\/p>\n              \n                    <!-- Tabs -->\n                    <div class=\"fr-rp-tabs\" id=\"frRpTabs\">\n                      <span class=\"fr-rp-tab active\" data-tab=\"reports\">\u62a5\u544a<\/span>\n                      <span class=\"fr-rp-tab\" data-tab=\"drafts\">\u8349\u7a3f<\/span>\n                    <\/div>\n              \n                    <!-- Reports Panel -->\n                    <div class=\"fr-rp-panel active\" id=\"frRpReports\">\n                      <div class=\"fr-rp-item\">\n                        <div class=\"fr-rp-thumb\">\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\">\n                        <\/div>\n                        <div>\n                          <p class=\"fr-rp-title\">Demo report 01<\/p>\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Jan 15, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\n                        <\/div>\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\n                      <\/div>\n              \n                      <div class=\"fr-rp-item\">\n                        <div class=\"fr-rp-thumb\">\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\">\n                        <\/div>\n                        <div>\n                          <p class=\"fr-rp-title\">Demo report 02<\/p>\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Jan 14, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\n                        <\/div>\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\n                      <\/div>\n              \n                      <div class=\"fr-rp-item\">\n                        <div class=\"fr-rp-thumb\">\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\">\n                        <\/div>\n                        <div>\n                          <p class=\"fr-rp-title\">Demo report 03<\/p>\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Jan 13, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\n                        <\/div>\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\n                      <\/div>\n              \n                      <div class=\"fr-rp-item\">\n                        <div class=\"fr-rp-thumb\">\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\">\n                        <\/div>\n                        <div>\n                          <p class=\"fr-rp-title\">Demo report 04<\/p>\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Jan 12, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\n                        <\/div>\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\n                      <\/div>\n              \n                      <div class=\"fr-rp-item\">\n                        <div class=\"fr-rp-thumb\">\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\">\n                        <\/div>\n                        <div>\n                          <p class=\"fr-rp-title\">Demo report 05<\/p>\n                          <p class=\"fr-rp-meta\"><i class=\"fas fa-calendar-alt\" aria-hidden=\"true\"><\/i> Jan 11, 2026 &nbsp;\u00b7&nbsp; <i class=\"fas fa-camera\" aria-hidden=\"true\"><\/i> 1<\/p>\n                        <\/div>\n                        <span class=\"fr-rp-chevron\">\u203a<\/span>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- Drafts Panel (Empty State) -->\n                    <div class=\"fr-rp-panel\" id=\"frRpDrafts\">\n                      <div class=\"fr-rp-empty\">\n                        <div class=\"fr-rp-empty-icon\">\n                          <i class=\"fas fa-envelope-open\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <p class=\"fr-rp-empty-title\">\u65e0\u8349\u7a3f<\/p>\n                        <p class=\"fr-rp-empty-sub\">\u79bb\u7ebf\u4fdd\u5b58\u62a5\u544a\u65f6\uff0c\u8349\u7a3f\u5c06\u663e\u793a\u5728\u6b64\u5904<\/p>\n                      <\/div>\n                    <\/div>\n              \n                  <\/div>\n              \n                  <!-- Bottom Nav -->\n                  <div class=\"fr-rp-nav\">\n                    <div class=\"fr-rp-nav-camera\">\n                      <svg viewbox=\"0 0 24 24\">\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>\n                        <circle cx=\"12\" cy=\"13.5\" r=\"3.2\"><\/circle>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-rp-nav-icon n-home\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M3 11.5L12 4l9 7.5\"><\/path>\n                        <path d=\"M5.5 10.5V20h5v-5h3v5h5v-9.5\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-rp-nav-icon n-reports\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M8 4h8\"><\/path>\n                        <path d=\"M9 4a3 3 0 0 0 6 0\"><\/path>\n                        <rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"><\/rect>\n                        <path d=\"M8 11h8\"><\/path>\n                        <path d=\"M8 15h8\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-rp-nav-icon n-articles\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <path d=\"M4 5.5c2.5 0 5 .4 8 2.2v12c-3-1.8-5.5-2.2-8-2.2z\"><\/path>\n                        <path d=\"M20 5.5c-2.5 0-5 .4-8 2.2v12c3-1.8 5.5-2.2 8-2.2z\"><\/path>\n                      <\/svg>\n                    <\/div>\n                    <div class=\"fr-rp-nav-icon n-profile\">\n                      <svg viewbox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle>\n                        <path d=\"M5 20c1.2-4 4-6 7-6s5.8 2 7 6\"><\/path>\n                      <\/svg>\n                    <\/div>\n                  <\/div>\n              \n                <\/div>\n              <\/div>\n  <\/div>\n<\/div>\n\n<script>\n              (function() {\n                var tabs = document.querySelectorAll('#frRpTabs .fr-rp-tab');\n                var reportsPanel = document.getElementById('frRpReports');\n                var draftsPanel = document.getElementById('frRpDrafts');\n              \n                tabs.forEach(function(tab) {\n                  tab.addEventListener('click', function() {\n                    tabs.forEach(function(t) { t.classList.remove('active'); });\n                    tab.classList.add('active');\n              \n                    if (tab.getAttribute('data-tab') === 'reports') {\n                      reportsPanel.classList.add('active');\n                      draftsPanel.classList.remove('active');\n                    } else {\n                      draftsPanel.classList.add('active');\n                      reportsPanel.classList.remove('active');\n                    }\n                  });\n                });\n              })();\n              <\/script>\n              <\/div>\n            <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var root = document.getElementById('frOriginalDemoSection');\n  if (!root) return;\n\n  var labels = {\n    \"iphone\": \"iPhone Home\",\n    \"loading\": \"Loading\",\n    \"app\": \"App Home\",\n    \"camera\": \"Camera\",\n    \"analyzing\": \"Analyzing\",\n    \"result\": \"AI Result\",\n    \"create\": \"Create Report\",\n    \"submitted\": \"Submitted\",\n    \"profile\": \"Profile\",\n    \"knowledge\": \"Knowledge Hub\",\n    \"reports\": \"My Reports\"\n};\n  var timer = null;\n\n  function closest(target, selector) {\n    return target && target.closest && target.closest(selector);\n  }\n\n  function activeScreen() {\n    return root.querySelector('.fr-flow-screen.fr-flow-active');\n  }\n\n  function show(name) {\n    if (!labels[name]) return;\n    if (timer) {\n      clearTimeout(timer);\n      timer = null;\n    }\n\n    root.querySelectorAll('.fr-flow-screen').forEach(function(screen) {\n      screen.classList.toggle('fr-flow-active', screen.getAttribute('data-fr-screen') === name);\n    });\n\n    var label = root.querySelector('#frFlowLabel');\n    if (label) label.textContent = labels[name];\n\n    var loaderFill = root.querySelector('#frFlowLoaderFill');\n    if (loaderFill) {\n      loaderFill.classList.remove('animate');\n      if (name === 'loading') {\n        void loaderFill.offsetWidth;\n        loaderFill.classList.add('animate');\n      }\n    }\n\n    if (name === 'loading') {\n      timer = setTimeout(function() { show('app'); }, 2200);\n    }\n\n    if (name === 'analyzing') {\n      timer = setTimeout(function() { show('result'); }, 2600);\n    }\n  }\n\n  function textOf(element) {\n    return (element && element.textContent || '').toLowerCase();\n  }\n\n  root.addEventListener('click', function(event) {\n    var target = event.target;\n    var current = activeScreen();\n    var currentName = current ? current.getAttribute('data-fr-screen') : '';\n    var fireAppTile = closest(target, '.frhs-grid-item');\n\n    if (closest(target, '.frhs-grid-icon.firerant, .frhs-grid-name.hl') || (fireAppTile && fireAppTile.querySelector('.frhs-grid-icon.firerant'))) {\n      event.preventDefault();\n      show('loading');\n      return;\n    }\n\n    if (closest(target, '.fr-cam-shutter')) {\n      event.preventDefault();\n      show('analyzing');\n      return;\n    }\n\n    if (closest(target, '.fr-ai-btn.primary')) {\n      event.preventDefault();\n      show('create');\n      return;\n    }\n\n    if (closest(target, '.frcr-submit')) {\n      event.preventDefault();\n      show('submitted');\n      return;\n    }\n\n    if (closest(target, '.frps-btn')) {\n      event.preventDefault();\n      show('app');\n      return;\n    }\n\n    if (closest(target, '.frcr-header .fa-arrow-left')) {\n      event.preventDefault();\n      show('result');\n      return;\n    }\n\n    if (closest(target, '.fr-ai-red-title .fa-arrow-left, .fr-cam-top-btn:first-child')) {\n      event.preventDefault();\n      show(currentName === 'camera' ? 'app' : 'camera');\n      return;\n    }\n\n    var secondary = closest(target, '.fr-ai-btn.secondary');\n    if (secondary) {\n      event.preventDefault();\n      if (textOf(secondary).indexOf('scan') > -1) show('camera');\n      else show('app');\n      return;\n    }\n\n    var reportLink = closest(target, '.fr-m-red-link, .fr-prof-reports-link');\n    if (reportLink) {\n      event.preventDefault();\n      if (textOf(reportLink).indexOf('article') > -1) show('knowledge');\n      else if (textOf(reportLink).indexOf('leaderboard') > -1) show('profile');\n      else show('reports');\n      return;\n    }\n\n    if (closest(target, '.fr-m-report, .fr-rp-item')) {\n      event.preventDefault();\n      show('result');\n      return;\n    }\n\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')) {\n      event.preventDefault();\n      show('camera');\n      return;\n    }\n\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')) {\n      event.preventDefault();\n      show('app');\n      return;\n    }\n\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')) {\n      event.preventDefault();\n      show('reports');\n      return;\n    }\n\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')) {\n      event.preventDefault();\n      show('knowledge');\n      return;\n    }\n\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')) {\n      event.preventDefault();\n      show('profile');\n    }\n  });\n})();\n<\/script>\n\n\n\n<style>\n.fr-pillars {\n  background: #111;\n  padding: 80px 40px;\n}\n.fr-pillars-header {\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto 60px;\n}\n.fr-pillars-header .fr-label {\n  color: #ff3b3b;\n  font-size: 0.8rem;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 0.5rem;\n}\n.fr-pillars-header h2 {\n  color: #fff;\n  font-size: 2.2rem;\n  font-weight: 800;\n  margin: 0 0 1rem;\n}\n.fr-pillars-header p {\n  color: rgba(255,255,255,0.6);\n  font-size: 1rem;\n  line-height: 1.7;\n}\n.fr-pillars-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2.5rem;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n.fr-pillar-card {\n  background: #0a0a0a;\n  border: 1px solid rgba(255,59,59,0.12);\n  border-radius: 16px;\n  padding: 2.5rem 2rem;\n  text-align: center;\n  transition: border-color 0.3s, transform 0.3s;\n}\n.fr-pillar-card:hover {\n  border-color: rgba(255,59,59,0.4);\n  transform: translateY(-4px);\n}\n.fr-pillar-icon {\n  width: 64px;\n  height: 64px;\n  margin: 0 auto 1.5rem;\n}\n.fr-pillar-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n.fr-pillar-card h3 {\n  color: #ff3b3b;\n  font-size: 1.3rem;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin: 0 0 1rem;\n}\n.fr-pillar-card p {\n  color: rgba(255,255,255,0.7);\n  font-size: 0.95rem;\n  line-height: 1.75;\n  margin: 0 0 1.5rem;\n}\n.fr-pillar-stat {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: #1b0706;\n  color: #e9473c;\n  padding: 8px 14px;\n  border-radius: 999px;\n  font-size: 0.8rem;\n  font-weight: 700;\n  letter-spacing: 0.5px;\n}\n\n@media (max-width: 768px) {\n  .fr-pillars-grid {\n    grid-template-columns: 1fr;\n    gap: 2rem;\n  }\n  .fr-pillars {\n    padding: 60px 20px;\n  }\n}\n<\/style>\n\n<div class=\"fr-pillars\">\n  \n  <div class=\"fr-pillars-header\">\n    <p class=\"fr-label\">\u5de5\u4f5c\u539f\u7406<\/p>\n    <h2>\u516c\u6c11\u751f\u7269\u5b89\u5168\u7684\u4e09\u5927\u652f\u67f1<\/h2>\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>\n  <\/div>\n\n  <div class=\"fr-pillars-grid\">\n\n    <!-- Pillar 1: Surveil -->\n    <div class=\"fr-pillar-card\">\n      <div class=\"fr-pillar-icon\">\n        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Ant-Gps-tag-scaled.png\" alt=\"Surveil\">\n      <\/div>\n      <h3>\u76d1\u89c6<\/h3>\n      <p>\n        AI-powered nest identification with 85%+ confidence scoring. Geo-tagged reports generate real-time surveillance data \n        that extends coverage beyond government capacity.\n      <\/p>\n      <span class=\"fr-pillar-stat\">\u2605 99%\u6761\u6765\u81ea\u5e02\u6c11\u7684\u751f\u7269\u5b89\u5168\u8b66\u62a5<\/span>\n    <\/div>\n\n    <!-- Pillar 2: Intervene -->\n    <div class=\"fr-pillar-card\">\n      <div class=\"fr-pillar-icon\">\n        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Ant-Poison-scaled.png\" alt=\"Intervene\">\n      <\/div>\n      <h3>\u5e72\u9884<\/h3>\n      <p>\n        Connect with approved insect growth regulators (pyriproxyfen, S-methoprene) \u2014 the same precision chemistry used by \n        the National Program. Treat early. Treat correctly.\n      <\/p>\n      <span class=\"fr-pillar-stat\">\u2605 390:1 \u7684\u6536\u652f\u6bd4\u4ee5\u6839\u9664<\/span>\n    <\/div>\n\n    <!-- Pillar 3: Restore -->\n    <div class=\"fr-pillar-card\">\n      <div class=\"fr-pillar-icon\">\n        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/3-ants-scaled.png\" alt=\"Restore\">\n      <\/div>\n      <h3>\u6062\u590d<\/h3>\n      <p>\n        Every report contributes to continental eradication by 2032. Protect endangered cassowaries, marine turtles, \n        and 97% of Australia&#8217;s landmass from irreversible establishment.\n      <\/p>\n      <span class=\"fr-pillar-stat\">\u2605 $22B\uff1a\u52302040\u5e74\u4ee3\u907f\u514d\u7684\u635f\u5931<\/span>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<style>\n.fr-showcase {\n  background: #0a0a0a;\n  padding: 80px 40px;\n  font-family: Inter, Arial, sans-serif;\n}\n.fr-showcase-header {\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto 60px;\n}\n.fr-showcase-header .fr-label {\n  color: #ff3b3b;\n  font-size: 0.8rem;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 0.5rem;\n}\n.fr-showcase-header h2 {\n  color: #fff;\n  font-size: 2.2rem;\n  font-weight: 800;\n  margin: 0 0 1rem;\n}\n.fr-showcase-header p {\n  color: rgba(255,255,255,0.6);\n  font-size: 1rem;\n  line-height: 1.7;\n}\n\n\/* Feature Row \u2014 alternating layout *\/\n.fr-feature-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 4rem;\n  max-width: 1100px;\n  margin: 0 auto 80px;\n  align-items: center;\n}\n.fr-feature-row.reverse {\n  direction: rtl;\n}\n.fr-feature-row.reverse > * {\n  direction: ltr;\n}\n.fr-feature-text .fr-feat-label {\n  color: #ff3b3b;\n  font-size: 0.75rem;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n}\n.fr-feature-text h3 {\n  color: #fff;\n  font-size: 1.6rem;\n  font-weight: 800;\n  margin: 0 0 1rem;\n}\n.fr-feature-text p {\n  color: rgba(255,255,255,0.65);\n  font-size: 0.95rem;\n  line-height: 1.8;\n  margin: 0 0 1.5rem;\n}\n.fr-feature-text .fr-feat-stat {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: #1b0706;\n  color: #e9473c;\n  padding: 8px 14px;\n  border-radius: 999px;\n  font-size: 0.8rem;\n  font-weight: 700;\n}\n\n\/* ===== APP-STYLE DEMO PANELS ===== *\/\n.fr-demo-panel {\n  background: #111;\n  border: 1px solid rgba(255,59,59,0.1);\n  border-radius: 20px;\n  padding: 24px;\n  box-shadow: 0 15px 50px rgba(0,0,0,0.4);\n}\n\n\/* Demo 1: AI Analysis Result *\/\n.fr-demo-ai .fr-demo-status {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n.fr-demo-ai .fr-demo-status .fr-alert-icon {\n  width: 36px;\n  height: 36px;\n  background: rgba(255,59,59,0.15);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ff3b3b;\n  font-size: 18px;\n  font-weight: 800;\n}\n.fr-demo-ai .fr-demo-status .fr-alert-text {\n  color: #ff3b3b;\n  font-size: 1.3rem;\n  font-weight: 800;\n  letter-spacing: 1px;\n}\n.fr-demo-confidence {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(255,255,255,0.08);\n  padding: 6px 14px;\n  border-radius: 999px;\n  margin-bottom: 20px;\n}\n.fr-demo-confidence span {\n  color: #fff;\n  font-size: 0.85rem;\n  font-weight: 600;\n}\n.fr-demo-confidence .fr-conf-bar {\n  width: 80px;\n  height: 6px;\n  background: rgba(255,255,255,0.1);\n  border-radius: 3px;\n  overflow: hidden;\n}\n.fr-demo-confidence .fr-conf-fill {\n  width: 85%;\n  height: 100%;\n  background: #ff3b3b;\n  border-radius: 3px;\n}\n.fr-demo-features-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.fr-demo-features-list li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 0;\n  color: rgba(255,255,255,0.75);\n  font-size: 0.85rem;\n  border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n.fr-demo-features-list li::before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  background: #ff3b3b;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n\/* Demo 2: Geo Report *\/\n.fr-demo-geo .fr-demo-map {\n  background: #1a1a1a;\n  border-radius: 12px;\n  padding: 16px;\n  margin-bottom: 16px;\n  position: relative;\n  overflow: hidden;\n}\n.fr-demo-geo .fr-demo-map-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 8px;\n}\n.fr-demo-map-field {\n  background: rgba(255,255,255,0.04);\n  border-radius: 8px;\n  padding: 10px 12px;\n}\n.fr-demo-map-field .fr-field-label {\n  color: rgba(255,255,255,0.4);\n  font-size: 0.65rem;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin: 0 0 4px;\n}\n.fr-demo-map-field .fr-field-value {\n  color: #fff;\n  font-size: 0.8rem;\n  font-weight: 600;\n  margin: 0;\n}\n.fr-demo-geo .fr-demo-pin {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(255,59,59,0.1);\n  border: 1px solid rgba(255,59,59,0.2);\n  border-radius: 10px;\n  padding: 12px 14px;\n}\n.fr-demo-geo .fr-demo-pin-icon {\n  color: #ff3b3b;\n  font-size: 1.2rem;\n}\n.fr-demo-geo .fr-demo-pin-text {\n  color: rgba(255,255,255,0.8);\n  font-size: 0.8rem;\n  line-height: 1.4;\n}\n.fr-demo-geo .fr-demo-pin-text strong {\n  color: #fff;\n  display: block;\n  font-size: 0.85rem;\n}\n\n\/* Demo 3: Leaderboard *\/\n.fr-demo-lb .fr-demo-lb-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n.fr-demo-lb .fr-demo-lb-header h4 {\n  color: #fff;\n  font-size: 1rem;\n  font-weight: 800;\n  margin: 0;\n}\n.fr-demo-lb .fr-demo-lb-header span {\n  color: #e9473c;\n  font-size: 0.75rem;\n  font-weight: 700;\n}\n.fr-demo-lb-row {\n  display: grid;\n  grid-template-columns: 32px 1fr auto;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.05);\n}\n.fr-demo-lb-row:last-child {\n  border-bottom: none;\n}\n.fr-demo-lb-rank {\n  color: rgba(255,255,255,0.4);\n  font-size: 0.9rem;\n  font-weight: 800;\n}\n.fr-demo-lb-rank.gold {\n  color: #ffb000;\n}\n.fr-demo-lb-rank.silver {\n  color: #c0c0c0;\n}\n.fr-demo-lb-rank.bronze {\n  color: #cd7f32;\n}\n.fr-demo-lb-name {\n  color: #fff;\n  font-size: 0.9rem;\n  font-weight: 600;\n}\n.fr-demo-lb-pts {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  background: #1b0706;\n  color: #e9473c;\n  padding: 5px 10px;\n  border-radius: 999px;\n  font-size: 0.75rem;\n  font-weight: 800;\n}\n\n@media (max-width: 768px) {\n  .fr-feature-row,\n  .fr-feature-row.reverse {\n    grid-template-columns: 1fr;\n    direction: ltr;\n    gap: 2rem;\n  }\n  .fr-showcase {\n    padding: 60px 20px;\n  }\n  .fr-feature-row {\n    margin-bottom: 60px;\n  }\n}\n<\/style>\n\n<div class=\"fr-showcase\">\n\n  <div class=\"fr-showcase-header\">\n    <p class=\"fr-label\">\u5e94\u7528\u7279\u8272<\/p>\n    <h2>\u5b9e\u9645\u6f14\u793a<\/h2>\n    <p>From photo to verified report in under 60 seconds. Here&#8217;s what the experience looks like.<span class=\"fr-demo-fiction-note\" role=\"note\">Illustrative demo. Names, contact details, locations and activity shown here are fictional.<\/span><\/p>\n  <\/div>\n\n  <!-- Feature 1: AI Identification -->\n  <div class=\"fr-feature-row\">\n    <div class=\"fr-feature-text\">\n      <p class=\"fr-feat-label\">Feature 01<\/p>\n      <h3>AI Nest Identification<\/h3>\n      <p>\n        Snap a photo of a suspected nest. Our model \u2014 trained on 20,000+ images \u2014 analyses morphological features \n        and returns a confidence score in seconds. No expertise required.\n      <\/p>\n      <span class=\"fr-feat-stat\">\u2605 85%+ identification accuracy<\/span>\n    <\/div>\n    <div class=\"fr-demo-panel fr-demo-ai\">\n      <div class=\"fr-demo-status\">\n        <div class=\"fr-alert-icon\">\u26a0<\/div>\n        <span class=\"fr-alert-text\">\u745e\u6cd5<\/span>\n      <\/div>\n      <div class=\"fr-demo-confidence\">\n        <span>\u4fe1\u5fc3\u6307\u6570\uff1a85.0%<\/span>\n        <div class=\"fr-conf-bar\"><div class=\"fr-conf-fill\"><\/div><\/div>\n      <\/div>\n      <ul class=\"fr-demo-features-list\">\n        <li>Multiple small, irregular entry points<\/li>\n        <li>Loose, crumbly soil structure<\/li>\n        <li>Absence of single large central hole<\/li>\n        <li>Grass growing through the mound<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- Feature 2: Geo-Tagged Reporting -->\n  <div class=\"fr-feature-row reverse\">\n    <div class=\"fr-feature-text\">\n      <p class=\"fr-feat-label\">Feature 02<\/p>\n      <h3>Geo-Tagged Reporting<\/h3>\n      <p>\n        Every report captures precise GPS coordinates and street address automatically. \n        No manual entry. No guesswork. Just verified location intelligence ready for the surveillance map.\n      <\/p>\n      <span class=\"fr-feat-stat\">\u2605 Auto-captured coordinates<\/span>\n    <\/div>\n    <div class=\"fr-demo-panel fr-demo-geo\">\n      <div class=\"fr-demo-map\">\n        <div class=\"fr-demo-map-grid\">\n          <div class=\"fr-demo-map-field\">\n            <p class=\"fr-field-label\">Address<\/p>\n            <p class=\"fr-field-value\">123 Example Street, Example District<\/p>\n          <\/div>\n          <div class=\"fr-demo-map-field\">\n            <p class=\"fr-field-label\">State<\/p>\n            <p class=\"fr-field-value\">Example region<\/p>\n          <\/div>\n          <div class=\"fr-demo-map-field\">\n            <p class=\"fr-field-label\">Latitude<\/p>\n            <p class=\"fr-field-value\">Demo only<\/p>\n          <\/div>\n          <div class=\"fr-demo-map-field\">\n            <p class=\"fr-field-label\">Longitude<\/p>\n            <p class=\"fr-field-value\">Demo only<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"fr-demo-pin\">\n        <span class=\"fr-demo-pin-icon\">\ud83d\udccd<\/span>\n        <div class=\"fr-demo-pin-text\">\n          <strong>Report: fire ants!<\/strong>\n          Jan 16, 2026 \u00b7 10:00 AM\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Feature 3: Gamified Leaderboard -->\n  <div class=\"fr-feature-row\">\n    <div class=\"fr-feature-text\">\n      <p class=\"fr-feat-label\">Feature 03<\/p>\n      <h3>Gamified Community Engagement<\/h3>\n      <p>\n        Points-based reward system drives sustained participation. Every report earns points. \n        Every point fuels the surveillance network. Competition drives collective action.\n      <\/p>\n      <span class=\"fr-feat-stat\">\u2605 Community-powered biosecurity<\/span>\n    <\/div>\n    <div class=\"fr-demo-panel fr-demo-lb\">\n      <div class=\"fr-demo-lb-header\">\n        <h4>\u6392\u884c\u699c<\/h4>\n        <span>This month \u25be<\/span>\n      <\/div>\n      <div class=\"fr-demo-lb-row\">\n        <span class=\"fr-demo-lb-rank gold\">#1<\/span>\n        <span class=\"fr-demo-lb-name\">John Doe<\/span>\n        <span class=\"fr-demo-lb-pts\">\u2605 660<\/span>\n      <\/div>\n      <div class=\"fr-demo-lb-row\">\n        <span class=\"fr-demo-lb-rank silver\">#2<\/span>\n        <span class=\"fr-demo-lb-name\">Jamie Doe<\/span>\n        <span class=\"fr-demo-lb-pts\">\u2605 130<\/span>\n      <\/div>\n      <div class=\"fr-demo-lb-row\">\n        <span class=\"fr-demo-lb-rank bronze\">#3<\/span>\n        <span class=\"fr-demo-lb-name\">Taylor Doe<\/span>\n        <span class=\"fr-demo-lb-pts\">\u2605 85<\/span>\n      <\/div>\n      <div class=\"fr-demo-lb-row\">\n        <span class=\"fr-demo-lb-rank\">#4<\/span>\n        <span class=\"fr-demo-lb-name\">Morgan Doe<\/span>\n        <span class=\"fr-demo-lb-pts\">\u2605 40<\/span>\n      <\/div>\n      <div class=\"fr-demo-lb-row\">\n        <span class=\"fr-demo-lb-rank\">#5<\/span>\n        <span class=\"fr-demo-lb-name\">Demo User 5<\/span>\n        <span class=\"fr-demo-lb-pts\">\u2605 20<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n.fr-quotes {\n  background: #000;\n  padding: 80px 40px;\n  font-family: Inter, Arial, sans-serif;\n}\n.fr-quotes-header {\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto 60px;\n}\n.fr-quotes-header .fr-label {\n  color: #ff3b3b;\n  font-size: 0.8rem;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 0.5rem;\n}\n.fr-quotes-header h2 {\n  color: #fff;\n  font-size: 2.2rem;\n  font-weight: 800;\n  margin: 0 0 1rem;\n}\n.fr-quotes-header p {\n  color: rgba(255,255,255,0.6);\n  font-size: 1rem;\n  line-height: 1.7;\n}\n\n.fr-quotes-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 2rem;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.fr-quote-card {\n  background: #0d0d0d;\n  border: 1px solid rgba(255,59,59,0.08);\n  border-radius: 16px;\n  padding: 2rem;\n  position: relative;\n  transition: border-color 0.3s, transform 0.3s;\n}\n.fr-quote-card:hover {\n  border-color: rgba(255,59,59,0.25);\n  transform: translateY(-3px);\n}\n.fr-quote-card::before {\n  content: '\"';\n  position: absolute;\n  top: 16px;\n  left: 20px;\n  font-size: 3.5rem;\n  color: rgba(255,59,59,0.15);\n  font-weight: 900;\n  line-height: 1;\n}\n.fr-quote-text {\n  color: rgba(255,255,255,0.8);\n  font-size: 0.95rem;\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0 0 1.5rem;\n  padding-top: 1rem;\n}\n.fr-quote-author {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.fr-quote-avatar {\n  width: 40px;\n  height: 40px;\n  background: rgba(255,59,59,0.1);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ff3b3b;\n  font-size: 1rem;\n  font-weight: 800;\n  flex-shrink: 0;\n}\n.fr-quote-meta .fr-quote-name {\n  color: #fff;\n  font-size: 0.85rem;\n  font-weight: 700;\n  margin: 0;\n}\n.fr-quote-meta .fr-quote-role {\n  color: rgba(255,255,255,0.4);\n  font-size: 0.75rem;\n  margin: 2px 0 0;\n}\n\n\/* Featured quote \u2014 full width *\/\n.fr-quote-featured {\n  grid-column: 1 \/ -1;\n  background: linear-gradient(135deg, #0d0d0d 0%, #1a0505 100%);\n  border: 1px solid rgba(255,59,59,0.15);\n  border-radius: 16px;\n  padding: 2.5rem 3rem;\n  text-align: center;\n  position: relative;\n}\n.fr-quote-featured::before {\n  content: '\"';\n  position: static;\n  display: block;\n  font-size: 4rem;\n  color: rgba(255,59,59,0.2);\n  font-weight: 900;\n  line-height: 0.5;\n  margin-bottom: 1rem;\n}\n.fr-quote-featured .fr-quote-text {\n  font-size: 1.15rem;\n  max-width: 800px;\n  margin: 0 auto 1.5rem;\n  padding-top: 0;\n}\n.fr-quote-featured .fr-quote-author {\n  justify-content: center;\n}\n\n\/* Source badge *\/\n.fr-quote-source {\n  display: inline-block;\n  margin-top: 1rem;\n  background: rgba(255,255,255,0.04);\n  color: rgba(255,255,255,0.4);\n  padding: 4px 10px;\n  border-radius: 999px;\n  font-size: 0.65rem;\n  letter-spacing: 0.5px;\n}\n\n@media (max-width: 768px) {\n  .fr-quotes-grid {\n    grid-template-columns: 1fr;\n  }\n  .fr-quotes {\n    padding: 60px 20px;\n  }\n  .fr-quote-featured {\n    padding: 2rem 1.5rem;\n  }\n}\n<\/style>\n\n<div class=\"fr-quotes\">\n\n  <div class=\"fr-quotes-header\">\n    <p class=\"fr-label\">Expert Voices<\/p>\n    <h2>WHAT THE SCIENCE SAYS<\/h2>\n    <p>Leading biosecurity researchers and program directors on why eradication remains feasible \u2014 and why citizen surveillance is critical.<\/p>\n  <\/div>\n\n  <div class=\"fr-quotes-grid\">\n\n    <!-- Featured Quote \u2014 Full Width -->\n    <div class=\"fr-quote-featured\">\n      <p class=\"fr-quote-text\">\n        &#8220;This is a super pest. It affects everything \u2014 agriculture, the environment, our outdoor lifestyle, and human health. \n        It attacks over 52 agricultural crops. No other invasive species presents this breadth of impact.&#8221;\n      <\/p>\n      <div class=\"fr-quote-author\">\n        <div class=\"fr-quote-avatar\">RW<\/div>\n        <div class=\"fr-quote-meta\">\n          <p class=\"fr-quote-name\">Dr. Ross Wylie<\/p>\n          <p class=\"fr-quote-role\">Former Scientific Director, National Fire Ant Eradication Program<\/p>\n        <\/div>\n      <\/div>\n      <span class=\"fr-quote-source\">NFAEP Scientific Advisory Panel<\/span>\n    <\/div>\n\n    <!-- Quote 2 -->\n    <div class=\"fr-quote-card\">\n      <p class=\"fr-quote-text\">\n        &#8220;Australia&#8217;s fire ant eradication program is the absolute gold standard. No other country has achieved what Australia \n        has demonstrated \u2014 the successful elimination of eight genetically distinct incursions.&#8221;\n      <\/p>\n      <div class=\"fr-quote-author\">\n        <div class=\"fr-quote-avatar\">BH<\/div>\n        <div class=\"fr-quote-meta\">\n          <p class=\"fr-quote-name\">Ben Hoffman<\/p>\n          <p class=\"fr-quote-role\">Principal Research Scientist, CSIRO<\/p>\n        <\/div>\n      <\/div>\n      <span class=\"fr-quote-source\">CSIRO Biosecurity Research<\/span>\n    <\/div>\n\n    <!-- Quote 3 -->\n    <div class=\"fr-quote-card\">\n      <p class=\"fr-quote-text\">\n        &#8220;Every dollar invested in eradication now saves twenty-five dollars in the longer term. The benefit-cost ratio \n        is 390 to 1. There is no comparable return on investment in biosecurity anywhere in the world.&#8221;\n      <\/p>\n      <div class=\"fr-quote-author\">\n        <div class=\"fr-quote-avatar\">AC<\/div>\n        <div class=\"fr-quote-meta\">\n          <p class=\"fr-quote-name\">Andrew Cox<\/p>\n          <p class=\"fr-quote-role\">CEO, Invasive Species Council<\/p>\n        <\/div>\n      <\/div>\n      <span class=\"fr-quote-source\">Economic Impact Assessment<\/span>\n    <\/div>\n\n    <!-- Quote 4 -->\n    <div class=\"fr-quote-card\">\n      <p class=\"fr-quote-text\">\n        &#8220;Citizen science platforms now generate 99% of biosecurity alerts. Community engagement isn&#8217;t supplementary \n        to eradication \u2014 it&#8217;s operationally essential. Without it, surveillance coverage is fundamentally inadequate.&#8221;\n      <\/p>\n      <div class=\"fr-quote-author\">\n        <div class=\"fr-quote-avatar\">IR<\/div>\n        <div class=\"fr-quote-meta\">\n          <p class=\"fr-quote-name\">Independent Review Panel<\/p>\n          <p class=\"fr-quote-role\">May 2026 Eradication Feasibility Review<\/p>\n        <\/div>\n      <\/div>\n      <span class=\"fr-quote-source\">2026 Independent Review<\/span>\n    <\/div>\n\n    <!-- Quote 5 -->\n    <div class=\"fr-quote-card\">\n      <p class=\"fr-quote-text\">\n        &#8220;Once you lose the eradication window, you never get it back. The United States spends six billion dollars \n        annually managing fire ants they failed to eradicate in 1975. That is Australia&#8217;s alternative future.&#8221;\n      <\/p>\n      <div class=\"fr-quote-author\">\n        <div class=\"fr-quote-avatar\">RV<\/div>\n        <div class=\"fr-quote-meta\">\n          <p class=\"fr-quote-name\">Dr. Robert Vander Meer<\/p>\n          <p class=\"fr-quote-role\">Research Chemist, USDA Agricultural Research Service<\/p>\n        <\/div>\n      <\/div>\n      <span class=\"fr-quote-source\">USDA ARS Fire Ant Research<\/span>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<style>\n.fr-cta {\n  background: linear-gradient(180deg, #0a0a0a 0%, #0f0202 100%);\n  padding: 80px 40px;\n  font-family: Inter, Arial, sans-serif;\n}\n.fr-cta-container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n.fr-cta-header {\n  text-align: center;\n  margin-bottom: 60px;\n}\n.fr-cta-header .fr-label {\n  color: #ff3b3b;\n  font-size: 0.8rem;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 0.5rem;\n}\n.fr-cta-header h2 {\n  color: #fff;\n  font-size: 2.4rem;\n  font-weight: 800;\n  margin: 0 0 1rem;\n}\n.fr-cta-header p {\n  color: rgba(255,255,255,0.6);\n  font-size: 1.05rem;\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* Two-column: Value props left, CTA card right *\/\n.fr-cta-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 4rem;\n  align-items: center;\n}\n\n\/* Left: Value propositions *\/\n.fr-cta-values {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n.fr-cta-value {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding: 16px;\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255,59,59,0.06);\n  border-radius: 12px;\n  transition: border-color 0.3s;\n}\n.fr-cta-value:hover {\n  border-color: rgba(255,59,59,0.2);\n}\n.fr-cta-value-icon {\n  width: 36px;\n  height: 36px;\n  background: rgba(255,59,59,0.1);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ff3b3b;\n  font-size: 1rem;\n  flex-shrink: 0;\n}\n.fr-cta-value-icon i {\n  font-size: 16px;\n}\n.fr-cta-value-text h4 {\n  color: #fff;\n  font-size: 0.95rem;\n  font-weight: 700;\n  margin: 0 0 4px;\n}\n.fr-cta-value-text p {\n  color: rgba(255,255,255,0.5);\n  font-size: 0.82rem;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* Right: CTA Card *\/\n.fr-cta-card {\n  background: #111;\n  border: 1px solid rgba(255,59,59,0.12);\n  border-radius: 20px;\n  padding: 2.5rem;\n  text-align: center;\n}\n.fr-cta-card h3 {\n  color: #fff;\n  font-size: 1.4rem;\n  font-weight: 800;\n  margin: 0 0 0.75rem;\n}\n.fr-cta-card p {\n  color: rgba(255,255,255,0.55);\n  font-size: 0.9rem;\n  line-height: 1.7;\n  margin: 0 0 2rem;\n}\n.fr-cta-buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n}\n.fr-btn-cta-primary {\n  display: inline-block;\n  width: 100%;\n  max-width: 280px;\n  padding: 14px 32px;\n  background: #ff3b3b;\n  color: #fff;\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 0.9rem;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  border-radius: 980px;\n  text-align: center;\n  transition: background 0.3s, transform 0.2s, box-shadow 0.3s;\n  box-shadow: 0 4px 16px rgba(255,59,59,0.25);\n}\n.fr-btn-cta-primary:hover {\n  background: #e62e2e;\n  transform: scale(1.04);\n  box-shadow: 0 6px 24px rgba(255,59,59,0.4);\n  color: #fff;\n}\n.fr-btn-cta-secondary {\n  display: inline-block;\n  width: 100%;\n  max-width: 280px;\n  padding: 14px 32px;\n  background: transparent;\n  color: #fff;\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 0.9rem;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  border-radius: 980px;\n  border: 2px solid rgba(255,255,255,0.2);\n  text-align: center;\n  transition: border-color 0.3s, color 0.3s, transform 0.2s;\n}\n.fr-btn-cta-secondary:hover {\n  border-color: #ff3b3b;\n  color: #ff3b3b;\n  transform: scale(1.04);\n}\n.fr-cta-card .fr-cta-note {\n  color: rgba(255,255,255,0.3);\n  font-size: 0.7rem;\n  margin-top: 1.5rem;\n  letter-spacing: 0.5px;\n}\n\n\/* Bottom: Pilot status badge *\/\n.fr-cta-status {\n  text-align: center;\n  margin-top: 60px;\n  padding-top: 40px;\n  border-top: 1px solid rgba(255,59,59,0.08);\n}\n.fr-status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(255,59,59,0.08);\n  border: 1px solid rgba(255,59,59,0.2);\n  padding: 10px 20px;\n  border-radius: 999px;\n}\n.fr-status-dot {\n  width: 8px;\n  height: 8px;\n  background: #ff3b3b;\n  border-radius: 50%;\n  animation: statusPulse 2s ease-in-out infinite;\n}\n@keyframes statusPulse {\n  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255,59,59,0.4); }\n  50% { opacity: 0.7; box-shadow: 0 0 0 6px rgba(255,59,59,0); }\n}\n.fr-status-badge span {\n  color: rgba(255,255,255,0.7);\n  font-size: 0.8rem;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n}\n\n@media (max-width: 768px) {\n  .fr-cta-grid {\n    grid-template-columns: 1fr;\n    gap: 3rem;\n  }\n  .fr-cta {\n    padding: 60px 20px;\n  }\n  .fr-cta-card {\n    padding: 2rem 1.5rem;\n  }\n}\n<\/style>\n\n\n\n<div class=\"fr-cta\">\n  <div class=\"fr-cta-container\">\n\n    <div class=\"fr-cta-header\">\n      <p class=\"fr-label\">Partner With Us<\/p>\n      <h2>THE WINDOW IS CLOSING<\/h2>\n      <p>Australia has until 2032 to achieve continental eradication. Every month of delay increases the cost and reduces the probability of success. We&#8217;re looking for partners who understand urgency.<\/p>\n    <\/div>\n\n    <div class=\"fr-cta-grid\">\n\n      <!-- Left: Value Props -->\n      <div class=\"fr-cta-values\">\n\n        <div class=\"fr-cta-value\">\n          <div class=\"fr-cta-value-icon\">\n            <i class=\"fas fa-barcode\"><\/i>\n          <\/div>\n          <div class=\"fr-cta-value-text\">\n            <h4>390:1 Benefit-Cost Ratio<\/h4>\n            <p>Every dollar invested in eradication returns $25 in avoided damages. No comparable ROI exists in Australian biosecurity.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"fr-cta-value\">\n          <div class=\"fr-cta-value-icon\">\n            <i class=\"fas fa-desktop\"><\/i>\n          <\/div>\n          <div class=\"fr-cta-value-text\">\n            <h4>AI + Citizen Surveillance Network<\/h4>\n            <p>20,000+ training images. 85%+ confidence scoring. Geo-tagged intelligence that extends government capacity.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"fr-cta-value\">\n          <div class=\"fr-cta-value-icon\">\n            <i class=\"fas fa-file-alt\"><\/i>\n          <\/div>\n          <div class=\"fr-cta-value-text\">\n            <h4>Government-Aligned Framework<\/h4>\n            <p>Directly addresses the 19 operational reforms identified in the May 2026 Independent Review. Fills the community engagement gap.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"fr-cta-value\">\n          <div class=\"fr-cta-value-icon\">\n            <i class=\"fas fa-globe\"><\/i>\n          <\/div>\n          <div class=\"fr-cta-value-text\">\n            <h4>Scalable Beyond Australia<\/h4>\n            <p>Fire ants are established across the US, China, Taiwan, and Europe. Japan has recorded detections, with no confirmed establishment reported in its <a href=\"https:\/\/www.env.go.jp\/press\/press_03650.html\">April 2026 official update<\/a>. The platform architecture is globally transferable.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Right: CTA Card -->\n      <div class=\"fr-cta-card\">\n        <h3>\u8bf7\u6c42\u7b80\u62a5<\/h3>\n        <p>Get the full investment case, technical architecture, pilot data, and partnership opportunities delivered directly.<\/p>\n        <div class=\"fr-cta-buttons\">\n          <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=392\" class=\"fr-btn-cta-primary\">Request Briefing<\/a>\n          <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\" class=\"fr-btn-cta-secondary\">Download the App<\/a>\n        <\/div>\n        <p class=\"fr-cta-note\">Available for government, research institutions, and private investors<\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- Pilot Status -->\n    <div class=\"fr-cta-status\">\n      <div class=\"fr-status-badge\">\n        <div class=\"fr-status-dot\"><\/div>\n        <span>PILOT STAGE \u2014 LIVE IN SE QUEENSLAND \u2014 JUNE 2026<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<style> \n.fr-footer { \n  background: #000; \n  border-top: 1px solid rgba(255,59,59,0.1); \n  padding: 60px 40px 30px; \n  font-family: Inter, Arial, sans-serif; \n} \n.fr-footer-container { \n  max-width: 1100px; \n  margin: 0 auto; \n} \n.fr-footer-grid { \n  display: grid; \n  grid-template-columns: 2fr 1fr 1fr 1.5fr; \n  gap: 3rem; \n  margin-bottom: 50px; \n} \n \n\/* Column 1: Brand *\/ \n.fr-footer-brand img { \n  height: 36px; \n  margin-bottom: 1rem; \n} \n.fr-footer-brand p { \n  color: rgba(255,255,255,0.5); \n  font-size: 0.85rem; \n  line-height: 1.7; \n  margin: 0 0 1.5rem; \n  max-width: 280px; \n} \n.fr-footer-socials { \n  display: flex; \n  gap: 12px; \n} \n.fr-footer-socials a { \n  width: 36px; \n  height: 36px; \n  background: rgba(255,255,255,0.05); \n  border: 1px solid rgba(255,255,255,0.1); \n  border-radius: 8px; \n  display: flex; \n  align-items: center; \n  justify-content: center; \n  color: rgba(255,255,255,0.6); \n  text-decoration: none; \n  transition: background 0.3s, border-color 0.3s, color 0.3s; \n} \n.fr-footer-socials a:hover { \n  background: rgba(255,59,59,0.1); \n  border-color: rgba(255,59,59,0.3); \n  color: #ff3b3b; \n} \n.fr-footer-socials a i { \n  font-size: 14px; \n} \n \n\/* Column headings *\/ \n.fr-footer-col h4 { \n  color: #fff; \n  font-size: 0.8rem; \n  font-weight: 700; \n  letter-spacing: 2px; \n  text-transform: uppercase; \n  margin: 0 0 1.2rem; \n} \n.fr-footer-col ul { \n  list-style: none; \n  padding: 0; \n  margin: 0; \n} \n.fr-footer-col ul li { \n  margin-bottom: 10px; \n} \n.fr-footer-col ul li a { \n  color: rgba(255,255,255,0.5); \n  text-decoration: none; \n  font-size: 0.85rem; \n  transition: color 0.3s; \n} \n.fr-footer-col ul li a:hover { \n  color: #ff3b3b; \n} \n \n\/* Column 4: Newsletter \/ Contact *\/ \n.fr-footer-contact p { \n  color: rgba(255,255,255,0.5); \n  font-size: 0.82rem; \n  line-height: 1.6; \n  margin: 0 0 1rem; \n} \n.fr-footer-contact .fr-contact-item { \n  display: flex; \n  align-items: center; \n  gap: 8px; \n  margin-bottom: 8px; \n} \n.fr-footer-contact .fr-contact-item i { \n  color: #ff3b3b; \n  font-size: 12px; \n} \n.fr-footer-contact .fr-contact-item span { \n  color: rgba(255,255,255,0.6); \n  font-size: 0.82rem; \n} \n.fr-footer-contact .fr-contact-item a { \n  color: rgba(255,255,255,0.6); \n  text-decoration: none; \n  font-size: 0.82rem; \n  transition: color 0.3s; \n} \n.fr-footer-contact .fr-contact-item a:hover { \n  color: #ff3b3b; \n} \n \n\/* Bottom bar *\/ \n.fr-footer-bottom { \n  border-top: 1px solid rgba(255,255,255,0.06); \n  padding-top: 24px; \n  display: flex; \n  justify-content: space-between; \n  align-items: center; \n  flex-wrap: wrap; \n  gap: 1rem; \n} \n.fr-footer-bottom .fr-copyright { \n  color: rgba(255,255,255,0.3); \n  font-size: 0.75rem; \n} \n.fr-footer-bottom .fr-copyright a { \n  color: rgba(255,255,255,0.4); \n  text-decoration: none; \n  transition: color 0.3s; \n} \n.fr-footer-bottom .fr-copyright a:hover { \n  color: #ff3b3b; \n} \n.fr-footer-bottom .fr-footer-badges { \n  display: flex; \n  align-items: center; \n  gap: 12px; \n} \n.fr-footer-badge { \n  display: inline-flex; \n  align-items: center; \n  gap: 5px; \n  background: rgba(255,255,255,0.03); \n  border: 1px solid rgba(255,255,255,0.08); \n  padding: 5px 10px; \n  border-radius: 6px; \n  color: rgba(255,255,255,0.4); \n  font-size: 0.65rem; \n  letter-spacing: 0.5px; \n} \n.fr-footer-badge i { \n  font-size: 10px; \n  color: #ff3b3b; \n} \n \n@media (max-width: 768px) { \n  .fr-footer-grid { \n    grid-template-columns: 1fr 1fr; \n    gap: 2rem; \n  } \n  .fr-footer { \n    padding: 40px 20px 20px; \n  } \n  .fr-footer-bottom { \n    flex-direction: column; \n    text-align: center; \n  } \n} \n@media (max-width: 480px) { \n  .fr-footer-grid { \n    grid-template-columns: 1fr; \n  } \n} \n<\/style> \n \n\n\n<footer class=\"fr-footer\">\n  <div class=\"fr-footer-container\">\n\n    <div class=\"fr-footer-grid\">\n\n      <!-- Column 1: Brand -->\n      <div class=\"fr-footer-brand\">\n        <img decoding=\"async\" src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/FR-logo-scaled.png\" alt=\"Fire Rant\">\n        <p>Citizen biosecurity intelligence platform. Amplifying Australia&#8217;s world-leading eradication science through AI-powered community surveillance.<\/p>\n        <div class=\"fr-footer-socials\">\n          <span  aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/span>\n          <span  aria-label=\"\u8138\u4e66\"><i class=\"fab fa-facebook-f\"><\/i><\/span>\n          <span  aria-label=\"\u9886\u82f1\"><i class=\"fab fa-linkedin-in\"><\/i><\/span>\n          <span  aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Navigation -->\n      <div class=\"fr-footer-col\">\n        <h4>Platform<\/h4>\n        <ul>\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/\">Home<\/a><\/li>\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\">\u5e94\u7528<\/a><\/li>\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=573\">\u5730\u56fe<\/a><\/li>\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=392\">\u5173\u4e8e<\/a><\/li>\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=1452\">\u4e2d\u6587<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Column 3: Resources -->\n      <div class=\"fr-footer-col\">\n        <h4>Resources<\/h4>\n        <ul>\n          <li><span >Research Papers<\/span><\/li>\n          <li><span >2026 Independent Review<\/span><\/li>\n          <li><a href=\"https:\/\/www.fireants.org.au\/\">NFAEP Program<\/a><\/li>\n          <li><a href=\"https:\/\/firerant.com.au\/zh\/?page_id=1402\">Privacy Policy<\/a><\/li>\n          <li><span >Terms of Use<\/span><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Column 4: Contact -->\n      <div class=\"fr-footer-col fr-footer-contact\">\n        <h4>Contact<\/h4>\n        <p>Partnerships, investment enquiries, and research collaboration.<\/p>\n        <div class=\"fr-contact-item\">\n          <i class=\"fas fa-envelope\"><\/i>\n          <a href=\"mailto:info@neonsnow.com.au\">info@neonsnow.com.au<\/a>\n        <\/div>\n        <div class=\"fr-contact-item\">\n          <i class=\"fas fa-mobile-alt\"><\/i>\n          <a href=\"tel:0456760405\">0456 760 405<\/a>\n        <\/div>\n        <div class=\"fr-contact-item\">\n          <i class=\"fas fa-map-marker-alt\"><\/i>\n          <span>South East Queensland, Australia<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Bottom Bar -->\n    <div class=\"fr-footer-bottom\">\n      <p class=\"fr-copyright\">\n        \u00a9 2026 FIRE RANT. All rights reserved. Design by <a href=\"https:\/\/neonsnow.com.au\">NEON SNOW<\/a>\n      <\/p>\n      <div class=\"fr-footer-badges\">\n        <span class=\"fr-footer-badge\"><i class=\"fas fa-lock\"><\/i> SSL Secured<\/span>\n        <span class=\"fr-footer-badge\"><i class=\"fas fa-check-circle\"><\/i> Pilot Stage<\/span>\n        <span class=\"fr-footer-badge\"><i class=\"fas fa-code\"><\/i> v1.0 Beta<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/footer>\n\n\n\n<style>\n.fr-web-nav {\n  font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 9999;\n  pointer-events: none;\n}\n\n.fr-web-nav-container {\n  position: relative;\n  width: 100%;\n  pointer-events: none;\n}\n\n\/* Red fill underneath the nav image (for mobile transparency) *\/\n.fr-web-nav-redfill {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0;\n  background: #ff3b3b;\n  z-index: 1;\n  pointer-events: all;\n}\n\n\/* Nav images *\/\n.fr-web-nav-img {\n  width: 100%;\n  height: auto;\n  display: block;\n  pointer-events: all;\n  position: relative;\n  z-index: 5;\n}\n\n.fr-web-nav-img-desktop {\n  display: block;\n}\n\n.fr-web-nav-img-mobile {\n  display: none;\n}\n\n\/* Centre red dot with white home icon \u2014 DESKTOP *\/\n.fr-web-nav-home {\n  position: absolute;\n  left: 50%;\n  bottom: 38px;\n  transform: translateX(-50%);\n  width: 58px;\n  height: 58px;\n  background: #ff3b3b;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 20px rgba(255,59,59,0.35);\n  z-index: 20;\n  text-decoration: none;\n  color: #fff;\n  font-size: 22px;\n  transition: transform 0.2s, box-shadow 0.2s;\n  pointer-events: all;\n}\n\n.fr-web-nav-home:hover {\n  transform: translateX(-50%) scale(1.08);\n  box-shadow: 0 6px 28px rgba(255,59,59,0.5);\n}\n\n\/* Nav links overlaid *\/\n.fr-web-nav-links {\n  position: absolute;\n  bottom: 12px;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  z-index: 15;\n  pointer-events: all;\n}\n\n.fr-web-nav-link {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 3px;\n  text-decoration: none;\n  color: #fff;\n  font-size: 9px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  opacity: 0.9;\n  transition: opacity 0.2s, transform 0.2s;\n  width: 70px;\n}\n\n.fr-web-nav-link:hover {\n  opacity: 1;\n  transform: translateY(-2px);\n}\n\n.fr-web-nav-link i {\n  font-size: 18px;\n}\n\n\/* Spacer for centre button *\/\n.fr-web-nav-link-spacer {\n  width: 100px;\n}\n\n\/* Page spacer *\/\n.fr-web-nav-page-spacer {\n  height: 80px;\n}\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n  .fr-web-nav-img-desktop {\n    display: none;\n  }\n\n  .fr-web-nav-img-mobile {\n    display: block;\n  }\n\n  .fr-web-nav-redfill {\n    height: 40px;\n  }\n\n  .fr-web-nav-home {\n    width: 50px;\n    height: 50px;\n    font-size: 18px;\n    bottom: 70px;\n  }\n\n  .fr-web-nav-links {\n    bottom: 8px;\n  }\n\n  .fr-web-nav-link {\n    width: 55px;\n    font-size: 8px;\n  }\n\n  .fr-web-nav-link i {\n    font-size: 15px;\n  }\n\n  .fr-web-nav-link-spacer {\n    width: 65px;\n  }\n\n  .fr-web-nav-page-spacer {\n    height: 70px;\n  }\n}\n<\/style>\n\n<!-- Page spacer so content isn't hidden -->\n<div class=\"fr-web-nav-page-spacer\"><\/div>\n\n<!-- Fixed Bottom Nav -->\n<div class=\"fr-web-nav\">\n  <div class=\"fr-web-nav-container\">\n\n    <!-- Red fill underneath transparent areas (mobile only) -->\n    <div class=\"fr-web-nav-redfill\"><\/div>\n\n    <!-- Desktop nav image -->\n    <img decoding=\"async\" \n      src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/FA-bottom-nav-Desktop-version-1-scaled.png\" \n      alt=\"Navigation\" \n      class=\"fr-web-nav-img fr-web-nav-img-desktop\"\n    >\n\n    <!-- Mobile nav image -->\n    <img decoding=\"async\" \n      src=\"https:\/\/firerant.com.au\/wp-content\/uploads\/2026\/06\/Nav-Menu-Bar-scaled.webp\" \n      alt=\"Navigation\" \n      class=\"fr-web-nav-img fr-web-nav-img-mobile\"\n    >\n\n    <!-- Centre red dot with white home icon -->\n    <a aria-label=\"Home\" href=\"https:\/\/firerant.com.au\/zh\/\" class=\"fr-web-nav-home\">\n      <i class=\"fas fa-home\"><\/i>\n    <\/a>\n\n    <!-- Clickable nav links -->\n    <div class=\"fr-web-nav-links\">\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=573\" class=\"fr-web-nav-link\">\n        <i class=\"fas fa-map-marker-alt\"><\/i>\n        <span>\u5730\u56fe<\/span>\n      <\/a>\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=571\" class=\"fr-web-nav-link\">\n        <i class=\"fas fa-mobile-alt\"><\/i>\n        <span>\u5e94\u7528<\/span>\n      <\/a>\n\n      <!-- Spacer for centre button -->\n      <span class=\"fr-web-nav-link-spacer\"><\/span>\n\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=1452\" class=\"fr-web-nav-link\">\n        <i class=\"fas fa-language\"><\/i>\n        <span>\u4e2d\u6587<\/span>\n      <\/a>\n      <a href=\"https:\/\/firerant.com.au\/zh\/?page_id=392\" class=\"fr-web-nav-link\">\n        <i class=\"fas fa-info-circle\"><\/i>\n        <span>\u5173\u4e8e<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>Map App About \u4e2d\u6587 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 Unmatched [&hellip;]<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "",
    "meta": {
        "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": 1483,
                "href": "https:\/\/firerant.com.au\/zh\/index.php?rest_route=\/wp\/v2\/pages\/538\/revisions\/1483"
            }
        ],
        "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
            }
        ]
    }
}