{"id":15,"date":"2026-02-12T16:37:35","date_gmt":"2026-02-12T16:37:35","guid":{"rendered":"https:\/\/deadreckoningscorp.com\/?page_id=15"},"modified":"2026-02-18T19:02:26","modified_gmt":"2026-02-18T19:02:26","slug":"home","status":"publish","type":"page","link":"https:\/\/deadreckoningscorp.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cba1458 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"cba1458\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:1174,&quot;url&quot;:&quot;https:\\\/\\\/deadreckoningscorp.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/115751.jpg&quot;},{&quot;id&quot;:1175,&quot;url&quot;:&quot;https:\\\/\\\/deadreckoningscorp.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/115402.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6c5cba elementor-widget elementor-widget-html\" data-id=\"a6c5cba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;600;700&family=Barlow:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\r\n  <style>\r\n\r\n    :root {\r\n      --olive:       #636B2F;\r\n      --olive-dark:  #3F4320;\r\n      --olive-light: #8B9645;\r\n      --khaki-light: #E8DFA8;\r\n      --gold:        #D4A847;\r\n      --gold-bright: #F0C040;\r\n      --cream:       #FAF5E4;\r\n      --charcoal:    #1A1C0E;\r\n    }\r\n\r\n\r\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n    .hero {\r\n      position: relative;\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 60px 180px 100px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hero-grid {\r\n      position: absolute; inset: 0; z-index: 1;\r\n      background-image:\r\n        linear-gradient(rgba(99,107,47,0.07) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(99,107,47,0.07) 1px, transparent 1px);\r\n      background-size: 55px 55px;\r\n      mask-image: radial-gradient(ellipse 65% 80% at 28% 50%, black 15%, transparent 100%);\r\n    }\r\n\r\n    \/* Military crest \u2014 right side decorative element *\/\r\n    .hero-crest {\r\n      position: absolute;\r\n      right: 6%; top: 50%;\r\n      transform: translateY(-50%);\r\n      width: 430px; height: 430px;\r\n      z-index: 2; pointer-events: none;\r\n      opacity: 0;\r\n      animation: crest-in 1.4s 0.4s cubic-bezier(0.16,1,0.3,1) forwards;\r\n    }\r\n    @keyframes crest-in {\r\n      from { opacity: 0; transform: translateY(-50%) scale(0.85) rotate(-6deg); }\r\n      to   { opacity: 1; transform: translateY(-50%) scale(1)    rotate(0deg);  }\r\n    }\r\n    .hero-crest svg { width: 100%; height: 100%; }\r\n\r\n    \/* \u2500\u2500 MAIN CONTENT \u2500\u2500 *\/\r\n    .hero-content {\r\n      position: relative; z-index: 10;\r\n      max-width: 1200px;\r\n      padding: 0 64px;\r\n    }\r\n\r\n    \/* Eyebrow label *\/\r\n    .hero-eyebrow {\r\n      display: flex; align-items: center; gap: 14px;\r\n      margin-bottom: 22px;\r\n      opacity: 0;\r\n      animation: slide-up 0.7s 0.2s cubic-bezier(0.16,1,0.3,1) forwards;\r\n    }\r\n    .eyebrow-line {\r\n      width: 44px; height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), var(--olive-light));\r\n    }\r\n    .eyebrow-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 17px !important; font-weight: 700;\r\n      letter-spacing: 4px; text-transform: uppercase;\r\n      color: var(--gold);\r\n    }\r\n\r\n    \/* Heading *\/\r\n    .hero-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 80px;\r\n      line-height: 0.93;\r\n      letter-spacing: 2px;\r\n      color: var(--cream);\r\n      margin-bottom: 28px;\r\n      opacity: 0;\r\n      animation: slide-up 0.85s 0.32s cubic-bezier(0.16,1,0.3,1) forwards;\r\n      width: 100%;\r\n    }\r\n    .hero-title .outline {\r\n      display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1.5px var(--olive-light);\r\n    }\r\n    .hero-title .gold { color: var(--gold); }\r\n\r\n    \/* Description *\/\r\n    .hero-desc {\r\n      display: flex; align-items: flex-start; gap: 16px;\r\n      margin-bottom: 40px;\r\n      opacity: 0;\r\n      animation: slide-up 0.85s 0.46s cubic-bezier(0.16,1,0.3,1) forwards;\r\n    }\r\n    .desc-bar {\r\n      flex-shrink: 0;\r\n      width: 4px; height: 62px; margin-top: 2px;\r\n      background: linear-gradient(180deg, var(--gold), var(--olive-light));\r\n    }\r\n    .desc-text {\r\n      font-size: 18px; font-weight: 300; line-height: 1.72;\r\n      color: rgba(232,223,168,0.76);\r\n      max-width: 460px;\r\n    }\r\n    .desc-text strong { color: var(--khaki-light); font-weight: 500; }\r\n\r\n    \/* Stats panel *\/\r\n    .hero-stats {\r\n      display: flex;\r\n      border: 1px solid rgba(99,107,47,0.35);\r\n      width: fit-content;\r\n      background: rgba(15,16,8,0.52);\r\n      backdrop-filter: blur(10px);\r\n      margin-bottom: 42px;\r\n      opacity: 0;\r\n      animation: slide-up 0.85s 0.60s cubic-bezier(0.16,1,0.3,1) forwards;\r\n    }\r\n    .stat {\r\n      padding: 18px 28px;\r\n      border-right: 1px solid rgba(99,107,47,0.3);\r\n      position: relative;\r\n    }\r\n    .stat:last-child { border-right: none; }\r\n    .stat::after {\r\n      content: '';\r\n      position: absolute; top: 0; left: 0; right: 0;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), transparent);\r\n      transform: scaleX(0); transform-origin: left;\r\n      transition: transform 0.35s ease;\r\n    }\r\n    .stat:hover::after { transform: scaleX(1); }\r\n    .stat-num {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 38px; line-height: 1;\r\n      color: var(--gold);\r\n    }\r\n    .stat-num sup { font-size: 20px; color: var(--olive-light); vertical-align: super; }\r\n    .stat-label {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 19px; letter-spacing: 2.5px; text-transform: uppercase;\r\n      color: #fff; margin-top: 2px;\r\n    }\r\n\r\n    \/* CTA buttons *\/\r\n    .hero-actions {\r\n      display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\r\n      opacity: 0;\r\n      animation: slide-up 0.85s 0.74s cubic-bezier(0.16,1,0.3,1) forwards;\r\n    }\r\n    .btn-primary {\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 18px !important; font-weight: 700; letter-spacing: 2.5px;\r\n      text-transform: uppercase; text-decoration: none;\r\n      padding: 15px 32px;\r\n      color: var(--charcoal);\r\n      background: linear-gradient(135deg, var(--gold-bright), var(--gold));\r\n      clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);\r\n      border: none; cursor: pointer;\r\n      position: relative; overflow: hidden;\r\n      transition: transform 0.25s, box-shadow 0.25s;\r\n    }\r\n    .btn-primary::after {\r\n      content: '';\r\n      position: absolute; inset: 0;\r\n      background: linear-gradient(135deg, rgba(255,255,255,0.2), transparent);\r\n      opacity: 0; transition: opacity 0.25s;\r\n    }\r\n    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(212,168,71,0.4); color:white !important; }\r\n    \r\n    .btn-primary:hover::after { opacity: 1; }\r\n    .btn-primary svg { width: 15px; height: 15px; }\r\n\r\n    .btn-ghost {\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 13px; font-weight: 600; letter-spacing: 2px;\r\n      text-transform: uppercase; text-decoration: none;\r\n      padding: 14px 26px;\r\n      color: var(--khaki-light);\r\n      background: transparent;\r\n      border: 1px solid rgba(99,107,47,0.55);\r\n      clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);\r\n      cursor: pointer;\r\n      transition: border-color 0.25s, color 0.25s, background 0.25s;\r\n    }\r\n    .btn-ghost:hover {\r\n      border-color: var(--olive-light);\r\n      background: rgba(99,107,47,0.15);\r\n      color: var(--cream);\r\n    }\r\n\r\n    \/* Scroll hint *\/\r\n    .scroll-hint {\r\n      position: absolute; bottom: 36px; left: 64px; z-index: 10;\r\n      display: flex; align-items: center; gap: 12px;\r\n      opacity: 0;\r\n      animation: fade-in 1s 1.3s forwards;\r\n    }\r\n    .scroll-line {\r\n      width: 60px; height: 2px;\r\n      background: #fff;\r\n      animation: pulse 2.2s ease-in-out infinite;\r\n    }\r\n    @keyframes pulse { 0%,100% { opacity:0.35; } 50% { opacity:1; } }\r\n    .scroll-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 17px; letter-spacing: 3px; text-transform: uppercase;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* Keyframes *\/\r\n    @keyframes slide-up {\r\n      from { opacity: 0; transform: translateY(28px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n    @keyframes fade-in {\r\n      from { opacity: 0; }\r\n      to   { opacity: 1; }\r\n    }\r\n\r\n    \/* Responsive *\/\r\n   @media (max-width: 768px) {\r\n  \/* Hero padding for smaller screens *\/\r\n  .hero {\r\n    padding: 40px 20px 60px;\r\n    min-height: auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center; \/* Center all text *\/\r\n  }\r\n\r\n  \/* Hero content padding and centering *\/\r\n  .hero-content {\r\n    padding: 0 16px;\r\n    max-width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Hero title scaling for mobile *\/\r\n  .hero-title {\r\n    font-size: 42px;\r\n    line-height: 1.1;\r\n    letter-spacing: 1px;\r\n  }\r\n  .hero-title .outline {\r\n    -webkit-text-stroke: 1px var(--olive-light);\r\n  }\r\n\r\n  \/* Eyebrow label font smaller and centered *\/\r\n  .hero-eyebrow {\r\n    gap: 8px;\r\n    margin-bottom: 16px;\r\n    justify-content: center;\r\n  }\r\n  .eyebrow-line { width: 28px; }\r\n  .eyebrow-text { font-size: 10px; letter-spacing: 2px; }\r\n\r\n  \/* Description adjustments *\/\r\n  .hero-desc {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    align-items: center;\r\n  }\r\n  .desc-bar { width: 3px; height: 48px; margin: 0 auto; }\r\n  .desc-text { font-size: 14px; max-width: 100%; line-height: 1.5; }\r\n\r\n  \/* Stats panel responsive and centered *\/\r\n  .hero-stats {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 20px 0;\r\n  }\r\n  .stat {\r\n    flex: 1 1 48%;\r\n    padding: 14px 20px;\r\n    margin: 6px;\r\n    border-right: none;\r\n    border-bottom: 1px solid rgba(99,107,47,0.3);\r\n  }\r\n  .stat:last-child {\r\n    border-bottom: none;\r\n  }\r\n  .stat-num { font-size: 28px; }\r\n  .stat-num sup { font-size: 14px; }\r\n\r\n  \/* Buttons stacking and centering *\/\r\n  .hero-actions {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    align-items: center;\r\n  }\r\n  .btn-primary, .btn-ghost { width: auto; text-align: center; }\r\n\r\n  \/* Hero crest smaller and faded *\/\r\n  .hero-crest {\r\n    width: 160px; height: 160px;\r\n    right: -10px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    opacity: 0.15 !important;\r\n    animation: none !important;\r\n  }\r\n\r\n  \/* Scroll hint adjustments *\/\r\n  .scroll-hint {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    bottom: 20px;\r\n    gap: 8px;\r\n  }\r\n  .scroll-line { width: 40px; }\r\n  .scroll-text { font-size: 8px; letter-spacing: 2px; }\r\n}\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\">\r\n\r\n  <div class=\"hero-overlay\"><\/div>\r\n  <div class=\"hero-grid\"><\/div>\r\n\r\n  <!-- Decorative military crest (right) -->\r\n  <div class=\"hero-crest\">\r\n    <svg viewBox=\"0 0 430 430\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <circle cx=\"215\" cy=\"215\" r=\"198\" stroke=\"rgba(99,107,47,0.22)\" stroke-width=\"1.2\" stroke-dasharray=\"7 5\"\/>\r\n      <circle cx=\"215\" cy=\"215\" r=\"178\" stroke=\"rgba(99,107,47,0.13)\" stroke-width=\"0.8\"\/>\r\n      <circle cx=\"215\" cy=\"215\" r=\"155\" stroke=\"rgba(212,168,71,0.16)\" stroke-width=\"0.8\"\/>\r\n      <polygon points=\"215,38 233,158 298,74 243,173 352,140 256,205 352,270 243,235 298,334 233,250 215,370 197,250 132,334 187,235 78,270 174,205 78,140 187,173 132,74 197,158\"\r\n               fill=\"rgba(99,107,47,0.1)\" stroke=\"rgba(99,107,47,0.35)\" stroke-width=\"0.9\"\/>\r\n      <polygon points=\"215,95 274,128 304,188 304,258 274,318 215,350 156,318 126,258 126,188 156,128\"\r\n               fill=\"rgba(26,28,14,0.55)\" stroke=\"rgba(99,107,47,0.3)\" stroke-width=\"1.2\"\/>\r\n      <polygon points=\"215,150 248,168 248,204 215,222 182,204 182,168\"\r\n               fill=\"rgba(99,107,47,0.28)\" stroke=\"rgba(212,168,71,0.45)\" stroke-width=\"1.2\"\/>\r\n      <path d=\"M215 158 L230 180 L225 202 L215 208 L205 202 L200 180 Z\"\r\n            fill=\"rgba(212,168,71,0.3)\" stroke=\"rgba(212,168,71,0.55)\" stroke-width=\"0.9\"\/>\r\n      <line x1=\"215\" y1=\"38\"  x2=\"215\" y2=\"95\"  stroke=\"rgba(99,107,47,0.38)\" stroke-width=\"1.2\"\/>\r\n      <line x1=\"215\" y1=\"350\" x2=\"215\" y2=\"392\" stroke=\"rgba(99,107,47,0.38)\" stroke-width=\"1.2\"\/>\r\n      <line x1=\"38\"  y1=\"215\" x2=\"95\"  y2=\"215\" stroke=\"rgba(99,107,47,0.38)\" stroke-width=\"1.2\"\/>\r\n      <line x1=\"335\" y1=\"215\" x2=\"392\" y2=\"215\" stroke=\"rgba(99,107,47,0.38)\" stroke-width=\"1.2\"\/>\r\n      <line x1=\"88\"  y1=\"88\"  x2=\"124\" y2=\"124\" stroke=\"rgba(99,107,47,0.22)\" stroke-width=\"0.8\"\/>\r\n      <line x1=\"342\" y1=\"88\"  x2=\"306\" y2=\"124\" stroke=\"rgba(99,107,47,0.22)\" stroke-width=\"0.8\"\/>\r\n      <line x1=\"88\"  y1=\"342\" x2=\"124\" y2=\"306\" stroke=\"rgba(99,107,47,0.22)\" stroke-width=\"0.8\"\/>\r\n      <line x1=\"342\" y1=\"342\" x2=\"306\" y2=\"306\" stroke=\"rgba(99,107,47,0.22)\" stroke-width=\"0.8\"\/>\r\n      <circle cx=\"215\" cy=\"18\"  r=\"2.5\" fill=\"rgba(212,168,71,0.55)\"\/>\r\n      <circle cx=\"215\" cy=\"412\" r=\"2.5\" fill=\"rgba(212,168,71,0.55)\"\/>\r\n      <circle cx=\"18\"  cy=\"215\" r=\"2.5\" fill=\"rgba(212,168,71,0.55)\"\/>\r\n      <circle cx=\"412\" cy=\"215\" r=\"2.5\" fill=\"rgba(212,168,71,0.55)\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- Content -->\r\n  <div class=\"hero-content\">\r\n\r\n    <div class=\"hero-eyebrow\">\r\n      <div class=\"eyebrow-line\"><\/div>\r\n      <span class=\"eyebrow-text\">Elite Military Consultation<\/span>\r\n    <\/div>\r\n\r\n    <h1 class=\"hero-title\">\r\n      STRATEGIC\r\n      <span class=\"outline\">PRECISION.<\/span>\r\n      <span class=\"gold\">DECISIVE<\/span>\r\n      COMMAND.\r\n    <\/h1>\r\n\r\n    <div class=\"hero-desc\">\r\n      <div class=\"desc-bar\"><\/div>\r\n      <p class=\"desc-text\">\r\n        Trusted by <strong>government agencies & private sector leaders<\/strong>,\r\n        we deliver battle-tested military strategy, operational planning,\r\n        and risk assessment for high-stakes environments worldwide.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hero-stats\">\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">25<sup>+<\/sup><\/div>\r\n        <div class=\"stat-label\">Years in Service<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">340<sup>+<\/sup><\/div>\r\n        <div class=\"stat-label\">Missions Completed<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">60<sup>+<\/sup><\/div>\r\n        <div class=\"stat-label\">Nations Served<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">98<sup>%<\/sup><\/div>\r\n        <div class=\"stat-label\">Client Retention<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-actions\">\r\n      <a href=\"https:\/\/deadreckoningscorp.com\/index.php\/contact-us\/\" class=\"btn-primary\">\r\n        Request a Consultation\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n      <!--<a href=\"#\" class=\"btn-ghost\">View Our Operations<\/a>-->\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Scroll hint -->\r\n  <div class=\"scroll-hint\">\r\n    <div class=\"scroll-line\"><\/div>\r\n    <span class=\"scroll-text\">Scroll to explore<\/span>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bab4a8f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"bab4a8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-314a771 elementor-widget elementor-widget-html\" data-id=\"314a771\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"trust-slider\">\r\n  <div class=\"trust-track\">\r\n    <div class=\"trust-content\">\r\n      <span><strong>25+<\/strong> Years Experience<\/span>\r\n      <span class=\"dot\">\u2022<\/span>\r\n      <span><strong>2,000+<\/strong> Consultations<\/span>\r\n      <span class=\"dot\">\u2022<\/span>\r\n      <span><strong>98%<\/strong> Success Rate<\/span>\r\n      <span class=\"dot\">\u2022<\/span>\r\n      <span><strong>Confidential<\/strong> Advisory<\/span>\r\n      <span class=\"dot\">\u2022<\/span>\r\n\r\n      <!-- Duplicate for seamless infinite effect -->\r\n      <span><strong>25+<\/strong> Years Experience<\/span>\r\n      <span class=\"dot\">\u2022<\/span>\r\n      <span><strong>2,000+<\/strong> Consultations<\/span>\r\n      <span class=\"dot\">\u2022<\/span>\r\n      <span><strong>98%<\/strong> Success Rate<\/span>\r\n      <span class=\"dot\">\u2022<\/span>\r\n      <span><strong>Confidential<\/strong> Advisory<\/span>\r\n      <span class=\"dot\">\u2022<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n   .trust-slider {\r\n  background: #3C4F2C;\r\n  padding: 18px 0;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n\r\n.trust-track {\r\n  display: flex;\r\n}\r\n\r\n.trust-content {\r\n  display: inline-block;\r\n  animation: scroll 25s linear infinite;\r\n  font-size: 19px;\r\n  color: #FFFFFF;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.trust-content span {\r\n  margin: 0 25px;\r\n}\r\n\r\n.trust-content strong {\r\n  color: #B08D57; \/* Gold Accent *\/\r\n  font-weight: 700;\r\n}\r\n\r\n.dot {\r\n  color: rgba(255,255,255,0.4);\r\n}\r\n\r\n\/* Infinite Scroll Animation *\/\r\n@keyframes scroll {\r\n  0% {\r\n    transform: translateX(0);\r\n  }\r\n  100% {\r\n    transform: translateX(-50%);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .trust-content {\r\n    font-size: 12px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e19ca1f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"e19ca1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fbad3b elementor-widget elementor-widget-html\" data-id=\"3fbad3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;600;700&family=Barlow:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\r\n  <style>\r\n\r\n    :root {\r\n      --olive:        #636B2F;\r\n      --olive-dark:   #3F4320;\r\n      --olive-light:  #8B9645;\r\n      --gold:         #C49A30;\r\n      --gold-bright:  #D4A847;\r\n      --charcoal:     #1A1C0E;\r\n      --text-body:    #4A4E2A;\r\n      --text-muted:   #7A7F52;\r\n    }\r\n\r\n    \r\n\r\n    \/* \u2500\u2500 ABOUT SECTION \u2500\u2500 *\/\r\n    .about {\r\n      position: relative;\r\n      background: #ffffff;\r\n      overflow: hidden;\r\n      padding: 80px 0px;\r\n      border-top: 1px solid rgba(99,107,47,0.15);\r\n      border-bottom: 1px solid rgba(99,107,47,0.15);\r\n    }\r\n\r\n    \/* subtle grid on white *\/\r\n    .about-grid {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      background-image:\r\n        linear-gradient(rgba(99,107,47,0.045) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(99,107,47,0.045) 1px, transparent 1px);\r\n      background-size: 55px 55px;\r\n      mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, black 30%, transparent 100%);\r\n    }\r\n\r\n    \/* gold accent bar \u2014 top left *\/\r\n    .about::after {\r\n      content: '';\r\n      position: absolute; top: 0; left: 0;\r\n      width: 220px; height: 3px;\r\n      background: linear-gradient(90deg, var(--gold), transparent);\r\n    }\r\n\r\n    \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\r\n    .about-inner {\r\n      position: relative; z-index: 2;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 0px;\r\n      display: grid;\r\n      grid-template-columns: 1.05fr 0.95fr;\r\n      gap: 0;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* \u2500\u2500 LEFT \u2014 IMAGE BLOCK \u2500\u2500 *\/\r\n    .about-image-col {\r\n      position: relative;\r\n      padding-right: 72px;\r\n    }\r\n\r\n    .about-image-frame {\r\n      position: relative;\r\n      overflow: hidden;\r\n      box-shadow: 0 24px 60px rgba(50,60,20,0.13), 0 4px 16px rgba(50,60,20,0.08);\r\n    }\r\n\r\n    \/* corner bracket top-left *\/\r\n    .about-image-frame::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -1px; left: -1px;\r\n      width: 48px; height: 48px;\r\n      border-top: 2px solid var(--gold);\r\n      border-left: 2px solid var(--gold);\r\n      z-index: 4;\r\n    }\r\n    \/* corner bracket bottom-right *\/\r\n    .about-image-frame::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -1px; right: -1px;\r\n      width: 48px; height: 48px;\r\n      border-bottom: 2px solid var(--olive-light);\r\n      border-right: 2px solid var(--olive-light);\r\n      z-index: 4;\r\n    }\r\n\r\n    .about-chart {\r\n      width: 100%;\r\n      aspect-ratio: 4\/3;\r\n      background: #0d0f05;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .about-chart svg { width: 100%; height: 100%; }\r\n\r\n    \/* scan-line overlay *\/\r\n    .about-chart::after {\r\n      content: '';\r\n      position: absolute; inset: 0;\r\n      background: repeating-linear-gradient(\r\n        0deg, transparent, transparent 3px,\r\n        rgba(0,0,0,0.13) 3px, rgba(0,0,0,0.13) 4px\r\n      );\r\n      pointer-events: none; z-index: 3;\r\n    }\r\n\r\n    \/* classification tag *\/\r\n    .about-classified {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      margin-top: 14px; padding: 5px 12px;\r\n      border: 1px solid rgba(99,107,47,0.25);\r\n      background: rgba(99,107,47,0.04);\r\n    }\r\n    .classified-dot {\r\n      width: 5px; height: 5px; border-radius: 50%;\r\n      background: var(--gold);\r\n      animation: blink 2.4s ease-in-out infinite;\r\n    }\r\n    @keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0.2;} }\r\n    .classified-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 15px; letter-spacing: 3px; text-transform: uppercase;\r\n      color: var(--text-muted);\r\n    }\r\n\r\n    \/* \u2500\u2500 RIGHT \u2014 CONTENT \u2500\u2500 *\/\r\n    .about-content-col {\r\n      padding-left: 56px;\r\n      border-left: 1px solid rgba(99,107,47,0.18);\r\n    }\r\n\r\n    \/* eyebrow *\/\r\n    .about-eyebrow {\r\n      display: flex; align-items: center; gap: 12px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .eyebrow-line {\r\n      width: 32px; height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), var(--olive-light));\r\n    }\r\n    .eyebrow-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 25px !important; font-weight: 700;\r\n      letter-spacing: 4px; text-transform: uppercase;\r\n      color: var(--gold);\r\n    }\r\n\r\n    \/* headline *\/\r\n    .about-headline {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 59px !important;\r\n      line-height: 0.95;\r\n      letter-spacing: 1.5px;\r\n      color: var(--charcoal);\r\n      margin-bottom: 24px;\r\n    }\r\n    .about-headline .outline {\r\n      display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1.5px var(--olive-light);\r\n    }\r\n    .about-headline .gold { color: var(--gold); }\r\n\r\n    \/* divider *\/\r\n    .about-divider {\r\n      width: 80px; height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), rgba(139,150,69,0.3));\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    \/* body copy \u2014 trimmed *\/\r\n    .about-body {\r\n      font-size: 19px !important; font-weight: 300; line-height: 1.78;\r\n      color: var(--text-body);\r\n      margin-bottom: 28px;\r\n      max-width: 420px;\r\n    }\r\n    .about-body strong { color: var(--charcoal); font-weight: 500; }\r\n\r\n    \/* three pillars \u2014 compact numbered rows *\/\r\n    .about-pillars {\r\n      display: flex; flex-direction: column;\r\n      gap: 8px; margin-bottom: 36px;\r\n    }\r\n    .pillar {\r\n      display: flex; align-items: center; gap: 12px;\r\n      padding: 10px 14px;\r\n      border: 1px solid rgba(99,107,47,0.15);\r\n      background: rgba(99,107,47,0.03);\r\n      transition: border-color 0.25s, background 0.25s;\r\n    }\r\n    .pillar:hover {\r\n      border-color: rgba(196,154,48,0.4);\r\n      background: rgba(196,154,48,0.05);\r\n    }\r\n    .pillar-num {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 22px; line-height: 1;\r\n      color: rgba(196,154,48,0.35);\r\n      min-width: 28px;\r\n    }\r\n    .pillar-label {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 18px; font-weight: 700;\r\n      letter-spacing: 2px; text-transform: uppercase;\r\n      color: var(--olive-dark);\r\n    }\r\n\r\n    \/* CTA *\/\r\n    .btn-about {\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 12px; font-weight: 700;\r\n      letter-spacing: 2.5px; text-transform: uppercase;\r\n      text-decoration: none;\r\n      padding: 14px 30px;\r\n      color: #fff;\r\n      background: linear-gradient(135deg, var(--olive), var(--olive-dark));\r\n      clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);\r\n      border: none; cursor: pointer;\r\n      position: relative; overflow: hidden;\r\n      transition: transform 0.25s, box-shadow 0.25s;\r\n    }\r\n    .btn-about::after {\r\n      content: '';\r\n      position: absolute; inset: 0;\r\n      background: linear-gradient(135deg, rgba(212,168,71,0.28), transparent);\r\n      opacity: 0; transition: opacity 0.25s;\r\n    }\r\n    .btn-about:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(63,67,32,0.28); color:white !important; }\r\n    .btn-about:hover::after { opacity: 1; }\r\n    .btn-about svg { width: 14px; height: 14px; flex-shrink: 0; }\r\n\r\n    \/* \u2500\u2500 REVEAL ANIMATIONS \u2500\u2500 *\/\r\n    .js-loaded .reveal {\r\n      opacity: 0; transform: translateY(24px);\r\n      transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1);\r\n    }\r\n    .js-loaded .reveal-left {\r\n      opacity: 0; transform: translateX(-28px);\r\n      transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1);\r\n    }\r\n    .js-loaded .reveal.visible,\r\n    .js-loaded .reveal-left.visible { opacity: 1; transform: none; }\r\n\r\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n   @media (max-width: 900px) {\r\n  \/* About inner already single column, leave image as-is *\/\r\n  .about-inner {\r\n    grid-template-columns: 1fr; \r\n    gap: 25px; \r\n    padding-left: 20px !important;\r\n    padding-right: 20px !important;\r\n  }\r\n  \r\n  .about-image-col{\r\n      padding-right:0px !important;\r\n  }\r\n\r\n  \/* Right content column centered *\/\r\n  .about-content-col {\r\n    border-left: none;\r\n    border-top: 1px solid rgba(99,107,47,0.15);\r\n    padding-left: 0;\r\n    padding-top: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \/* centers all children horizontally *\/\r\n    text-align: center;  \/* centers text *\/\r\n  }\r\n\r\n  \/* Eyebrow centered *\/\r\n  .about-eyebrow {\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Headline smaller and centered *\/\r\n  .about-headline {\r\n    font-size: 42px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Body text centered *\/\r\n  .about-body {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    max-width: 100%;\r\n  }\r\n\r\n  \/* Pillars stacked and centered *\/\r\n  .about-pillars {\r\n    align-items: center;\r\n  }\r\n\r\n  .pillar {\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* CTA button centered *\/\r\n  .btn-about {\r\n    margin: 0 auto;\r\n  }\r\n}\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"about\">\r\n  <div class=\"about-grid\"><\/div>\r\n\r\n  <div class=\"about-inner\">\r\n\r\n    <!-- LEFT: Chart Image -->\r\n    <div class=\"about-image-col reveal-left\">\r\n      <div class=\"about-image-frame\">\r\n        <div class=\"about-chart\">\r\n          <svg viewBox=\"0 0 600 450\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMid slice\">\r\n            <rect width=\"600\" height=\"450\" fill=\"#0a0c04\"\/>\r\n            <ellipse cx=\"310\" cy=\"225\" rx=\"260\" ry=\"200\" fill=\"rgba(40,55,20,0.18)\"\/>\r\n            <ellipse cx=\"310\" cy=\"225\" rx=\"180\" ry=\"140\" fill=\"rgba(30,40,12,0.12)\"\/>\r\n            <g stroke=\"rgba(99,107,47,0.18)\" stroke-width=\"0.6\">\r\n              <line x1=\"0\" y1=\"75\"  x2=\"600\" y2=\"75\"\/><line x1=\"0\" y1=\"150\" x2=\"600\" y2=\"150\"\/>\r\n              <line x1=\"0\" y1=\"225\" x2=\"600\" y2=\"225\"\/><line x1=\"0\" y1=\"300\" x2=\"600\" y2=\"300\"\/>\r\n              <line x1=\"0\" y1=\"375\" x2=\"600\" y2=\"375\"\/><line x1=\"75\" y1=\"0\" x2=\"75\" y2=\"450\"\/>\r\n              <line x1=\"150\" y1=\"0\" x2=\"150\" y2=\"450\"\/><line x1=\"225\" y1=\"0\" x2=\"225\" y2=\"450\"\/>\r\n              <line x1=\"300\" y1=\"0\" x2=\"300\" y2=\"450\"\/><line x1=\"375\" y1=\"0\" x2=\"375\" y2=\"450\"\/>\r\n              <line x1=\"450\" y1=\"0\" x2=\"450\" y2=\"450\"\/><line x1=\"525\" y1=\"0\" x2=\"525\" y2=\"450\"\/>\r\n            <\/g>\r\n            <g stroke=\"rgba(99,107,47,0.1)\" stroke-width=\"0.5\" stroke-dasharray=\"4 6\">\r\n              <line x1=\"0\" y1=\"0\" x2=\"600\" y2=\"450\"\/>\r\n              <line x1=\"600\" y1=\"0\" x2=\"0\" y2=\"450\"\/>\r\n            <\/g>\r\n            <path d=\"M0 180 Q40 160 80 175 Q130 155 150 195 Q180 190 190 210 Q210 195 240 210 Q250 230 230 250 Q245 265 220 280 Q200 300 180 285 Q155 310 130 295 Q90 320 60 300 Q20 310 0 290 Z\"\r\n                  fill=\"rgba(50,60,20,0.5)\" stroke=\"rgba(139,150,69,0.45)\" stroke-width=\"1\"\/>\r\n            <path d=\"M490 0 Q530 20 560 50 Q590 80 600 120 L600 0 Z\"\r\n                  fill=\"rgba(50,60,20,0.45)\" stroke=\"rgba(139,150,69,0.35)\" stroke-width=\"1\"\/>\r\n            <path d=\"M380 370 Q420 350 460 365 Q500 355 530 380 Q550 400 540 430 Q510 445 480 440 Q440 450 410 435 Q375 420 380 370 Z\"\r\n                  fill=\"rgba(50,60,20,0.4)\" stroke=\"rgba(139,150,69,0.3)\" stroke-width=\"0.8\"\/>\r\n            <ellipse cx=\"310\" cy=\"225\" rx=\"220\" ry=\"165\" fill=\"none\" stroke=\"rgba(99,107,47,0.2)\" stroke-width=\"0.8\" stroke-dasharray=\"3 5\"\/>\r\n            <ellipse cx=\"310\" cy=\"225\" rx=\"170\" ry=\"125\" fill=\"none\" stroke=\"rgba(99,107,47,0.16)\" stroke-width=\"0.6\" stroke-dasharray=\"3 5\"\/>\r\n            <g transform=\"translate(310,225)\">\r\n              <circle r=\"58\" fill=\"rgba(10,12,4,0.75)\" stroke=\"rgba(99,107,47,0.38)\" stroke-width=\"1.2\"\/>\r\n              <circle r=\"46\" fill=\"none\" stroke=\"rgba(99,107,47,0.2)\" stroke-width=\"0.7\"\/>\r\n              <circle r=\"30\" fill=\"none\" stroke=\"rgba(212,168,71,0.25)\" stroke-width=\"0.8\"\/>\r\n              <polygon points=\"0,-55 5,-14 0,-22 -5,-14\" fill=\"rgba(212,168,71,0.85)\"\/>\r\n              <polygon points=\"0,55 5,14 0,22 -5,14\" fill=\"rgba(139,150,69,0.6)\"\/>\r\n              <polygon points=\"-55,0 -14,5 -22,0 -14,-5\" fill=\"rgba(139,150,69,0.6)\"\/>\r\n              <polygon points=\"55,0 14,5 22,0 14,-5\" fill=\"rgba(139,150,69,0.6)\"\/>\r\n              <polygon points=\"38,-38 8,-8 15,-5 12,-12\" fill=\"rgba(139,150,69,0.4)\"\/>\r\n              <polygon points=\"-38,-38 -8,-8 -15,-5 -12,-12\" fill=\"rgba(139,150,69,0.4)\"\/>\r\n              <polygon points=\"38,38 8,8 15,5 12,12\" fill=\"rgba(139,150,69,0.4)\"\/>\r\n              <polygon points=\"-38,38 -8,8 -15,5 -12,12\" fill=\"rgba(139,150,69,0.4)\"\/>\r\n              <text x=\"0\" y=\"-36\" text-anchor=\"middle\" dominant-baseline=\"middle\"\r\n                    font-family=\"'Barlow Condensed',sans-serif\" font-size=\"9\" font-weight=\"700\"\r\n                    fill=\"rgba(240,192,64,0.9)\" letter-spacing=\"1\">N<\/text>\r\n              <circle r=\"5\" fill=\"rgba(212,168,71,0.55)\" stroke=\"rgba(212,168,71,0.8)\" stroke-width=\"0.8\"\/>\r\n              <circle r=\"2\" fill=\"#D4A847\"\/>\r\n            <\/g>\r\n            <path d=\"M80 260 L145 228 L210 195 L295 178 L370 162 L448 148 L515 132\"\r\n                  stroke=\"rgba(212,168,71,0.85)\" stroke-width=\"1.6\" stroke-dasharray=\"6 4\" fill=\"none\"\/>\r\n            <circle cx=\"145\" cy=\"228\" r=\"3.5\" fill=\"rgba(212,168,71,0.9)\" stroke=\"rgba(212,168,71,0.35)\" stroke-width=\"5\"\/>\r\n            <circle cx=\"295\" cy=\"178\" r=\"3.5\" fill=\"rgba(212,168,71,0.9)\" stroke=\"rgba(212,168,71,0.35)\" stroke-width=\"5\"\/>\r\n            <circle cx=\"448\" cy=\"148\" r=\"3.5\" fill=\"rgba(212,168,71,0.9)\" stroke=\"rgba(212,168,71,0.35)\" stroke-width=\"5\"\/>\r\n            <path d=\"M295 178 L355 115\" stroke=\"rgba(139,150,69,0.5)\" stroke-width=\"0.8\" stroke-dasharray=\"3 4\"\/>\r\n            <g transform=\"translate(448,148)\" stroke=\"rgba(240,192,64,0.75)\" stroke-width=\"1.2\">\r\n              <line x1=\"-10\" y1=\"0\" x2=\"10\" y2=\"0\"\/><line x1=\"0\" y1=\"-10\" x2=\"0\" y2=\"10\"\/>\r\n              <circle r=\"6\" fill=\"none\"\/>\r\n            <\/g>\r\n            <g transform=\"translate(510,380)\" opacity=\"0.5\">\r\n              <circle r=\"22\" fill=\"rgba(10,12,4,0.8)\" stroke=\"rgba(99,107,47,0.4)\" stroke-width=\"0.8\"\/>\r\n              <circle r=\"16\" fill=\"none\" stroke=\"rgba(99,107,47,0.18)\" stroke-width=\"0.5\"\/>\r\n              <polygon points=\"0,-20 2,-4 0,-9 -2,-4\" fill=\"rgba(212,168,71,0.8)\"\/>\r\n              <polygon points=\"0,20 2,4 0,9 -2,4\" fill=\"rgba(99,107,47,0.6)\"\/>\r\n              <polygon points=\"-20,0 -4,2 -9,0 -4,-2\" fill=\"rgba(99,107,47,0.6)\"\/>\r\n              <polygon points=\"20,0 4,2 9,0 4,-2\" fill=\"rgba(99,107,47,0.6)\"\/>\r\n              <circle r=\"2\" fill=\"rgba(212,168,71,0.7)\"\/>\r\n            <\/g>\r\n            <text x=\"370\" y=\"260\" font-family=\"'Barlow Condensed',sans-serif\" font-size=\"8\" fill=\"rgba(139,150,69,0.5)\">42<\/text>\r\n            <text x=\"430\" y=\"220\" font-family=\"'Barlow Condensed',sans-serif\" font-size=\"8\" fill=\"rgba(139,150,69,0.5)\">38<\/text>\r\n            <text x=\"250\" y=\"300\" font-family=\"'Barlow Condensed',sans-serif\" font-size=\"8\" fill=\"rgba(139,150,69,0.5)\">55<\/text>\r\n            <g font-family=\"'Barlow Condensed',sans-serif\" font-size=\"8\" fill=\"rgba(99,107,47,0.4)\" letter-spacing=\"1\">\r\n              <text x=\"70\" y=\"12\">31\u00b000'N<\/text><text x=\"220\" y=\"12\">32\u00b000'N<\/text>\r\n              <text x=\"370\" y=\"12\">33\u00b000'N<\/text><text x=\"520\" y=\"12\">34\u00b000'N<\/text>\r\n            <\/g>\r\n            <g transform=\"translate(30,420)\">\r\n              <line x1=\"0\" y1=\"0\" x2=\"120\" y2=\"0\" stroke=\"rgba(212,168,71,0.5)\" stroke-width=\"1.2\"\/>\r\n              <line x1=\"0\" y1=\"-5\" x2=\"0\" y2=\"5\" stroke=\"rgba(212,168,71,0.5)\" stroke-width=\"1.2\"\/>\r\n              <line x1=\"120\" y1=\"-5\" x2=\"120\" y2=\"5\" stroke=\"rgba(212,168,71,0.5)\" stroke-width=\"1.2\"\/>\r\n              <text x=\"0\" y=\"-10\" font-family=\"'Barlow Condensed',sans-serif\" font-size=\"7\" fill=\"rgba(212,168,71,0.6)\">0<\/text>\r\n              <text x=\"50\" y=\"-10\" font-family=\"'Barlow Condensed',sans-serif\" font-size=\"7\" fill=\"rgba(212,168,71,0.6)\">10 NM<\/text>\r\n              <text x=\"108\" y=\"-10\" font-family=\"'Barlow Condensed',sans-serif\" font-size=\"7\" fill=\"rgba(212,168,71,0.6)\">20<\/text>\r\n            <\/g>\r\n            <text x=\"300\" y=\"430\" text-anchor=\"middle\" font-family=\"'Barlow Condensed',sans-serif\"\r\n                  font-size=\"9\" fill=\"rgba(99,107,47,0.35)\" letter-spacing=\"3\">TACTICAL MARITIME CHART \u2014 REF: OPS-7<\/text>\r\n            <defs>\r\n              <radialGradient id=\"vig\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n                <stop offset=\"60%\" stop-color=\"transparent\"\/>\r\n                <stop offset=\"100%\" stop-color=\"rgba(0,0,0,0.6)\"\/>\r\n              <\/radialGradient>\r\n            <\/defs>\r\n            <rect width=\"600\" height=\"450\" fill=\"url(#vig)\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"about-classified\">\r\n        <span class=\"classified-dot\"><\/span>\r\n        <span class=\"classified-text\">Operational Intelligence \u2014 Eyes Only<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Content -->\r\n    <div class=\"about-content-col\">\r\n\r\n      <div class=\"about-eyebrow reveal\" style=\"transition-delay:0.1s\">\r\n        <div class=\"eyebrow-line\"><\/div>\r\n        <span class=\"eyebrow-text\">Who We Are<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"about-headline reveal\" style=\"transition-delay:0.2s\">\r\n        OPERATIONALLY\r\n        <span class=\"outline\">GROUNDED.<\/span>\r\n        <span class=\"gold\">STRATEGICALLY<\/span>\r\n        EXECUTED.\r\n      <\/h2>\r\n\r\n      <div class=\"about-divider reveal\" style=\"transition-delay:0.28s\"><\/div>\r\n\r\n      <p class=\"about-body reveal\" style=\"transition-delay:0.36s\">\r\n        <strong>Veteran-owned and operated.<\/strong> We navigate high-stakes environments the way mariners master the open ocean \u2014 through <strong>dead reckoning<\/strong>: advancing decisively from known position, even when real-time intelligence is incomplete. Every engagement follows <strong>structured military methodology<\/strong>, from mission brief to final debrief.\r\n      <\/p>\r\n\r\n      <div class=\"about-pillars\">\r\n        <div class=\"pillar reveal\" style=\"transition-delay:0.44s\">\r\n          <span class=\"pillar-num\">01<\/span>\r\n          <span class=\"pillar-label\">Veteran-Owned &amp; Led<\/span>\r\n        <\/div>\r\n        <div class=\"pillar reveal\" style=\"transition-delay:0.50s\">\r\n          <span class=\"pillar-num\">02<\/span>\r\n          <span class=\"pillar-label\">Maritime Dead Reckoning Principle<\/span>\r\n        <\/div>\r\n        <div class=\"pillar reveal\" style=\"transition-delay:0.56s\">\r\n          <span class=\"pillar-num\">03<\/span>\r\n          <span class=\"pillar-label\">Structured Military Methodology<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/deadreckoningscorp.com\/index.php\/about\/\" class=\"btn-about reveal\" style=\"transition-delay:0.64s\">\r\n        Learn About Our Approach\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ Add js-loaded to enable animations, then immediately reveal in-viewport elements\r\n  document.documentElement.classList.add('js-loaded');\r\n\r\n  function revealInView() {\r\n    document.querySelectorAll('.reveal, .reveal-left').forEach(el => {\r\n      if (el.getBoundingClientRect().top < window.innerHeight + 50) {\r\n        el.classList.add('visible');\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Tiny delay so CSS transition class is applied before we add 'visible'\r\n  setTimeout(revealInView, 50);\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n  }, { threshold: 0.08 });\r\n\r\n  document.querySelectorAll('.reveal, .reveal-left').forEach(el => observer.observe(el));\r\n\r\n  window.addEventListener('load', revealInView);\r\n  window.addEventListener('scroll', revealInView, { passive: true });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c8e37b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"5c8e37b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-565c325 elementor-widget elementor-widget-html\" data-id=\"565c325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;600;700&family=Barlow:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\r\n  <style>\r\n\r\n    :root {\r\n      --olive:        #636B2F;\r\n      --olive-dark:   #3F4320;\r\n      --olive-mid:    #525928;\r\n      --olive-light:  #8B9645;\r\n      --olive-pale:   #7A8238;\r\n      --gold:         #D4A847;\r\n      --gold-bright:  #F0C040;\r\n      --cream:        #FAF5E4;\r\n      --khaki:        #E8DFA8;\r\n      --charcoal:     #1A1C0E;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION WRAPPER\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .focus {\r\n      position: relative;\r\n      background: var(--olive-dark);\r\n      padding: 110px 0 120px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* \u2500\u2500 background texture: fine dot grid \u2500\u2500 *\/\r\n    .focus::before {\r\n      content: '';\r\n      position: absolute; inset: 0; z-index: 0;\r\n      background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px);\r\n      background-size: 28px 28px;\r\n      mask-image: radial-gradient(ellipse 85% 85% at 50% 50%, black 40%, transparent 100%);\r\n    }\r\n\r\n    \/* \u2500\u2500 diagonal accent line top-right \u2500\u2500 *\/\r\n    .focus::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; right: 0;\r\n      width: 380px; height: 3px;\r\n      background: linear-gradient(270deg, var(--gold), transparent);\r\n    }\r\n\r\n    \/* \u2500\u2500 radar canvas \u2500\u2500 *\/\r\n    #radar-canvas {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%; height: 100%;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* \u2500\u2500 large background watermark numeral \u2500\u2500 *\/\r\n    .focus-watermark {\r\n      position: absolute;\r\n      bottom: -40px; right: -20px;\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 380px; line-height: 1;\r\n      color: rgba(255,255,255,0.025);\r\n      pointer-events: none;\r\n      user-select: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       HEADER BLOCK\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .focus-header {\r\n      position: relative; z-index: 2;\r\n      max-width: 1200px;\r\n      margin: 0 auto 64px;\r\n      padding: 0 0px;\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: space-between;\r\n      gap: 40px;\r\n    }\r\n\r\n    .focus-header-left {}\r\n\r\n    .focus-eyebrow {\r\n      display: flex; align-items: center; gap: 12px;\r\n      margin-bottom: 16px;\r\n    }\r\n    .eyebrow-line {\r\n      width: 36px; height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), var(--olive-light));\r\n    }\r\n    .eyebrow-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 11px; font-weight: 700;\r\n      letter-spacing: 4px; text-transform: uppercase;\r\n      color: var(--gold);\r\n    }\r\n\r\n    .focus-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 64px; line-height: 0.92;\r\n      letter-spacing: 2px;\r\n      color: var(--cream);\r\n    }\r\n    .focus-title .outline {\r\n      display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1.5px var(--olive-light);\r\n    }\r\n\r\n    .focus-subtitle {\r\n      max-width: 340px;\r\n      font-size: 19px; font-weight: 300; line-height: 1.7;\r\n      color: #fff;\r\n      border-left: 2px solid rgba(212,168,71,0.4);\r\n      padding-left: 16px;\r\n    }\r\n\r\n    \/* \u2500\u2500 horizontal rule under header \u2500\u2500 *\/\r\n    .focus-rule {\r\n      position: relative; z-index: 2;\r\n      max-width: 1200px; margin: 0 auto 56px;\r\n      padding: 0 60px;\r\n    }\r\n    .focus-rule::after {\r\n      content: '';\r\n      display: block;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, rgba(212,168,71,0.35) 20%, rgba(139,150,69,0.25) 70%, transparent);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       GRID\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .focus-grid {\r\n      position: relative; z-index: 2;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 0px;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 2px;\r\n    }\r\n\r\n    \/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n    .focus-card {\r\n      position: relative;\r\n      background: rgba(26,28,14,0.45);\r\n      border: 1px solid rgba(139,150,69,0.18);\r\n      padding: 40px 34px 36px;\r\n      overflow: hidden;\r\n      cursor: default;\r\n      transition: background 0.35s ease, border-color 0.35s ease, transform 0.35s cubic-bezier(0.16,1,0.3,1);\r\n    }\r\n\r\n    .focus-card:nth-child(5) {\r\n      grid-column: span 1;\r\n    }\r\n\r\n    .focus-grid-bottom {\r\n      position: relative; z-index: 2;\r\n      max-width: 1200px;\r\n      margin: 2px auto 0;\r\n      padding: 0 0px;\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 2px;\r\n    }\r\n\r\n    .focus-card::before {\r\n      content: '';\r\n      position: absolute; top: 0; left: 0; right: 0;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), var(--olive-light));\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\r\n    }\r\n\r\n    .focus-card:hover {\r\n      background: rgba(26,28,14,0.72);\r\n      border-color: rgba(212,168,71,0.3);\r\n      transform: translateY(-4px);\r\n      z-index: 3;\r\n    }\r\n    .focus-card:hover::before { transform: scaleX(1); }\r\n    .focus-card:hover::after  { opacity: 1; }\r\n\r\n    .card-number {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 13px; letter-spacing: 3px;\r\n      color: rgba(212,168,71,0.35);\r\n      margin-bottom: 20px;\r\n      display: flex; align-items: center; gap: 10px;\r\n    }\r\n    .card-number::after {\r\n      content: '';\r\n      flex: 1;\r\n      height: 1px;\r\n      background: rgba(212,168,71,0.15);\r\n    }\r\n\r\n    .card-icon {\r\n      width: 50px; height: 42px;\r\n      border: 1px solid rgba(139,150,69,0.35);\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin-bottom: 22px;\r\n      background: rgba(99,107,47,0.12);\r\n      transition: border-color 0.35s, background 0.35s;\r\n    }\r\n    .focus-card:hover .card-icon {\r\n      border-color: rgba(212,168,71,0.55);\r\n      background: rgba(212,168,71,0.08);\r\n    }\r\n    .card-icon svg { width: 18px; height: 18px; color: #fff !important}\r\n    \r\n    .card-icon svg *{\r\n      stroke:#D4A847 !important;\r\n    }\r\n\r\n    .card-title {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 25px; font-weight: 700;\r\n      letter-spacing: 1px; line-height: 1.25;\r\n      text-transform: uppercase;\r\n      color: var(--cream);\r\n      margin-bottom: 14px;\r\n      transition: color 0.3s;\r\n    }\r\n    .focus-card:hover .card-title { color: var(--khaki); }\r\n\r\n    .card-body {\r\n      font-size: 17px; font-weight: 300; line-height: 1.72;\r\n      color: #fff;\r\n      transition: color 0.3s;\r\n    }\r\n    .focus-card:hover .card-body { color: rgba(232,223,168,0.75); }\r\n\r\n    .card-tag {\r\n      display: inline-flex; align-items: center; gap: 6px;\r\n      margin-top: 22px;\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase;\r\n      color: rgba(212,168,71,0);\r\n      transition: color 0.35s;\r\n    }\r\n    .card-tag svg { width: 10px; height: 10px; opacity: 0; transition: opacity 0.35s; }\r\n    .focus-card:hover .card-tag { color: rgba(212,168,71,0.7); }\r\n    .focus-card:hover .card-tag svg { opacity: 1; }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       BOTTOM STAT BAR\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .focus-footer {\r\n      position: relative; z-index: 2;\r\n      max-width: 1200px;\r\n      margin: 56px auto 0;\r\n      padding: 0 60px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0;\r\n      border: 1px solid rgba(139,150,69,0.2);\r\n      background: rgba(26,28,14,0.4);\r\n    }\r\n\r\n    .focus-stat {\r\n      flex: 1;\r\n      padding: 20px 28px;\r\n      border-right: 1px solid rgba(139,150,69,0.18);\r\n      display: flex; align-items: center; gap: 14px;\r\n    }\r\n    .focus-stat:last-child { border-right: none; }\r\n\r\n    .fstat-num {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 34px; line-height: 1;\r\n      color: var(--gold);\r\n    }\r\n    .fstat-num sup { font-size: 18px; color: var(--olive-light); }\r\n    .fstat-label {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 17px; letter-spacing: 2px; text-transform: uppercase;\r\n      color: #fff;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       RESPONSIVE\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    @media (max-width: 1024px) {\r\n      .focus-grid, .focus-grid-bottom { grid-template-columns: repeat(2, 1fr); padding: 0 28px; }\r\n      .focus-grid-bottom { grid-template-columns: repeat(2, 1fr); }\r\n      .focus-header { padding: 0 28px; flex-direction: column; align-items: flex-start; }\r\n      .focus-rule, .focus-footer { padding: 0 28px; margin-left: auto; margin-right: auto; }\r\n    }\r\n    @media (max-width: 640px) {\r\n      .focus-header {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n      }\r\n      .focus-header-left {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n      .focus-eyebrow { justify-content: center; }\r\n      .focus-title { font-size: 42px; text-align: center; }\r\n      .focus-subtitle {\r\n        max-width: 100%;\r\n        text-align: center;\r\n        padding-left: 0;\r\n        border-left: none;\r\n        margin-top: 12px;\r\n      }\r\n      .focus-grid, .focus-grid-bottom {\r\n        grid-template-columns: 1fr;\r\n        padding: 0 16px;\r\n        justify-items: center;\r\n      }\r\n      .focus-card { width: 100%; max-width: 400px; text-align: center; }\r\n      .card-number { justify-content: center; }\r\n      .card-icon { margin-left: auto; margin-right: auto; }\r\n      .card-title { text-align: center; }\r\n      .card-body { text-align: center; }\r\n      .card-tag { justify-content: center; }\r\n      .focus-footer { flex-direction: column; align-items: center; text-align: center; }\r\n      .focus-stat {\r\n        width: 100%;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        border-right: none;\r\n        border-bottom: 1px solid rgba(139,150,69,0.18);\r\n        margin-bottom: 8px;\r\n      }\r\n      .focus-stat:last-child { border-bottom: none; margin-bottom: 0; }\r\n      .fstat-num { font-size: 28px; }\r\n      .fstat-label { font-size: 12px; }\r\n      .focus-watermark { font-size: 200px; right: -10px; bottom: -20px; }\r\n      .focus::after { width: 180px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"focus\">\r\n  <canvas id=\"radar-canvas\"><\/canvas>\r\n  <div class=\"focus-watermark\">05<\/div>\r\n\r\n  <!-- Header -->\r\n  <div class=\"focus-header\">\r\n    <div class=\"focus-header-left\">\r\n      <div class=\"focus-eyebrow\">\r\n        <div class=\"eyebrow-line\"><\/div>\r\n        <span class=\"eyebrow-text\">Core Capabilities<\/span>\r\n      <\/div>\r\n      <h2 class=\"focus-title\">\r\n        OPERATIONAL\r\n        <span class=\"outline\">FOCUS AREAS<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n    <p class=\"focus-subtitle\">\r\n      Five integrated disciplines \u2014 each shaped by decades of field experience and defense program leadership.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"focus-rule\"><\/div>\r\n\r\n  <!-- Top row: 3 cards -->\r\n  <div class=\"focus-grid\">\r\n\r\n    <div class=\"focus-card\">\r\n      <div class=\"card-number\">01<\/div>\r\n      <div class=\"card-icon\">\r\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <polygon points=\"10,2 18,16 2,16\" stroke=\"rgba(212,168,71,0.85)\" stroke-width=\"1.3\" fill=\"none\" stroke-linejoin=\"round\"\/>\r\n          <line x1=\"10\" y1=\"7\" x2=\"10\" y2=\"11\" stroke=\"rgba(212,168,71,0.85)\" stroke-width=\"1.3\"\/>\r\n          <circle cx=\"10\" cy=\"13.5\" r=\"0.9\" fill=\"rgba(212,168,71,0.85)\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"card-title\">Military Affairs Strategy &amp; Operational Integration<\/h3>\r\n      <p class=\"card-body\">Aligning defense modernization programs with real-world warfighter requirements through structured operational planning and strategic advisory support.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"focus-card\">\r\n      <div class=\"card-number\">02<\/div>\r\n      <div class=\"card-icon\">\r\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <rect x=\"2\" y=\"5\" width=\"16\" height=\"11\" rx=\"0.8\" stroke=\"rgba(139,150,69,0.9)\" stroke-width=\"1.3\"\/>\r\n          <line x1=\"2\" y1=\"9\" x2=\"18\" y2=\"9\" stroke=\"rgba(139,150,69,0.6)\" stroke-width=\"0.9\"\/>\r\n          <line x1=\"7\" y1=\"12\" x2=\"13\" y2=\"12\" stroke=\"rgba(139,150,69,0.55)\" stroke-width=\"0.9\"\/>\r\n          <line x1=\"7\" y1=\"14\" x2=\"11\" y2=\"14\" stroke=\"rgba(139,150,69,0.4)\" stroke-width=\"0.9\"\/>\r\n          <line x1=\"7\" y1=\"4\" x2=\"7\" y2=\"6\" stroke=\"rgba(139,150,69,0.7)\" stroke-width=\"1.3\"\/>\r\n          <line x1=\"13\" y1=\"4\" x2=\"13\" y2=\"6\" stroke=\"rgba(139,150,69,0.7)\" stroke-width=\"1.3\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"card-title\">Mission-Driven Modernization &amp; Infrastructure Consulting<\/h3>\r\n      <p class=\"card-body\">Guiding infrastructure upgrades and emerging capability integration to strategically strengthen readiness without disrupting operational continuity.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"focus-card\">\r\n      <div class=\"card-number\">03<\/div>\r\n      <div class=\"card-icon\">\r\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <circle cx=\"10\" cy=\"10\" r=\"7.5\" stroke=\"rgba(232,223,168,0.75)\" stroke-width=\"1.3\"\/>\r\n          <circle cx=\"10\" cy=\"10\" r=\"3.5\" stroke=\"rgba(232,223,168,0.5)\" stroke-width=\"1\"\/>\r\n          <circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"rgba(232,223,168,0.8)\"\/>\r\n          <line x1=\"10\" y1=\"1.5\" x2=\"10\" y2=\"4\" stroke=\"rgba(232,223,168,0.5)\" stroke-width=\"1\"\/>\r\n          <line x1=\"10\" y1=\"16\" x2=\"10\" y2=\"18.5\" stroke=\"rgba(232,223,168,0.5)\" stroke-width=\"1\"\/>\r\n          <line x1=\"1.5\" y1=\"10\" x2=\"4\" y2=\"10\" stroke=\"rgba(232,223,168,0.5)\" stroke-width=\"1\"\/>\r\n          <line x1=\"16\" y1=\"10\" x2=\"18.5\" y2=\"10\" stroke=\"rgba(232,223,168,0.5)\" stroke-width=\"1\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"card-title\">Operational Risk Reduction &amp; Readiness Enablement<\/h3>\r\n      <p class=\"card-body\">Identifying execution gaps early to strategically protect critical capability timelines, preserve mission integrity, and enhance long-term program resilience.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Bottom row: 2 cards centered -->\r\n  <div class=\"focus-grid-bottom\">\r\n\r\n    <div class=\"focus-card\">\r\n      <div class=\"card-number\">04<\/div>\r\n      <div class=\"card-icon\">\r\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <circle cx=\"5\" cy=\"5\" r=\"2.5\" stroke=\"rgba(212,168,71,0.8)\" stroke-width=\"1.2\"\/>\r\n          <circle cx=\"15\" cy=\"5\" r=\"2.5\" stroke=\"rgba(212,168,71,0.8)\" stroke-width=\"1.2\"\/>\r\n          <circle cx=\"10\" cy=\"15\" r=\"2.5\" stroke=\"rgba(212,168,71,0.8)\" stroke-width=\"1.2\"\/>\r\n          <line x1=\"7.3\" y1=\"6\" x2=\"12.7\" y2=\"6\" stroke=\"rgba(212,168,71,0.45)\" stroke-width=\"1\"\/>\r\n          <line x1=\"6\" y1=\"7.3\" x2=\"9\" y2=\"12.7\" stroke=\"rgba(212,168,71,0.45)\" stroke-width=\"1\"\/>\r\n          <line x1=\"14\" y1=\"7.3\" x2=\"11\" y2=\"12.7\" stroke=\"rgba(212,168,71,0.45)\" stroke-width=\"1\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"card-title\">Stakeholder Alignment Across Defense Ecosystems<\/h3>\r\n      <p class=\"card-body\">Synchronizing military leaders, federal agencies, and industry partners to ensure unified program execution, collaboration, and measurable outcomes.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"focus-card\">\r\n      <div class=\"card-number\">05<\/div>\r\n      <div class=\"card-icon\">\r\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <polygon points=\"10,2 14,7 19,8 15,13 16,18 10,15.5 4,18 5,13 1,8 6,7\" stroke=\"rgba(139,150,69,0.9)\" stroke-width=\"1.2\" fill=\"none\" stroke-linejoin=\"round\"\/>\r\n          <polygon points=\"10,6 12,9.5 16,10 13,13 13.5,16.5 10,15 6.5,16.5 7,13 4,10 8,9.5\" fill=\"rgba(139,150,69,0.18)\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"card-title\">Execution Leadership for Complex Defense Initiatives<\/h3>\r\n      <p class=\"card-body\">Providing senior-level advisory leadership across high-impact defense programs requiring disciplined modernization and structured delivery strategies.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Footer stat bar -->\r\n  <div class=\"focus-footer\">\r\n    <div class=\"focus-stat\">\r\n      <div>\r\n        <div class=\"fstat-num\">25<sup>+<\/sup><\/div>\r\n        <div class=\"fstat-label\">Years of<br>Operational Experience<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"focus-stat\">\r\n      <div>\r\n        <div class=\"fstat-num\">340<sup>+<\/sup><\/div>\r\n        <div class=\"fstat-label\">Missions &amp;<br>Programs Delivered<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"focus-stat\">\r\n      <div>\r\n        <div class=\"fstat-num\">60<sup>+<\/sup><\/div>\r\n        <div class=\"fstat-label\">Nations &amp;<br>Agencies Served<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"focus-stat\">\r\n      <div>\r\n        <div class=\"fstat-num\">98<sup>%<\/sup><\/div>\r\n        <div class=\"fstat-label\">Client<br>Retention Rate<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const canvas = document.getElementById('radar-canvas');\r\n  const ctx = canvas.getContext('2d');\r\n  let W, H, t = 0;\r\n\r\n  \/* \u2500\u2500 blips that persist after sweep passes \u2500\u2500 *\/\r\n  const BLIP_COUNT = 8;\r\n  let blips = [];\r\n\r\n  function initBlips() {\r\n    blips = Array.from({ length: BLIP_COUNT }, (_, i) => ({\r\n      \/\/ spread them across different rings and angles\r\n      ring: 0.25 + (i % 4) * 0.17,\r\n      angle: (Math.PI * 2 \/ BLIP_COUNT) * i + Math.random() * 0.4,\r\n      fade: 0,       \/\/ 0 = invisible, 1 = bright\r\n      active: false,\r\n    }));\r\n  }\r\n\r\n  function resize() {\r\n    const section = canvas.parentElement;\r\n    W = canvas.width  = section.offsetWidth;\r\n    H = canvas.height = section.offsetHeight;\r\n    initBlips();\r\n  }\r\n\r\n  function drawRadar() {\r\n    \/* \u2500\u2500 radar center: right-center of the section \u2500\u2500 *\/\r\n    const ox = W * 0.72;\r\n    const oy = H * 0.52;\r\n    const maxR = Math.min(W, H) * 0.62;\r\n\r\n    \/* \u2500\u2500 sweep angle \u2500\u2500 *\/\r\n    const sweepAngle = (t * 0.012) % (Math.PI * 2);\r\n\r\n    \/* \u2500\u2500 update blip fades \u2500\u2500 *\/\r\n    blips.forEach(b => {\r\n      \/\/ angular distance behind sweep\r\n      let diff = sweepAngle - b.angle;\r\n      if (diff < 0) diff += Math.PI * 2;\r\n\r\n      if (diff < 0.06) {\r\n        \/\/ sweep just hit this blip \u2014 light it up\r\n        b.active = true;\r\n        b.fade = 1.0;\r\n      } else if (b.active) {\r\n        \/\/ decay after being lit\r\n        b.fade = Math.max(0, b.fade - 0.004);\r\n      }\r\n    });\r\n\r\n    \/* \u2500\u2500 RINGS \u2500\u2500 *\/\r\n    const rings = [0.22, 0.38, 0.55, 0.72, 0.88];\r\n    rings.forEach((f, i) => {\r\n      ctx.beginPath();\r\n      ctx.arc(ox, oy, maxR * f, 0, Math.PI * 2);\r\n      \/\/ alternate gold\/olive for visibility\r\n      ctx.strokeStyle = i % 2 === 0\r\n        ? 'rgba(212,168,71,0.28)'\r\n        : 'rgba(139,150,69,0.18)';\r\n      ctx.lineWidth = i % 2 === 0 ? 1 : 0.6;\r\n      ctx.stroke();\r\n\r\n      \/* KM label on each ring *\/\r\n      ctx.save();\r\n      ctx.font = '700 9px \"Barlow Condensed\", sans-serif';\r\n      ctx.fillStyle = 'rgba(212,168,71,0.45)';\r\n      ctx.fillText(`${(i + 1) * 20}KM`, ox + maxR * f + 5, oy - 5);\r\n      ctx.restore();\r\n    });\r\n\r\n    \/* \u2500\u2500 BEARING TICKS \u2014 36 at 10\u00b0 intervals \u2500\u2500 *\/\r\n    for (let deg = 0; deg < 360; deg += 10) {\r\n      const rad = (deg * Math.PI) \/ 180;\r\n      const inner = maxR * 0.86;\r\n      const outer = maxR * 0.92;\r\n      ctx.beginPath();\r\n      ctx.moveTo(ox + Math.cos(rad) * inner, oy + Math.sin(rad) * inner);\r\n      ctx.lineTo(ox + Math.cos(rad) * outer, oy + Math.sin(rad) * outer);\r\n      ctx.strokeStyle = deg % 90 === 0\r\n        ? 'rgba(212,168,71,0.55)'\r\n        : 'rgba(139,150,69,0.25)';\r\n      ctx.lineWidth = deg % 90 === 0 ? 1.2 : 0.5;\r\n      ctx.stroke();\r\n    }\r\n\r\n    \/* \u2500\u2500 CARDINAL LABELS: N E S W \u2500\u2500 *\/\r\n    const cardinals = ['N','E','S','W'];\r\n    cardinals.forEach((lbl, i) => {\r\n      const rad = (i * 90 * Math.PI) \/ 180 - Math.PI \/ 2;\r\n      const lx = ox + Math.cos(rad) * maxR * 0.98;\r\n      const ly = oy + Math.sin(rad) * maxR * 0.98;\r\n      ctx.save();\r\n      ctx.font = '700 11px \"Barlow Condensed\", sans-serif';\r\n      ctx.fillStyle = 'rgba(212,168,71,0.7)';\r\n      ctx.textAlign = 'center';\r\n      ctx.textBaseline = 'middle';\r\n      ctx.fillText(lbl, lx, ly);\r\n      ctx.restore();\r\n    });\r\n\r\n    \/* \u2500\u2500 CROSS-HAIRS \u2500\u2500 *\/\r\n    ctx.strokeStyle = 'rgba(139,150,69,0.2)';\r\n    ctx.lineWidth = 0.6;\r\n    ctx.setLineDash([4, 8]);\r\n    ctx.beginPath();\r\n    ctx.moveTo(ox - maxR, oy); ctx.lineTo(ox + maxR, oy);\r\n    ctx.moveTo(ox, oy - maxR); ctx.lineTo(ox, oy + maxR);\r\n    ctx.stroke();\r\n    ctx.setLineDash([]);\r\n\r\n    \/* \u2500\u2500 DIAGONAL CROSS \u2500\u2500 *\/\r\n    ctx.strokeStyle = 'rgba(139,150,69,0.10)';\r\n    ctx.lineWidth = 0.5;\r\n    ctx.setLineDash([3, 10]);\r\n    ctx.beginPath();\r\n    ctx.moveTo(ox - maxR * 0.7, oy - maxR * 0.7); ctx.lineTo(ox + maxR * 0.7, oy + maxR * 0.7);\r\n    ctx.moveTo(ox + maxR * 0.7, oy - maxR * 0.7); ctx.lineTo(ox - maxR * 0.7, oy + maxR * 0.7);\r\n    ctx.stroke();\r\n    ctx.setLineDash([]);\r\n\r\n    \/* \u2500\u2500 SWEEP (primary) \u2500\u2500 *\/\r\n    ctx.save();\r\n    ctx.translate(ox, oy);\r\n    ctx.rotate(sweepAngle);\r\n\r\n    \/\/ trailing sweep cone\r\n    const sweepGrad = ctx.createConicalGradient\r\n      ? null  \/\/ use fallback below\r\n      : null;\r\n\r\n    \/\/ fallback: draw multiple thin arcs for the sweep cone\r\n    const coneSpan = Math.PI * 0.45;\r\n    const steps = 18;\r\n    for (let s = 0; s < steps; s++) {\r\n      const frac = s \/ steps;\r\n      const arcStart = -coneSpan * (1 - frac);\r\n      const arcAlpha = (1 - frac) * 0.22;\r\n      const sweepFillGrad = ctx.createRadialGradient(0, 0, 0, 0, 0, maxR * 0.88);\r\n      sweepFillGrad.addColorStop(0, `rgba(212,168,71,0)`);\r\n      sweepFillGrad.addColorStop(0.5, `rgba(212,168,71,${arcAlpha})`);\r\n      sweepFillGrad.addColorStop(1, `rgba(212,168,71,0)`);\r\n      ctx.beginPath();\r\n      ctx.moveTo(0, 0);\r\n      ctx.arc(0, 0, maxR * 0.88, arcStart, 0);\r\n      ctx.closePath();\r\n      ctx.fillStyle = sweepFillGrad;\r\n      ctx.fill();\r\n    }\r\n\r\n    \/\/ bright leading edge line\r\n    ctx.beginPath();\r\n    ctx.moveTo(0, 0);\r\n    ctx.lineTo(maxR * 0.88, 0);\r\n    ctx.strokeStyle = 'rgba(212,168,71,0.75)';\r\n    ctx.lineWidth = 1.5;\r\n    ctx.stroke();\r\n\r\n    \/\/ small dot at tip of sweep\r\n    ctx.beginPath();\r\n    ctx.arc(maxR * 0.88, 0, 2.5, 0, Math.PI * 2);\r\n    ctx.fillStyle = 'rgba(212,168,71,0.9)';\r\n    ctx.fill();\r\n\r\n    ctx.restore();\r\n\r\n    \/* \u2500\u2500 BLIPS \u2500\u2500 *\/\r\n    blips.forEach(b => {\r\n      if (!b.active || b.fade < 0.01) return;\r\n      const bx = ox + Math.cos(b.angle) * maxR * b.ring;\r\n      const by = oy + Math.sin(b.angle) * maxR * b.ring;\r\n\r\n      \/\/ outer glow ring\r\n      ctx.beginPath();\r\n      ctx.arc(bx, by, 8, 0, Math.PI * 2);\r\n      ctx.strokeStyle = `rgba(212,168,71,${b.fade * 0.25})`;\r\n      ctx.lineWidth = 1;\r\n      ctx.stroke();\r\n\r\n      \/\/ mid ring\r\n      ctx.beginPath();\r\n      ctx.arc(bx, by, 4, 0, Math.PI * 2);\r\n      ctx.strokeStyle = `rgba(212,168,71,${b.fade * 0.55})`;\r\n      ctx.lineWidth = 1;\r\n      ctx.stroke();\r\n\r\n      \/\/ bright core dot\r\n      ctx.beginPath();\r\n      ctx.arc(bx, by, 2, 0, Math.PI * 2);\r\n      ctx.fillStyle = `rgba(240,192,64,${b.fade * 0.9})`;\r\n      ctx.fill();\r\n    });\r\n\r\n    \/* \u2500\u2500 CENTER DOT \u2500\u2500 *\/\r\n    \/\/ pulsing outer ring\r\n    const pulse = Math.sin(t * 0.06) * 0.5 + 0.5;\r\n    ctx.beginPath();\r\n    ctx.arc(ox, oy, 6 + pulse * 4, 0, Math.PI * 2);\r\n    ctx.strokeStyle = `rgba(212,168,71,${0.15 + pulse * 0.15})`;\r\n    ctx.lineWidth = 1;\r\n    ctx.stroke();\r\n\r\n    ctx.beginPath();\r\n    ctx.arc(ox, oy, 4, 0, Math.PI * 2);\r\n    ctx.strokeStyle = 'rgba(212,168,71,0.5)';\r\n    ctx.lineWidth = 1;\r\n    ctx.stroke();\r\n\r\n    ctx.beginPath();\r\n    ctx.arc(ox, oy, 2, 0, Math.PI * 2);\r\n    ctx.fillStyle = 'rgba(212,168,71,0.9)';\r\n    ctx.fill();\r\n\r\n    \/* \u2500\u2500 OUTER BOUNDARY RING \u2500\u2500 *\/\r\n    ctx.beginPath();\r\n    ctx.arc(ox, oy, maxR * 0.93, 0, Math.PI * 2);\r\n    ctx.strokeStyle = 'rgba(212,168,71,0.35)';\r\n    ctx.lineWidth = 1.2;\r\n    ctx.stroke();\r\n\r\n    \/\/ dashed outer limit ring\r\n    ctx.beginPath();\r\n    ctx.arc(ox, oy, maxR * 0.97, 0, Math.PI * 2);\r\n    ctx.strokeStyle = 'rgba(139,150,69,0.15)';\r\n    ctx.lineWidth = 0.5;\r\n    ctx.setLineDash([6, 12]);\r\n    ctx.stroke();\r\n    ctx.setLineDash([]);\r\n  }\r\n\r\n  function frame() {\r\n    ctx.clearRect(0, 0, W, H);\r\n    drawRadar();\r\n    t++;\r\n    requestAnimationFrame(frame);\r\n  }\r\n\r\n  window.addEventListener('resize', resize);\r\n  resize();\r\n  frame();\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35a5ac2 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"35a5ac2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef25408 elementor-widget elementor-widget-html\" data-id=\"ef25408\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;600;700&family=Barlow:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\r\n  <style>\r\n\r\n\r\n    :root {\r\n      --olive:        #636B2F;\r\n      --olive-dark:   #3F4320;\r\n      --olive-light:  #8B9645;\r\n      --gold:         #C49A30;\r\n      --gold-bright:  #D4A847;\r\n      --charcoal:     #1A1C0E;\r\n      --text-body:    #484c28;\r\n      --text-muted:   #7A7F52;\r\n      --border:       rgba(99,107,47,0.14);\r\n      --border-gold:  rgba(196,154,48,0.35);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION SHELL\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .ts {\r\n      position: relative;\r\n      background: #fafaf7;\r\n      overflow: hidden;\r\n      border-top: 1px solid var(--border);\r\n    }\r\n\r\n    \/* subtle dot texture *\/\r\n    .ts-bg {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      background-image: radial-gradient(circle, rgba(99,107,47,0.06) 1px, transparent 1px);\r\n      background-size: 32px 32px;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       LAYOUT: left accent strip + right main\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .ts-layout {\r\n      position: relative; z-index: 2;\r\n      display: flex;\r\n      min-height: 100vh;\r\n    }\r\n\r\n    \/* \u2500\u2500 LEFT ACCENT STRIP \u2500\u2500 *\/\r\n    .ts-strip {\r\n      width: 66px;\r\n      flex-shrink: 0;\r\n      background: var(--olive-dark);\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 0;\r\n      position: relative;\r\n    }\r\n\r\n    .ts-strip::after {\r\n      content: '';\r\n      position: absolute; top: 0; right: 0;\r\n      width: 1px; height: 100%;\r\n      background: linear-gradient(180deg, transparent, rgba(212,168,71,0.4) 30%, rgba(212,168,71,0.4) 70%, transparent);\r\n    }\r\n\r\n    .ts-strip-label {\r\n      writing-mode: vertical-rl;\r\n      transform: rotate(180deg);\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 14px; font-weight: 700;\r\n      letter-spacing: 5px; text-transform: uppercase;\r\n      color: #fff;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .ts-strip-line {\r\n      width: 1px;\r\n      height: 80px;\r\n      background: #fff;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .ts-strip-dot {\r\n      width: 6px; height: 6px; border-radius: 50%;\r\n      background: var(--gold);\r\n      opacity: 0.6;\r\n    }\r\n\r\n    \/* \u2500\u2500 RIGHT MAIN AREA \u2500\u2500 *\/\r\n    .ts-main {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       TOP: EYEBROW + HEADING + TABS  (right-aligned)\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .ts-header {\r\n      padding: 64px 72px 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-end;\r\n      text-align: right;\r\n      border-bottom: 1px solid var(--border);\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .ts-eyebrow {\r\n      display: flex; align-items: center; gap: 12px;\r\n      margin-bottom: 14px;\r\n      flex-direction: row-reverse;\r\n    }\r\n    .ts-eyebrow-line {\r\n      width: 32px; height: 2px;\r\n      background: linear-gradient(270deg, var(--gold), var(--olive-light));\r\n    }\r\n    .ts-eyebrow-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 19px; font-weight: 700;\r\n      letter-spacing: 4px; text-transform: uppercase;\r\n      color: var(--gold);\r\n    }\r\n\r\n    .ts-heading {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 59px !important; line-height: 0.92;\r\n      letter-spacing: 2px;\r\n      color: var(--charcoal);\r\n      margin-bottom: 44px;\r\n    }\r\n    .ts-heading .outline {\r\n      display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1.5px var(--olive-light);\r\n    }\r\n\r\n    \/* Tab buttons row *\/\r\n    .ts-tabs {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      gap: 0;\r\n    }\r\n\r\n    .ts-tab {\r\n      position: relative;\r\n      padding: 18px 36px;\r\n      background: none !important; border: none;\r\n      cursor: pointer; outline: none;\r\n      border-left: 1px solid var(--border);\r\n      text-align: right;\r\n      transition: background 0.3s;\r\n    }\r\n    .ts-tab:first-child { border-left: none; }\r\n    .ts-tab:hover { background: rgba(99,107,47,0.03); }\r\n\r\n    .ts-tab-num {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 9px; font-weight: 700;\r\n      letter-spacing: 3px; text-transform: uppercase;\r\n      color: rgba(122,127,82,0.5);\r\n      display: block; margin-bottom: 5px;\r\n      transition: color 0.3s;\r\n    }\r\n    .ts-tab-name {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 31px; letter-spacing: 1.5px;\r\n      color: rgba(63,67,32,0.3);\r\n      display: block;\r\n      transition: color 0.35s;\r\n    }\r\n\r\n    \/* active indicator \u2014 bottom border *\/\r\n    .ts-tab::after {\r\n      content: '';\r\n      position: absolute; bottom: 0; left: 0; right: 0;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, transparent, var(--gold));\r\n      transform: scaleX(0); transform-origin: right;\r\n      transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\r\n    }\r\n    .ts-tab.active .ts-tab-num  { color: var(--gold); }\r\n    .ts-tab.active .ts-tab-name { color: var(--charcoal); }\r\n    .ts-tab.active::after { transform: scaleX(1); }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       PANEL AREA\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .ts-panels {\r\n      position: relative;\r\n      flex: 1;\r\n    }\r\n\r\n    .ts-panel {\r\n      position: absolute; inset: 0;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      transition: opacity 0.55s cubic-bezier(0.16,1,0.3,1);\r\n    }\r\n    .ts-panel.active {\r\n      position: relative;\r\n      opacity: 1;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       LEFT IMAGE COLUMN\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .panel-img-col {\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-height: 580px;\r\n    }\r\n\r\n    \/* The full-bleed image wrapper *\/\r\n    .panel-img-wrap {\r\n      position: absolute; inset: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .panel-img-wrap img {\r\n      width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      filter: grayscale(20%) contrast(1.05);\r\n      transition: transform 8s ease;\r\n    }\r\n    .ts-panel.active .panel-img-wrap img { transform: scale(1.04); }\r\n\r\n    \/* dark gradient over image \u2014 right edge fade *\/\r\n    .panel-img-wrap::after {\r\n      content: '';\r\n      position: absolute; inset: 0;\r\n      background: linear-gradient(90deg, rgba(26,28,14,0.15) 0%, rgba(26,28,14,0.55) 100%);\r\n    }\r\n\r\n    \/* olive-dark overlay tint *\/\r\n    .panel-img-wrap::before {\r\n      content: '';\r\n      position: absolute; inset: 0; z-index: 1;\r\n      background: linear-gradient(160deg, rgba(63,67,32,0.35) 0%, transparent 60%);\r\n    }\r\n\r\n    \/* image overlay badge *\/\r\n    .panel-img-badge {\r\n      position: absolute;\r\n      bottom: 32px; left: 32px; z-index: 4;\r\n      background: rgba(10,12,4,0.75);\r\n      backdrop-filter: blur(8px);\r\n      border: 1px solid rgba(212,168,71,0.3);\r\n      padding: 12px 18px;\r\n      display: flex; align-items: center; gap: 10px;\r\n    }\r\n    .badge-dot {\r\n      width: 6px; height: 6px; border-radius: 50%;\r\n      background: var(--gold);\r\n      animation: blink 2.5s ease-in-out infinite;\r\n    }\r\n    @keyframes blink { 0%,100%{opacity:1;} 50%{opacity:0.2;} }\r\n    .badge-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 15px; font-weight: 700;\r\n      letter-spacing: 3px; text-transform: uppercase;\r\n      color: rgba(212,168,71,0.8);\r\n    }\r\n\r\n    \/* corner bracket top-left on image *\/\r\n    .panel-img-col::before {\r\n      content: '';\r\n      position: absolute; top: 24px; left: 24px; z-index: 5;\r\n      width: 40px; height: 40px;\r\n      border-top: 2px solid var(--gold);\r\n      border-left: 2px solid var(--gold);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       RIGHT CONTENT COLUMN\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .panel-content-col {\r\n      padding: 60px 72px 60px 56px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      background: #fff;\r\n      border-left: 1px solid var(--border);\r\n    }\r\n\r\n    .panel-tag {\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n      margin-bottom: 28px;\r\n    }\r\n    .panel-tag-line {\r\n      width: 28px; height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), var(--olive-light));\r\n    }\r\n    .panel-tag-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 19px; font-weight: 700;\r\n      letter-spacing: 3.5px; text-transform: uppercase;\r\n      color: var(--gold);\r\n    }\r\n\r\n    .panel-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 59px; line-height: 0.95;\r\n      letter-spacing: 1.5px; color: var(--charcoal);\r\n      margin-bottom: 10px;\r\n    }\r\n    .panel-title .outline-sm {\r\n      display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1.2px var(--olive-light);\r\n    }\r\n\r\n    .panel-divider {\r\n      width: 60px; height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), transparent);\r\n      margin: 20px 0 28px;\r\n    }\r\n\r\n    \/* \u2500\u2500 WHO WE SERVE: item list \u2500\u2500 *\/\r\n    .serve-list {\r\n      list-style: none;\r\n      margin-bottom: 32px;\r\n    }\r\n    .serve-item {\r\n      display: flex; align-items: flex-start; gap: 14px;\r\n      padding: 13px 0;\r\n      border-bottom: 1px solid var(--border);\r\n      cursor: default;\r\n      transition: background 0.2s;\r\n    }\r\n    .serve-item:first-child { border-top: 1px solid var(--border); }\r\n\r\n    .serve-num {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 25px; letter-spacing: 2px;\r\n      color: rgba(196,154,48,0.4);\r\n      min-width: 26px; padding-top: 1px;\r\n      transition: color 0.2s;\r\n    }\r\n    .serve-text {\r\n      font-size: 19px; font-weight: 400; line-height: 1.5;\r\n      color: var(--text-body);\r\n      transition: color 0.2s;\r\n    }\r\n    .serve-item:hover .serve-num  { color: var(--gold); }\r\n    .serve-item:hover .serve-text { color: var(--charcoal); }\r\n\r\n    \/* \u2500\u2500 WHY DR: delivery list \u2500\u2500 *\/\r\n    .why-intro-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 22px !important; font-weight: 400; line-height: 1.45;\r\n      color: var(--text-muted);\r\n      margin-bottom: 28px;\r\n      max-width: 400px;\r\n    }\r\n    .why-intro-text strong { color: var(--charcoal); font-weight: 600; }\r\n\r\n    .why-list { list-style: none; margin-bottom: 32px; }\r\n    .why-item {\r\n      display: flex; align-items: center; gap: 0;\r\n      border-bottom: 1px solid var(--border);\r\n      overflow: hidden;\r\n      cursor: default;\r\n      transition: background 0.22s;\r\n    }\r\n    .why-item:first-child { border-top: 1px solid var(--border); }\r\n    .why-item:hover { background: rgba(196,154,48,0.04); }\r\n\r\n    .why-bar {\r\n      width: 3px; align-self: stretch;\r\n      background: transparent;\r\n      transition: background 0.3s; flex-shrink: 0;\r\n    }\r\n    .why-item:hover .why-bar { background: var(--gold); }\r\n\r\n    .why-inner {\r\n      display: flex; align-items: center; gap: 14px;\r\n      padding: 14px 16px; flex: 1;\r\n    }\r\n    .why-icon {\r\n      width: 30px; height: 30px; flex-shrink: 0;\r\n      border: 1px solid var(--border);\r\n      display: flex; align-items: center; justify-content: center;\r\n      background: rgba(99,107,47,0.03);\r\n      transition: border-color 0.25s, background 0.25s;\r\n    }\r\n    .why-item:hover .why-icon { border-color: var(--border-gold); background: rgba(196,154,48,0.06); }\r\n    .why-icon svg { width: 13px; height: 13px; }\r\n    .why-text {\r\n      font-size: 18px; font-weight: 400; line-height: 1.45;\r\n      color: var(--text-body);\r\n      transition: color 0.22s;\r\n    }\r\n    .why-item:hover .why-text { color: var(--charcoal); }\r\n    .why-arrow {\r\n      margin-left: auto; padding-right: 14px;\r\n      opacity: 0; transform: translateX(-6px);\r\n      transition: opacity 0.22s, transform 0.22s;\r\n    }\r\n    .why-item:hover .why-arrow { opacity: 1; transform: translateX(0); }\r\n    .why-arrow svg { width: 12px; height: 12px; color: var(--gold); }\r\n\r\n    \/* \u2500\u2500 closing statement (both panels) \u2500\u2500 *\/\r\n    .panel-close {\r\n      position: relative;\r\n      padding: 20px 22px;\r\n      border: 1px solid var(--border);\r\n      background: rgba(99,107,47,0.03);\r\n    }\r\n    .panel-close::before {\r\n      content: '';\r\n      position: absolute; top: 0; left: 0;\r\n      width: 3px; height: 100%;\r\n      background: linear-gradient(180deg, var(--gold), var(--olive-light));\r\n    }\r\n    .panel-close p {\r\n      font-size: 19px; font-weight: 300; line-height: 1.72;\r\n      color: #000 !important;\r\n      font-style: italic;\r\n    }\r\n    .panel-close p strong { color: var(--charcoal); font-weight: 500; font-style: normal; }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       RESPONSIVE\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n   @media (max-width: 640px) {\r\n\r\n  \/* \u2500\u2500 MAIN LAYOUT STACK \u2500\u2500 *\/\r\n  .ts-layout {\r\n    flex-direction: column;       \/* stack left + right *\/\r\n    min-height: auto;\r\n  }\r\n  \r\n  .ts-strip{\r\n      display: none !important;\r\n  }\r\n\r\n  .ts-main {\r\n    width: 100%;\r\n  }\r\n\r\n  \/* \u2500\u2500 HEADER CENTERING \u2500\u2500 *\/\r\n  .ts-header {\r\n    align-items: center !important;  \/* center content *\/\r\n    text-align: center !important;\r\n    padding: 32px 16px 0;\r\n  }\r\n\r\n  .ts-eyebrow {\r\n    flex-direction: row !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  .ts-heading {\r\n    font-size: 32px !important;       \/* smaller heading on mobile *\/\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .ts-tabs {\r\n    justify-content: center !important;   \/* center tabs *\/\r\n    flex-wrap: wrap;                      \/* wrap if too many *\/\r\n  }\r\n\r\n  .ts-tab {\r\n    text-align: center !important;\r\n    border-left: none !important;\r\n    padding: 12px 18px;\r\n  }\r\n\r\n  \/* \u2500\u2500 PANELS STACK \u2500\u2500 *\/\r\n  .ts-panels {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .ts-panel {\r\n    display: flex !important;\r\n    flex-direction: column;\r\n    position: relative !important;\r\n    opacity: 1 !important;\r\n    pointer-events: auto !important;\r\n  }\r\n  \r\n  .panel-tag{\r\n      justify-content: center !important;\r\n  }\r\n\r\n  .panel-img-col {\r\n    width: 100%;\r\n    min-height: 200px !important;\r\n    position: relative;\r\n  }\r\n\r\n  .panel-img-wrap {\r\n    position: relative !important;\r\n  }\r\n\r\n  .panel-content-col {\r\n    width: 100%;\r\n    padding: 32px 16px !important;\r\n    border-left: none !important;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* \u2500\u2500 SERVE \/ WHY LIST ITEMS CENTERED \u2500\u2500 *\/\r\n  .serve-item,\r\n  .why-item {\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  .serve-num,\r\n  .why-bar {\r\n    display: none !important;  \/* hide side bars\/numbers to save space *\/\r\n  }\r\n\r\n  .why-inner {\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    gap: 6px !important;\r\n  }\r\n\r\n  .why-arrow {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 PANEL CLOSE STATEMENT CENTERED \u2500\u2500 *\/\r\n  .panel-close {\r\n    text-align: center !important;\r\n  }\r\n\r\n  \/* \u2500\u2500 WATERMARKS, OVERLAYS \u2500\u2500 *\/\r\n  .panel-img-badge {\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n  }\r\n\r\n  .panel-img-col::before {\r\n    top: 16px !important;\r\n    left: 16px !important;\r\n  }\r\n  \r\n  .entry-content ul, .entry-content ol{\r\n      padding-left: 0px !important;\r\n  }\r\n\r\n}\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"ts\">\r\n  <div class=\"ts-bg\"><\/div>\r\n\r\n  <div class=\"ts-layout\">\r\n\r\n    <!-- Left accent strip -->\r\n    <div class=\"ts-strip\">\r\n      <span class=\"ts-strip-label\">Strategic Intelligence<\/span>\r\n      <div class=\"ts-strip-line\"><\/div>\r\n      <div class=\"ts-strip-dot\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Main content -->\r\n    <div class=\"ts-main\">\r\n\r\n      <!-- Header: right-aligned -->\r\n      <div class=\"ts-header\">\r\n        <div class=\"ts-eyebrow\">\r\n          <div class=\"ts-eyebrow-line\"><\/div>\r\n          <span class=\"ts-eyebrow-text\">Our Foundation<\/span>\r\n        <\/div>\r\n        <h2 class=\"ts-heading\">\r\n          MISSION &amp;\r\n          <span class=\"outline\">MANDATE<\/span>\r\n        <\/h2>\r\n\r\n        <!-- Tabs -->\r\n        <div class=\"ts-tabs\" role=\"tablist\">\r\n          <button class=\"ts-tab active\" data-panel=\"serve\" role=\"tab\" aria-selected=\"true\">\r\n            <span class=\"ts-tab-num\">01<\/span>\r\n            <span class=\"ts-tab-name\">Who We Serve<\/span>\r\n          <\/button>\r\n          <button class=\"ts-tab\" data-panel=\"why\" role=\"tab\" aria-selected=\"false\">\r\n            <span class=\"ts-tab-num\">02<\/span>\r\n            <span class=\"ts-tab-name\">Why Dead Reckoning<\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Panels -->\r\n      <div class=\"ts-panels\">\r\n\r\n        <!-- PANEL 1: WHO WE SERVE -->\r\n        <div class=\"ts-panel active\" id=\"panel-serve\">\r\n\r\n          <!-- Left: Image -->\r\n          <div class=\"panel-img-col\">\r\n            <div class=\"panel-img-wrap\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?w=900&q=80&fit=crop\"\r\n                alt=\"Defense advisory meeting\"\r\n              \/>\r\n            <\/div>\r\n            <div class=\"panel-img-badge\">\r\n              <span class=\"badge-dot\"><\/span>\r\n              <span class=\"badge-text\">Trusted Advisory Partners<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Right: Content -->\r\n          <div class=\"panel-content-col\">\r\n            <div class=\"panel-tag\">\r\n              <div class=\"panel-tag-line\"><\/div>\r\n              <span class=\"panel-tag-text\">Clientele<\/span>\r\n            <\/div>\r\n            <h3 class=\"panel-title\">\r\n              WHO WE\r\n              <span class=\"outline-sm\">SERVE<\/span>\r\n            <\/h3>\r\n            <div class=\"panel-divider\"><\/div>\r\n\r\n            <ul class=\"serve-list\">\r\n              <li class=\"serve-item\">\r\n                <span class=\"serve-num\">01<\/span>\r\n                <span class=\"serve-text\">Department of Defense (DoD) modernization programs<\/span>\r\n              <\/li>\r\n              <li class=\"serve-item\">\r\n                <span class=\"serve-num\">02<\/span>\r\n                <span class=\"serve-text\">Federal civilian agencies supporting national security<\/span>\r\n              <\/li>\r\n              <li class=\"serve-item\">\r\n                <span class=\"serve-num\">03<\/span>\r\n                <span class=\"serve-text\">Defense prime contractors and subcontractors<\/span>\r\n              <\/li>\r\n              <li class=\"serve-item\">\r\n                <span class=\"serve-num\">04<\/span>\r\n                <span class=\"serve-text\">Government infrastructure and readiness initiatives<\/span>\r\n              <\/li>\r\n              <li class=\"serve-item\">\r\n                <span class=\"serve-num\">05<\/span>\r\n                <span class=\"serve-text\">Military technology integration programs<\/span>\r\n              <\/li>\r\n              <li class=\"serve-item\">\r\n                <span class=\"serve-num\">06<\/span>\r\n                <span class=\"serve-text\">National security and mission-critical transformation efforts<\/span>\r\n              <\/li>\r\n            <\/ul>\r\n\r\n            <div class=\"panel-close\">\r\n              <p>We operate as a <strong>trusted advisory partner<\/strong> for organizations requiring operationally grounded modernization consulting and disciplined execution leadership.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div><!-- \/panel-serve -->\r\n\r\n        <!-- PANEL 2: WHY DEAD RECKONING -->\r\n        <div class=\"ts-panel\" id=\"panel-why\">\r\n\r\n          <!-- Left: Image -->\r\n          <div class=\"panel-img-col\">\r\n            <div class=\"panel-img-wrap\">\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1551836022-d5d88e9218df?w=900&q=80&fit=crop\"\r\n                alt=\"Strategic command and navigation\"\r\n              \/>\r\n            <\/div>\r\n            <div class=\"panel-img-badge\">\r\n              <span class=\"badge-dot\"><\/span>\r\n              <span class=\"badge-text\">Operational Truth<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Right: Content -->\r\n          <div class=\"panel-content-col\">\r\n            <div class=\"panel-tag\">\r\n              <div class=\"panel-tag-line\"><\/div>\r\n              <span class=\"panel-tag-text\">Our Approach<\/span>\r\n            <\/div>\r\n            <h3 class=\"panel-title\">\r\n              WHY DEAD\r\n              <span class=\"outline-sm\">RECKONING<\/span>\r\n            <\/h3>\r\n            <div class=\"panel-divider\"><\/div>\r\n\r\n            <p class=\"why-intro-text\">Defense transformation requires more than innovation. It requires <strong>operational truth.<\/strong><\/p>\r\n\r\n            <ul class=\"why-list\">\r\n              <li class=\"why-item\">\r\n                <div class=\"why-bar\"><\/div>\r\n                <div class=\"why-inner\">\r\n                  <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"4.5\" stroke=\"rgba(196,154,48,0.85)\" stroke-width=\"1.1\"\/><circle cx=\"7\" cy=\"7\" r=\"1.2\" fill=\"rgba(196,154,48,0.85)\"\/><line x1=\"7\" y1=\"1\" x2=\"7\" y2=\"3\" stroke=\"rgba(196,154,48,0.6)\" stroke-width=\"1.1\"\/><line x1=\"7\" y1=\"11\" x2=\"7\" y2=\"13\" stroke=\"rgba(196,154,48,0.6)\" stroke-width=\"1.1\"\/><line x1=\"1\" y1=\"7\" x2=\"3\" y2=\"7\" stroke=\"rgba(196,154,48,0.6)\" stroke-width=\"1.1\"\/><line x1=\"11\" y1=\"7\" x2=\"13\" y2=\"7\" stroke=\"rgba(196,154,48,0.6)\" stroke-width=\"1.1\"\/><\/svg>\r\n                  <\/div>\r\n                  <span class=\"why-text\">Joint operational experience combined with modernization insight<\/span>\r\n                  <div class=\"why-arrow\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M7 3l3 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n                <\/div>\r\n              <\/li>\r\n              <li class=\"why-item\">\r\n                <div class=\"why-bar\"><\/div>\r\n                <div class=\"why-inner\">\r\n                  <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 14 14\" fill=\"none\"><polygon points=\"7,1 13,11 1,11\" stroke=\"rgba(139,150,69,0.9)\" stroke-width=\"1.1\" fill=\"none\" stroke-linejoin=\"round\"\/><line x1=\"7\" y1=\"5\" x2=\"7\" y2=\"8\" stroke=\"rgba(139,150,69,0.9)\" stroke-width=\"1.1\"\/><circle cx=\"7\" cy=\"9.5\" r=\"0.7\" fill=\"rgba(139,150,69,0.9)\"\/><\/svg>\r\n                  <\/div>\r\n                  <span class=\"why-text\">Veteran-owned leadership grounded in military discipline<\/span>\r\n                  <div class=\"why-arrow\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M7 3l3 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n                <\/div>\r\n              <\/li>\r\n              <li class=\"why-item\">\r\n                <div class=\"why-bar\"><\/div>\r\n                <div class=\"why-inner\">\r\n                  <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"2\" width=\"11\" height=\"9.5\" rx=\"0.6\" stroke=\"rgba(63,67,32,0.7)\" stroke-width=\"1.1\"\/><line x1=\"1.5\" y1=\"5\" x2=\"12.5\" y2=\"5\" stroke=\"rgba(63,67,32,0.4)\" stroke-width=\"0.8\"\/><line x1=\"4\" y1=\"7.5\" x2=\"10\" y2=\"7.5\" stroke=\"rgba(63,67,32,0.35)\" stroke-width=\"0.8\"\/><line x1=\"4\" y1=\"9.5\" x2=\"8\" y2=\"9.5\" stroke=\"rgba(63,67,32,0.25)\" stroke-width=\"0.8\"\/><\/svg>\r\n                  <\/div>\r\n                  <span class=\"why-text\">Structured execution models for complex government programs<\/span>\r\n                  <div class=\"why-arrow\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M7 3l3 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n                <\/div>\r\n              <\/li>\r\n              <li class=\"why-item\">\r\n                <div class=\"why-bar\"><\/div>\r\n                <div class=\"why-inner\">\r\n                  <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 14 14\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"5.5\" stroke=\"rgba(196,154,48,0.6)\" stroke-width=\"1.1\" stroke-dasharray=\"2 2\"\/><circle cx=\"7\" cy=\"7\" r=\"2.5\" stroke=\"rgba(196,154,48,0.8)\" stroke-width=\"1.1\"\/><circle cx=\"7\" cy=\"7\" r=\"0.8\" fill=\"rgba(196,154,48,0.9)\"\/><\/svg>\r\n                  <\/div>\r\n                  <span class=\"why-text\">Strategic clarity in uncertain operational environments<\/span>\r\n                  <div class=\"why-arrow\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M7 3l3 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n                <\/div>\r\n              <\/li>\r\n              <li class=\"why-item\">\r\n                <div class=\"why-bar\"><\/div>\r\n                <div class=\"why-inner\">\r\n                  <div class=\"why-icon\">\r\n                    <svg viewBox=\"0 0 14 14\" fill=\"none\"><polygon points=\"7,1 8.8,5.2 13.4,5.4 9.9,8.4 11.1,13 7,10.4 2.9,13 4.1,8.4 0.6,5.4 5.2,5.2\" stroke=\"rgba(139,150,69,0.85)\" stroke-width=\"1.1\" fill=\"none\" stroke-linejoin=\"round\"\/><\/svg>\r\n                  <\/div>\r\n                  <span class=\"why-text\">Mission-first service with measurable readiness outcomes<\/span>\r\n                  <div class=\"why-arrow\"><svg viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M7 3l3 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n                <\/div>\r\n              <\/li>\r\n            <\/ul>\r\n\r\n            <div class=\"panel-close\">\r\n              <p>We bring <strong>clarity to complexity<\/strong> and leadership to evolving defense challenges.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div><!-- \/panel-why -->\r\n\r\n      <\/div><!-- \/ts-panels -->\r\n\r\n    <\/div><!-- \/ts-main -->\r\n  <\/div><!-- \/ts-layout -->\r\n<\/section>\r\n\r\n<script>\r\n  const tabs   = document.querySelectorAll('.ts-tab');\r\n  const panels = document.querySelectorAll('.ts-panel');\r\n\r\n  tabs.forEach(tab => {\r\n    tab.addEventListener('click', () => {\r\n      const target = tab.dataset.panel;\r\n\r\n      tabs.forEach(t => { t.classList.remove('active'); t.setAttribute('aria-selected','false'); });\r\n      panels.forEach(p => p.classList.remove('active'));\r\n\r\n      tab.classList.add('active');\r\n      tab.setAttribute('aria-selected','true');\r\n      document.getElementById('panel-' + target).classList.add('active');\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa1f588 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"fa1f588\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-369a85a elementor-widget elementor-widget-html\" data-id=\"369a85a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;600;700&family=Barlow:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\r\n  <style>\r\n        :root {\r\n      --olive:       #636B2F;\r\n      --olive-dark:  #3F4320;\r\n      --olive-mid:   #4e5524;\r\n      --olive-light: #8B9645;\r\n      --gold:        #D4A847;\r\n      --gold-dim:    #C49A30;\r\n      --gold-bright: #F0C040;\r\n      --cream:       #FAF5E4;\r\n      --khaki:       #E8DFA8;\r\n      --charcoal:    #1A1C0E;\r\n      --ink:         #0a0c04;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       ROOT SECTION \u2014 full viewport, no scroll needed\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .vosb-section {\r\n      position: relative;\r\n      min-height: 100vh;\r\n      display: grid;\r\n      grid-template-columns: 420px 1fr;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \r\n    #bg-canvas {\r\n      position: absolute;\r\n      inset: 0; width: 100%; height: 100%;\r\n      z-index: 0;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       LEFT PANEL \u2014 dark, fixed visual anchor\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .vosb-left {\r\n      position: relative; z-index: 5;\r\n      background: #3F4320;\r\n      border-right: 1px solid rgba(212,168,71,0.2);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      padding: 64px 52px;\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    \/* thin gold bar \u2014 top edge *\/\r\n    .vosb-left::before {\r\n      content: '';\r\n      position: absolute; top: 0; left: 0; right: 0;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--gold), rgba(139,150,69,0.4), transparent);\r\n    }\r\n\r\n    \/* classification stripe \u2014 vertical left edge *\/\r\n    .vosb-left::after {\r\n      content: '';\r\n      position: absolute; top: 0; left: 0; bottom: 0;\r\n      width: 3px;\r\n      background: linear-gradient(180deg, var(--gold), var(--olive-light) 50%, transparent);\r\n    }\r\n\r\n    \/* \u2500\u2500 top block: eyebrow + big heading \u2500\u2500 *\/\r\n    .left-top {}\r\n\r\n    .left-eyebrow {\r\n      display: flex; align-items: center; gap: 10px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .ew-line {\r\n      width: 28px; height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), var(--olive-light));\r\n    }\r\n    .ew-text {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 10px; font-weight: 700;\r\n      letter-spacing: 4px; text-transform: uppercase;\r\n      color: var(--gold);\r\n    }\r\n\r\n    .left-heading {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 72px; line-height: 0.88;\r\n      letter-spacing: 2px;\r\n      color: var(--cream);\r\n      margin-bottom: 0;\r\n    }\r\n    .left-heading .stroke {\r\n      display: block;\r\n      color: transparent;\r\n      -webkit-text-stroke: 1.5px rgba(139,150,69,0.7);\r\n    }\r\n    .left-heading .gold { color: var(--gold); }\r\n\r\n    \/* \u2500\u2500 center: seal \u2500\u2500 *\/\r\n    .left-seal-wrap {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 32px 0;\r\n      border-top: 1px solid rgba(99,107,47,0.2);\r\n      border-bottom: 1px solid rgba(99,107,47,0.2);\r\n    }\r\n\r\n    .left-seal svg { width: 150px; height: 150px; }\r\n\r\n    .seal-cert {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 19px; font-weight: 700;\r\n      letter-spacing: 3px; text-transform: uppercase;\r\n      color: var(--gold);\r\n      text-align: center;\r\n    }\r\n\r\n    \/* \u2500\u2500 bottom: status indicators \u2500\u2500 *\/\r\n    .left-bottom {}\r\n\r\n    .status-row {\r\n      display: flex; align-items: center; gap: 12px;\r\n      padding: 12px 0;\r\n      border-bottom: 1px solid rgba(99,107,47,0.15);\r\n    }\r\n    .status-row:last-child { border-bottom: none; }\r\n\r\n    .status-dot {\r\n      width: 9px; height: 9px; border-radius: 50%;\r\n      flex-shrink: 0;\r\n    }\r\n    .status-dot.gold    { background: var(--gold); box-shadow: 0 0 6px rgba(212,168,71,0.5); animation: pulse-dot 2.5s ease-in-out infinite; }\r\n    .status-dot.olive   { background: var(--olive-light); }\r\n    .status-dot.dim     { background: rgba(99,107,47,0.4); }\r\n\r\n    @keyframes pulse-dot {\r\n      0%,100% { opacity: 1; box-shadow: 0 0 6px rgba(212,168,71,0.5); }\r\n      50%      { opacity: 0.4; box-shadow: 0 0 2px rgba(212,168,71,0.2); }\r\n    }\r\n\r\n    .status-label {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 15px; font-weight: 700;\r\n      letter-spacing: 2.5px; text-transform: uppercase;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       RIGHT PANEL \u2014 content stack\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .vosb-right {\r\n      position: relative; z-index: 5;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    \/* \u2500\u2500 top: value prop band \u2500\u2500 *\/\r\n    .right-top {\r\n      position: relative;\r\n      padding: 56px 72px 52px;\r\n      border-bottom: 1px solid rgba(99,107,47,0.18);\r\n      background: #3F4320;\r\n      backdrop-filter: blur(4px);\r\n    }\r\n\r\n    \/* diagonal rule decoration *\/\r\n    .right-top::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: -1px; left: 72px;\r\n      width: 80px; height: 2px;\r\n      background: var(--gold);\r\n    }\r\n\r\n    .rt-label {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 19px; font-weight: 700;\r\n      letter-spacing: 4px; text-transform: uppercase;\r\n      color: var(--gold);\r\n      margin-bottom: 18px;\r\n      display: flex; align-items: center; gap: 12px;\r\n    }\r\n    .rt-label::before {\r\n      content: '\/\/';\r\n      color: rgba(139,150,69,0.5);\r\n      font-size: 12px;\r\n    }\r\n\r\n    .rt-headline {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 46px; line-height: 1; letter-spacing: 1.5px;\r\n      margin-bottom: 24px;\r\n    }\r\n    .rt-headline .w { color: var(--cream); }\r\n    .rt-headline .g { color: var(--gold); }\r\n    .rt-headline .d { color: rgba(139,150,69,0.55); }\r\n\r\n    .rt-body {\r\n      font-size: 20px; font-weight: 300; line-height: 1.82;\r\n      color: #ffffff;\r\n      max-width: 650px;\r\n      padding-left: 18px;\r\n      border-left: 2px solid rgba(212,168,71,0.3);\r\n    }\r\n    .rt-body strong { color: var(--khaki); font-weight: 500; }\r\n\r\n    \/* \u2500\u2500 middle: intro copy \u2500\u2500 *\/\r\n    .right-mid {\r\n      position: relative;\r\n      flex: 1;\r\n      padding: 52px 72px;\r\n      background: #3F4320;\r\n      backdrop-filter: blur(4px);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n    }\r\n\r\n    .rm-label {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 19px; font-weight: 700;\r\n      letter-spacing: 4px; text-transform: uppercase;\r\n      color: var(--gold);\r\n      margin-bottom: 22px;\r\n      display: flex; align-items: center; gap: 12px;\r\n    }\r\n    .rm-label::before { content: '\/\/'; color: rgba(99,107,47,0.4); font-size: 12px; }\r\n\r\n    \/* Large pull-quote style text *\/\r\n    .rm-quote {\r\n      position: relative;\r\n      padding-left: 28px;\r\n      margin-bottom: 28px;\r\n    }\r\n    .rm-quote::before {\r\n      content: '\"';\r\n      position: absolute; top: -10px; left: 0;\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 64px; line-height: 1;\r\n      color: rgba(212,168,71,0.15);\r\n    }\r\n    .rm-quote p {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 25px; font-weight: 300;\r\n      line-height: 1.45; letter-spacing: 0.3px;\r\n      color: #fff;\r\n      max-width: 520px;\r\n    }\r\n    .rm-quote p strong {\r\n      color: var(--cream); font-weight: 600;\r\n    }\r\n    .rm-quote p em {\r\n      color: var(--gold); font-style: normal;\r\n    }\r\n\r\n    .rm-body {\r\n      font-size: 20px; font-weight: 300; line-height: 1.8;\r\n      color: #fff;\r\n      max-width: 540px;\r\n    }\r\n    .rm-body strong { color: var(--gold); font-weight: 500; }\r\n\r\n    \/* \u2500\u2500 bottom: CTA band \u2500\u2500 *\/\r\n    .right-bottom {\r\n      position: relative;\r\n      padding: 0;\r\n      border-top: 1px solid rgba(99,107,47,0.18);\r\n      background: #3f43204d;\r\n      backdrop-filter: blur(8px);\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .cta-text-block {\r\n      padding: 40px 72px;\r\n      border-right: 1px solid rgba(99,107,47,0.18);\r\n    }\r\n\r\n    .cta-tag {\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 19px; font-weight: 700;\r\n      letter-spacing: 4px; text-transform: uppercase;\r\n      color: var(--gold);\r\n      margin-bottom: 12px;\r\n      display: flex; align-items: center; gap: 10px;\r\n    }\r\n    .cta-tag::before { content: '\/\/'; color: rgba(99,107,47,0.4); font-size: 11px; }\r\n\r\n    .cta-statement {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 28px; letter-spacing: 1.5px; line-height: 1.05;\r\n      color: var(--cream);\r\n      margin-bottom: 10px;\r\n    }\r\n    .cta-statement span { color: var(--gold); }\r\n\r\n    .cta-sub {\r\n      font-size: 19px; font-weight: 300; line-height: 1.65;\r\n      color: #fff;\r\n      max-width: 460px;\r\n    }\r\n    .cta-sub strong { color: var(--gold); font-weight: 500; }\r\n\r\n    \/* button cluster *\/\r\n    .cta-btn-block {\r\n      padding: 40px 52px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 14px;\r\n      min-width: 260px;\r\n    }\r\n\r\n    .btn-primary {\r\n      display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 11px; font-weight: 700;\r\n      letter-spacing: 2.5px; text-transform: uppercase;\r\n      text-decoration: none;\r\n      padding: 16px 32px;\r\n      color: var(--charcoal);\r\n      background: linear-gradient(135deg, var(--gold-bright), var(--gold));\r\n      clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);\r\n      border: none; cursor: pointer; width: 100%;\r\n      position: relative; overflow: hidden;\r\n      transition: transform 0.3s cubic-bezier(0.16,1,0.3,1), box-shadow 0.3s;\r\n    }\r\n    .btn-primary::after {\r\n      content: '';\r\n      position: absolute; inset: 0;\r\n      background: linear-gradient(135deg, rgba(255,255,255,0.2), transparent);\r\n      opacity: 0; transition: opacity 0.3s;\r\n    }\r\n    .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(212,168,71,0.4); }\r\n    .btn-primary:hover::after { opacity: 1; }\r\n    .btn-primary svg { width: 12px; height: 12px; }\r\n\r\n    .btn-ghost {\r\n      display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n      font-family: 'Barlow Condensed', sans-serif;\r\n      font-size: 11px; font-weight: 600;\r\n      letter-spacing: 2.5px; text-transform: uppercase;\r\n      text-decoration: none;\r\n      padding: 13px 24px;\r\n      color: rgba(232,223,168,0.6);\r\n      background: transparent;\r\n      border: 1px solid rgba(99,107,47,0.4);\r\n      clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);\r\n      cursor: pointer; width: 100%;\r\n      transition: border-color 0.25s, color 0.25s, background 0.25s;\r\n    }\r\n    .btn-ghost:hover {\r\n      border-color: rgba(212,168,71,0.45);\r\n      color: var(--cream);\r\n      background: rgba(99,107,47,0.1);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       RESPONSIVE\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n   \/* \u2500\u2500 MOBILE RESPONSIVE: max-width 640px \u2500\u2500 *\/\r\n@media (max-width: 640px) {\r\n\r\n  \/* STACK LEFT + RIGHT PANELS *\/\r\n  .vosb-section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: auto;\r\n  }\r\n\r\n  \/* HIDE LEFT PANEL *\/\r\n  .vosb-left {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* RIGHT PANEL FULL WIDTH *\/\r\n  .vosb-right {\r\n    width: 100%;\r\n  }\r\n\r\n  \/* CENTER HEADER CONTENT *\/\r\n  .right-top, .right-mid, .cta-text-block {\r\n    padding-left: 24px !important;\r\n    padding-right: 24px !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  .rt-label, .rm-label, .cta-tag {\r\n    justify-content: center !important;\r\n  }\r\n\r\n  .rt-headline, .rm-quote p, .rm-body, .cta-statement, .cta-sub {\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n  }\r\n\r\n  \/* PULL QUOTE CENTERED *\/\r\n  .rm-quote {\r\n    padding-left: 0 !important;\r\n  }\r\n  .rm-quote::before {\r\n    left: 50% !important;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  \/* CTA BUTTONS STACKED AND CENTERED *\/\r\n  .cta-btn-block {\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    width: 100% !important;\r\n    padding: 24px !important;\r\n  }\r\n\r\n  .btn-primary, .btn-ghost {\r\n    width: 100% !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  \/* CENTER TEXT IN BODIES *\/\r\n  .rt-body, .rm-body {\r\n    padding-left: 0 !important;\r\n    border-left: none !important;\r\n    text-align: center !important;\r\n  }\r\n\r\n  \/* CENTER CTA TEXT *\/\r\n  .cta-text-block {\r\n    border-right: none !important;\r\n    border-bottom: 1px solid rgba(99,107,47,0.18) !important;\r\n  }\r\n\r\n  \/* GENERAL ADJUSTMENTS *\/\r\n  .right-bottom {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 0;\r\n  }\r\n\r\n  \/* REDUCE FONT SIZE FOR SMALLER SCREEN *\/\r\n  .left-heading, .rt-headline {\r\n    font-size: 32px !important;\r\n  }\r\n  .rm-quote::before {\r\n    font-size: 40px !important;\r\n  }\r\n  .rm-quote p, .rm-body, .cta-statement {\r\n    font-size: 18px !important;\r\n  }\r\n}\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"vosb-section\">\r\n\r\n <canvas id=\"bg-canvas\"><\/canvas>\r\n\r\n  <div class=\"vosb-left\">\r\n\r\n    <div class=\"left-top\">\r\n      <div class=\"left-eyebrow\">\r\n        <div class=\"ew-line\"><\/div>\r\n        <span class=\"ew-text\">Est. MCMXCIX<\/span>\r\n      <\/div>\r\n      <h2 class=\"left-heading\">\r\n        DEAD\r\n        <span class=\"stroke\">RECKONING<\/span>\r\n        <span class=\"gold\">SCORP<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- Seal -->\r\n    <div class=\"left-seal-wrap\">\r\n      <svg viewBox=\"0 0 150 150\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <!-- rings -->\r\n        <circle cx=\"75\" cy=\"75\" r=\"71\"  stroke=\"rgba(99,107,47,0.3)\"  stroke-width=\"0.8\" stroke-dasharray=\"5 4\"\/>\r\n        <circle cx=\"75\" cy=\"75\" r=\"63\"  stroke=\"rgba(99,107,47,0.2)\"  stroke-width=\"0.7\"\/>\r\n        <circle cx=\"75\" cy=\"75\" r=\"55\"  stroke=\"rgba(212,168,71,0.25)\" stroke-width=\"1\"\/>\r\n        <circle cx=\"75\" cy=\"75\" r=\"47\"  stroke=\"rgba(212,168,71,0.12)\" stroke-width=\"0.6\"\/>\r\n        <!-- shield -->\r\n        <path d=\"M75 26 L108 41 L108 80 Q108 108 75 124 Q42 108 42 80 L42 41 Z\"\r\n              fill=\"rgba(20,23,9,0.85)\" stroke=\"rgba(99,107,47,0.55)\" stroke-width=\"1.3\"\/>\r\n        <path d=\"M75 35 L101 48 L101 79 Q101 101 75 115 Q49 101 49 79 L49 48 Z\"\r\n              fill=\"rgba(35,39,15,0.5)\"  stroke=\"rgba(212,168,71,0.22)\" stroke-width=\"0.8\"\/>\r\n        <!-- anchor -->\r\n        <line x1=\"75\" y1=\"52\" x2=\"75\" y2=\"98\" stroke=\"rgba(212,168,71,0.8)\" stroke-width=\"1.8\"\/>\r\n        <line x1=\"62\" y1=\"62\" x2=\"88\" y2=\"62\" stroke=\"rgba(212,168,71,0.8)\" stroke-width=\"1.8\"\/>\r\n        <circle cx=\"75\" cy=\"54\" r=\"4.5\" fill=\"none\" stroke=\"rgba(212,168,71,0.85)\" stroke-width=\"1.6\"\/>\r\n        <path d=\"M62 98 Q69 91 75 98 Q81 91 88 98\" fill=\"none\" stroke=\"rgba(212,168,71,0.8)\" stroke-width=\"1.6\"\/>\r\n        <circle cx=\"62\" cy=\"94\" r=\"3\" fill=\"rgba(212,168,71,0.7)\"\/>\r\n        <circle cx=\"88\" cy=\"94\" r=\"3\" fill=\"rgba(212,168,71,0.7)\"\/>\r\n        <!-- cardinal dots -->\r\n        <circle cx=\"75\" cy=\"19\"  r=\"2\" fill=\"rgba(212,168,71,0.65)\"\/>\r\n        <circle cx=\"75\" cy=\"131\" r=\"2\" fill=\"rgba(212,168,71,0.65)\"\/>\r\n        <circle cx=\"19\" cy=\"75\"  r=\"2\" fill=\"rgba(212,168,71,0.45)\"\/>\r\n        <circle cx=\"131\" cy=\"75\" r=\"2\" fill=\"rgba(212,168,71,0.45)\"\/>\r\n        <!-- tick marks -->\r\n        <g stroke=\"rgba(99,107,47,0.45)\" stroke-width=\"0.8\">\r\n          <line x1=\"75\" y1=\"4\"   x2=\"75\" y2=\"11\"\/>\r\n          <line x1=\"75\" y1=\"139\" x2=\"75\" y2=\"146\"\/>\r\n          <line x1=\"4\"  y1=\"75\"  x2=\"11\" y2=\"75\"\/>\r\n          <line x1=\"139\" y1=\"75\" x2=\"146\" y2=\"75\"\/>\r\n          <line x1=\"24\" y1=\"24\"  x2=\"29\" y2=\"29\"\/>\r\n          <line x1=\"126\" y1=\"24\" x2=\"121\" y2=\"29\"\/>\r\n          <line x1=\"24\" y1=\"126\" x2=\"29\" y2=\"121\"\/>\r\n          <line x1=\"126\" y1=\"126\" x2=\"121\" y2=\"121\"\/>\r\n        <\/g>\r\n        <!-- arc text -->\r\n        <text font-family=\"'Barlow Condensed',sans-serif\" font-size=\"7.5\" font-weight=\"700\"\r\n              fill=\"rgba(212,168,71,0.7)\" letter-spacing=\"3.2\" text-anchor=\"middle\">\r\n          <textPath href=\"#arc-top\" startOffset=\"50%\">VETERAN \u00b7 OWNED \u00b7 SMALL BUSINESS<\/textPath>\r\n        <\/text>\r\n        <text font-family=\"'Barlow Condensed',sans-serif\" font-size=\"7\" font-weight=\"600\"\r\n              fill=\"rgba(139,150,69,0.6)\" letter-spacing=\"2.8\" text-anchor=\"middle\">\r\n          <textPath href=\"#arc-btm\" startOffset=\"50%\">DEAD RECKONING \u00b7 U.S. NAVY<\/textPath>\r\n        <\/text>\r\n        <defs>\r\n          <path id=\"arc-top\" d=\"M 15,75 A 60,60 0 0,1 135,75\"\/>\r\n          <path id=\"arc-btm\" d=\"M 22,92 A 60,60 0 0,0 128,92\"\/>\r\n        <\/defs>\r\n      <\/svg>\r\n      <div class=\"seal-cert\">VOSB Certified \u00b7 Verified<\/div>\r\n    <\/div>\r\n\r\n    <!-- Status indicators -->\r\n    <div class=\"left-bottom\">\r\n      <div class=\"status-row\">\r\n        <span class=\"status-dot gold\"><\/span>\r\n        <span class=\"status-label\">Advisory Services Active<\/span>\r\n      <\/div>\r\n      <div class=\"status-row\">\r\n        <span class=\"status-dot olive\"><\/span>\r\n        <span class=\"status-label\">DoD Engagements: Open<\/span>\r\n      <\/div>\r\n      <div class=\"status-row\">\r\n        <span class=\"status-dot dim\"><\/span>\r\n        <span class=\"status-label\">Confidential Assessment Available<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RIGHT PANEL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <div class=\"vosb-right\">\r\n\r\n    <!-- Value Proposition Band -->\r\n    <div class=\"right-top\">\r\n      <div class=\"rt-label\">Our Value Proposition<\/div>\r\n      <div class=\"rt-headline\">\r\n        <span class=\"w\">INNOVATION THAT WORKS \u2014&nbsp;<\/span>\r\n        <span class=\"g\">BUILT ON&nbsp;<\/span>\r\n        <span class=\"d\">OPERATIONAL TRUTH.<\/span>\r\n      <\/div>\r\n      <p class=\"rt-body\">\r\n        Modernization succeeds when it reflects <strong>operational reality<\/strong>. Every advisory engagement is anchored in <strong>disciplined execution<\/strong> and real-world mission demands \u2014 reassuring clients that strategy is always tested against the conditions of actual service.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Intro Copy -->\r\n    <div class=\"right-mid\">\r\n      <div class=\"rm-label\">Veteran-Owned Business Commitment<\/div>\r\n      <div class=\"rm-quote\">\r\n        <p>Dead Reckoning is a <strong>Veteran-Owned Small Business (VOSB)<\/strong> led by a former <em>senior Navy officer<\/em>. Our leadership experience informs every engagement.<\/p>\r\n      <\/div>\r\n      <p class=\"rm-body\">\r\n        Advisory services remain grounded in <strong>operational discipline, accountability, and service integrity<\/strong> \u2014 because our leadership has lived the mission, not just studied it.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- CTA Band -->\r\n    <div class=\"right-bottom\">\r\n\r\n      <div class=\"cta-text-block\">\r\n        <div class=\"cta-tag\">Call to Action<\/div>\r\n        <div class=\"cta-statement\">Initiate a Confidential <span>Strategic<\/span> Consultation Today.<\/div>\r\n        <p class=\"cta-sub\">\r\n          If your organization is facing <strong>defense modernization, infrastructure transformation, or operational integration<\/strong>, consult our advisory leadership for a confidential assessment.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cta-btn-block\">\r\n        <a href=\"https:\/\/deadreckoningscorp.com\/index.php\/contact-us\/\" class=\"btn-primary\">\r\n          Request Consultation\r\n          <svg viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M2 7h10M7 3l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/a>\r\n        <!--<a href=\"#\" class=\"btn-ghost\">View Operations<\/a>-->\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div><!-- \/vosb-right -->\r\n\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     LIVE CANVAS \u2014 tactical radar + particle field\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n(function () {\r\n  const canvas = document.getElementById('bg-canvas');\r\n  const ctx    = canvas.getContext('2d');\r\n  let W, H, t = 0;\r\n\r\n  \/* \u2500\u2500 particles \u2500\u2500 *\/\r\n  const PTS = 100;\r\n  let pts = [];\r\n\r\n  function initPts() {\r\n    pts = Array.from({ length: PTS }, () => ({\r\n      x: Math.random() * W,\r\n      y: Math.random() * H,\r\n      r: Math.random() * 1.3 + 0.3,\r\n      vx: (Math.random() - 0.5) * 0.18,\r\n      vy: (Math.random() - 0.5) * 0.18,\r\n      a: Math.random() * 0.45 + 0.08,\r\n      gold: Math.random() < 0.28\r\n    }));\r\n  }\r\n\r\n  function resize() {\r\n    W = canvas.width  = canvas.offsetWidth;\r\n    H = canvas.height = canvas.offsetHeight;\r\n    initPts();\r\n  }\r\n\r\n  \/* \u2500\u2500 draw helpers \u2500\u2500 *\/\r\n  function bg() {\r\n    ctx.fillStyle = '#090b03';\r\n    ctx.fillRect(0, 0, W, H);\r\n  }\r\n\r\n  function grid() {\r\n    const S = 56;\r\n    ctx.strokeStyle = 'rgba(99,107,47,0.07)';\r\n    ctx.lineWidth = 0.6;\r\n    ctx.beginPath();\r\n    for (let x = 0; x <= W; x += S) { ctx.moveTo(x,0); ctx.lineTo(x,H); }\r\n    for (let y = 0; y <= H; y += S) { ctx.moveTo(0,y); ctx.lineTo(W,y); }\r\n    ctx.stroke();\r\n  }\r\n\r\n  function radar() {\r\n    \/* origin: lower-left quadrant *\/\r\n    const ox = W * 0.22, oy = H * 0.65;\r\n    const maxR = Math.min(W, H) * 0.75;\r\n    const rings = [0.25, 0.42, 0.60, 0.78];\r\n\r\n    rings.forEach(f => {\r\n      ctx.beginPath();\r\n      ctx.arc(ox, oy, maxR * f, 0, Math.PI * 2);\r\n      ctx.strokeStyle = 'rgba(99,107,47,0.09)';\r\n      ctx.lineWidth = 0.7;\r\n      ctx.stroke();\r\n    });\r\n\r\n    \/* cross-hairs *\/\r\n    ctx.strokeStyle = 'rgba(99,107,47,0.08)';\r\n    ctx.lineWidth = 0.5;\r\n    ctx.beginPath();\r\n    ctx.moveTo(ox - maxR, oy); ctx.lineTo(ox + maxR, oy);\r\n    ctx.moveTo(ox, oy - maxR); ctx.lineTo(ox, oy + maxR);\r\n    ctx.stroke();\r\n\r\n    \/* sweep *\/\r\n    const angle = (t * 0.009) % (Math.PI * 2);\r\n    const span  = Math.PI * 0.4;\r\n    const sweepR = maxR * 0.78;\r\n\r\n    ctx.save();\r\n    ctx.translate(ox, oy);\r\n    ctx.rotate(angle);\r\n\r\n    const g = ctx.createRadialGradient(0, 0, 0, 0, 0, sweepR);\r\n    g.addColorStop(0,    'rgba(212,168,71,0.0)');\r\n    g.addColorStop(0.55, 'rgba(212,168,71,0.08)');\r\n    g.addColorStop(1,    'rgba(99,107,47,0.0)');\r\n\r\n    ctx.beginPath();\r\n    ctx.moveTo(0, 0);\r\n    ctx.arc(0, 0, sweepR, 0, span);\r\n    ctx.closePath();\r\n    ctx.fillStyle = g;\r\n    ctx.fill();\r\n\r\n    \/* leading edge *\/\r\n    ctx.beginPath();\r\n    ctx.moveTo(0, 0);\r\n    ctx.lineTo(sweepR, 0);\r\n    ctx.strokeStyle = 'rgba(212,168,71,0.3)';\r\n    ctx.lineWidth = 1;\r\n    ctx.stroke();\r\n    ctx.restore();\r\n\r\n    \/* ping blip \u2014 appears at sweep edge *\/\r\n    const bx = ox + Math.cos(angle) * sweepR * 0.62;\r\n    const by = oy + Math.sin(angle) * sweepR * 0.62;\r\n    const blipAlpha = Math.max(0, Math.sin(t * 0.09)) * 0.55;\r\n    ctx.beginPath();\r\n    ctx.arc(bx, by, 2.5, 0, Math.PI * 2);\r\n    ctx.fillStyle = `rgba(212,168,71,${blipAlpha})`;\r\n    ctx.fill();\r\n    ctx.beginPath();\r\n    ctx.arc(bx, by, 5, 0, Math.PI * 2);\r\n    ctx.strokeStyle = `rgba(212,168,71,${blipAlpha * 0.4})`;\r\n    ctx.lineWidth = 0.8;\r\n    ctx.stroke();\r\n  }\r\n\r\n  function connections() {\r\n    const DIST = 130;\r\n    for (let i = 0; i < pts.length; i++) {\r\n      for (let j = i + 1; j < pts.length; j++) {\r\n        const dx = pts[i].x - pts[j].x;\r\n        const dy = pts[i].y - pts[j].y;\r\n        const d  = Math.hypot(dx, dy);\r\n        if (d < DIST) {\r\n          ctx.beginPath();\r\n          ctx.moveTo(pts[i].x, pts[i].y);\r\n          ctx.lineTo(pts[j].x, pts[j].y);\r\n          ctx.strokeStyle = `rgba(99,107,47,${(1 - d \/ DIST) * 0.1})`;\r\n          ctx.lineWidth = 0.5;\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  function particles() {\r\n    pts.forEach(p => {\r\n      p.x += p.vx; p.y += p.vy;\r\n      if (p.x < 0) p.x = W; if (p.x > W) p.x = 0;\r\n      if (p.y < 0) p.y = H; if (p.y > H) p.y = 0;\r\n      ctx.beginPath();\r\n      ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);\r\n      ctx.fillStyle = p.gold\r\n        ? `rgba(212,168,71,${p.a})`\r\n        : `rgba(139,150,69,${p.a})`;\r\n      ctx.fill();\r\n    });\r\n  }\r\n\r\n  function horizonGlow() {\r\n    const y = H * 0.42 + Math.sin(t * 0.005) * 10;\r\n    const lg = ctx.createLinearGradient(0, 0, W, 0);\r\n    lg.addColorStop(0,    'transparent');\r\n    lg.addColorStop(0.3,  `rgba(212,168,71,0.06)`);\r\n    lg.addColorStop(0.55, `rgba(212,168,71,0.1)`);\r\n    lg.addColorStop(0.8,  `rgba(212,168,71,0.06)`);\r\n    lg.addColorStop(1,    'transparent');\r\n    ctx.fillStyle = lg;\r\n    ctx.fillRect(0, y - 1, W, 2);\r\n  }\r\n\r\n  function diagonals() {\r\n    const a = 0.03 + Math.sin(t * 0.004) * 0.01;\r\n    ctx.strokeStyle = `rgba(99,107,47,${a})`;\r\n    ctx.lineWidth = 0.5;\r\n    ctx.setLineDash([8, 14]);\r\n    ctx.beginPath();\r\n    ctx.moveTo(0, 0);     ctx.lineTo(W, H);\r\n    ctx.moveTo(W, 0);     ctx.lineTo(0, H);\r\n    ctx.stroke();\r\n    ctx.setLineDash([]);\r\n  }\r\n\r\n  function overlayVignette() {\r\n    const g = ctx.createRadialGradient(W\/2, H\/2, H*0.05, W\/2, H\/2, H*0.85);\r\n    g.addColorStop(0, 'rgba(9,11,3,0.0)');\r\n    g.addColorStop(1, 'rgba(9,11,3,0.72)');\r\n    ctx.fillStyle = g;\r\n    ctx.fillRect(0, 0, W, H);\r\n\r\n    \/* left panel mask \u2014 make left side even darker *\/\r\n    const lg = ctx.createLinearGradient(0, 0, 420, 0);\r\n    lg.addColorStop(0,   'rgba(5,6,2,0.65)');\r\n    lg.addColorStop(1,   'rgba(5,6,2,0.0)');\r\n    ctx.fillStyle = lg;\r\n    ctx.fillRect(0, 0, W, H);\r\n  }\r\n\r\n  function frame() {\r\n    bg();\r\n    grid();\r\n    diagonals();\r\n    radar();\r\n    connections();\r\n    particles();\r\n    horizonGlow();\r\n    overlayVignette();\r\n    t++;\r\n    requestAnimationFrame(frame);\r\n  }\r\n\r\n  window.addEventListener('resize', resize);\r\n  resize();\r\n  frame();\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elite Military Consultation STRATEGIC PRECISION. DECISIVE COMMAND. Trusted by government agencies &#038; private sector leaders, we deliver battle-tested military strategy, operational planning, and risk assessment for high-stakes environments worldwide. 25+ Years in Service 340+ Missions Completed 60+ Nations Served 98% Client Retention Request a Consultation Scroll to explore 25+ Years Experience \u2022 2,000+ Consultations \u2022 98% Success Rate \u2022 Confidential Advisory \u2022 25+ Years Experience \u2022 2,000+ Consultations \u2022 98% Success Rate \u2022 Confidential Advisory \u2022 N 42 38 55 31\u00b000&#8217;N32\u00b000&#8217;N 33\u00b000&#8217;N34\u00b000&#8217;N 0 10 NM 20 TACTICAL MARITIME CHART \u2014 REF: OPS-7 Operational Intelligence \u2014 Eyes Only Who We Are OPERATIONALLY GROUNDED. STRATEGICALLY EXECUTED. Veteran-owned and operated. We navigate high-stakes environments the way mariners master the open ocean \u2014 through dead reckoning: advancing decisively from known position, even when real-time intelligence is incomplete. Every engagement follows structured military methodology, from mission brief to final debrief. 01 Veteran-Owned &amp; Led 02 Maritime Dead Reckoning Principle 03 Structured Military Methodology Learn About Our Approach 05 Core Capabilities OPERATIONAL FOCUS AREAS Five integrated disciplines \u2014 each shaped by decades of field experience and defense program leadership. 01 Military Affairs Strategy &amp; Operational Integration Aligning defense modernization programs with real-world warfighter requirements through structured operational planning and strategic advisory support. 02 Mission-Driven Modernization &amp; Infrastructure Consulting Guiding infrastructure upgrades and emerging capability integration to strategically strengthen readiness without disrupting operational continuity. 03 Operational Risk Reduction &amp; Readiness Enablement Identifying execution gaps early to strategically protect critical capability timelines, preserve mission integrity, and enhance long-term program resilience. 04 Stakeholder Alignment Across Defense Ecosystems Synchronizing military leaders, federal agencies, and industry partners to ensure unified program execution, collaboration, and measurable outcomes. 05 Execution Leadership for Complex Defense Initiatives Providing senior-level advisory leadership across high-impact defense programs requiring disciplined modernization and structured delivery strategies. 25+ Years ofOperational Experience 340+ Missions &amp;Programs Delivered 60+ Nations &amp;Agencies Served 98% ClientRetention Rate Strategic Intelligence Our Foundation MISSION &amp; MANDATE 01 Who We Serve 02 Why Dead Reckoning Trusted Advisory Partners Clientele WHO WE SERVE 01 Department of Defense (DoD) modernization programs 02 Federal civilian agencies supporting national security 03 Defense prime contractors and subcontractors 04 Government infrastructure and readiness initiatives 05 Military technology integration programs 06 National security and mission-critical transformation efforts We operate as a trusted advisory partner for organizations requiring operationally grounded modernization consulting and disciplined execution leadership. Operational Truth Our Approach WHY DEAD RECKONING Defense transformation requires more than innovation. It requires operational truth. Joint operational experience combined with modernization insight Veteran-owned leadership grounded in military discipline Structured execution models for complex government programs Strategic clarity in uncertain operational environments Mission-first service with measurable readiness outcomes We bring clarity to complexity and leadership to evolving defense challenges. Est. MCMXCIX DEAD RECKONING SCORP VETERAN \u00b7 OWNED \u00b7 SMALL BUSINESS DEAD RECKONING \u00b7 U.S. NAVY VOSB Certified \u00b7 Verified Advisory Services Active DoD Engagements: Open Confidential Assessment Available Our Value Proposition INNOVATION THAT WORKS \u2014&nbsp; BUILT ON&nbsp; OPERATIONAL TRUTH. Modernization succeeds when it reflects operational reality. Every advisory engagement is anchored in disciplined execution and real-world mission demands \u2014 reassuring clients that strategy is always tested against the conditions of actual service. Veteran-Owned Business Commitment Dead Reckoning is a Veteran-Owned Small Business (VOSB) led by a former senior Navy officer. Our leadership experience informs every engagement. Advisory services remain grounded in operational discipline, accountability, and service integrity \u2014 because our leadership has lived the mission, not just studied it. Call to Action Initiate a Confidential Strategic Consultation Today. If your organization is facing defense modernization, infrastructure transformation, or operational integration, consult our advisory leadership for a confidential assessment. Request Consultation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deadreckoningscorp.com\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deadreckoningscorp.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deadreckoningscorp.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deadreckoningscorp.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deadreckoningscorp.com\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":479,"href":"https:\/\/deadreckoningscorp.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1235,"href":"https:\/\/deadreckoningscorp.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/1235"}],"wp:attachment":[{"href":"https:\/\/deadreckoningscorp.com\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}