OPserver \u2014 True Observer Media<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&family=DM+Serif+Display:ital@0;1&family=Sora:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n FONT LOAD (also via @import as WP fallback)\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Sora:wght@400;600;700;800&display=swap');\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TOKENS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n :root {\r\n --to-pg-navy: #0b2a3f;\r\n --to-pg-navy-mid: #0a2e52;\r\n --to-pg-gold: #d7a329;\r\n --to-pg-gold-lt: #f5c349;\r\n --to-pg-white: #ffffff;\r\n --to-pg-mist: #f4f6f9;\r\n --to-pg-border: #e0e6ef;\r\n --to-pg-slate: #3d4f66;\r\n --to-pg-teal: #44d7e8;\r\n --to-pg-op-dark: #091321;\r\n --to-pg-op-mid: #0f1a2c;\r\n --r: 14px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n NUCLEAR RESET\r\n \"body #to-opserver-page\" adds an extra\r\n element to specificity, beating the theme's\r\n bare \"h1,h2,h3\" and \"body,p,li\" rules even\r\n when both carry !important.\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page,\r\n body #to-opserver-page * { box-sizing: border-box; }\r\n\r\n \/* Kill theme font-family on ALL elements inside our wrapper *\/\r\n body #to-opserver-page,\r\n body #to-opserver-page p,\r\n body #to-opserver-page li,\r\n body #to-opserver-page span,\r\n body #to-opserver-page a,\r\n body #to-opserver-page button,\r\n body #to-opserver-page h1,\r\n body #to-opserver-page h2,\r\n body #to-opserver-page h3,\r\n body #to-opserver-page h4,\r\n body #to-opserver-page h5 {\r\n font-family: 'Montserrat', sans-serif !important;\r\n letter-spacing: normal !important;\r\n }\r\n\r\n \/* Serif overrides \u2014 literal value, not CSS var *\/\r\n body #to-opserver-page .to-hero h1,\r\n body #to-opserver-page .to-path h3,\r\n body #to-opserver-page .to-stat-number,\r\n body #to-opserver-page .section-heading,\r\n body #to-opserver-page .op-banner-brand-text .title {\r\n font-family: 'DM Serif Display', Georgia, serif !important;\r\n }\r\n\r\n \/* Sora overrides \u2014 banner UI text *\/\r\n body #to-opserver-page .op-banner-heading,\r\n body #to-opserver-page .op-banner-copy,\r\n body #to-opserver-page .op-banner-stat,\r\n body #to-opserver-page .op-banner-brand-text .sub,\r\n body #to-opserver-page .op-banner-cta,\r\n body #to-opserver-page .op-banner-dots {\r\n font-family: 'Sora', sans-serif !important;\r\n }\r\n\r\n \/* Kill theme weight forcing on headings *\/\r\n body #to-opserver-page h1,\r\n body #to-opserver-page h2,\r\n body #to-opserver-page h3,\r\n body #to-opserver-page h4,\r\n body #to-opserver-page h5 {\r\n font-weight: inherit !important;\r\n line-height: inherit !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* Kill theme color forcing on all text *\/\r\n body #to-opserver-page p,\r\n body #to-opserver-page li,\r\n body #to-opserver-page span { color: inherit !important; }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n HERO\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-hero {\r\n background: var(--to-pg-navy) !important;\r\n padding: 80px 24px 72px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n body #to-opserver-page .to-hero::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background-image:\r\n linear-gradient(rgba(215,163,41,0.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(215,163,41,0.04) 1px, transparent 1px);\r\n background-size: 44px 44px; pointer-events: none;\r\n }\r\n body #to-opserver-page .to-hero::after {\r\n content: '';\r\n position: absolute; top: -80px; left: 50%; transform: translateX(-50%);\r\n width: 600px; height: 320px;\r\n background: radial-gradient(ellipse at center, rgba(215,163,41,0.13), transparent 68%);\r\n pointer-events: none;\r\n }\r\n body #to-opserver-page .to-hero-inner {\r\n position: relative; z-index: 1;\r\n max-width: 740px; margin: 0 auto;\r\n }\r\n body #to-opserver-page .to-hero-eyebrow {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n font-size: 10.5px !important; font-weight: 800 !important;\r\n letter-spacing: 0.16em !important; text-transform: uppercase;\r\n color: var(--to-pg-gold) !important; margin-bottom: 22px;\r\n }\r\n body #to-opserver-page .to-hero-eyebrow::before,\r\n body #to-opserver-page .to-hero-eyebrow::after {\r\n content: ''; display: block; width: 28px; height: 1px;\r\n background: var(--to-pg-gold); opacity: 0.4;\r\n }\r\n body #to-opserver-page .to-hero h1 {\r\n font-size: clamp(30px, 4.8vw, 52px) !important;\r\n line-height: 1.08 !important; font-weight: 400 !important;\r\n color: var(--to-pg-white) !important; margin-bottom: 20px !important;\r\n }\r\n body #to-opserver-page .to-hero h1 em {\r\n font-style: italic; color: var(--to-pg-gold-lt) !important;\r\n }\r\n body #to-opserver-page .to-hero-lead {\r\n font-size: 16.5px !important; line-height: 1.65 !important;\r\n color: #7a9ab8 !important; max-width: 560px; margin: 0 auto 36px !important;\r\n }\r\n body #to-opserver-page .to-hero-cta-group {\r\n display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n BUTTONS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .btn-gold {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 24px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: var(--to-pg-gold) !important; color: var(--to-pg-navy) !important;\r\n box-shadow: 0 6px 22px rgba(215,163,41,0.35); border: none !important;\r\n transition: filter 0.18s ease, transform 0.18s ease;\r\n }\r\n body #to-opserver-page .btn-gold:hover { filter: brightness(1.08); transform: translateY(-1px); }\r\n body #to-opserver-page .btn-ghost-navy {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 24px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: rgba(255,255,255,0.07) !important;\r\n border: 1px solid rgba(255,255,255,0.18) !important;\r\n color: var(--to-pg-white) !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n STATS BAR\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-stats-bar {\r\n background: var(--to-pg-navy-mid) !important;\r\n border-top: 3px solid var(--to-pg-gold);\r\n padding: 28px 24px;\r\n }\r\n body #to-opserver-page .to-stats-bar-inner {\r\n max-width: 900px; margin: 0 auto;\r\n display: grid; grid-template-columns: repeat(4,1fr);\r\n gap: 16px; text-align: center;\r\n }\r\n body #to-opserver-page .to-stat-number {\r\n font-size: 34px !important; font-weight: 400 !important;\r\n color: var(--to-pg-gold) !important; line-height: 1; margin-bottom: 4px !important;\r\n }\r\n body #to-opserver-page .to-stat-label {\r\n font-size: 10.5px !important; font-weight: 700 !important;\r\n letter-spacing: 0.12em !important; text-transform: uppercase;\r\n color: rgba(255,255,255,0.5) !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n SECTION HELPERS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .section-eyebrow {\r\n font-size: 10.5px !important; font-weight: 800 !important;\r\n letter-spacing: 0.15em !important; text-transform: uppercase;\r\n color: var(--to-pg-gold) !important; margin-bottom: 10px; display: block;\r\n }\r\n body #to-opserver-page .section-heading {\r\n font-size: clamp(26px, 3.4vw, 40px) !important;\r\n line-height: 1.1 !important; font-weight: 400 !important;\r\n color: var(--to-pg-navy) !important; margin-bottom: 14px !important;\r\n }\r\n body #to-opserver-page .section-heading em {\r\n font-style: italic; color: #0d3460 !important;\r\n }\r\n body #to-opserver-page .section-heading.light { color: var(--to-pg-white) !important; }\r\n body #to-opserver-page .section-heading.light em { color: #7ee8f0 !important; }\r\n body #to-opserver-page .section-subhead {\r\n font-size: 15.5px !important; color: var(--to-pg-slate) !important;\r\n line-height: 1.6 !important; max-width: 600px; margin-bottom: 48px !important;\r\n }\r\n body #to-opserver-page .section-subhead.light { color: #6a8899 !important; }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TWO PATHS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-two-paths {\r\n background: var(--to-pg-mist) !important; padding: 72px 24px;\r\n }\r\n body #to-opserver-page .to-two-paths-inner { max-width: 1100px; margin: 0 auto; }\r\n body #to-opserver-page .to-two-paths-header { text-align: center; margin-bottom: 52px; }\r\n\r\n body #to-opserver-page .to-paths-grid {\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n border-radius: 20px; overflow: hidden;\r\n box-shadow: 0 10px 44px rgba(0,31,63,0.14);\r\n position: relative;\r\n }\r\n body #to-opserver-page .to-path { padding: 48px 40px; position: relative; }\r\n body #to-opserver-page .to-path-agency {\r\n background: var(--to-pg-navy) !important;\r\n }\r\n body #to-opserver-page .to-path-agency::after {\r\n content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px;\r\n background: linear-gradient(180deg, transparent, rgba(215,163,41,0.22) 40%, rgba(215,163,41,0.22) 60%, transparent);\r\n }\r\n body #to-opserver-page .to-path-software { background: var(--to-pg-op-mid) !important; }\r\n\r\n body #to-opserver-page .to-path-badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 6px 14px; border-radius: 999px;\r\n font-size: 10.5px !important; font-weight: 800 !important;\r\n letter-spacing: 0.12em !important; text-transform: uppercase; margin-bottom: 24px;\r\n }\r\n body #to-opserver-page .badge-agency {\r\n background: rgba(215,163,41,0.14);\r\n color: var(--to-pg-gold-lt) !important;\r\n border: 1px solid rgba(215,163,41,0.26);\r\n }\r\n body #to-opserver-page .badge-software {\r\n background: rgba(68,215,232,0.10);\r\n color: #7ee8f0 !important;\r\n border: 1px solid rgba(68,215,232,0.22);\r\n }\r\n\r\n body #to-opserver-page .to-path h3 {\r\n font-size: 28px !important; font-weight: 400 !important;\r\n line-height: 1.12 !important; margin-bottom: 14px !important;\r\n color: var(--to-pg-white) !important;\r\n }\r\n body #to-opserver-page .to-path-agency h3 em { font-style: italic; color: var(--to-pg-gold-lt) !important; }\r\n body #to-opserver-page .to-path-software h3 em { font-style: italic; color: #7ee8f0 !important; }\r\n\r\n body #to-opserver-page .to-path p {\r\n font-size: 14.5px !important; line-height: 1.6 !important; margin-bottom: 28px !important;\r\n }\r\n body #to-opserver-page .to-path-agency p { color: #7a9ab8 !important; }\r\n body #to-opserver-page .to-path-software p { color: #7a96a8 !important; }\r\n\r\n body #to-opserver-page .to-path-list {\r\n list-style: none !important; display: flex; flex-direction: column;\r\n gap: 11px; margin-bottom: 36px !important; padding: 0 !important;\r\n }\r\n body #to-opserver-page .to-path-list li {\r\n display: flex; align-items: flex-start; gap: 12px;\r\n font-size: 14px !important; line-height: 1.4 !important; list-style: none !important;\r\n }\r\n body #to-opserver-page .to-path-agency .to-path-list li { color: #c8d8e8 !important; }\r\n body #to-opserver-page .to-path-software .to-path-list li { color: #a0bfc8 !important; }\r\n body #to-opserver-page .to-path-list li::before {\r\n content: ''; display: block; flex-shrink: 0;\r\n width: 18px; height: 18px; border-radius: 50%; margin-top: 1px;\r\n background-size: 10px; background-position: center; background-repeat: no-repeat;\r\n }\r\n body #to-opserver-page .to-path-agency .to-path-list li::before {\r\n background-color: rgba(215,163,41,0.18);\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='%23d7a329' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\r\n }\r\n body #to-opserver-page .to-path-software .to-path-list li::before {\r\n background-color: rgba(68,215,232,0.14);\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='%237ee8f0' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\r\n }\r\n\r\n body #to-opserver-page .btn-path-agency {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 22px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: var(--to-pg-gold) !important; color: var(--to-pg-navy) !important;\r\n box-shadow: 0 5px 18px rgba(215,163,41,0.38); border: none !important;\r\n }\r\n body #to-opserver-page .btn-path-agency:hover { filter: brightness(1.08); }\r\n body #to-opserver-page .btn-path-software {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 22px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: linear-gradient(135deg,#2f6fe5 0%,#3bbfe8 52%,#60dfcf 100%) !important;\r\n color: #fff !important; border: none !important;\r\n }\r\n body #to-opserver-page .btn-path-software:hover { filter: brightness(1.08); }\r\n\r\n body #to-opserver-page .to-path-or {\r\n position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\r\n width: 40px; height: 40px; border-radius: 50%;\r\n background: var(--to-pg-mist) !important; z-index: 10;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 10px !important; font-weight: 800 !important;\r\n color: var(--to-pg-slate) !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n AGENCY SERVICES\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-services-section {\r\n background: var(--to-pg-white) !important; padding: 72px 24px;\r\n }\r\n body #to-opserver-page .to-services-inner { max-width: 1100px; margin: 0 auto; }\r\n body #to-opserver-page .to-services-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 48px;\r\n }\r\n body #to-opserver-page .to-service-card {\r\n background: var(--to-pg-white) !important; border: 1px solid var(--to-pg-border);\r\n border-radius: var(--r); padding: 28px 26px; position: relative; overflow: hidden;\r\n transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\r\n }\r\n body #to-opserver-page .to-service-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--to-pg-navy), #0d3460);\r\n opacity: 0; transition: opacity 0.2s;\r\n }\r\n body #to-opserver-page .to-service-card:hover { border-color: rgba(11,42,63,0.22); box-shadow: 0 8px 28px rgba(11,42,63,0.09); transform: translateY(-2px); }\r\n body #to-opserver-page .to-service-card:hover::before { opacity: 1; }\r\n body #to-opserver-page .to-service-icon {\r\n width: 44px; height: 44px; border-radius: 12px;\r\n background: rgba(11,42,63,0.06);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 20px; margin-bottom: 16px;\r\n }\r\n body #to-opserver-page .to-service-card h4 {\r\n font-size: 15px !important; font-weight: 800 !important;\r\n color: var(--to-pg-navy) !important; margin-bottom: 8px !important;\r\n }\r\n body #to-opserver-page .to-service-card p {\r\n font-size: 13.5px !important; color: var(--to-pg-slate) !important; line-height: 1.55 !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n BANNER SECTION\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-banner-section {\r\n background: var(--to-pg-mist) !important; padding: 72px 24px 60px;\r\n }\r\n body #to-opserver-page .to-banner-section-inner { max-width: 1200px; margin: 0 auto; }\r\n body #to-opserver-page .to-banner-intro { text-align: center; margin-bottom: 32px; }\r\n body #to-opserver-page .to-banner-intro > p {\r\n font-size: 15px !important; color: var(--to-pg-slate) !important;\r\n max-width: 540px; margin: 8px auto 0 !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TOOLS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-tools-section {\r\n background: var(--to-pg-navy) !important; padding: 72px 24px; position: relative; overflow: hidden;\r\n }\r\n body #to-opserver-page .to-tools-section::before {\r\n content: ''; position: absolute; inset: 0;\r\n background-image:\r\n linear-gradient(rgba(68,215,232,0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(68,215,232,0.03) 1px, transparent 1px);\r\n background-size: 40px 40px; pointer-events: none;\r\n }\r\n body #to-opserver-page .to-tools-inner { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; }\r\n body #to-opserver-page .to-tools-header { margin-bottom: 52px; }\r\n body #to-opserver-page .to-tools-header .section-eyebrow { color: var(--to-pg-teal) !important; }\r\n\r\n body #to-opserver-page .to-tools-grid {\r\n display: grid; grid-template-columns: repeat(4,1fr); gap: 16px;\r\n }\r\n body #to-opserver-page .to-tool-card {\r\n background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(68,215,232,0.10);\r\n border-radius: var(--r); padding: 22px 20px;\r\n transition: border-color 0.2s, background 0.2s, transform 0.2s;\r\n }\r\n body #to-opserver-page .to-tool-card:hover { border-color: rgba(68,215,232,0.28); background: rgba(68,215,232,0.06) !important; transform: translateY(-2px); }\r\n body #to-opserver-page .to-tool-logo { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; display: block; margin-bottom: 14px; }\r\n body #to-opserver-page .to-tool-card h4 {\r\n font-size: 13.5px !important; font-weight: 800 !important;\r\n color: #dbeafe !important; margin-bottom: 6px !important;\r\n }\r\n body #to-opserver-page .to-tool-card p {\r\n font-size: 12.5px !important; color: #5a7888 !important; line-height: 1.5 !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n CTA FOOTER\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-cta-footer {\r\n background: var(--to-pg-navy) !important; padding: 72px 24px; text-align: center;\r\n border-top: 1px solid rgba(215,163,41,0.14);\r\n }\r\n body #to-opserver-page .to-cta-footer-inner { max-width: 600px; margin: 0 auto; }\r\n body #to-opserver-page .to-cta-footer .section-heading { text-align: center; color: var(--to-pg-white) !important; }\r\n body #to-opserver-page .to-cta-footer .section-heading em { color: var(--to-pg-gold-lt) !important; }\r\n body #to-opserver-page .to-cta-footer .section-subhead { text-align: center; margin: 0 auto 36px !important; color: #6a8899 !important; max-width: 100%; }\r\n body #to-opserver-page .to-cta-footer-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\r\n body #to-opserver-page .btn-ghost-light {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 24px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(255,255,255,0.16) !important;\r\n color: var(--to-pg-white) !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n OPSERVER BANNER\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .op-banner {\r\n position: relative; width: 100%; min-height: 168px; border-radius: 22px; overflow: hidden;\r\n border: 1px solid rgba(68,215,232,0.16);\r\n background: radial-gradient(ellipse at top center, rgba(68,215,232,0.10), transparent 55%), linear-gradient(180deg,#0f1a2c 0%,#091321 100%) !important;\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 30px rgba(0,0,0,0.28);\r\n color: #e5eefc !important;\r\n }\r\n body #to-opserver-page .op-banner::before {\r\n content: \"\"; position: absolute; inset: 0;\r\n background-image: linear-gradient(rgba(68,215,232,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(68,215,232,0.045) 1px, transparent 1px);\r\n background-size: 36px 36px; pointer-events: none;\r\n }\r\n body #to-opserver-page .op-banner-inner {\r\n position: relative; z-index: 1;\r\n display: grid; grid-template-columns: 1fr 188px 1.32fr; min-height: 168px;\r\n }\r\n body #to-opserver-page .op-banner-left { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 18px 20px 18px 22px; justify-content: center; }\r\n body #to-opserver-page .op-banner-brand { display: flex; align-items: center; gap: 12px; }\r\n body #to-opserver-page .op-banner-brand-badge {\r\n width: 52px; height: 52px; border-radius: 16px;\r\n display: flex; align-items: center; justify-content: center;\r\n background: radial-gradient(circle at 28% 20%, rgba(68,215,232,.24), transparent 55%), linear-gradient(180deg, rgba(20,31,52,.98), rgba(11,18,33,.98)) !important;\r\n border: 1px solid rgba(87,212,242,0.24); flex: 0 0 auto;\r\n }\r\n body #to-opserver-page .op-banner-brand-badge img { width: 32px; height: 32px; object-fit: contain; display: block; }\r\n body #to-opserver-page .op-banner-brand-text .title { font-size: 18px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0.01em !important; margin: 0 0 4px !important; }\r\n body #to-opserver-page .op-banner-brand-text .title .op { font-weight: 800 !important; color: #fff !important; }\r\n body #to-opserver-page .op-banner-brand-text .title .server { font-weight: 600 !important; color: #cbd5e1 !important; }\r\n body #to-opserver-page .op-banner-brand-text .sub { margin: 0 !important; font-size: 10px !important; text-transform: uppercase; letter-spacing: 0.12em !important; color: #94a3b8 !important; }\r\n body #to-opserver-page .op-banner-heading { margin: 0 !important; font-size: 20px !important; line-height: 1.05 !important; font-weight: 800 !important; color: #f8fafc !important; }\r\n body #to-opserver-page .op-banner-heading .gradient { background: linear-gradient(90deg,#74e8e4 0%,#49d8e2 55%,#2f6fe5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n body #to-opserver-page .op-banner-copy { margin: 0 !important; font-size: 13.5px !important; line-height: 1.45 !important; color: #a8b4c7 !important; }\r\n body #to-opserver-page .op-banner-stats { display: flex; flex-wrap: wrap; gap: 8px; }\r\n body #to-opserver-page .op-banner-stat { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 11px; border-radius: 12px; background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); color: #dbeafe !important; font-size: 12px !important; white-space: nowrap; }\r\n body #to-opserver-page .op-banner-stat strong { color: #fff !important; font-weight: 800 !important; }\r\n body #to-opserver-page .op-banner-logos { display: flex; align-items: center; justify-content: center; padding: 14px 10px; border-left: 1px solid rgba(68,215,232,0.10); border-right: 1px solid rgba(68,215,232,0.10); }\r\n body #to-opserver-page .op-logo-grid { display: grid; grid-template-columns: repeat(4,36px); grid-template-rows: repeat(2,36px); gap: 9px; }\r\n body #to-opserver-page .op-logo-icon { width: 36px; height: 36px; border-radius: 8px; object-fit: cover; display: block; opacity: 0; animation: toIconFadeUp 0.38s ease forwards; }\r\n body #to-opserver-page .op-logo-icon:nth-child(1){animation-delay:.06s}\r\n body #to-opserver-page .op-logo-icon:nth-child(2){animation-delay:.12s}\r\n body #to-opserver-page .op-logo-icon:nth-child(3){animation-delay:.18s}\r\n body #to-opserver-page .op-logo-icon:nth-child(4){animation-delay:.24s}\r\n body #to-opserver-page .op-logo-icon:nth-child(5){animation-delay:.30s}\r\n body #to-opserver-page .op-logo-icon:nth-child(6){animation-delay:.36s}\r\n body #to-opserver-page .op-logo-icon:nth-child(7){animation-delay:.42s}\r\n body #to-opserver-page .op-logo-icon:nth-child(8){animation-delay:.48s}\r\n @keyframes toIconFadeUp { from{opacity:0;transform:translateY(5px)} to{opacity:.88} }\r\n body #to-opserver-page .op-logo-icon:hover { opacity:1!important; transform:scale(1.13); transition:transform .14s,opacity .14s; position:relative; z-index:2; }\r\n body #to-opserver-page .op-banner-right { position:relative; overflow:hidden; }\r\n body #to-opserver-page .op-banner-right::before { content:''; position:absolute; top:0;bottom:0;left:0;width:36px; background:linear-gradient(90deg,#091321,transparent); z-index:20; pointer-events:none; }\r\n body #to-opserver-page .op-banner-cta {\r\n position:absolute; right:14px; top:14px; z-index:30;\r\n display:inline-flex; align-items:center; justify-content:center;\r\n min-height:36px; padding:0 14px; border-radius:12px;\r\n font-size:12px !important; font-weight:700 !important;\r\n color:#fff !important; text-decoration:none !important;\r\n background:linear-gradient(135deg,#2f6fe5 0%,#3bbfe8 52%,#60dfcf 100%) !important;\r\n box-shadow:0 6px 18px rgba(43,104,217,0.30); white-space:nowrap; border:none !important;\r\n }\r\n body #to-opserver-page .op-banner-cta:hover { filter:brightness(1.08); }\r\n body #to-opserver-page .op-banner-stack { position:absolute; inset:0; }\r\n body #to-opserver-page .op-banner-slide { position:absolute; bottom:0; right:-100%; opacity:0; transform-origin:bottom right; transform:scale(0.75); transition:right .75s cubic-bezier(0.34,1.18,0.64,1),opacity .55s ease,transform .75s cubic-bezier(0.34,1.18,0.64,1); will-change:right,opacity,transform; }\r\n body #to-opserver-page .op-banner-slide img { display:block; height:164px; width:auto; max-width:360px; object-fit:contain; filter:drop-shadow(0 14px 26px rgba(0,0,0,0.55)); }\r\n body #to-opserver-page .op-banner-slide.pos-0 { right:92px; opacity:1; transform:scale(1); z-index:6; }\r\n body #to-opserver-page .op-banner-slide.pos-1 { right:286px; opacity:0.75; transform:scale(0.86); z-index:5; }\r\n body #to-opserver-page .op-banner-slide.pos-2 { right:458px; opacity:0.48; transform:scale(0.72); z-index:4; }\r\n body #to-opserver-page .op-banner-slide.pos-exit { right:620px; opacity:0; transform:scale(0.60); z-index:3; transition:right .55s ease-in,opacity .42s ease-in,transform .55s ease-in; }\r\n body #to-opserver-page .op-banner-dots { position:absolute; right:14px; bottom:10px; display:flex; gap:5px; z-index:25; }\r\n body #to-opserver-page .op-banner-dot { width:6px; height:6px; border-radius:999px; background:rgba(255,255,255,0.20); transition:all .22s ease; }\r\n body #to-opserver-page .op-banner-dot.active { background:#5eead4; box-shadow:0 0 8px rgba(94,234,212,0.50); width:16px; }\r\n\r\n @media(max-width:1300px){\r\n body #to-opserver-page .op-banner-inner{grid-template-columns:1fr 180px 1.24fr}\r\n body #to-opserver-page .op-banner-slide.pos-0{right:68px} body #to-opserver-page .op-banner-slide.pos-1{right:238px}\r\n body #to-opserver-page .op-banner-slide.pos-2{right:388px} body #to-opserver-page .op-banner-slide.pos-exit{right:500px}\r\n body #to-opserver-page .op-banner-slide img{height:152px}\r\n }\r\n @media(max-width:1100px){\r\n body #to-opserver-page .op-banner-inner{grid-template-columns:1fr 168px 1.16fr}\r\n body #to-opserver-page .op-banner-slide.pos-0{right:126px} body #to-opserver-page .op-banner-slide.pos-1{right:292px}\r\n body #to-opserver-page .op-banner-slide.pos-2{right:406px} body #to-opserver-page .op-banner-slide.pos-exit{right:430px}\r\n body #to-opserver-page .op-banner-slide img{height:142px}\r\n }\r\n @media(max-width:960px){ body #to-opserver-page .op-banner-inner{grid-template-columns:1fr 158px} body #to-opserver-page .op-banner-right{display:none} }\r\n @media(max-width:700px){ body #to-opserver-page .op-banner-inner{grid-template-columns:1fr} body #to-opserver-page .op-banner-logos{display:none} body #to-opserver-page .op-banner-left{padding:16px} }\r\n @media(max-width:900px){\r\n body #to-opserver-page .to-paths-grid{grid-template-columns:1fr}\r\n body #to-opserver-page .to-path-or{display:none}\r\n body #to-opserver-page .to-path-agency::after{display:none}\r\n body #to-opserver-page .to-tools-grid{grid-template-columns:repeat(2,1fr)}\r\n body #to-opserver-page .to-services-grid{grid-template-columns:repeat(2,1fr)}\r\n body #to-opserver-page .to-stats-bar-inner{grid-template-columns:repeat(2,1fr);gap:24px}\r\n }\r\n @media(max-width:600px){\r\n body #to-opserver-page .to-services-grid{grid-template-columns:1fr}\r\n body #to-opserver-page .to-tools-grid{grid-template-columns:1fr}\r\n body #to-opserver-page .to-path{padding:36px 24px}\r\n body #to-opserver-page .to-stats-bar-inner{grid-template-columns:1fr 1fr}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"to-opserver-page\">\r\n\r\n \r\n <section class=\"to-hero\">\r\n <div class=\"to-hero-inner\">\r\n <div class=\"to-hero-eyebrow\">True Observer Media \u00b7 Intelligence Services<\/div>\r\n <h1>Professional protection.<br><em>Or total control.<\/em><br>You choose.<\/h1>\r\n <p class=\"to-hero-lead\">We’ve spent years building tools sharp enough to track disinformation campaigns, expose impersonators, and defend reputations at scale. Now you can put those exact tools in your own hands, or let us do it for you.<\/p>\r\n <div class=\"to-hero-cta-group\">\r\n <a href=\"#to-agency\" class=\"btn-gold\">Hire Our Team<\/a>\r\n <a href=\"#to-opserver\" class=\"btn-ghost-navy\">Explore OPserver<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"to-stats-bar\">\r\n <div class=\"to-stats-bar-inner\">\r\n <div><div class=\"to-stat-number\">1,400+<\/div><div class=\"to-stat-label\">Cases Resolved<\/div><\/div>\r\n <div><div class=\"to-stat-number\">16,500+<\/div><div class=\"to-stat-label\">Alerts Processed<\/div><\/div>\r\n <div><div class=\"to-stat-number\">1,200+<\/div><div class=\"to-stat-label\">Intelligence Links<\/div><\/div>\r\n <div><div class=\"to-stat-number\">24\/7<\/div><div class=\"to-stat-label\">Active Monitoring<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"to-two-paths\" id=\"to-agency\">\r\n <div class=\"to-two-paths-inner\">\r\n <div class=\"to-two-paths-header\">\r\n <span class=\"section-eyebrow\">Two Ways to Work With Us<\/span>\r\n <h2 class=\"section-heading\">Managed protection, <em>or self-serve intelligence.<\/em><\/h2>\r\n <p class=\"section-subhead\" style=\"margin:0 auto !important;\">Whether you need a specialist team on call or prefer to run ops yourself with professional-grade tooling, we have you covered.<\/p>\r\n <\/div>\r\n <div class=\"to-paths-grid\">\r\n <div class=\"to-path to-path-agency\">\r\n <span class=\"to-path-badge badge-agency\">Managed Service<\/span>\r\n <h3>We handle it <em>for you.<\/em><\/h3>\r\n <p>Our analysts monitor your exposure, respond to emerging threats and deliver intelligence briefings, so you don’t have to.<\/p>\r\n <ul class=\"to-path-list\">\r\n <li>Reputation monitoring & defence<\/li>\r\n <li>Harassment & targeted abuse tracking<\/li>\r\n <li>Impersonation detection & takedown support<\/li>\r\n <li>Disinformation campaign analysis<\/li>\r\n <li>Brand & executive threat intelligence<\/li>\r\n <li>Evidence collection & documentation<\/li>\r\n <li>Incident reporting & advisory<\/li>\r\n <\/ul>\r\n <a href=\"\/contact\" class=\"btn-path-agency\">Get in Touch \u2192<\/a>\r\n <\/div>\r\n <div class=\"to-path-or\">OR<\/div>\r\n <div class=\"to-path to-path-software\" id=\"to-opserver\">\r\n <span class=\"to-path-badge badge-software\">Self-Service Platform<\/span>\r\n <h3>You run it <em>yourself.<\/em><\/h3>\r\n <p>OPserver is the same operational platform our analysts use in live investigations. Full access to every module. No middleman.<\/p>\r\n <ul class=\"to-path-list\">\r\n <li>Incident Response \u2192 live case triage & coordination<\/li>\r\n <li>Signal Board \u2192 link analysis & mapping<\/li>\r\n <li>Target Radar \u2192 subject intelligence profiles<\/li>\r\n <li>Observatory \u2192 automated alert monitoring<\/li>\r\n <li>Evidence Studio \u2192 geolocated media capture<\/li>\r\n <li>Knowledge Hub \u2192 AI-powered case research<\/li>\r\n <li>Team Workspace \u2192 collaborative case operations<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/opserver.app\" target=\"_blank\" rel=\"noopener\" class=\"btn-path-software\">Request a Licence \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"to-services-section\">\r\n <div class=\"to-services-inner\">\r\n <span class=\"section-eyebrow\">Agency Services<\/span>\r\n <h2 class=\"section-heading\">What our analysts <em>do for you<\/em><\/h2>\r\n <p class=\"section-subhead\">From continuous monitoring to rapid incident response, our team operates as an extension of yours, quietly and precisely.<\/p>\r\n <div class=\"to-services-grid\">\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83d\udee1\ufe0f<\/div><h4>Reputation Defence<\/h4><p>Continuous monitoring of your digital footprint across news, social platforms and forums. Early warning when coordinated narratives emerge.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83c\udfad<\/div><h4>Impersonation Tracking<\/h4><p>Systematic discovery of fake accounts, cloned profiles and lookalike domains. Documentation packages ready for platform or legal escalation.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83d\udce1<\/div><h4>Disinformation Analysis<\/h4><p>We map the spread of false narratives, identifying origin points, amplification networks and coordinated inauthentic behaviour.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83d\udd0d<\/div><h4>Harassment Monitoring<\/h4><p>Tracking targeted abuse campaigns in real time. We identify threat actors, document patterns and advise on escalation pathways.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83d\udccb<\/div><h4>Intelligence Reporting<\/h4><p>Clear, actionable briefings delivered on a schedule you define. No jargon, just the intelligence you need to make decisions.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\u26a1<\/div><h4>Rapid Incident Response<\/h4><p>When a crisis breaks, our team activates immediately: triaging, investigating and coordinating your response from hour one.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"to-banner-section\">\r\n <div class=\"to-banner-section-inner\">\r\n <div class=\"to-banner-intro\">\r\n <span class=\"section-eyebrow\">The platform behind our operations<\/span>\r\n <h2 class=\"section-heading\">This is <em>OPserver.<\/em><\/h2>\r\n <p>Every investigation we run goes through this platform. Now it’s available to clients who want to take operational control, or want to understand exactly how we work.<\/p>\r\n <\/div>\r\n <div class=\"op-banner\" id=\"opserverPromoBanner\">\r\n <div class=\"op-banner-inner\">\r\n <div class=\"op-banner-left\">\r\n <div class=\"op-banner-brand\">\r\n <div class=\"op-banner-brand-badge\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/Opserver-Logo-white.png\" alt=\"OPserver\"><\/div>\r\n <div class=\"op-banner-brand-text\">\r\n <p class=\"title\"><span class=\"op\">OP<\/span><span class=\"server\">server<\/span><\/p>\r\n <p class=\"sub\">Intelligence Platform<\/p>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"op-banner-heading\">Intelligence OPs. <span class=\"gradient\">Built for the Field.<\/span><\/h3>\r\n <p class=\"op-banner-copy\">Full incident response, threat monitoring, evidence handling, and collaborative analysis in one operational environment.<\/p>\r\n <div class=\"op-banner-stats\">\r\n <div class=\"op-banner-stat\"><strong>1,400+<\/strong> Cases Closed<\/div>\r\n <div class=\"op-banner-stat\"><strong>1,200+<\/strong> Intel Links<\/div>\r\n <div class=\"op-banner-stat\"><strong>16,500+<\/strong> Alerts Processed<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"op-banner-logos\">\r\n <div class=\"op-logo-grid\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/IR-Incident-Response.png\" alt=\"IR\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/TR-Target-Radar.png\" alt=\"TR\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/SB-Signal-Board.png\" alt=\"SB\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/OB-Observatory.png\" alt=\"OB\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/ES-Evidence-Studio.png\" alt=\"ES\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/CW-Collaborative-Workspace.png\" alt=\"CW\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/KH-Knowledge-Hub.png\" alt=\"KH\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/TA-True-Observer-Academy.png\" alt=\"TA\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"op-banner-right\">\r\n <a class=\"op-banner-cta\" href=\"https:\/\/opserver.app\" target=\"_blank\" rel=\"noopener\">Request Licence<\/a>\r\n <div class=\"op-banner-stack\" id=\"opBannerStack\">\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Incident-Response.png\" alt=\"Incident Response\"><\/div>\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Target%20Intelligence-Radar.png\" alt=\"Radar\"><\/div>\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Observatory.png\" alt=\"Observatory\"><\/div>\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Signal-Board.png\" alt=\"Signal Board\"><\/div>\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Evidence-Studio.png\" alt=\"Evidence Studio\"><\/div>\r\n <\/div>\r\n <div class=\"op-banner-dots\" id=\"opBannerDots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"to-tools-section\">\r\n <div class=\"to-tools-inner\">\r\n <div class=\"to-tools-header\">\r\n <span class=\"section-eyebrow\">Platform Modules<\/span>\r\n <h2 class=\"section-heading light\">Eight tools. <em>One environment.<\/em><\/h2>\r\n <p class=\"section-subhead light\">OPserver is a suite of specialised intelligence modules, each designed for a specific operational task, and all working together seamlessly.<\/p>\r\n <\/div>\r\n <div class=\"to-tools-grid\">\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/IR-Incident-Response.png\" alt=\"IR\"><h4>Incident Response<\/h4><p>Full case management for live incidents. Assign analysts, track status, log evidence and close cases with audit trails.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/SB-Signal-Board.png\" alt=\"SB\"><h4>Signal Board<\/h4><p>Visual link-analysis board. Connect entities, map networks and surface hidden relationships between actors and narratives.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/TR-Target-Radar.png\" alt=\"TR\"><h4>Target Radar<\/h4><p>Build structured intelligence profiles on individuals or organisations. Centralise all known data points in one view.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/OB-Observatory.png\" alt=\"OB\"><h4>Observatory<\/h4><p>Automated alert monitoring for keywords, accounts and domains. Know the moment something relevant changes online.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/ES-Evidence-Studio.png\" alt=\"ES\"><h4>Evidence Studio<\/h4><p>Capture, geotag and timestamp digital evidence to preservation standards. Built-in chain-of-custody documentation.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/KH-Knowledge-Hub.png\" alt=\"KH\"><h4>Knowledge Hub<\/h4><p>AI-powered search across your case archive and intelligence library. Find precedents and connections instantly.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/CW-Collaborative-Workspace.png\" alt=\"CW\"><h4>CCA Workspace<\/h4><p>Structured workspace for collaborative analysis. Multiple analysts working the same case, in sync, in real time.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/TA-True-Observer-Academy.png\" alt=\"TA\"><h4>TO Academy<\/h4><p>Onboard your team with in-platform training and OSINT methodology resources built by experienced practitioners.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"to-cta-footer\">\r\n <div class=\"to-cta-footer-inner\">\r\n <span class=\"section-eyebrow\">Ready when you are<\/span>\r\n <h2 class=\"section-heading\">Let’s talk about <em>your exposure.<\/em><\/h2>\r\n <p class=\"section-subhead\">Whether you need managed protection or want to run OPserver independently, we’ll walk you through the right option for your situation.<\/p>\r\n <div class=\"to-cta-footer-btns\">\r\n <a href=\"\/contact\" class=\"btn-gold\">Contact Our Team<\/a>\r\n <a href=\"https:\/\/opserver.app\" target=\"_blank\" rel=\"noopener\" class=\"btn-ghost-light\">Explore OPserver \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const banner=document.getElementById('opserverPromoBanner');\r\n const stackEl=document.getElementById('opBannerStack');\r\n const dotsWrap=document.getElementById('opBannerDots');\r\n if(!banner||!stackEl||!dotsWrap)return;\r\n const slides=Array.from(stackEl.querySelectorAll('.op-banner-slide'));\r\n const total=slides.length,HOLD=2800,EXIT_MS=600;\r\n let current=0,timer=null,paused=false;\r\n slides.forEach(()=>{const d=document.createElement('span');d.className='op-banner-dot';dotsWrap.appendChild(d);});\r\n const dots=Array.from(dotsWrap.querySelectorAll('.op-banner-dot'));\r\n const POS=['pos-0','pos-1','pos-2','pos-exit'];\r\n function applyStack(){slides.forEach(s=>s.classList.remove(...POS));[current,(current-1+total)%total,(current-2+total)%total].forEach((si,pi)=>slides[si].classList.add(POS[pi]));dots.forEach((d,i)=>d.classList.toggle('active',i===current));}\r\n function advance(){if(paused)return;const ex=(current-2+total)%total;slides[ex].classList.remove('pos-2');slides[ex].classList.add('pos-exit');current=(current+1)%total;applyStack();setTimeout(()=>slides[ex].classList.remove('pos-exit'),EXIT_MS);}\r\n function start(){timer=setInterval(advance,HOLD);}function stop(){clearInterval(timer);}\r\n applyStack();start();\r\n banner.addEventListener('mouseenter',()=>{paused=true;stop();});\r\n banner.addEventListener('mouseleave',()=>{paused=false;start();});\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"<p>OPserver \u2014 True Observer Media True Observer Media \u00b7 Intelligence Services Professional protection.Or total control.You choose. We’ve spent years building tools sharp enough to track disinformation campaigns, expose impersonators, and defend reputations at scale. Now you can put those exact tools in your own hands, or let us do it for you. Hire Our Team […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4193","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/pages\/4193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/comments?post=4193"}],"version-history":[{"count":9,"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/pages\/4193\/revisions"}],"predecessor-version":[{"id":4205,"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/pages\/4193\/revisions\/4205"}],"wp:attachment":[{"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/media?parent=4193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4193,"date":"2026-04-12T09:21:51","date_gmt":"2026-04-12T09:21:51","guid":{"rendered":"https:\/\/trueobservermedia.com\/?page_id=4193"},"modified":"2026-04-12T10:23:41","modified_gmt":"2026-04-12T10:23:41","slug":"opserver-app","status":"publish","type":"page","link":"https:\/\/trueobservermedia.com\/es\/opserver-app\/","title":{"rendered":"OPserver.app"},"content":{"rendered":"\r\n\r\n\r\n \r\n \r\n OPserver \u2014 True Observer Media<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&family=DM+Serif+Display:ital@0;1&family=Sora:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n FONT LOAD (also via @import as WP fallback)\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Sora:wght@400;600;700;800&display=swap');\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TOKENS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n :root {\r\n --to-pg-navy: #0b2a3f;\r\n --to-pg-navy-mid: #0a2e52;\r\n --to-pg-gold: #d7a329;\r\n --to-pg-gold-lt: #f5c349;\r\n --to-pg-white: #ffffff;\r\n --to-pg-mist: #f4f6f9;\r\n --to-pg-border: #e0e6ef;\r\n --to-pg-slate: #3d4f66;\r\n --to-pg-teal: #44d7e8;\r\n --to-pg-op-dark: #091321;\r\n --to-pg-op-mid: #0f1a2c;\r\n --r: 14px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n NUCLEAR RESET\r\n \"body #to-opserver-page\" adds an extra\r\n element to specificity, beating the theme's\r\n bare \"h1,h2,h3\" and \"body,p,li\" rules even\r\n when both carry !important.\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page,\r\n body #to-opserver-page * { box-sizing: border-box; }\r\n\r\n \/* Kill theme font-family on ALL elements inside our wrapper *\/\r\n body #to-opserver-page,\r\n body #to-opserver-page p,\r\n body #to-opserver-page li,\r\n body #to-opserver-page span,\r\n body #to-opserver-page a,\r\n body #to-opserver-page button,\r\n body #to-opserver-page h1,\r\n body #to-opserver-page h2,\r\n body #to-opserver-page h3,\r\n body #to-opserver-page h4,\r\n body #to-opserver-page h5 {\r\n font-family: 'Montserrat', sans-serif !important;\r\n letter-spacing: normal !important;\r\n }\r\n\r\n \/* Serif overrides \u2014 literal value, not CSS var *\/\r\n body #to-opserver-page .to-hero h1,\r\n body #to-opserver-page .to-path h3,\r\n body #to-opserver-page .to-stat-number,\r\n body #to-opserver-page .section-heading,\r\n body #to-opserver-page .op-banner-brand-text .title {\r\n font-family: 'DM Serif Display', Georgia, serif !important;\r\n }\r\n\r\n \/* Sora overrides \u2014 banner UI text *\/\r\n body #to-opserver-page .op-banner-heading,\r\n body #to-opserver-page .op-banner-copy,\r\n body #to-opserver-page .op-banner-stat,\r\n body #to-opserver-page .op-banner-brand-text .sub,\r\n body #to-opserver-page .op-banner-cta,\r\n body #to-opserver-page .op-banner-dots {\r\n font-family: 'Sora', sans-serif !important;\r\n }\r\n\r\n \/* Kill theme weight forcing on headings *\/\r\n body #to-opserver-page h1,\r\n body #to-opserver-page h2,\r\n body #to-opserver-page h3,\r\n body #to-opserver-page h4,\r\n body #to-opserver-page h5 {\r\n font-weight: inherit !important;\r\n line-height: inherit !important;\r\n margin: 0 !important;\r\n }\r\n\r\n \/* Kill theme color forcing on all text *\/\r\n body #to-opserver-page p,\r\n body #to-opserver-page li,\r\n body #to-opserver-page span { color: inherit !important; }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n HERO\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-hero {\r\n background: var(--to-pg-navy) !important;\r\n padding: 80px 24px 72px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n body #to-opserver-page .to-hero::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background-image:\r\n linear-gradient(rgba(215,163,41,0.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(215,163,41,0.04) 1px, transparent 1px);\r\n background-size: 44px 44px; pointer-events: none;\r\n }\r\n body #to-opserver-page .to-hero::after {\r\n content: '';\r\n position: absolute; top: -80px; left: 50%; transform: translateX(-50%);\r\n width: 600px; height: 320px;\r\n background: radial-gradient(ellipse at center, rgba(215,163,41,0.13), transparent 68%);\r\n pointer-events: none;\r\n }\r\n body #to-opserver-page .to-hero-inner {\r\n position: relative; z-index: 1;\r\n max-width: 740px; margin: 0 auto;\r\n }\r\n body #to-opserver-page .to-hero-eyebrow {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n font-size: 10.5px !important; font-weight: 800 !important;\r\n letter-spacing: 0.16em !important; text-transform: uppercase;\r\n color: var(--to-pg-gold) !important; margin-bottom: 22px;\r\n }\r\n body #to-opserver-page .to-hero-eyebrow::before,\r\n body #to-opserver-page .to-hero-eyebrow::after {\r\n content: ''; display: block; width: 28px; height: 1px;\r\n background: var(--to-pg-gold); opacity: 0.4;\r\n }\r\n body #to-opserver-page .to-hero h1 {\r\n font-size: clamp(30px, 4.8vw, 52px) !important;\r\n line-height: 1.08 !important; font-weight: 400 !important;\r\n color: var(--to-pg-white) !important; margin-bottom: 20px !important;\r\n }\r\n body #to-opserver-page .to-hero h1 em {\r\n font-style: italic; color: var(--to-pg-gold-lt) !important;\r\n }\r\n body #to-opserver-page .to-hero-lead {\r\n font-size: 16.5px !important; line-height: 1.65 !important;\r\n color: #7a9ab8 !important; max-width: 560px; margin: 0 auto 36px !important;\r\n }\r\n body #to-opserver-page .to-hero-cta-group {\r\n display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n BUTTONS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .btn-gold {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 24px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: var(--to-pg-gold) !important; color: var(--to-pg-navy) !important;\r\n box-shadow: 0 6px 22px rgba(215,163,41,0.35); border: none !important;\r\n transition: filter 0.18s ease, transform 0.18s ease;\r\n }\r\n body #to-opserver-page .btn-gold:hover { filter: brightness(1.08); transform: translateY(-1px); }\r\n body #to-opserver-page .btn-ghost-navy {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 24px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: rgba(255,255,255,0.07) !important;\r\n border: 1px solid rgba(255,255,255,0.18) !important;\r\n color: var(--to-pg-white) !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n STATS BAR\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-stats-bar {\r\n background: var(--to-pg-navy-mid) !important;\r\n border-top: 3px solid var(--to-pg-gold);\r\n padding: 28px 24px;\r\n }\r\n body #to-opserver-page .to-stats-bar-inner {\r\n max-width: 900px; margin: 0 auto;\r\n display: grid; grid-template-columns: repeat(4,1fr);\r\n gap: 16px; text-align: center;\r\n }\r\n body #to-opserver-page .to-stat-number {\r\n font-size: 34px !important; font-weight: 400 !important;\r\n color: var(--to-pg-gold) !important; line-height: 1; margin-bottom: 4px !important;\r\n }\r\n body #to-opserver-page .to-stat-label {\r\n font-size: 10.5px !important; font-weight: 700 !important;\r\n letter-spacing: 0.12em !important; text-transform: uppercase;\r\n color: rgba(255,255,255,0.5) !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n SECTION HELPERS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .section-eyebrow {\r\n font-size: 10.5px !important; font-weight: 800 !important;\r\n letter-spacing: 0.15em !important; text-transform: uppercase;\r\n color: var(--to-pg-gold) !important; margin-bottom: 10px; display: block;\r\n }\r\n body #to-opserver-page .section-heading {\r\n font-size: clamp(26px, 3.4vw, 40px) !important;\r\n line-height: 1.1 !important; font-weight: 400 !important;\r\n color: var(--to-pg-navy) !important; margin-bottom: 14px !important;\r\n }\r\n body #to-opserver-page .section-heading em {\r\n font-style: italic; color: #0d3460 !important;\r\n }\r\n body #to-opserver-page .section-heading.light { color: var(--to-pg-white) !important; }\r\n body #to-opserver-page .section-heading.light em { color: #7ee8f0 !important; }\r\n body #to-opserver-page .section-subhead {\r\n font-size: 15.5px !important; color: var(--to-pg-slate) !important;\r\n line-height: 1.6 !important; max-width: 600px; margin-bottom: 48px !important;\r\n }\r\n body #to-opserver-page .section-subhead.light { color: #6a8899 !important; }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TWO PATHS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-two-paths {\r\n background: var(--to-pg-mist) !important; padding: 72px 24px;\r\n }\r\n body #to-opserver-page .to-two-paths-inner { max-width: 1100px; margin: 0 auto; }\r\n body #to-opserver-page .to-two-paths-header { text-align: center; margin-bottom: 52px; }\r\n\r\n body #to-opserver-page .to-paths-grid {\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n border-radius: 20px; overflow: hidden;\r\n box-shadow: 0 10px 44px rgba(0,31,63,0.14);\r\n position: relative;\r\n }\r\n body #to-opserver-page .to-path { padding: 48px 40px; position: relative; }\r\n body #to-opserver-page .to-path-agency {\r\n background: var(--to-pg-navy) !important;\r\n }\r\n body #to-opserver-page .to-path-agency::after {\r\n content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px;\r\n background: linear-gradient(180deg, transparent, rgba(215,163,41,0.22) 40%, rgba(215,163,41,0.22) 60%, transparent);\r\n }\r\n body #to-opserver-page .to-path-software { background: var(--to-pg-op-mid) !important; }\r\n\r\n body #to-opserver-page .to-path-badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 6px 14px; border-radius: 999px;\r\n font-size: 10.5px !important; font-weight: 800 !important;\r\n letter-spacing: 0.12em !important; text-transform: uppercase; margin-bottom: 24px;\r\n }\r\n body #to-opserver-page .badge-agency {\r\n background: rgba(215,163,41,0.14);\r\n color: var(--to-pg-gold-lt) !important;\r\n border: 1px solid rgba(215,163,41,0.26);\r\n }\r\n body #to-opserver-page .badge-software {\r\n background: rgba(68,215,232,0.10);\r\n color: #7ee8f0 !important;\r\n border: 1px solid rgba(68,215,232,0.22);\r\n }\r\n\r\n body #to-opserver-page .to-path h3 {\r\n font-size: 28px !important; font-weight: 400 !important;\r\n line-height: 1.12 !important; margin-bottom: 14px !important;\r\n color: var(--to-pg-white) !important;\r\n }\r\n body #to-opserver-page .to-path-agency h3 em { font-style: italic; color: var(--to-pg-gold-lt) !important; }\r\n body #to-opserver-page .to-path-software h3 em { font-style: italic; color: #7ee8f0 !important; }\r\n\r\n body #to-opserver-page .to-path p {\r\n font-size: 14.5px !important; line-height: 1.6 !important; margin-bottom: 28px !important;\r\n }\r\n body #to-opserver-page .to-path-agency p { color: #7a9ab8 !important; }\r\n body #to-opserver-page .to-path-software p { color: #7a96a8 !important; }\r\n\r\n body #to-opserver-page .to-path-list {\r\n list-style: none !important; display: flex; flex-direction: column;\r\n gap: 11px; margin-bottom: 36px !important; padding: 0 !important;\r\n }\r\n body #to-opserver-page .to-path-list li {\r\n display: flex; align-items: flex-start; gap: 12px;\r\n font-size: 14px !important; line-height: 1.4 !important; list-style: none !important;\r\n }\r\n body #to-opserver-page .to-path-agency .to-path-list li { color: #c8d8e8 !important; }\r\n body #to-opserver-page .to-path-software .to-path-list li { color: #a0bfc8 !important; }\r\n body #to-opserver-page .to-path-list li::before {\r\n content: ''; display: block; flex-shrink: 0;\r\n width: 18px; height: 18px; border-radius: 50%; margin-top: 1px;\r\n background-size: 10px; background-position: center; background-repeat: no-repeat;\r\n }\r\n body #to-opserver-page .to-path-agency .to-path-list li::before {\r\n background-color: rgba(215,163,41,0.18);\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='%23d7a329' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\r\n }\r\n body #to-opserver-page .to-path-software .to-path-list li::before {\r\n background-color: rgba(68,215,232,0.14);\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='%237ee8f0' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\r\n }\r\n\r\n body #to-opserver-page .btn-path-agency {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 22px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: var(--to-pg-gold) !important; color: var(--to-pg-navy) !important;\r\n box-shadow: 0 5px 18px rgba(215,163,41,0.38); border: none !important;\r\n }\r\n body #to-opserver-page .btn-path-agency:hover { filter: brightness(1.08); }\r\n body #to-opserver-page .btn-path-software {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 22px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: linear-gradient(135deg,#2f6fe5 0%,#3bbfe8 52%,#60dfcf 100%) !important;\r\n color: #fff !important; border: none !important;\r\n }\r\n body #to-opserver-page .btn-path-software:hover { filter: brightness(1.08); }\r\n\r\n body #to-opserver-page .to-path-or {\r\n position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\r\n width: 40px; height: 40px; border-radius: 50%;\r\n background: var(--to-pg-mist) !important; z-index: 10;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 10px !important; font-weight: 800 !important;\r\n color: var(--to-pg-slate) !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n AGENCY SERVICES\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-services-section {\r\n background: var(--to-pg-white) !important; padding: 72px 24px;\r\n }\r\n body #to-opserver-page .to-services-inner { max-width: 1100px; margin: 0 auto; }\r\n body #to-opserver-page .to-services-grid {\r\n display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 48px;\r\n }\r\n body #to-opserver-page .to-service-card {\r\n background: var(--to-pg-white) !important; border: 1px solid var(--to-pg-border);\r\n border-radius: var(--r); padding: 28px 26px; position: relative; overflow: hidden;\r\n transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;\r\n }\r\n body #to-opserver-page .to-service-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--to-pg-navy), #0d3460);\r\n opacity: 0; transition: opacity 0.2s;\r\n }\r\n body #to-opserver-page .to-service-card:hover { border-color: rgba(11,42,63,0.22); box-shadow: 0 8px 28px rgba(11,42,63,0.09); transform: translateY(-2px); }\r\n body #to-opserver-page .to-service-card:hover::before { opacity: 1; }\r\n body #to-opserver-page .to-service-icon {\r\n width: 44px; height: 44px; border-radius: 12px;\r\n background: rgba(11,42,63,0.06);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 20px; margin-bottom: 16px;\r\n }\r\n body #to-opserver-page .to-service-card h4 {\r\n font-size: 15px !important; font-weight: 800 !important;\r\n color: var(--to-pg-navy) !important; margin-bottom: 8px !important;\r\n }\r\n body #to-opserver-page .to-service-card p {\r\n font-size: 13.5px !important; color: var(--to-pg-slate) !important; line-height: 1.55 !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n BANNER SECTION\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-banner-section {\r\n background: var(--to-pg-mist) !important; padding: 72px 24px 60px;\r\n }\r\n body #to-opserver-page .to-banner-section-inner { max-width: 1200px; margin: 0 auto; }\r\n body #to-opserver-page .to-banner-intro { text-align: center; margin-bottom: 32px; }\r\n body #to-opserver-page .to-banner-intro > p {\r\n font-size: 15px !important; color: var(--to-pg-slate) !important;\r\n max-width: 540px; margin: 8px auto 0 !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TOOLS\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-tools-section {\r\n background: var(--to-pg-navy) !important; padding: 72px 24px; position: relative; overflow: hidden;\r\n }\r\n body #to-opserver-page .to-tools-section::before {\r\n content: ''; position: absolute; inset: 0;\r\n background-image:\r\n linear-gradient(rgba(68,215,232,0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(68,215,232,0.03) 1px, transparent 1px);\r\n background-size: 40px 40px; pointer-events: none;\r\n }\r\n body #to-opserver-page .to-tools-inner { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; }\r\n body #to-opserver-page .to-tools-header { margin-bottom: 52px; }\r\n body #to-opserver-page .to-tools-header .section-eyebrow { color: var(--to-pg-teal) !important; }\r\n\r\n body #to-opserver-page .to-tools-grid {\r\n display: grid; grid-template-columns: repeat(4,1fr); gap: 16px;\r\n }\r\n body #to-opserver-page .to-tool-card {\r\n background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(68,215,232,0.10);\r\n border-radius: var(--r); padding: 22px 20px;\r\n transition: border-color 0.2s, background 0.2s, transform 0.2s;\r\n }\r\n body #to-opserver-page .to-tool-card:hover { border-color: rgba(68,215,232,0.28); background: rgba(68,215,232,0.06) !important; transform: translateY(-2px); }\r\n body #to-opserver-page .to-tool-logo { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; display: block; margin-bottom: 14px; }\r\n body #to-opserver-page .to-tool-card h4 {\r\n font-size: 13.5px !important; font-weight: 800 !important;\r\n color: #dbeafe !important; margin-bottom: 6px !important;\r\n }\r\n body #to-opserver-page .to-tool-card p {\r\n font-size: 12.5px !important; color: #5a7888 !important; line-height: 1.5 !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n CTA FOOTER\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .to-cta-footer {\r\n background: var(--to-pg-navy) !important; padding: 72px 24px; text-align: center;\r\n border-top: 1px solid rgba(215,163,41,0.14);\r\n }\r\n body #to-opserver-page .to-cta-footer-inner { max-width: 600px; margin: 0 auto; }\r\n body #to-opserver-page .to-cta-footer .section-heading { text-align: center; color: var(--to-pg-white) !important; }\r\n body #to-opserver-page .to-cta-footer .section-heading em { color: var(--to-pg-gold-lt) !important; }\r\n body #to-opserver-page .to-cta-footer .section-subhead { text-align: center; margin: 0 auto 36px !important; color: #6a8899 !important; max-width: 100%; }\r\n body #to-opserver-page .to-cta-footer-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }\r\n body #to-opserver-page .btn-ghost-light {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 12px 24px; border-radius: 10px;\r\n font-size: 13px !important; font-weight: 800 !important;\r\n letter-spacing: 0.04em !important; text-decoration: none !important;\r\n background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(255,255,255,0.16) !important;\r\n color: var(--to-pg-white) !important;\r\n }\r\n\r\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n OPSERVER BANNER\r\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body #to-opserver-page .op-banner {\r\n position: relative; width: 100%; min-height: 168px; border-radius: 22px; overflow: hidden;\r\n border: 1px solid rgba(68,215,232,0.16);\r\n background: radial-gradient(ellipse at top center, rgba(68,215,232,0.10), transparent 55%), linear-gradient(180deg,#0f1a2c 0%,#091321 100%) !important;\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 30px rgba(0,0,0,0.28);\r\n color: #e5eefc !important;\r\n }\r\n body #to-opserver-page .op-banner::before {\r\n content: \"\"; position: absolute; inset: 0;\r\n background-image: linear-gradient(rgba(68,215,232,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(68,215,232,0.045) 1px, transparent 1px);\r\n background-size: 36px 36px; pointer-events: none;\r\n }\r\n body #to-opserver-page .op-banner-inner {\r\n position: relative; z-index: 1;\r\n display: grid; grid-template-columns: 1fr 188px 1.32fr; min-height: 168px;\r\n }\r\n body #to-opserver-page .op-banner-left { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 18px 20px 18px 22px; justify-content: center; }\r\n body #to-opserver-page .op-banner-brand { display: flex; align-items: center; gap: 12px; }\r\n body #to-opserver-page .op-banner-brand-badge {\r\n width: 52px; height: 52px; border-radius: 16px;\r\n display: flex; align-items: center; justify-content: center;\r\n background: radial-gradient(circle at 28% 20%, rgba(68,215,232,.24), transparent 55%), linear-gradient(180deg, rgba(20,31,52,.98), rgba(11,18,33,.98)) !important;\r\n border: 1px solid rgba(87,212,242,0.24); flex: 0 0 auto;\r\n }\r\n body #to-opserver-page .op-banner-brand-badge img { width: 32px; height: 32px; object-fit: contain; display: block; }\r\n body #to-opserver-page .op-banner-brand-text .title { font-size: 18px !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0.01em !important; margin: 0 0 4px !important; }\r\n body #to-opserver-page .op-banner-brand-text .title .op { font-weight: 800 !important; color: #fff !important; }\r\n body #to-opserver-page .op-banner-brand-text .title .server { font-weight: 600 !important; color: #cbd5e1 !important; }\r\n body #to-opserver-page .op-banner-brand-text .sub { margin: 0 !important; font-size: 10px !important; text-transform: uppercase; letter-spacing: 0.12em !important; color: #94a3b8 !important; }\r\n body #to-opserver-page .op-banner-heading { margin: 0 !important; font-size: 20px !important; line-height: 1.05 !important; font-weight: 800 !important; color: #f8fafc !important; }\r\n body #to-opserver-page .op-banner-heading .gradient { background: linear-gradient(90deg,#74e8e4 0%,#49d8e2 55%,#2f6fe5 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n body #to-opserver-page .op-banner-copy { margin: 0 !important; font-size: 13.5px !important; line-height: 1.45 !important; color: #a8b4c7 !important; }\r\n body #to-opserver-page .op-banner-stats { display: flex; flex-wrap: wrap; gap: 8px; }\r\n body #to-opserver-page .op-banner-stat { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 11px; border-radius: 12px; background: rgba(255,255,255,0.035); border: 1px solid rgba(255,255,255,0.07); color: #dbeafe !important; font-size: 12px !important; white-space: nowrap; }\r\n body #to-opserver-page .op-banner-stat strong { color: #fff !important; font-weight: 800 !important; }\r\n body #to-opserver-page .op-banner-logos { display: flex; align-items: center; justify-content: center; padding: 14px 10px; border-left: 1px solid rgba(68,215,232,0.10); border-right: 1px solid rgba(68,215,232,0.10); }\r\n body #to-opserver-page .op-logo-grid { display: grid; grid-template-columns: repeat(4,36px); grid-template-rows: repeat(2,36px); gap: 9px; }\r\n body #to-opserver-page .op-logo-icon { width: 36px; height: 36px; border-radius: 8px; object-fit: cover; display: block; opacity: 0; animation: toIconFadeUp 0.38s ease forwards; }\r\n body #to-opserver-page .op-logo-icon:nth-child(1){animation-delay:.06s}\r\n body #to-opserver-page .op-logo-icon:nth-child(2){animation-delay:.12s}\r\n body #to-opserver-page .op-logo-icon:nth-child(3){animation-delay:.18s}\r\n body #to-opserver-page .op-logo-icon:nth-child(4){animation-delay:.24s}\r\n body #to-opserver-page .op-logo-icon:nth-child(5){animation-delay:.30s}\r\n body #to-opserver-page .op-logo-icon:nth-child(6){animation-delay:.36s}\r\n body #to-opserver-page .op-logo-icon:nth-child(7){animation-delay:.42s}\r\n body #to-opserver-page .op-logo-icon:nth-child(8){animation-delay:.48s}\r\n @keyframes toIconFadeUp { from{opacity:0;transform:translateY(5px)} to{opacity:.88} }\r\n body #to-opserver-page .op-logo-icon:hover { opacity:1!important; transform:scale(1.13); transition:transform .14s,opacity .14s; position:relative; z-index:2; }\r\n body #to-opserver-page .op-banner-right { position:relative; overflow:hidden; }\r\n body #to-opserver-page .op-banner-right::before { content:''; position:absolute; top:0;bottom:0;left:0;width:36px; background:linear-gradient(90deg,#091321,transparent); z-index:20; pointer-events:none; }\r\n body #to-opserver-page .op-banner-cta {\r\n position:absolute; right:14px; top:14px; z-index:30;\r\n display:inline-flex; align-items:center; justify-content:center;\r\n min-height:36px; padding:0 14px; border-radius:12px;\r\n font-size:12px !important; font-weight:700 !important;\r\n color:#fff !important; text-decoration:none !important;\r\n background:linear-gradient(135deg,#2f6fe5 0%,#3bbfe8 52%,#60dfcf 100%) !important;\r\n box-shadow:0 6px 18px rgba(43,104,217,0.30); white-space:nowrap; border:none !important;\r\n }\r\n body #to-opserver-page .op-banner-cta:hover { filter:brightness(1.08); }\r\n body #to-opserver-page .op-banner-stack { position:absolute; inset:0; }\r\n body #to-opserver-page .op-banner-slide { position:absolute; bottom:0; right:-100%; opacity:0; transform-origin:bottom right; transform:scale(0.75); transition:right .75s cubic-bezier(0.34,1.18,0.64,1),opacity .55s ease,transform .75s cubic-bezier(0.34,1.18,0.64,1); will-change:right,opacity,transform; }\r\n body #to-opserver-page .op-banner-slide img { display:block; height:164px; width:auto; max-width:360px; object-fit:contain; filter:drop-shadow(0 14px 26px rgba(0,0,0,0.55)); }\r\n body #to-opserver-page .op-banner-slide.pos-0 { right:92px; opacity:1; transform:scale(1); z-index:6; }\r\n body #to-opserver-page .op-banner-slide.pos-1 { right:286px; opacity:0.75; transform:scale(0.86); z-index:5; }\r\n body #to-opserver-page .op-banner-slide.pos-2 { right:458px; opacity:0.48; transform:scale(0.72); z-index:4; }\r\n body #to-opserver-page .op-banner-slide.pos-exit { right:620px; opacity:0; transform:scale(0.60); z-index:3; transition:right .55s ease-in,opacity .42s ease-in,transform .55s ease-in; }\r\n body #to-opserver-page .op-banner-dots { position:absolute; right:14px; bottom:10px; display:flex; gap:5px; z-index:25; }\r\n body #to-opserver-page .op-banner-dot { width:6px; height:6px; border-radius:999px; background:rgba(255,255,255,0.20); transition:all .22s ease; }\r\n body #to-opserver-page .op-banner-dot.active { background:#5eead4; box-shadow:0 0 8px rgba(94,234,212,0.50); width:16px; }\r\n\r\n @media(max-width:1300px){\r\n body #to-opserver-page .op-banner-inner{grid-template-columns:1fr 180px 1.24fr}\r\n body #to-opserver-page .op-banner-slide.pos-0{right:68px} body #to-opserver-page .op-banner-slide.pos-1{right:238px}\r\n body #to-opserver-page .op-banner-slide.pos-2{right:388px} body #to-opserver-page .op-banner-slide.pos-exit{right:500px}\r\n body #to-opserver-page .op-banner-slide img{height:152px}\r\n }\r\n @media(max-width:1100px){\r\n body #to-opserver-page .op-banner-inner{grid-template-columns:1fr 168px 1.16fr}\r\n body #to-opserver-page .op-banner-slide.pos-0{right:126px} body #to-opserver-page .op-banner-slide.pos-1{right:292px}\r\n body #to-opserver-page .op-banner-slide.pos-2{right:406px} body #to-opserver-page .op-banner-slide.pos-exit{right:430px}\r\n body #to-opserver-page .op-banner-slide img{height:142px}\r\n }\r\n @media(max-width:960px){ body #to-opserver-page .op-banner-inner{grid-template-columns:1fr 158px} body #to-opserver-page .op-banner-right{display:none} }\r\n @media(max-width:700px){ body #to-opserver-page .op-banner-inner{grid-template-columns:1fr} body #to-opserver-page .op-banner-logos{display:none} body #to-opserver-page .op-banner-left{padding:16px} }\r\n @media(max-width:900px){\r\n body #to-opserver-page .to-paths-grid{grid-template-columns:1fr}\r\n body #to-opserver-page .to-path-or{display:none}\r\n body #to-opserver-page .to-path-agency::after{display:none}\r\n body #to-opserver-page .to-tools-grid{grid-template-columns:repeat(2,1fr)}\r\n body #to-opserver-page .to-services-grid{grid-template-columns:repeat(2,1fr)}\r\n body #to-opserver-page .to-stats-bar-inner{grid-template-columns:repeat(2,1fr);gap:24px}\r\n }\r\n @media(max-width:600px){\r\n body #to-opserver-page .to-services-grid{grid-template-columns:1fr}\r\n body #to-opserver-page .to-tools-grid{grid-template-columns:1fr}\r\n body #to-opserver-page .to-path{padding:36px 24px}\r\n body #to-opserver-page .to-stats-bar-inner{grid-template-columns:1fr 1fr}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"to-opserver-page\">\r\n\r\n \r\n <section class=\"to-hero\">\r\n <div class=\"to-hero-inner\">\r\n <div class=\"to-hero-eyebrow\">True Observer Media \u00b7 Intelligence Services<\/div>\r\n <h1>Professional protection.<br><em>Or total control.<\/em><br>You choose.<\/h1>\r\n <p class=\"to-hero-lead\">We’ve spent years building tools sharp enough to track disinformation campaigns, expose impersonators, and defend reputations at scale. Now you can put those exact tools in your own hands, or let us do it for you.<\/p>\r\n <div class=\"to-hero-cta-group\">\r\n <a href=\"#to-agency\" class=\"btn-gold\">Hire Our Team<\/a>\r\n <a href=\"#to-opserver\" class=\"btn-ghost-navy\">Explore OPserver<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"to-stats-bar\">\r\n <div class=\"to-stats-bar-inner\">\r\n <div><div class=\"to-stat-number\">1,400+<\/div><div class=\"to-stat-label\">Cases Resolved<\/div><\/div>\r\n <div><div class=\"to-stat-number\">16,500+<\/div><div class=\"to-stat-label\">Alerts Processed<\/div><\/div>\r\n <div><div class=\"to-stat-number\">1,200+<\/div><div class=\"to-stat-label\">Intelligence Links<\/div><\/div>\r\n <div><div class=\"to-stat-number\">24\/7<\/div><div class=\"to-stat-label\">Active Monitoring<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section class=\"to-two-paths\" id=\"to-agency\">\r\n <div class=\"to-two-paths-inner\">\r\n <div class=\"to-two-paths-header\">\r\n <span class=\"section-eyebrow\">Two Ways to Work With Us<\/span>\r\n <h2 class=\"section-heading\">Managed protection, <em>or self-serve intelligence.<\/em><\/h2>\r\n <p class=\"section-subhead\" style=\"margin:0 auto !important;\">Whether you need a specialist team on call or prefer to run ops yourself with professional-grade tooling, we have you covered.<\/p>\r\n <\/div>\r\n <div class=\"to-paths-grid\">\r\n <div class=\"to-path to-path-agency\">\r\n <span class=\"to-path-badge badge-agency\">Managed Service<\/span>\r\n <h3>We handle it <em>for you.<\/em><\/h3>\r\n <p>Our analysts monitor your exposure, respond to emerging threats and deliver intelligence briefings, so you don’t have to.<\/p>\r\n <ul class=\"to-path-list\">\r\n <li>Reputation monitoring & defence<\/li>\r\n <li>Harassment & targeted abuse tracking<\/li>\r\n <li>Impersonation detection & takedown support<\/li>\r\n <li>Disinformation campaign analysis<\/li>\r\n <li>Brand & executive threat intelligence<\/li>\r\n <li>Evidence collection & documentation<\/li>\r\n <li>Incident reporting & advisory<\/li>\r\n <\/ul>\r\n <a href=\"\/contact\" class=\"btn-path-agency\">Get in Touch \u2192<\/a>\r\n <\/div>\r\n <div class=\"to-path-or\">OR<\/div>\r\n <div class=\"to-path to-path-software\" id=\"to-opserver\">\r\n <span class=\"to-path-badge badge-software\">Self-Service Platform<\/span>\r\n <h3>You run it <em>yourself.<\/em><\/h3>\r\n <p>OPserver is the same operational platform our analysts use in live investigations. Full access to every module. No middleman.<\/p>\r\n <ul class=\"to-path-list\">\r\n <li>Incident Response \u2192 live case triage & coordination<\/li>\r\n <li>Signal Board \u2192 link analysis & mapping<\/li>\r\n <li>Target Radar \u2192 subject intelligence profiles<\/li>\r\n <li>Observatory \u2192 automated alert monitoring<\/li>\r\n <li>Evidence Studio \u2192 geolocated media capture<\/li>\r\n <li>Knowledge Hub \u2192 AI-powered case research<\/li>\r\n <li>Team Workspace \u2192 collaborative case operations<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/opserver.app\" target=\"_blank\" rel=\"noopener\" class=\"btn-path-software\">Request a Licence \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"to-services-section\">\r\n <div class=\"to-services-inner\">\r\n <span class=\"section-eyebrow\">Agency Services<\/span>\r\n <h2 class=\"section-heading\">What our analysts <em>do for you<\/em><\/h2>\r\n <p class=\"section-subhead\">From continuous monitoring to rapid incident response, our team operates as an extension of yours, quietly and precisely.<\/p>\r\n <div class=\"to-services-grid\">\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83d\udee1\ufe0f<\/div><h4>Reputation Defence<\/h4><p>Continuous monitoring of your digital footprint across news, social platforms and forums. Early warning when coordinated narratives emerge.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83c\udfad<\/div><h4>Impersonation Tracking<\/h4><p>Systematic discovery of fake accounts, cloned profiles and lookalike domains. Documentation packages ready for platform or legal escalation.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83d\udce1<\/div><h4>Disinformation Analysis<\/h4><p>We map the spread of false narratives, identifying origin points, amplification networks and coordinated inauthentic behaviour.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83d\udd0d<\/div><h4>Harassment Monitoring<\/h4><p>Tracking targeted abuse campaigns in real time. We identify threat actors, document patterns and advise on escalation pathways.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\ud83d\udccb<\/div><h4>Intelligence Reporting<\/h4><p>Clear, actionable briefings delivered on a schedule you define. No jargon, just the intelligence you need to make decisions.<\/p><\/div>\r\n <div class=\"to-service-card\"><div class=\"to-service-icon\">\u26a1<\/div><h4>Rapid Incident Response<\/h4><p>When a crisis breaks, our team activates immediately: triaging, investigating and coordinating your response from hour one.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"to-banner-section\">\r\n <div class=\"to-banner-section-inner\">\r\n <div class=\"to-banner-intro\">\r\n <span class=\"section-eyebrow\">The platform behind our operations<\/span>\r\n <h2 class=\"section-heading\">This is <em>OPserver.<\/em><\/h2>\r\n <p>Every investigation we run goes through this platform. Now it’s available to clients who want to take operational control, or want to understand exactly how we work.<\/p>\r\n <\/div>\r\n <div class=\"op-banner\" id=\"opserverPromoBanner\">\r\n <div class=\"op-banner-inner\">\r\n <div class=\"op-banner-left\">\r\n <div class=\"op-banner-brand\">\r\n <div class=\"op-banner-brand-badge\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/Opserver-Logo-white.png\" alt=\"OPserver\"><\/div>\r\n <div class=\"op-banner-brand-text\">\r\n <p class=\"title\"><span class=\"op\">OP<\/span><span class=\"server\">server<\/span><\/p>\r\n <p class=\"sub\">Intelligence Platform<\/p>\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"op-banner-heading\">Intelligence OPs. <span class=\"gradient\">Built for the Field.<\/span><\/h3>\r\n <p class=\"op-banner-copy\">Full incident response, threat monitoring, evidence handling, and collaborative analysis in one operational environment.<\/p>\r\n <div class=\"op-banner-stats\">\r\n <div class=\"op-banner-stat\"><strong>1,400+<\/strong> Cases Closed<\/div>\r\n <div class=\"op-banner-stat\"><strong>1,200+<\/strong> Intel Links<\/div>\r\n <div class=\"op-banner-stat\"><strong>16,500+<\/strong> Alerts Processed<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"op-banner-logos\">\r\n <div class=\"op-logo-grid\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/IR-Incident-Response.png\" alt=\"IR\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/TR-Target-Radar.png\" alt=\"TR\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/SB-Signal-Board.png\" alt=\"SB\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/OB-Observatory.png\" alt=\"OB\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/ES-Evidence-Studio.png\" alt=\"ES\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/CW-Collaborative-Workspace.png\" alt=\"CW\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/KH-Knowledge-Hub.png\" alt=\"KH\">\r\n <img decoding=\"async\" class=\"op-logo-icon\" src=\"https:\/\/opserver.app\/img\/TA-True-Observer-Academy.png\" alt=\"TA\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"op-banner-right\">\r\n <a class=\"op-banner-cta\" href=\"https:\/\/opserver.app\" target=\"_blank\" rel=\"noopener\">Request Licence<\/a>\r\n <div class=\"op-banner-stack\" id=\"opBannerStack\">\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Incident-Response.png\" alt=\"Incident Response\"><\/div>\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Target%20Intelligence-Radar.png\" alt=\"Radar\"><\/div>\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Observatory.png\" alt=\"Observatory\"><\/div>\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Signal-Board.png\" alt=\"Signal Board\"><\/div>\r\n <div class=\"op-banner-slide\"><img decoding=\"async\" src=\"https:\/\/opserver.app\/img\/OP-Evidence-Studio.png\" alt=\"Evidence Studio\"><\/div>\r\n <\/div>\r\n <div class=\"op-banner-dots\" id=\"opBannerDots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"to-tools-section\">\r\n <div class=\"to-tools-inner\">\r\n <div class=\"to-tools-header\">\r\n <span class=\"section-eyebrow\">Platform Modules<\/span>\r\n <h2 class=\"section-heading light\">Eight tools. <em>One environment.<\/em><\/h2>\r\n <p class=\"section-subhead light\">OPserver is a suite of specialised intelligence modules, each designed for a specific operational task, and all working together seamlessly.<\/p>\r\n <\/div>\r\n <div class=\"to-tools-grid\">\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/IR-Incident-Response.png\" alt=\"IR\"><h4>Incident Response<\/h4><p>Full case management for live incidents. Assign analysts, track status, log evidence and close cases with audit trails.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/SB-Signal-Board.png\" alt=\"SB\"><h4>Signal Board<\/h4><p>Visual link-analysis board. Connect entities, map networks and surface hidden relationships between actors and narratives.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/TR-Target-Radar.png\" alt=\"TR\"><h4>Target Radar<\/h4><p>Build structured intelligence profiles on individuals or organisations. Centralise all known data points in one view.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/OB-Observatory.png\" alt=\"OB\"><h4>Observatory<\/h4><p>Automated alert monitoring for keywords, accounts and domains. Know the moment something relevant changes online.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/ES-Evidence-Studio.png\" alt=\"ES\"><h4>Evidence Studio<\/h4><p>Capture, geotag and timestamp digital evidence to preservation standards. Built-in chain-of-custody documentation.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/KH-Knowledge-Hub.png\" alt=\"KH\"><h4>Knowledge Hub<\/h4><p>AI-powered search across your case archive and intelligence library. Find precedents and connections instantly.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/CW-Collaborative-Workspace.png\" alt=\"CW\"><h4>CCA Workspace<\/h4><p>Structured workspace for collaborative analysis. Multiple analysts working the same case, in sync, in real time.<\/p><\/div>\r\n <div class=\"to-tool-card\"><img decoding=\"async\" class=\"to-tool-logo\" src=\"https:\/\/opserver.app\/img\/TA-True-Observer-Academy.png\" alt=\"TA\"><h4>TO Academy<\/h4><p>Onboard your team with in-platform training and OSINT methodology resources built by experienced practitioners.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"to-cta-footer\">\r\n <div class=\"to-cta-footer-inner\">\r\n <span class=\"section-eyebrow\">Ready when you are<\/span>\r\n <h2 class=\"section-heading\">Let’s talk about <em>your exposure.<\/em><\/h2>\r\n <p class=\"section-subhead\">Whether you need managed protection or want to run OPserver independently, we’ll walk you through the right option for your situation.<\/p>\r\n <div class=\"to-cta-footer-btns\">\r\n <a href=\"\/contact\" class=\"btn-gold\">Contact Our Team<\/a>\r\n <a href=\"https:\/\/opserver.app\" target=\"_blank\" rel=\"noopener\" class=\"btn-ghost-light\">Explore OPserver \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const banner=document.getElementById('opserverPromoBanner');\r\n const stackEl=document.getElementById('opBannerStack');\r\n const dotsWrap=document.getElementById('opBannerDots');\r\n if(!banner||!stackEl||!dotsWrap)return;\r\n const slides=Array.from(stackEl.querySelectorAll('.op-banner-slide'));\r\n const total=slides.length,HOLD=2800,EXIT_MS=600;\r\n let current=0,timer=null,paused=false;\r\n slides.forEach(()=>{const d=document.createElement('span');d.className='op-banner-dot';dotsWrap.appendChild(d);});\r\n const dots=Array.from(dotsWrap.querySelectorAll('.op-banner-dot'));\r\n const POS=['pos-0','pos-1','pos-2','pos-exit'];\r\n function applyStack(){slides.forEach(s=>s.classList.remove(...POS));[current,(current-1+total)%total,(current-2+total)%total].forEach((si,pi)=>slides[si].classList.add(POS[pi]));dots.forEach((d,i)=>d.classList.toggle('active',i===current));}\r\n function advance(){if(paused)return;const ex=(current-2+total)%total;slides[ex].classList.remove('pos-2');slides[ex].classList.add('pos-exit');current=(current+1)%total;applyStack();setTimeout(()=>slides[ex].classList.remove('pos-exit'),EXIT_MS);}\r\n function start(){timer=setInterval(advance,HOLD);}function stop(){clearInterval(timer);}\r\n applyStack();start();\r\n banner.addEventListener('mouseenter',()=>{paused=true;stop();});\r\n banner.addEventListener('mouseleave',()=>{paused=false;start();});\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"<p>OPserver \u2014 True Observer Media True Observer Media \u00b7 Intelligence Services Professional protection.Or total control.You choose. We’ve spent years building tools sharp enough to track disinformation campaigns, expose impersonators, and defend reputations at scale. Now you can put those exact tools in your own hands, or let us do it for you. Hire Our Team […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4193","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/pages\/4193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/comments?post=4193"}],"version-history":[{"count":9,"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/pages\/4193\/revisions"}],"predecessor-version":[{"id":4205,"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/pages\/4193\/revisions\/4205"}],"wp:attachment":[{"href":"https:\/\/trueobservermedia.com\/es\/wp-json\/wp\/v2\/media?parent=4193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}