/* /Components/Media/DocumentViewer.razor.rz.scp.css */
/* CSS for DocumentViewer component (WEB RENDER ENGINE)
   Targeting Markdig-rendered HTML inside .doc-viewer container
   ============================================================ */

.doc-viewer[b-hiqz79itzv] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  max-width: 960px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}

  /* Base Headings */
  .doc-viewer[b-hiqz79itzv]  h1 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--si-yellow) !important; 
    letter-spacing: -0.02em;
    text-transform: uppercase;
    border-bottom: 3px solid var(--si-yellow); 
    padding-bottom: 0.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }

  .doc-viewer[b-hiqz79itzv]  h2 {
    font-size: 1.05rem;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    border-bottom: none;
    padding-bottom: 0.25rem;
  }

  /* Neutralize Bootstrap Heading Overrides for Rendered Markdown/HTML */
  .doc-viewer[b-hiqz79itzv]  h3,
  .doc-viewer[b-hiqz79itzv]  h4 {
    font-size: 1rem !important;
    font-weight: 400 !important; /*  'normal' (400)  */
    line-height: 1.6 !important; /* Overrides Bootstrap's tight 1.2 line-height */
    text-align: left !important; /* Kills the justify on h4 */
    margin-top: 0rem !important;
    margin-bottom: 1.0rem;
    padding-bottom: 0;
  }

  .doc-viewer[b-hiqz79itzv]  h4 {
    padding-left: 1.25rem;
  }
  
  
  /* Document Body Text & Lists */
    .doc-viewer[b-hiqz79itzv]  p {
      margin-bottom: 1rem;
      text-align: left; /* Don't justify on web; left-aligned is easier to read */
    }

    .doc-viewer ul[b-hiqz79itzv],
    .doc-viewer ol[b-hiqz79itzv] {
      margin-bottom: 1rem;
      padding-left: 1.5rem;
    }

    .doc-viewer li[b-hiqz79itzv] {
      margin-bottom: 0.35rem;
    }

/* Single Consolidated Blockquote Rule (No duplicate overrides) */
  .doc-viewer[b-hiqz79itzv]  blockquote,
  .doc-viewer[b-hiqz79itzv]  p.quote,
  .doc-viewer[b-hiqz79itzv]  .quote {
    margin: 10pt 0 10pt 18pt;
    padding: 6pt 12pt;
    border-left: 13pt solid var(--si-yellow);
    background-color: var(--si-blue);
    color: var(--bs-light);
    font-style: italic;
    break-inside: avoid;
  }

.doc-viewer[b-hiqz79itzv]  blockquote p {
  margin: 0;
  text-align: left;
}

/* Word's Native Emphasis Style */
.doc-viewer[b-hiqz79itzv]  em,
.doc-viewer[b-hiqz79itzv]  span.emphasis,
.doc-viewer[b-hiqz79itzv]  .emphasis {
  font-style: italic;
  font-weight: inherit;
}

/* Word's Native "Intense Emphasis" Style */
.doc-viewer[b-hiqz79itzv]  span.intense-emphasis {
  font-weight: 700;
  color: var(--navy);
}



/* Word's Native Intense Quote Style */
.doc-viewer[b-hiqz79itzv]  .intense-quote {
  font-style: italic;
  font-weight: 600;
  border-left: 4px solid #D97706;
  padding-left: 1rem;
  margin: 2rem 0;
  color: #1A202C;
}

    /* --- WEB TABLE OF CONTENTS STYLING --- */
    /* Markdig outputs the TOC as an unordered list right under the TOC Heading */
    .doc-viewer ul:first-of-type[b-hiqz79itzv] {
      background-color: #f8fafc;
      border: 1px solid #cbd5e1;
      border-left: 4px solid #0a192f;
      border-radius: 4px;
      padding: 1.25rem 1.5rem 1.25rem 2.5rem;
      margin: 1.5rem 0 2rem 0;
      list-style-type: square;
    }
    /* Interactive Hover Links in Browser */
    .doc-viewer a[b-hiqz79itzv] {
      color: #1e3a8a;
      text-decoration: none;
      font-weight: 600;
      transition: color 0.15s ease-in-out;
    }

      .doc-viewer a:hover[b-hiqz79itzv] {
        color: #d97706; /* Synaptic Gold Hover */
        text-decoration: underline;
      }
    /* Horizontal Rule Dividers */
    .doc-viewer hr[b-hiqz79itzv] {
      border: 0;
      height: 1px;
      background: #cbd5e1;
      margin: 2rem 0;
    }
    /* Standard Tables (SLA Matrices, Fees) */
    .doc-viewer table[b-hiqz79itzv] {
      width: 100%;
      border-collapse: collapse;
      margin: 1.5rem 0;
      font-size: 0.9rem;
    }

    .doc-viewer th[b-hiqz79itzv] {
      background-color: #0a192f;
      color: #ffffff;
      text-align: left;
      padding: 0.6rem 0.8rem;
      font-weight: 600;
    }

    .doc-viewer td[b-hiqz79itzv] {
      padding: 0.6rem 0.8rem;
      border: 1px solid #cbd5e1;
    }

    .doc-viewer tbody tr:nth-child(even)[b-hiqz79itzv] {
      background-color: #f8fafc;
    }
/* /Components/Media/HeroSection.razor.rz.scp.css */
@* =============================================   HERO CAROUSEL - Blazor .NET 10 + Bootstrap 5.3.8   Author: Improved version - July 2026   ============================================= *@
<div @ref="heroRef"
     class="hero-wrapper @(EmbeddedMode ? "hero-embedded" : "hero-full")"
     aria-labelledby="hero-carousel-title">

  <div id="@CarouselId"
       class="hero-section-engine carouselslide carousel slide h-100 @(_showVideo && HeroList.ElementAtOrDefault(_currentIndex)?.Behavior == HeroBehavior.Sequential ? "video-active" : "")"
       @onkeydown="HandleKeyDown"
       tabindex="0"
       role="region"
       aria-roledescription="carousel">

    <div class="carousel-inner h-100">
      @for (int i = 0; i < HeroList.Count; i++)
      {
        var item = HeroList[i];
        var isActive = i == _currentIndex;

        <div class="carousel-item h-100 @(isActive ? "active" : "")"
             style="transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;">

          <PictureManager File="@item.BackgroundImage"
                          Folder="hero"
                          Alt="@item.Headline"
                          Loading="lazy"
                          ImgClass="w-100 d-block position-absolute h-100 fit-cover hero-bg-image" />

          @if (isActive && _showVideo && !string.IsNullOrEmpty(item.BackgroundVideo))[b-vgefv43x9o]
          {
            <VideoManager File="@item.BackgroundVideo"
                          Poster="@item.BackgroundImage"
                          Folder="hero"
                          Autoplay="true"
                          Loop="@(item.Behavior == HeroBehavior.Parallel)"
                          OnPlayerKeyDown="HandleKeyDown"
                          OnVideoEnded="ForceNextSlide" />
          }

          <div class="hero-overlay-left @(_showVideo && !string.IsNullOrEmpty(item.BackgroundVideo) && item.Behavior == HeroBehavior.Sequential ? "hero-overlay-hidden" : "")"></div>

          <div class="hero-content position-relative d-flex flex-column justify-content-center h-100
            @(_showVideo && !string.IsNullOrEmpty(item.BackgroundVideo) && item.Behavior == HeroBehavior.Sequential ? "hero-card-faded" : "")">
            <div class="row w-100 m-0">
              <div class="col-sm-10 col-md-8 col-xl-5 offset-md-1 offset-xl-2 px-0">
                <div class="hero-card">
                  <h1 class="text-uppercase fw-bold hero-main-title" id="hero-carousel-title">@item.Headline</h1>
                  <h2 class="hero-subtitle">@item.Subheadline</h2>

                  @item.Description.IfNotEmpty(@<p class="my-3 hero-description-text">@item.Description</p>)

                  @item.Cta.Label.IfNotEmpty(@<a class="btn btn-action-outline btn-lg mt-2 d-inline-flex align-items-center"
                                               href="@item.Cta.Url">
                    <span>@item.Cta.Label &ensp;<i class="bi bi-arrow-right"></i></span>
                  </a>)
                </div>
              </div>
            </div>
          </div>
        </div>
      }
    </div>

    <!-- HUD Container: Swapped from d-none d-md-flex to a 3-column CSS grid framework -->
    <div class="carousel-hud-bottom d-none d-md-grid px-4">

      <!-- Left Stack: Dedicated to Media Controls -->
      <div class="hud-left-controls d-flex align-items-center">
        <button type="button" class="btn btn-sm btn-outline-light m-0"
                @onclick="TogglePause"
                aria-label="@(IsPaused ? "Play" : "Pause") carousel">
          <i class="bi @(IsPaused ? "bi-play-fill" : "bi-pause-fill")"></i>
        </button>
      </div>

      <!-- Center Stack: Clean Anchor Point for Track Indicators -->
      <div class="hud-center-controls d-flex align-items-center justify-content-center">
        <div class="carousel-indicators">
          @for (int i = 0; i < HeroList.Count; i++)[b-vgefv43x9o]
          {
            var idx = i;
            <button type="button"
                    class="@(idx == _currentIndex ? "active" : "")"
                    aria-label="Go to slide @(idx + 1)"
                    aria-current="@(idx == _currentIndex ? "true" : "false")"
                    @onclick="() => JumpToSlide(idx)">
            </button>
          }
        </div>
      </div>

      <!-- Right Stack: Dedicated to Window Utilities -->
      <div class="hud-right-controls d-flex align-items-center justify-content-end">
        <button type="button" @onclick="GoFullscreen" class="fullscreen-hud-trigger m-0"
                aria-label="Toggle fullscreen">
          <i class="bi @(_isFullscreen ? "bi-fullscreen-exit" : "bi-arrows-fullscreen")"></i>
        </button>
      </div>

    </div>

    <!-- Progress Bar -->
    <div class="hero-progress">
      <div class="hero-progress-bar" style="width: @(progressPercent)%"></div>
    </div>
  </div>
</div>

@code[b-vgefv43x9o] {
  @code {
    [Parameter] public List<HeroModel> HeroList[b-vgefv43x9o] { get; set; } = new();
    [Parameter] public string CarouselId[b-vgefv43x9o] { get; set; } = "hero-carousel";
    [Parameter] public int RotationInterval[b-vgefv43x9o] { get; set; } = 8000;
    [Parameter] public bool EmbeddedMode[b-vgefv43x9o] { get; set; } = false;

    [Inject] IJSRuntime JS[b-vgefv43x9o] { get; set; } = default!;

    private ElementReference heroRef;
    private bool _isFullscreen = false;
    private int _currentIndex = 0;
    private bool _showVideo = false;
    private bool IsPaused[b-vgefv43x9o] { get; set; } = false;
    private double progressPercent = 0;

    private System.Timers.Timer? _progressTimer;
    private CancellationTokenSource? _cts;
    private Task? _rotationTask;
    private readonly object _lock = new();
    private bool _allowVideoInteraction = false;

    protected override void OnInitialized()[b-vgefv43x9o]
    {
      if (HeroList.Any())
        StartAutoRotation();
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)[b-vgefv43x9o]
    {
      if (firstRender)
      {
        // Only init the autoplay guard, NOT the full Bootstrap carousel        
        await JS.InvokeVoidAsync("synaptic.bootstrap.initHeroAutoplayGuard", CarouselId);
      }
    }

    private void StartAutoRotation()[b-vgefv43x9o]
    {
      lock (_lock)
      {
        _cts?.Cancel();
        _cts?.Dispose();
        _cts = new CancellationTokenSource();

        _progressTimer?.Stop();
        _progressTimer?.Dispose();

        _progressTimer = new System.Timers.Timer(80);
        _progressTimer.Elapsed += UpdateProgress;
        _progressTimer.Start();

        _rotationTask = RunRotationTask(_cts.Token);
      }
    }

    private async Task RunRotationTask(CancellationToken token)[b-vgefv43x9o]
    {
      try
      {
        while (!token.IsCancellationRequested && !IsPaused)
        {
          await Task.Delay(3000, token);           // Image preview time
          await InvokeAsync(() =>
          {
            _showVideo = true;
            StateHasChanged();
          });

          var current = HeroList.ElementAtOrDefault(_currentIndex);
          
          // If the behavior is Sequential, we yield control to the VideoPlayer's end trigger
          if (current != null && !string.IsNullOrEmpty(current.BackgroundVideo) && current.Behavior == HeroBehavior.Sequential)
          {
             // Break out of the loop iteration; ForceNextSlide will handle advancement when video finishes.
             break;
          }

          var remaining = Math.Max(0, RotationInterval - 3000);
          if (remaining > 0)
            await Task.Delay(remaining, token);

          await InvokeAsync(AdvanceIfNoVideoOrAfterVideo);[b-vgefv43x9o]
        }
      }
      catch (TaskCanceledException)[b-vgefv43x9o] { }
      catch (Exception ex)[b-vgefv43x9o]
      {
        Console.WriteLine("Hero rotation error: " + ex.Message);
      }
    }

    private void AdvanceIfNoVideoOrAfterVideo()[b-vgefv43x9o]
    {
      var current = HeroList.ElementAtOrDefault(_currentIndex);
      // Advance if no video, or if the video runs in Parallel wallpaper mode
      if (current == null || string.IsNullOrEmpty(current.BackgroundVideo) || current.Behavior == HeroBehavior.Parallel)
      {
        AdvanceToNextSlide();
      }
      // If video exists and is Sequential[b-vgefv43x9o], we wait for ForceNextSlide from VideoManager instead[b-vgefv43x9o]    
    }

    private void AdvanceToNextSlide()[b-vgefv43x9o]
    {
      _currentIndex = (_currentIndex + 1) % HeroList.Count;
      ResetSlideState();
      StateHasChanged();
    }

    private void ResetSlideState()[b-vgefv43x9o]
    {
      _showVideo = false;
      progressPercent = 0;
    }

    // Called from VideoManager when video finishes    
    private void ForceNextSlide()[b-vgefv43x9o]
    {
      var current = HeroList.ElementAtOrDefault(_currentIndex);
      // Guard clause: Parallel backgrounds loop infinitely and should ignore structural video-end advances
      if (current != null && current.Behavior == HeroBehavior.Parallel)
         return;

      InvokeAsync(() =>
      {
        AdvanceToNextSlide();
        StartAutoRotation();     // Restart fresh rotation for new slide      
      });
    }

    private void JumpToSlide(int index)[b-vgefv43x9o]
    {
      lock (_lock)
      {
        _currentIndex = (index + HeroList.Count) % HeroList.Count; // Safety adjustment for negative tracking offsets
        ResetSlideState();

        StartAutoRotation();   // This will cancel old tasks and start clean        
        StateHasChanged();
      }
    }

    private async Task TogglePause()[b-vgefv43x9o]
    {
      IsPaused = !IsPaused;

      if (IsPaused)
      {
        _progressTimer?.Stop();
        _cts?.Cancel();
      }
      else[b-vgefv43x9o]
      {
        StartAutoRotation();
      }
      StateHasChanged();[b-vgefv43x9o]
    }

    private async Task HandleKeyDown(KeyboardEventArgs e)[b-vgefv43x9o]
    {
      switch (e.Key)
      {
        case "ArrowRight":
        JumpToSlide(_currentIndex + 1);
        break;
        case "ArrowLeft":
        JumpToSlide(_currentIndex - 1);
        break;
        case " ":
        await TogglePause();
        break;
      }
    }

    private async Task GoFullscreen()[b-vgefv43x9o]
    {
      _isFullscreen = !_isFullscreen;
      await JS.InvokeVoidAsync("synaptic.ui.toggleFullScreen", heroRef);
      StateHasChanged();
    }

    private void ToggleVideoInteraction()[b-vgefv43x9o]
    {
      if (_showVideo)
      {
        _allowVideoInteraction = !_allowVideoInteraction;
        StateHasChanged();
      }
    }

    public void Dispose()[b-vgefv43x9o]
    {
      lock (_lock)
      {
        _cts?.Cancel();
        _cts?.Dispose();
      }
      _progressTimer?.Dispose();[b-vgefv43x9o]
    }

    public async ValueTask DisposeAsync()[b-vgefv43x9o]
    {
      try
      {
        await JS.InvokeVoidAsync("window.synaptic.bootstrap.teardownHeroAutoplayGuard");
      }
      catch[b-vgefv43x9o] { }
    }
  }

  private void UpdateProgress(object? sender, System.Timers.ElapsedEventArgs e)[b-vgefv43x9o]
  {
    if (IsPaused)
      return;

    InvokeAsync(() =>
    {
      // full 100% over the entire RotationInterval
      double increment = (80.0 / RotationInterval) * 100; // proper percentage per tick
      progressPercent = Math.Min(100, progressPercent + increment);
      StateHasChanged();
    });
  }

 }

/* ==========================================================================
   PRIMARY HERO SLIDE CONTAINER CORNERSTONES
   ========================================================================== */
.hero-section-engine.carouselslide[b-vgefv43x9o] {
  height: auto !important; /* Wipes out the rigid 680px/520px caps */
  aspect-ratio: 16 / 9 !important; /* Forces the entire hero block to scale like a movie screen */
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  background-color: #0d1829;
  pointer-events: auto;
}

/* On standard view, keep the background image clamped to the container height */
.hero-section-engine .hero-bg-image[b-vgefv43x9o] {
  z-index: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  
}

@media (min-width: 992px) {
  .hero-section-engine.carouselslide[b-vgefv43x9o] {
     height: auto !important;
  }
}

@media (max-width: 768px) {
  .hero-section-engine.carouselslide[b-vgefv43x9o] {
     height: auto !important;
  }
}
/* ==========================================================================
   SEMANTIC VISUAL OVERLAY MODULATORS
   ========================================================================== */
.hero-section-engine .hero-overlay-left[b-vgefv43x9o] {
  position: absolute;
  inset: 0;
  background: linear-gradient( to right, rgba(13, 24, 41, 1) 0%, rgba(13, 24, 41, 0.85) 25%, rgba(13, 24, 41, 0.4) 60%, rgba(0, 0, 0, 0) 100% ) !important; /* Adjusted gradient tint to merge with your --si-blue canvas colors */
  z-index: 1 !important;
  pointer-events: none !important;
  transition: opacity 0.8s ease-in-out;
  opacity: 1;
}

  /* Nuke the overlay gradient completely while the video is live */
  .hero-overlay-left.hero-overlay-hidden[b-vgefv43x9o] {
    opacity: 0 !important;
  }

.hero-section-engine .hero-content[b-vgefv43x9o] {
  position: absolute;
  inset: 0;
  z-index: 2 !important;
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
  opacity: 1;
}

/* Smooth ambient fade when video rolls */
.hero-section-engine .hero-card-faded[b-vgefv43x9o] {
  opacity: 0.0; /* Leaves a faint watermark read of the text, change to 0 for total hide */
  transform: translateY(-5px); /* Adds a subtle cinema-lift effect */
  pointer-events: none; /* Prevents clicking links accidentally while faded out */
}

  /* When a video is actively playing, allow pointer events to reach the video element below
     by disabling pointer events on the hero content overlay and its children, and ensuring the
     video container and iframe are interactive and stacked above the overlay but below HUD.
     This preserves clickability for native video controls and enables JS-based click toggles. */
  .hero-section-engine.video-active .hero-content[b-vgefv43x9o],
  .hero-section-engine.video-active .hero-content *[b-vgefv43x9o] {
    pointer-events: none !important;
  }

  /* Place the video container above the overlay but below HUD (HUD ~1050) */
  .hero-section-engine.video-active .video-manager-container[b-vgefv43x9o],
  .hero-section-engine.video-active .video-engine-iframe[b-vgefv43x9o] {
    pointer-events: auto !important;
    z-index: 1045 !important; /* Higher than overlay (2) but lower than HUD (1050) */
    position: relative !important;
  }

  /* Ensure native video element receives pointer events */
  .hero-section-engine.video-active .video-engine-native[b-vgefv43x9o] {
    pointer-events: auto !important;
    z-index: 1046 !important;
  }

  /* Extra safeguard in case overlay children still intercept on specific browsers */
  .hero-section-engine.video-active .carousel-item.active .hero-content[b-vgefv43x9o] {
    pointer-events: none !important;
  }


.hero-section-engine .hero-card[b-vgefv43x9o] {
  padding: 2rem 1.5rem;
  border-radius: 8px;
  background: rgba(13, 24, 41, 0.3); /* Integrated localized background shading backing */
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  margin:1rem !important;
}

/* ==========================================================================
   TYPOGRAPHY SPECIFICS AND SCALING HIERARCHY
   ========================================================================== */
.hero-section-engine .hero-main-title[b-vgefv43x9o] {
  color: #ffffff !important;
  font-size: 2.75rem;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.hero-section-engine .hero-subtitle[b-vgefv43x9o] {
  color: var(--si-yellow, #ffc000) !important; /* Subheadline accent line integration */
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 0.5rem;
}

.hero-section-engine .hero-description-text[b-vgefv43x9o] {
  color: #a3b3c9 !important; /* Muted steel text for clarity reading layers */
  font-size: 1rem;
  line-height: 1.6;
}

/* ==========================================================================
   HIGH ASSURANCE ACTION CONTROLS (CTA)
   ========================================================================== */
.hero-section-engine .btn-action-outline[b-vgefv43x9o] {
  color: var(--si-yellow, #ffc000) !important;
  border: 2px solid var(--si-yellow, #ffc000) !important;
  background: transparent !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.75rem 1.75rem !important;
  border-radius: 4px !important;
  transition: all 0.2s ease-in-out !important;
  text-decoration: none !important;
}

  .hero-section-engine .btn-action-outline:hover[b-vgefv43x9o] {
    background: var(--si-yellow, #ffc000) !important;
    color: #0d1829 !important; /* Inverts tracking contrast execution clean on trigger */
    box-shadow: 0 4px 15px rgba(255, 192, 0, 0.3);
    transform: translateY(-1px);
  }

  .hero-section-engine .btn-action-outline i[b-vgefv43x9o] {
    transition: transform 0.15s ease;
  }

  .hero-section-engine .btn-action-outline:hover i[b-vgefv43x9o] {
    transform: translateX(4px); /* Interactive arrow nudge tracking animation loop */
  }

/* ==========================================================================
   MEDIA QUERY LAYOUT BUFFER INTEGRATION
   ========================================================================== */
@media (min-width: 992px) {
  .hero-section-engine.carouselslide[b-vgefv43x9o] {
    /* Safe structural negative margin pull to cleanly shift beneath your site navbar structure */
    
    height: 680px !important; /* Boost height parameters to expand scale on presentation desktop widths */
  }
}

@media (max-width: 768px) {
  .hero-section-engine .hero-main-title[b-vgefv43x9o] {
    font-size: 2rem;
  }

  .hero-section-engine .hero-subtitle[b-vgefv43x9o] {
    font-size: 1.15rem;
  }

  .hero-section-engine.carouselslide[b-vgefv43x9o] {
    height: 520px !important;
  }
}


/* ==========================================================================
   OPERATIONAL SYSTEM INDICATORS AND TRACKING DOTS
   ========================================================================== */
.hero-section-engine .carousel-indicators[b-vgefv43x9o] {
  pointer-events: none;

  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
  gap: 12px; /* Uniform spacing buffer between interactive tracking targets */
}

  .hero-section-engine .carousel-indicators button[b-vgefv43x9o] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 12px !important; /* Equal proportions to form perfect round layout profiles */
    height: 12px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    margin: 0 !important; /* FIXED: Removed the 15% margin caps breaking alignment */
    list-style: none;
    gap: 12px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4) !important; /* Muted idle indicator state */
    border: 2px solid transparent !important;
    border-radius: 50% !important; /* Converts raw block stubs into clean circles */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    pointer-events: auto !important;
    z-index: 50 !important;
  }

    .hero-section-engine .carousel-indicators button:hover[b-vgefv43x9o] {
      background-color: rgba(255, 255, 255, 0.8) !important;
      transform: scale(1.1);
    }

    /* Active Panel Tracking State Modulator */
    .hero-section-engine .carousel-indicators button.active[b-vgefv43x9o] {
      width: 32px !important; /* Morphing transition effect: expands circle cleanly into a tracking pill */
      background-color: var(--si-yellow, #ffc000) !important; /* Locks onto engine-wide highlight styling */
      border-radius: 6px !important; /* Adapts border radius to anchor the tracking pill profile */
      box-shadow: 0 0 10px rgba(255, 192, 0, 0.5); /* Glow signature depth layer */
    }

/* ==========================================================================
   ISOLATED FULLSCREEN CORNER ICON ANCHOR
   ========================================================================== */
.fullscreen-hud-trigger[b-vgefv43x9o] {
  z-index: 20 !important; /* Forces layout above indicators and filters */
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.25rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
}

  .fullscreen-hud-trigger:hover[b-vgefv43x9o] {
    color: var(--si-yellow, #ffc000);
    transform: scale(1.15);
  }

/* Fullscreen state adaptive styling for standard document nodes */
.hero-wrapper:fullscreen .fullscreen-hud-trigger[b-vgefv43x9o] {
  bottom: 2.5rem;
  right: 2.5rem;
}

/* ==========================================================================
   2. FULLSCREEN INTERDICTION MODULATORS (DYNAMIC ACTIVE STATE)
   ========================================================================== */

/* The instant ANY element inside the wrapper goes fullscreen, trigger these overrides */
.hero-wrapper:fullscreen[b-vgefv43x9o],
.hero-wrapper:fullscreen .hero-section-engine.carouselslide[b-vgefv43x9o],
.hero-wrapper:fullscreen .carousel-inner[b-vgefv43x9o],
.hero-wrapper:fullscreen .carousel-item[b-vgefv43x9o] {
  width: 100vw !important;
  height: 100vh !important; /* Force full screen height ONLY in fullscreen mode */
}

  /* Force the background image asset to stretch aggressively to fill the entire monitor canvas */
  .hero-wrapper:fullscreen .hero-bg-image[b-vgefv43x9o] {
    height: 100vh !important;
    width: 100vw !important;
    object-fit: cover !important;
    object-position: center bottom !important;
  }



  /*embed overrides for nav top nav pages */
.hero-wrapper.hero-embedded[b-vgefv43x9o] {
  aspect-ratio: 16 / 10;
  height: auto !important;
  position: relative;
}

  .hero-wrapper.hero-embedded .hero-section-engine.carouselslide[b-vgefv43x9o] {
    height: 100% !important;
  }

  .hero-wrapper.hero-embedded .carousel-inner[b-vgefv43x9o],
  .hero-wrapper.hero-embedded .carousel-item[b-vgefv43x9o] {
    height: 100% !important;
  }

  .hero-wrapper.hero-embedded .hero-bg-image[b-vgefv43x9o] {
    object-fit: cover;
    height: 100% !important;
  }

  .hero-wrapper.hero-embedded .hero-content[b-vgefv43x9o] {
    position: relative !important;
    inset: auto !important;
    padding: 1.5rem;
  }
  .hero-wrapper.hero-embedded .hero-content[b-vgefv43x9o] {
    position: relative !important;
    inset: auto !important;
    padding: 1.5rem !important;
    display: flex;
    align-items: center;
  }

    .hero-wrapper.hero-embedded .hero-content .row[b-vgefv43x9o] {
      margin: 0 !important;
      width: 100% !important;
    }

    .hero-wrapper.hero-embedded .hero-content .col-sm-10[b-vgefv43x9o],
    .hero-wrapper.hero-embedded .hero-content .col-md-8[b-vgefv43x9o],
    .hero-wrapper.hero-embedded .hero-content .col-xl-5[b-vgefv43x9o],
    .hero-wrapper.hero-embedded .hero-content .offset-md-1[b-vgefv43x9o],
    .hero-wrapper.hero-embedded .hero-content .offset-xl-2[b-vgefv43x9o] {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }

  .hero-wrapper.hero-embedded .hero-card[b-vgefv43x9o] {
    margin: 0 !important;
    padding: 1.25rem !important;
    border-radius: 6px;
  }
/* ==========================================================================
   DYNAMIC HUD INTERACTIVE OVERLAY MODULATOR
   ========================================================================== */
/* MOBILE DEFAULT (<768px): Force Hide HUD */
.hero-section-engine .carousel-hud-bottom[b-vgefv43x9o] {
  display: none !important;
}

/* DESKTOP (>=768px): Enable Grid Layout */
@media (min-width: 768px) {
  .hero-section-engine .carousel-hud-bottom[b-vgefv43x9o] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.5rem !important;
    /* Layout: 3 equal structural columns layout grid */
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto !important;
    z-index: 1000 !important; /* Forces layout above all hidden frames/videos */
  }
}

/* When the video is active, hide the HUD and nudge it down slightly */
.hero-section-engine.video-active .carousel-hud-bottom[b-vgefv43x9o] {
  opacity: 0;
  pointer-events: none !important; /* Fix: Turn OFF interaction ONLY when hidden */
  transform: translateY(10px);
}

/* FORCE SHOW: If the user hovers anywhere over the carousel, force the HUD back into view */
.hero-section-engine.video-active:hover .carousel-hud-bottom[b-vgefv43x9o] {
  opacity: 1;
  pointer-events: auto !important; /* Fix: Restore interaction cleanly on hover */
  transform: translateY(0);
}

/* Progress Bar */
.hero-progress[b-vgefv43x9o] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: rgba(255,255,255,0.2);
  z-index: 30;
}

.hero-progress-bar[b-vgefv43x9o] {
  height: 100%;
  background: var(--si-yellow, #ffc000);
  transition: width 0.08s linear;
  width: 0%;
}

/* Explicitly re-enable clicks ONLY on the actual button containers */
.hud-left-controls[b-vgefv43x9o],
.hud-center-controls[b-vgefv43x9o],
.hud-right-controls[b-vgefv43x9o] {
  pointer-events: auto !important;
}

  .carousel-indicators button[b-vgefv43x9o],
  .hud-left-controls button[b-vgefv43x9o],
  .hud-right-controls button[b-vgefv43x9o] {
    pointer-events: auto !important;
    cursor: pointer;
  }

/* Respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
  .carousel-item[b-vgefv43x9o],
  .hero-overlay-left[b-vgefv43x9o],
  .hero-content[b-vgefv43x9o],
  .hero-progress-bar[b-vgefv43x9o] {
    transition: none !important;
  }
}
.video-manager-container[b-vgefv43x9o],
.video-engine-iframe[b-vgefv43x9o],
.video-engine-native[b-vgefv43x9o] {
    pointer-events: auto !important;
    z-index: 1;
}
/* /Components/Media/InteractiveInfographicNode.razor.rz.scp.css */
/* ==========================================================================
   GLOBAL BREAKOUT WRAPPER CORE (Sticky-Safe Engine)
   ========================================================================== */
.interactive-infographic-node[b-id36sxefna] {
  /* Mobile-first: avoid negative margins that cause horizontal overflow */
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  display: block;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

/* Restore the original visual "edge bleed" only on larger viewports */
@media (min-width: 641px) {
  .interactive-infographic-node[b-id36sxefna] {
    /* Pulls the layout box outward to cancel out the default parent padding */
    margin-left: -2rem !important;
    margin-right: -1.5rem !important;
    /* Recalculates total width to account for the extra space gained on both sides */
    width: calc(100% + 3.5rem) !important;
  }
}
/* /Components/Media/PictureManager.razor.rz.scp.css */
.video-manager-container[b-4sc5r3gsi7] {
  z-index: 0;
  background: transparent;
}

/* Force standard object-fit properties across both native tags and embed frames */
.fit-cover[b-4sc5r3gsi7] {
  object-fit: cover;
}

/* Prevent users from clicking inside the youtube/vimeo frame to play/pause manually */
.pointer-events-none[b-4sc5r3gsi7] {
  pointer-events: none;
}

/* Iframes need a slight scale offset to hide player borders when forced into object-fit emulation */
.video-engine-iframe[b-4sc5r3gsi7] {
  transform: scale(1.05);
  transform-origin: center center;
}
/* /Components/Media/Slides/ArchitectureSlide.razor.rz.scp.css */
.slide-section[b-791oml5hzx] {

  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(20, 24, 33, 0.95) 0%, rgba(10, 12, 16, 0.98) 100%), radial-gradient(circle at 80% 20%, rgba(0, 229, 255, 0.15) 0%, transparent 50%);
}

.text-accent[b-791oml5hzx] {
  color: #00e5ff;
}

.tracking-widest[b-791oml5hzx] {
  letter-spacing: 0.18em;
}

.text-muted-light[b-791oml5hzx] {
  color: rgba(220, 225, 235, 0.75);
  line-height: 1.6;
}

.feature-card[b-791oml5hzx] {
  background: rgba(15, 20, 28, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 229, 255, 0.1);
  border-left: 3px solid #00e5ff;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

  .feature-card:hover[b-791oml5hzx] {
    transform: translateY(-4px) scale(1.02);
    background: rgba(20, 30, 45, 0.85);
    border-color: rgba(0, 229, 255, 0.4);
    box-shadow: 0 10px 30px rgba(0, 229, 255, 0.1);
  }

/* Gauge Instrumentation: Cascading Steps */
.telemetry-gauge-wrapper[b-791oml5hzx] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.progress-steps[b-791oml5hzx] {
  height: 8px;
}

.step-bar[b-791oml5hzx] {
  flex: 1;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}

  .step-bar[b-791oml5hzx]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #00e5ff, transparent);
  }

.active-sense[b-791oml5hzx]::after {
  animation: stepFlow-b-791oml5hzx 3s infinite 0s linear;
}

.active-correlate[b-791oml5hzx]::after {
  animation: stepFlow-b-791oml5hzx 3s infinite 1s linear;
}

.active-act[b-791oml5hzx]::after {
  animation: stepFlow-b-791oml5hzx 3s infinite 2s linear;
}

.step-label[b-791oml5hzx] {
  position: absolute;
  top: 12px;
  left: 0;
  font-size: 10px;
  text-uppercase: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.4);
}

@keyframes stepFlow-b-791oml5hzx {
  0% {
    left: -100%;
  }

  30% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

.animate-pulse[b-791oml5hzx] {
  animation: pulseAlpha-b-791oml5hzx 2s infinite ease-in-out;
}

@keyframes pulseAlpha-b-791oml5hzx {
  0%, 100% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }
}
/* /Components/Media/Slides/AudienceHubTabs.razor.rz.scp.css */
/* --- Palo Alto Track Navigation Redesign --- */
.palo-tab-container[b-410t6uljzm] {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1px;
  /* Allow horizontal scrolling on small devices to prevent overflow */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* hide scrollbar in Firefox */
}
.palo-tab-container[b-410t6uljzm]::-webkit-scrollbar { display: none; }

.palo-tabs-track[b-410t6uljzm] {
  display: flex; /* use flex for predictable behavior */
  gap: 2.5rem; /* Large spacing layout */
  position: relative;
  flex-wrap: nowrap; /* keep tabs on single line and allow container scroll */
  white-space: nowrap;
}

@media (max-width: 768px) {
  .palo-tabs-track[b-410t6uljzm] { gap: 1rem; }
  .palo-btn-tab[b-410t6uljzm] { padding: 0.6rem 0; }
}

.palo-btn-tab[b-410t6uljzm] {
  background: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.05rem;
  font-weight: 600;
  padding: 0.75rem 0;
  position: relative;
  transition: color 0.2s ease-in-out;
}

  .palo-btn-tab:hover[b-410t6uljzm] {
    color: #ffffff;
  }

  /* Active bottom pill border trick instead of housing container background */
  .palo-btn-tab.active[b-410t6uljzm] {
    color: #ffc000; /* Synaptic Warning Gold Accent */
  }

    .palo-btn-tab.active[b-410t6uljzm]::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #ffc000;
      border-radius: 2px 2px 0 0;
    }

/* --- The 50/50 Solutions Card Layout --- */
.palo-card[b-410t6uljzm] {
  background-color: #111417; /* Extra dark matte base */
  border: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  height: 100%;
  min-height: 240px;
  transition: border-color 0.25s ease;
}

  .palo-card:hover[b-410t6uljzm] {
    border-color: rgba(255, 255, 255, 0.15);
  }

/* Left Half Image Block */
.palo-card-media[b-410t6uljzm] {
  width: 40%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  background-color: #1a1e21; /* Fallback tone */
  min-height: 200px;
}

@media (max-width: 768px) {
  .palo-card-media[b-410t6uljzm] {
    width: 100%;
    height: 160px;
    min-height: auto;
  }
}

/* Optional Overlay Graphical Text (Like Ignite on Tour) */
.palo-media-overlay-text[b-410t6uljzm] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(17, 20, 23, 0.4);
  color: #ffffff;
  font-weight: 800;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 1rem;
  text-transform: uppercase;
}

/* Right Half Content Block */
.palo-card-content[b-410t6uljzm] {
  width: 60%;
  padding: 2.5rem;
  display: flex;
  flex-column: column;
  justify-content: center;
}

@media (max-width: 768px) {
  .palo-card-content[b-410t6uljzm] {
    width: 100%;
    padding: 1.5rem;
  }
}

/* --- High-Tier Solutions Links (No Buttons) --- */
.palo-tab-container[b-410t6uljzm]  a.palo-link,
.palo-tab-container[b-410t6uljzm]  a.navlink.palo-link,
.palo-tab-container[b-410t6uljzm]  .navlink.palo-link {
  color: #ffc000;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: gap 0.2s ease;
  background: transparent;
  border: none;
  padding: 0;
}

.palo-tab-container[b-410t6uljzm]  .palo-link i {
  font-size: 1.1rem;
  transition: transform 0.2s ease;
}

.palo-tab-container[b-410t6uljzm]  .palo-link:hover {
  color: #ffe066;
}

  .palo-tab-container[b-410t6uljzm]  .palo-link:hover i {
    transform: translateX(4px);
  }

/* High Alert Style link for Incident Response */
.palo-tab-container[b-410t6uljzm]  .palo-link.highlight-link {
  color: #dc3545;
}

  .palo-tab-container[b-410t6uljzm]  .palo-link.highlight-link:hover {
    color: #ea868f;
  }

/* Standard Base Custom Utilities */
.brand-accent-text[b-410t6uljzm] {
  color: #ffc000;
}

.manifesto-divider[b-410t6uljzm] {
  width: 60px;
  height: 2px;
  background-color: #ffc000;
  margin-bottom: 1.5rem;
}

.manifesto-quote[b-410t6uljzm] {
  font-size: 0.85rem;
  letter-spacing: 0.2em;
}
/* /Components/Media/Slides/CapabilitiesTab.razor.rz.scp.css */
/* ==========================================================================
   1. Main Wrapper Framework Elements
   ========================================================================== */
.capabilities-tab-engine[b-w57m7x4wke] {
  background: linear-gradient(180deg, #0d0f11 0%, #090a0c 100%);
  width: 100%;
}

.brand-line-accent[b-w57m7x4wke] {
  width: 60px;
  height: 3px;
  background-color: var(--si-yellow, #ffc107);
}

/* ==========================================================================
   2. Dynamic Tab Controls
   ========================================================================== */
.custom-nav-tabs[b-w57m7x4wke] {
  border-bottom: none !important;
}

  .custom-nav-tabs .nav-link[b-w57m7x4wke] {
    color: rgba(255, 255, 255, 0.5) !important;
    background-color: rgba(21, 23, 26, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    font-family: system-ui, sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.75rem 1.25rem;
    border-radius: 6px !important; /* Fully separate pill tab design prevents top line collision */
    transition: all 0.2s cubic-bezier(0.25, 1, 0.5, 1);
  }

    .custom-nav-tabs .nav-link:hover[b-w57m7x4wke] {
      color: #ffffff !important;
      background-color: rgba(255, 255, 255, 0.05) !important;
      border-color: rgba(255, 255, 255, 0.15) !important;
    }

    /* Active Highlight Top Logic Block Switch */
    .custom-nav-tabs .nav-link.active[b-w57m7x4wke] {
      color: #000000 !important;
      background-color: var(--si-yellow, #ffc107) !important;
      border-color: var(--si-yellow, #ffc107) !important;
      box-shadow: 0 4px 12px rgba(255, 193, 7, 0.2);
      font-weight: 700;
    }

/* ==========================================================================
   3. The Active Core Panel Matrix Layout
   ========================================================================== */
.custom-tab-content[b-w57m7x4wke] {
  background: #131619 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5) !important;
}

.font-mono[b-w57m7x4wke] {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.tracking-wide[b-w57m7x4wke] {
  letter-spacing: 0.03em;
}

.text-muted-light[b-w57m7x4wke] {
  color: #a0a6b2 !important;
  font-size: 0.95rem;
  line-height: 1.65;
}

.custom-bullet-list li[b-w57m7x4wke] {
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  color: #d1d4dc;
  display: flex;
  align-items: center;
}

/* Button UI Adjustments */
.btn-outline-warning[b-w57m7x4wke] {
  border-color: rgba(255, 193, 7, 0.3);
  color: var(--si-yellow, #ffc107);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  transition: all 0.2s ease;
}

  .btn-outline-warning:hover[b-w57m7x4wke] {
    background-color: var(--si-yellow, #ffc107);
    border-color: var(--si-yellow, #ffc107);
    color: #000000;
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.15);
  }

/* ==========================================================================
   4. Graphics & Visual Container Blocks
   ========================================================================== */
.image-frame[b-w57m7x4wke] {
  background-color: #0d0f11;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dynamic-graphic-node[b-w57m7x4wke] {
  width: 100%;
  height: auto;
  max-height: 320px;
  object-fit: cover;
  filter: grayscale(20%) brightness(0.95);
  transition: filter 0.3s ease;
}

  .dynamic-graphic-node:hover[b-w57m7x4wke] {
    filter: grayscale(0%) brightness(1.05);
  }

.placeholder-graphic[b-w57m7x4wke] {
  background: rgba(9, 10, 12, 0.6);
  border: 1px dashed rgba(255, 255, 255, 0.08);
  min-height: 30vh;
  max-height: 10vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

  .placeholder-graphic img[b-w57m7x4wke] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
/* /Components/Media/Slides/ContinuousProtectionSlide.razor.rz.scp.css */
.slide-section[b-hi9bpp8u8i] {

  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(32, 32, 36, 0.96) 0%, rgba(15, 15, 18, 0.99) 100%), radial-gradient(circle at 80% 20%, rgba(102, 16, 242, 0.12) 0%, transparent 50%);
}

.text-accent[b-hi9bpp8u8i] {
  color: #6610f2;
}

.tracking-widest[b-hi9bpp8u8i] {
  letter-spacing: 0.18em;
}

.text-muted-light[b-hi9bpp8u8i] {
  color: rgba(225, 225, 235, 0.75);
  line-height: 1.6;
}

.feature-card[b-hi9bpp8u8i] {
  background: rgba(15, 15, 18, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(102, 16, 242, 0.15);
  border-left: 3px solid #6610f2;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

  .feature-card:hover[b-hi9bpp8u8i] {
    transform: translateY(-4px);
    background: rgba(24, 24, 32, 0.85);
    border-color: rgba(102, 16, 242, 0.4);
  }

/* Instrumentation: Blazor-style continuous startup track loader */
.cpa-gauge-box[b-hi9bpp8u8i] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255,255,255,0.04);
}

.loading-track[b-hi9bpp8u8i] {
  height: 6px;
  background: rgba(255, 255, 255, 0.05);
}

.loading-fill-bar[b-hi9bpp8u8i] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #6610f2, #e83e8c);
  transform: translateX(-100%);
  animation: loadingProgress-b-hi9bpp8u8i 3.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes loadingProgress-b-hi9bpp8u8i {
  0% {
    transform: translateX(-100%);
  }

  50% {
    transform: translateX(-15%);
  }

  100% {
    transform: translateX(0%);
  }
}
/* /Components/Media/Slides/CoreMission.razor.rz.scp.css */
.slide-section[b-or1os5pou2] {
  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(20, 32, 36, 0.96) 0%, rgba(10, 16, 18, 0.99) 100%), radial-gradient(circle at 80% 80%, rgba(23, 162, 184, 0.12) 0%, transparent 50%);
}
.text-accent[b-or1os5pou2] {
  color: var(--si-yellow);
}

/* Feature Cards */
.feature-card[b-or1os5pou2] {
  background: rgba(12, 18, 20, 0.75);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(23, 162, 184, 0.15);
  border-left: 3px solid #17a2b8;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  height: 100%;
}

  .feature-card:hover[b-or1os5pou2] {
    transform: translateY(-4px);
    background: rgba(18, 28, 32, 0.9);
    border-color: rgba(23, 162, 184, 0.45);
  }

/* Timeline Bar */
.field-telemetry[b-or1os5pou2] {
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255,255,255,0.06);
}

.service-timeline[b-or1os5pou2] {
  display: flex;
  gap: 6px;
}

/* Scope strictly to high specificity to overpower Bootstrap 'a' defaults */
a.service-phase[b-or1os5pou2] {
  flex: 1 1 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  background-color: rgba(23, 162, 184, 0.1) !important;
  color: #17a2b8 !important;
  font-size: 0.8rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  border-radius: 4px;
  border: 1px solid rgba(23, 162, 184, 0.2) !important;
  transition: all 0.25s ease-in-out;
}

  /* Hover State */
  a.service-phase:hover[b-or1os5pou2] {
    background-color: rgba(23, 162, 184, 0.2) !important;
    color: #ffffff !important;
    border-color: rgba(23, 162, 184, 0.4) !important;
  }

  /* Timer Active OR Blazor Route Active State */
  a.service-phase.timer-active[b-or1os5pou2],
  a.service-phase.active[b-or1os5pou2] {
    background-color: rgba(23, 162, 184, 0.25) !important;
    border-color: var(--si-yellow, #ffc107) !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.15);
  }
/* /Components/Media/Slides/DefendableOutcomesSlide.razor.rz.scp.css */
/* --- Structural Section Layout --- */
.slide-section[b-wpyicfyj7b] {
  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(20, 36, 30, 0.96) 0%, rgba(9, 18, 15, 0.99) 100%), radial-gradient(circle at 90% 20%, rgba(32, 201, 151, 0.12) 0%, transparent 50%);
}

.text-accent[b-wpyicfyj7b] {
  color: #20c997;
}

.tracking-widest[b-wpyicfyj7b] {
  letter-spacing: 0.18em;
}

.text-muted-light[b-wpyicfyj7b] {
  color: rgba(215, 235, 225, 0.75);
  line-height: 1.6;
}

/* --- Features Layout Grid --- */
.feature-card[b-wpyicfyj7b] {
  background: rgba(12, 20, 17, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(32, 201, 151, 0.15);
  border-left: 3px solid #20c997;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

  .feature-card:hover[b-wpyicfyj7b] {
    transform: translateY(-4px);
    background: rgba(18, 30, 25, 0.85);
    border-color: rgba(32, 201, 151, 0.4);
  }

/* --- Instrumentation Matrix Block Display --- */
.compliance-telemetry[b-wpyicfyj7b] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.04);
}

.matrix-gauge-container[b-wpyicfyj7b] {
  display: flex;
  gap: 6px;
  background: rgba(255, 255, 255, 0.02);
  padding: 6px;
  border-radius: 4px;
}

.matrix-box[b-wpyicfyj7b] {
  flex: 1;
  height: 14px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
  transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

  /* Unified Active State - Swapped to match slide theme accent color */
  .matrix-box.active-box[b-wpyicfyj7b] {
    background: #20c997;
    box-shadow: 0 0 8px rgba(32, 201, 151, 0.4);
  }

  /* The Final Node Continuous Operational Monitoring Pulse */
  .matrix-box.pulse-box[b-wpyicfyj7b] {
    animation: barPulse-b-wpyicfyj7b 2s infinite ease-in-out;
  }

@keyframes barPulse-b-wpyicfyj7b {
  0%, 100% {
    background: #20c997;
    box-shadow: 0 0 6px rgba(32, 201, 151, 0.4);
  }

  50% {
    background: var(--si-yellow);
    box-shadow: 0 0 14px rgba(32, 201, 151, 0.7);
  }
}

/* Telemetry Header Pulse Indicator */
.telemetry-ping-pulse[b-wpyicfyj7b] {
  width: 8px;
  height: 8px;
  background: var(--si-yellow);
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
  animation: greenPulse-b-wpyicfyj7b 2s infinite;
}

@keyframes greenPulse-b-wpyicfyj7b {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(40, 167, 69, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
  }
}
/* /Components/Media/Slides/IntegratedSecuritySlide.razor.rz.scp.css */

.emboss-bg[b-zylrc3nyp1] {
  position: relative;
  background-color: #0d0d0d;
  overflow: hidden;
}

  .emboss-bg[b-zylrc3nyp1]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/assets/img/your-image.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.08; /* super faint */
    mix-blend-mode: overlay; /* or soft-light */
    pointer-events: none;
  }
/* /Components/Media/Slides/IntegrationSide.razor.rz.scp.css */
.slide-section[b-8eh2g4u4sk] {
  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(14, 18, 15, 0.96) 0%, rgba(8, 10, 8, 0.99) 100%), radial-gradient(circle at 10% 80%, rgba(40, 167, 69, 0.1) 0%, transparent 50%);
}

.text-accent[b-8eh2g4u4sk] {
  color: #28a745;
}

.tracking-widest[b-8eh2g4u4sk] {
  letter-spacing: 0.18em;
}

.text-muted-light[b-8eh2g4u4sk] {
  color: rgba(215, 225, 215, 0.75);
  line-height: 1.6;
}

.feature-card[b-8eh2g4u4sk] {
  background: rgba(12, 16, 12, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(40, 167, 69, 0.1);
  border-left: 3px solid #28a745;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

  .feature-card:hover[b-8eh2g4u4sk] {
    transform: translateY(-4px);
    background: rgba(18, 26, 18, 0.85);
    border-color: rgba(40, 167, 69, 0.4);
  }

.bridge-gauge-container[b-8eh2g4u4sk] {
  background: rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.node-text[b-8eh2g4u4sk] {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255,255,255,0.5);
}

.bridge-wire-wrapper[b-8eh2g4u4sk] {
  height: 2px;
  background: rgba(255,255,255,0.1);
  position: relative;
}

.bridge-pulse[b-8eh2g4u4sk] {
  position: absolute;
  top: -2px;
  left: 0;
  height: 6px;
  width: 20px;
  background: #28a745;
  border-radius: 3px;
  box-shadow: 0 0 8px #28a745;
  animation: bridgePass-b-8eh2g4u4sk 2.5s infinite ease-in-out;
}

@keyframes bridgePass-b-8eh2g4u4sk {
  0% {
    left: 0%;
    transform: scaleX(0.5);
  }

  50% {
    left: calc(100% - 20px);
    transform: scaleX(1.5);
  }

  100% {
    left: 0%;
    transform: scaleX(0.5);
  }
}
/* /Components/Media/Slides/IONitPlatformSlide.razor.rz.scp.css */
.slide-section[b-a5uq93b4gt] {
  min-height: 85vh;
  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(28, 20, 36, 0.96) 0%, rgba(13, 9, 18, 0.99) 100%), radial-gradient(circle at 10% 20%, rgba(138, 43, 226, 0.12) 0%, transparent 50%);
}

.text-accent[b-a5uq93b4gt] {
  color: #8a2be2;
}

.tracking-widest[b-a5uq93b4gt] {
  letter-spacing: 0.18em;
}

.text-muted-light[b-a5uq93b4gt] {
  color: rgba(225, 215, 235, 0.75);
  line-height: 1.6;
}

.feature-card[b-a5uq93b4gt] {
  background: rgba(16, 12, 22, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(138, 43, 226, 0.15);
  border-left: 3px solid #8a2be2;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

  .feature-card:hover[b-a5uq93b4gt] {
    transform: translateY(-4px);
    background: rgba(26, 18, 36, 0.85);
    border-color: rgba(138, 43, 226, 0.4);
  }

/* Instrumentation: Concentric Ring SVG */
.radial-telemetry-wrapper[b-a5uq93b4gt] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255,255,255,0.04);
}

.gauge-box[b-a5uq93b4gt] {
  position: relative;
  width: 70px;
  height: 70px;
}

.circular-gauge[b-a5uq93b4gt] {
  width: 100%;
  height: 100%;
}

.circle-bg[b-a5uq93b4gt] {
  fill: none;
  stroke: rgba(255, 255, 255, 0.05);
  stroke-width: 2.8;
}

.circle-fill[b-a5uq93b4gt] {
  fill: none;
  stroke: #8a2be2;
  stroke-width: 2.8;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  animation: fillCircle-b-a5uq93b4gt 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.gauge-center-text[b-a5uq93b4gt] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  font-weight: bold;
  color: #white;
  font-family: monospace;
}

@keyframes fillCircle-b-a5uq93b4gt {
  from {
    stroke-dasharray: 0, 100;
  }
}
/* /Components/Media/Slides/OperationalIntelligenceSlide.razor.rz.scp.css */
/* ==========================================================================
   RESPONSIVE LAYOUT BREAKPOINT ADJUSTMENTS
   ========================================================================== */
@media (max-width: 641.98px) {

  .top-row[b-svkmzj7axu] {
    justify-content: space-between;
  }

    .top-row[b-svkmzj7axu]  a, .top-row[b-svkmzj7axu]  .btn-link {
      margin-left: 0;
    }
}

@media (min-width: 641px) {
  .page[b-svkmzj7axu] {
    flex-direction: column;
  }

  .sidebar[b-svkmzj7axu] {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .top-row[b-svkmzj7axu] {
    position: sticky;
    top: 0;
    z-index: 1;
    backgound: var(--si-blue);
  }

    .top-row.auth[b-svkmzj7axu]  a:first-child {
      flex: 1;
      text-align: right;
      width: 0;
    }

  .top-row[b-svkmzj7axu], article[b-svkmzj7axu] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
}
/* /Components/Media/Slides/OperatorFocusSlide.razor.rz.scp.css */
/* ==========================================================================
   RESPONSIVE LAYOUT BREAKPOINT ADJUSTMENTS
   ========================================================================== */
@media (max-width: 641.98px) {

  .top-row[b-0dqin5tin9] {
    justify-content: space-between;
  }

    .top-row[b-0dqin5tin9]  a, .top-row[b-0dqin5tin9]  .btn-link {
      margin-left: 0;
    }
}

@media (min-width: 641px) {
  .page[b-0dqin5tin9] {
    flex-direction: column;
  }

  .sidebar[b-0dqin5tin9] {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .top-row[b-0dqin5tin9] {
    position: sticky;
    top: 0;
    z-index: 1;
    backgound: var(--si-blue);
  }

    .top-row.auth[b-0dqin5tin9]  a:first-child {
      flex: 1;
      text-align: right;
      width: 0;
    }

  .top-row[b-0dqin5tin9], article[b-0dqin5tin9] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
}
/* /Components/Media/Slides/OpsInfoBanner.razor.rz.scp.css */
/* Isolated Styles for banner Component */
/* Section base sizing settings */
.ops-infra-banner[b-m2q4tsrk1a] {
  min-height: 80vh;
  background-color: var(--si-smoked-darker, #0d0f11);
}

/* Base background asset containment scaling settings */
.banner-bg-image[b-m2q4tsrk1a] {
  object-fit: cover;
  opacity: 0.35; /* Initial background mute level */
  filter: blur(2px) grayscale(50%);
}

/* Smooth ambient transition halo overlay */
.banner-overlay[b-m2q4tsrk1a] {
  background: radial-gradient(circle at center, rgba(13, 15, 17, 0.6) 0%, rgba(13, 15, 17, 0.95) 75%);
}

/* Strategic text color settings */
.banner-overline[b-m2q4tsrk1a] {
  color: #ffc107;
  font-size: 1rem;
}

.text-muted-light[b-m2q4tsrk1a] {
  color: rgba(255, 255, 255, 0.75);
}

/* Individual capability node structural block settings */
.cap-node[b-m2q4tsrk1a] {
  background: rgba(33, 37, 41, 0.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.3s ease-in-out;
}

  /* Sublte hover halo sequence effects */
  .cap-node:hover[b-m2q4tsrk1a] {
    transform: translateY(-3px);
    background: rgba(33, 37, 41, 0.9);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  }

/* Enforce active tracking spacing for high-tier telemetry feel */
.tracking-widest[b-m2q4tsrk1a] {
  letter-spacing: 0.15em;
}
/* /Components/Media/Slides/OpsIntegritySide.razor.rz.scp.css */
.slide-section[b-7a52s060pd] {
  min-height: 85vh;
  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(34, 28, 20, 0.96) 0%, rgba(16, 13, 9, 0.99) 100%), radial-gradient(circle at 10% 80%, rgba(253, 126, 20, 0.12) 0%, transparent 50%);
}

.text-accent[b-7a52s060pd] {
  color: #fd7e14;
}

.tracking-widest[b-7a52s060pd] {
  letter-spacing: 0.18em;
}

.text-muted-light[b-7a52s060pd] {
  color: rgba(235, 225, 215, 0.75);
  line-height: 1.6;
}

.feature-card[b-7a52s060pd] {
  background: rgba(18, 15, 12, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(253, 126, 20, 0.15);
  border-left: 3px solid #fd7e14;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

  .feature-card:hover[b-7a52s060pd] {
    transform: translateY(-4px);
    background: rgba(28, 22, 16, 0.85);
    border-color: rgba(253, 126, 20, 0.4);
  }

/* Instrumentation: Segmented Tracking Array Block */
.segmented-bar-wrapper[b-7a52s060pd] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255,255,255,0.04);
}

.segments-container[b-7a52s060pd] {
  height: 14px;
}

.seg[b-7a52s060pd] {
  flex: 1;
  height: 100%;
  border-radius: 1px;
}

.shadow-glow[b-7a52s060pd] {
  background: #fd7e14;
  box-shadow: 0 0 8px rgba(253, 126, 20, 0.4);
  animation: barCharge-b-7a52s060pd 1.5s ease-in-out infinite alternate;
}

.uncharged[b-7a52s060pd] {
  background: rgba(255, 255, 255, 0.05);
}

.segments-container div:nth-child(1)[b-7a52s060pd] {
  animation-delay: 0.1s;
}

.segments-container div:nth-child(2)[b-7a52s060pd] {
  animation-delay: 0.2s;
}

.segments-container div:nth-child(3)[b-7a52s060pd] {
  animation-delay: 0.3s;
}

.segments-container div:nth-child(4)[b-7a52s060pd] {
  animation-delay: 0.4s;
}

@keyframes barCharge-b-7a52s060pd {
  0% {
    opacity: 0.6;
  }

  100% {
    opacity: 1;
  }
}
/* /Components/Media/Slides/RegionalRiskSlide.razor.rz.scp.css */
.risk-dashboard[b-deft0okee6] {
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(23, 162, 184, 0.2);
}

.gauge-container .risk-gauge[b-deft0okee6] {
  position: relative;
  width: 140px;
  margin: 0 auto;
}

.gauge-value[b-deft0okee6] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.2rem;
  font-weight: 700;
  color: #17a2b8;
}

.alert-bar[b-deft0okee6] {
  background: rgba(23, 162, 184, 0.1);
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 0.9rem;
}

  .alert-bar.medium[b-deft0okee6] {
    background: rgba(245, 158, 11, 0.15);
  }

  .alert-bar.low[b-deft0okee6] {
    background: rgba(34, 197, 151, 0.15);
  }

/* Heat Map Styling */
.us-heatmap[b-deft0okee6] {
  height: 380px;
  position: relative;
  overflow: hidden;
}
  .us-heatmap iframe[b-deft0okee6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 1;
  }
#map[b-deft0okee6] {
  position: relative;
  z-index: 1;
}

.heatmap-overlay[b-deft0okee6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999; /* ABOVE the map */
  pointer-events: none; /* overlay doesn’t block map */
}


.heatmap-overlay[b-deft0okee6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  background: radial-gradient(circle at 30% 40%, rgba(234, 88, 12, 0.25) 0%, transparent 50%);
}

.hotzone[b-deft0okee6] {
  position: absolute;
  width: 18px;
  height: 18px;
  background: rgba(239, 68, 68, 0.7);
  border-radius: 50%;
  box-shadow: 0 0 12px #ef4444, 0 0 24px #ef4444;
  animation: pulse-b-deft0okee6 2s infinite;
}

  .hotzone.small[b-deft0okee6] {
    width: 12px;
    height: 12px;
  }

@keyframes pulse-b-deft0okee6 {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }

  50% {
    transform: scale(1.3);
    opacity: 1;
  }
}

.legend-item[b-deft0okee6] {
  margin-right: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dot[b-deft0okee6] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

  .dot.high[b-deft0okee6] {
    background: #ef4444;
  }

  .dot.medium[b-deft0okee6] {
    background: #f59e0b;
  }

  .dot.low[b-deft0okee6] {
    background: #22c55e;
  }
/* /Components/Media/Slides/ResilienceSlide.razor.rz.scp.css */
.slide-section[b-03b5y7zx3y] {
  min-height: 85vh;
  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(30, 20, 20, 0.96) 0%, rgba(15, 10, 10, 0.99) 100%), radial-gradient(circle at 50% 50%, rgba(220, 53, 69, 0.06) 0%, transparent 60%);
}

.text-accent[b-03b5y7zx3y] {
  color: #dc3545;
}

.tracking-widest[b-03b5y7zx3y] {
  letter-spacing: 0.18em;
}

.text-muted-light[b-03b5y7zx3y] {
  color: rgba(235, 215, 215, 0.75);
  line-height: 1.6;
}

.feature-card[b-03b5y7zx3y] {
  background: rgba(20, 12, 12, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(220, 53, 69, 0.15);
  border-left: 3px solid #dc3545;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

  .feature-card:hover[b-03b5y7zx3y] {
    transform: translateY(-4px);
    background: rgba(30, 16, 16, 0.85);
    border-color: rgba(220, 53, 69, 0.4);
  }

/* Instrumentation: Continuous SVG Pulse Line */
.heartbeat-telemetry[b-03b5y7zx3y] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255,255,255,0.04);
}

.pulse-svg[b-03b5y7zx3y] {
  stroke-width: 2;
  fill: none;
}

.pulse-bg-line[b-03b5y7zx3y] {
  stroke: rgba(220, 53, 69, 0.1);
}

.pulse-active-line[b-03b5y7zx3y] {
  stroke: #dc3545;
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  animation: pulseDraw-b-03b5y7zx3y 4s infinite linear;
}

@keyframes pulseDraw-b-03b5y7zx3y {
  to {
    stroke-dashoffset: -600;
  }
}
/* /Components/Media/Slides/ThreatMatrixSlide.razor.rz.scp.css */
/* ==========================================================================
   CONVERGED HUD FRAMEWORK STYLES
   ========================================================================== */
.text-cyan[b-k3t2gitc89] {
  color: #0dcaf0 !important;
}

.text-mono[b-k3t2gitc89] {
  font-family: 'SFMono-Regular', Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-gradient-cyan[b-k3t2gitc89] {
  background: linear-gradient(135deg, #fff 30%, #0dcaf0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Glassmorphism panel cards layering */
.hud-glass-card[b-k3t2gitc89] {
  background: rgba(6, 10, 18, 0.75) !important;
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
}

/* Map backdrop canvas adjustments */
.tactical-map-canvas[b-k3t2gitc89] {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  filter: brightness(0.95) hue-rotate(180deg);
}

/* Cybernetic grid lines over map layer */
.map-grid-overlay[b-k3t2gitc89] {
  background-size: 40px 40px;
  background-image: linear-gradient(to right, rgba(13, 202, 240, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(13, 202, 240, 0.03) 1px, transparent 1px);
}

/* Static tracking line scanner effect */
.hud-scanner-line[b-k3t2gitc89] {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #0dcaf0;
  border-radius: 2px;
  box-shadow: 0 0 8px #0dcaf0;
}

/* Vector rows inside data boxes */
.hud-vector-row[b-k3t2gitc89] {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
}

  .hud-vector-row.warning-state[b-k3t2gitc89] {
    border-left: 3px solid #ffc107 !important;
    background: rgba(255, 193, 7, 0.03);
  }

/* Smooth SVG animation stroke adjustments */
.gauge-path-anim[b-k3t2gitc89] {
  stroke-dasharray: 251;
  stroke-dashoffset: 251;
  animation: gaugeFill-b-k3t2gitc89 1.5s cubic-bezier(0.1, 1, 0.1, 1) forwards 0.5s;
}

@keyframes gaugeFill-b-k3t2gitc89 {
  to {
    stroke-dashoffset: 110;
  }
  /* Tweaked match value metrics scale */
}

/* Floating Status Dots */
.hud-pulse-dot[b-k3t2gitc89] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

  .hud-pulse-dot.green[b-k3t2gitc89] {
    background: #198754;
    box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.7);
    animation: pulseGreen-b-k3t2gitc89 2s infinite;
  }

@keyframes pulseGreen-b-k3t2gitc89 {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(25, 135, 84, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(25, 135, 84, 0);
  }
}

.legend-indicator[b-k3t2gitc89] {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 4px;
}

  .legend-indicator.high[b-k3t2gitc89] {
    background: #dc3545;
    box-shadow: 0 0 6px #dc3545;
  }

  .legend-indicator.medium[b-k3t2gitc89] {
    background: #ffc107;
    box-shadow: 0 0 6px #ffc107;
  }

  .legend-indicator.low[b-k3t2gitc89] {
    background: #198754;
    box-shadow: 0 0 6px #198754;
  }
/* /Components/Media/Slides/UnifiedPictureSlide.razor.rz.scp.css */
.slide-section[b-7vc524hqr8] {
  min-height: 85vh;
  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(24, 28, 36, 0.96) 0%, rgba(12, 14, 18, 0.99) 100%), radial-gradient(circle at 90% 50%, rgba(0, 123, 255, 0.12) 0%, transparent 50%);
}

.text-accent[b-7vc524hqr8] {
  color: #007bff;
}

.tracking-widest[b-7vc524hqr8] {
  letter-spacing: 0.18em;
}

.text-muted-light[b-7vc524hqr8] {
  color: rgba(215, 225, 240, 0.75);
  line-height: 1.6;
}

.feature-card[b-7vc524hqr8] {
  background: rgba(14, 18, 24, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(0, 123, 255, 0.1);
  border-left: 3px solid #007bff;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

  .feature-card:hover[b-7vc524hqr8] {
    transform: translateY(-4px) translateY(-2px);
    background: rgba(20, 26, 38, 0.85);
    border-color: rgba(0, 123, 255, 0.4);
  }

/* Instrumentation: Multi-node Scanning Rings */
.grid-telemetry[b-7vc524hqr8] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.04);
}

.site-dot[b-7vc524hqr8] {
  width: 12px;
  height: 12px;
  background: #007bff;
  border-radius: 50%;
  position: relative;
}

.active-dot[b-7vc524hqr8]::after {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: 24px;
  height: 24px;
  border: 2px solid #ffc000;
  border-radius: 50%;
  opacity: 0;
  animation: radarPing-b-7vc524hqr8 2s infinite ease-out;
}

.grid-telemetry div:nth-child(2)[b-7vc524hqr8]::after {
  animation-delay: 0.4s;
}

.grid-telemetry div:nth-child(3)[b-7vc524hqr8]::after {
  animation-delay: 0.8s;
}

.grid-telemetry div:nth-child(4)[b-7vc524hqr8]::after {
  animation-delay: 1.2s;
}

.grid-telemetry div:nth-child(5)[b-7vc524hqr8]::after {
  animation-delay: 1.6s;
}

.tooltip-lbl[b-7vc524hqr8] {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  font-family: monospace;
}

@keyframes radarPing-b-7vc524hqr8 {
  0% {
    transform: scale(0.3);
    opacity: 1;
  }

  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
/* /Components/Media/VideoManager.razor.rz.scp.css */
/* Container framework bounds */
.video-manager-container[b-l870jll9ln] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

/* Force YouTube to behave like an object-fit: cover image (responsive) */
.video-engine-iframe[b-l870jll9ln] {
  position: absolute;
  top: 50%;
  left: 50%;
  /* Use container-relative sizing to avoid vw/vh overflow on mobile */
  width: 100% !important;
  height: 100%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(1.05); /* Centers frame and preserves visual crop */
  transform-origin: center center;
  min-height: 0;
  min-width: 0;
}

.video-audio-hud[b-l870jll9ln] {
  position: absolute;
  right: 1rem;
  top: 2rem;
  z-index: 1000 !important; /* Forces layout above indicators and filters */
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 3rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
  /* Allow clicks to pass through the container so underlying video receives them, but keep the button interactive */
  pointer-events: none; /* container does not intercept clicks */
}

/* Make only the inner button receive pointer events */
.video-audio-hud button[b-l870jll9ln],
.video-audio-hud .btn[b-l870jll9ln] {
  pointer-events: auto !important;
}
/* /Components/PageParts/ClosingStatement.razor.rz.scp.css */
.si-closing[b-vj33be0pck] {
  border-bottom: 1px solid var(--si-border-mute);
  padding: 4rem 2rem;
  text-align: center;
}

.pre-line-text[b-vj33be0pck] {
  white-space: pre-line !important;
}


/* This is your positioning anchor box */
.si-closing-cta[b-vj33be0pck] {
  position: relative;
  overflow: hidden;
  padding: 6rem 2rem;
  text-align: center;
  border-radius: 4px; /* Optional: adds clean boundary constraints */
  min-height: 220px; /* Guarantees standard container structural framing */
  display: flex;
  align-items: center;
  justify-content: center;
}

  /* TARGET THE GENERATED PICTURE TAG AND CHILD IMG STYLES */
  .si-closing-cta[b-vj33be0pck]  .si-closing-bg-pic,
  .si-closing-cta[b-vj33be0pck]  picture,
  .si-closing-cta[b-vj33be0pck]  .si-closing-bg-img,
  .si-closing-cta[b-vj33be0pck]  img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 1;
  }

.si-closing-overlay[b-vj33be0pck] {
  position: absolute;
  inset: 0;
  background: linear-gradient( to top, rgba(13, 24, 41, 1) 0%, rgba(13, 24, 41, 0.85) 25%, rgba(13, 24, 41, 0.4) 60%, rgba(0, 0, 0, 0) 100% );
  opacity: 0.75;
  pointer-events: none;
  z-index: 2; /* Sits cleanly over the image layer */
}

.si-closing-content[b-vj33be0pck] {
  position: relative;
  z-index: 3; /* Pushes the button to the absolute top layer */
}

.si-closing h2[b-vj33be0pck] {
  font-family: var(--bs-font-sans-serif);
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 1.25rem;
  color: #ffffff;
}

.si-closing p[b-vj33be0pck] {
  font-size: 1.15rem;
  line-height: 1.65;
  opacity: 0.75;
  margin: 0 auto 2.5rem;
  max-width: 650px;
  color: #ffffff; /* Adjusted context contrast to align with your screenshot */
}

/* BUTTON ACTION RENDERING CONTROLS */
.si-closing-content[b-vj33be0pck]  .btn-action-outline {
  color: var(--si-yellow, #ffc000) !important;
  border: 2px solid var(--si-yellow, #ffc000) !important;
  background: var(--si-bg-deep, #0d1527) !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.75rem 1.75rem !important;
  border-radius: 4px !important;
  transition: all 0.2s ease-in-out !important;
  text-decoration: none !important;
  display: inline-block;
}

  .si-closing-content[b-vj33be0pck]  .btn-action-outline:hover {
    background: var(--si-yellow, #ffc000) !important;
    color: #0d1829 !important;
    box-shadow: 0 4px 15px rgba(255, 192, 0, 0.3);
    transform: translateY(-1px);
  }
/* /Components/PageParts/DeliveryLifecycle.razor.rz.scp.css */
/* /Components/PageParts/DocumentCard.razor.rz.scp.css */
/* ==========================================================================
   DOCUMENT INTERIOR PANEL CORNERSTONES
   ========================================================================== */
.document-card-engine .card-interior-node[b-gs13mhl2kw] {
  background-color: var(--si-secondblue, #242e39) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 6px;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, box-shadow 0.2s ease;
}

  .document-card-engine .card-interior-node:hover[b-gs13mhl2kw] {
    transform: translateY(-2px);
    border-color: rgba(255, 192, 0, 0.25) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35) !important;
  }

/* Typography Standards */
.document-card-engine .card-node-title[b-gs13mhl2kw] {
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.35;
}

.document-card-engine .card-node-description[b-gs13mhl2kw] {
  font-size: 0.88rem;
  line-height: 1.5;
  color: #a3b3c9 !important;
}

/* ==========================================================================
   TAXONOMY & CATEGORY BADGES
   ========================================================================== */
.document-card-engine .badge-category-node[b-gs13mhl2kw] {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-family: monospace;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  padding: 0.3rem 0.55rem !important;
}

/* ==========================================================================
   AUDIT METADATA & DIVIDER SEPARATION
   ========================================================================== */
.document-card-engine .legal-metadata-bar[b-gs13mhl2kw] {
  font-size: 0.78rem;
  color: #6c757d;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 0.75rem;
  margin-bottom: 0.25rem;
}

.document-card-engine .rev-tag[b-gs13mhl2kw],
.document-card-engine .date-tag[b-gs13mhl2kw] {
  white-space: nowrap;
}

/* ==========================================================================
   ACTION BUTTON DECK
   ========================================================================== */
.document-card-engine[b-gs13mhl2kw]  a.btn-action-node {
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  padding: 0.4rem 0.8rem;
  transition: all 0.15s ease;
}

  .document-card-engine .btn-action-node:hover[b-gs13mhl2kw] {
    background-color: var(--si-yellow, #ffc000) !important;
    border-color: var(--si-yellow, #ffc000) !important;
    color: #0d1829 !important;
  }

.document-card-engine .pdf-download-trigger[b-gs13mhl2kw] {
  color: #8a99ad;
  text-decoration: none;
  padding: 0.25rem 0.5rem;
  transition: color 0.15s ease, transform 0.15s ease;
}

.document-card-engine .pdf-icon-asset[b-gs13mhl2kw] {
  font-size: 1.75rem;
}

.document-card-engine .pdf-download-trigger:hover[b-gs13mhl2kw] {
  color: #ef4444 !important;
  transform: scale(1.1);
}
/* /Components/PageParts/IndustryPainMatrix.razor.rz.scp.css */
.bg-dark-card[b-na8nn4b8o4] {
  background-color: #14181a !important;
}

.pain-node[b-na8nn4b8o4] {
  background: rgba(20, 24, 26, 0.7);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(220, 53, 69, 0.15) !important;
  transition: all 0.3s ease-in-out;
}

  .pain-node:hover[b-na8nn4b8o4] {
    border-color: rgba(220, 53, 69, 0.35) !important;
    box-shadow: 0 10px 30px rgba(220, 53, 69, 0.05);
  }

.synaptic-remedy[b-na8nn4b8o4] {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.tracking-widest[b-na8nn4b8o4] {
  letter-spacing: 0.15em;
}
/* /Components/PageParts/IsoLifecycleSteps.razor.rz.scp.css */
/* --- 1. Base Inactive Node Architecture --- */
.iso-nav-node[b-s102atorz4] {
  display: block;
  text-decoration: none;
  border-color: #ffc107 !important; /* Matches border-warning */
  color: #ffc107 !important; /* Matches text-warning */
  background-color:  !important; /* Matches bg-black */
  transition: all 0.2s ease-in-out;
}

  /* --- 2. Active Route Target Override --- */
  .iso-nav-node.active[b-s102atorz4] {
    color: #000000 !important; /* Matches bg-black */
    background-color: var(--si-yellow) !important;
    border-color: var(--si-yellow) !important;
    box-shadow: 0 0 12px rgba(255, 193, 7, 0.2);
  }
/* /Components/PageParts/MatrixCard.razor.rz.scp.css */
/* ====================================================================== */
/* DEEP STRUCTURAL ISOLATION BOUNDARY                                     */
/* ====================================================================== */
.matrix-card-container[b-kmx6939oej] {
  background-color: var(--si-bg-surface, #0b1320) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  min-height: 350px;
}

  /* Optional high-performance interactive glow on hover */
  .matrix-card-container:hover[b-kmx6939oej] {
    padding: 1.25rem;
    border-color: var(--si-yellow, #ffc000) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
  }

/* ====================================================================== */
/* VISUAL MEDIA TRACK ZONE                                                */
/* ====================================================================== */
.matrix-card-media[b-kmx6939oej] {
  position: relative;
  width: 100%;
  height: 165px;
  overflow: hidden;
  background: #050608;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

[b-kmx6939oej] .matrix-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.matrix-card-container:hover[b-kmx6939oej]  .matrix-card-img {
  transform: scale(1.03);
}

.matrix-card-hud-tag[b-kmx6939oej] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-family: monospace;
  font-size: 0.65rem;
  font-weight: bold;
  color: #ffffff;
  background: rgba(10, 12, 16, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 0.2rem 0.5rem;
  border-radius: 2px;
  letter-spacing: 0.05em;
  z-index: 2;
}

/* ====================================================================== */
/* CARD CONTENT BLOCKS                                                    */
/* ====================================================================== */
.matrix-card-header[b-kmx6939oej] {
  padding: 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.matrix-card-title[b-kmx6939oej] {
  color: #ffffff !important;
  font-weight: 600;
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.3;
}

.matrix-card-subtitle[b-kmx6939oej] {
  color: #8a99ad !important;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

/* Body & Tag Systems */
.matrix-card-body[b-kmx6939oej] {
  padding: 1.25rem;
  flex-grow: 1;
  color: #d1dbe5 !important;
  font-size: 0.88rem;
  line-height: 1.5;
}

.matrix-tag[b-kmx6939oej] {
  background-color: rgba(255, 255, 255, 0.04);
  color: #a3b3c9;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-family: monospace;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 2px;
  letter-spacing: 0.03em;
}


.matrix-card-footer[b-kmx6939oej] {
  padding: 0.85rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: auto; /* Permanently anchors the layout footer boundary */
}

.btn-matrix-action[b-kmx6939oej] {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.5rem 0.75rem;
}

.btn-matrix-pdf[b-kmx6939oej] {
  color: #8a99ad;
  border-color: var(--si-yellow, #ffc000) !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 0.45rem 0.75rem;
  font-size: 1.25rem;
  transition: all 0.15s ease;
  text-decoration: none;
}

.matrix-card-container[b-kmx6939oej]  .btn-matrix-pdf:hover {
  color: #ef4444 !important;
  border-color: #ef4444 !important;
  background-color: var(--si-yellow, #ffc000) !important;
}
/* /Components/PageParts/RegulatoryPanel.razor.rz.scp.css */
.regulation-container[b-zz1yxxhiva]  a.btn:hover {
  color: black !important;
  background-color: var(--si-yellow) !important;
}
/* /Components/PageParts/SolutionFeatureHighlight.razor.rz.scp.css */
.bg-dark-surface[b-3pt2d01aui] {
  background-color: #0e1113 !important;
}

.bg-dark-card[b-3pt2d01aui] {
  background-color: #15191c !important;
}

.text-yellow-accent[b-3pt2d01aui] {
  color: #ffc107 !important;
}

.tracking-widest[b-3pt2d01aui] {
  letter-spacing: 0.15em;
}

.solution-highlight-block[b-3pt2d01aui] {
  box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}
/* /Components/Sections/Banner.razor.rz.scp.css */
.si-banner[b-kmmn5ro60y] {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}

.si-banner-sm[b-kmmn5ro60y] {
  height: 220px;
}

.si-banner-md[b-kmmn5ro60y] {
  height: 360px;
}

.si-banner-lg[b-kmmn5ro60y] {
  height: 520px;
}

.si-banner-img[b-kmmn5ro60y] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

/* ---------------------------------------------------------------------- */
/* ADVANCED OPERATIONAL SCRIM (The Secret to the High-End Feel)          */
/* ---------------------------------------------------------------------- */
/* We turn this layer into a multi-angled dark wash that subtly vignettes 
   the bottom-left corner specifically where the text anchors. */
.si-banner[b-kmmn5ro60y]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10, 12, 16, 0.1) 0%, rgba(10, 12, 16, 0.75) 85%), linear-gradient(to bottom, rgba(10, 12, 16, 0) 40%, rgba(10, 12, 16, 0.85) 100%) !important;
  z-index: 2;
  pointer-events: none;
}
.si-banner.overlay-on[b-kmmn5ro60y]::after {
  opacity: 1;
}

.si-banner.overlay-off[b-kmmn5ro60y]::after {
  opacity: 0;
}

/* ====================================================================== */
/* GLOBAL OVERLAY CONTAINER (CLEAR FRAMEWORK CONTEXT)                     */
/* ====================================================================== */
.si-banner .si-banner-overlay[b-kmmn5ro60y] {
  position: absolute !important;
  bottom: 1.5rem !important; /* Mobile placement spacing */
  left: 1.25rem !important;
  right: 1.25rem !important;
  z-index: 3 !important;
  max-width: calc(100% - 2.5rem) !important;
  /* Hard clear of all box attributes */
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: none !important;
  
}

/* ====================================================================== */
/* TYPOGRAPHY BALANCING (BOTH TARGETS UNIFIED)                    */
/* ====================================================================== */
.si-banner-overlay[b-kmmn5ro60y]  h1,
.si-banner-overlay[b-kmmn5ro60y]  p {
  display: block !important;
  margin: 0;
  /* Precision tactical depth configuration */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.95), 0px 2px 8px rgba(0, 0, 0, 0.8) !important;
}

.si-banner-overlay[b-kmmn5ro60y]  h1.tracking-widest {
  letter-spacing: 0.18em;
}

 .si-banner-overlay[b-kmmn5ro60y]  h1 {
  color: var(--si-yellow, #ffc000) !important;
  font-size: 1.4rem !important;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.si-banner-overlay[b-kmmn5ro60y]   p {
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 0.4rem !important;
}

/* ====================================================================== */
/* DESKTOP BREAKPOINT SCALE EXPANSION                                    */
/* ====================================================================== */
@media (min-width: 992px) {
  .si-banner .si-banner-overlay[b-kmmn5ro60y] {
    bottom: 2.5rem !important;
    left: 2.5rem !important;
    max-width: 100% !important; /* Tightened width so sentences break elegantly */
  }

  .si-banner-overlay[b-kmmn5ro60y]  h1 {
    font-size: 2rem !important; /* Commanding screen presence */
  }

  .si-banner-overlay[b-kmmn5ro60y]  p {
    font-size: 1.15rem !important;
    margin-top: 0.5rem !important;
  }
}
/* /Components/Sections/EngageUnit47.razor.rz.scp.css */
/* CSS for EngageUnit47 component */
/* ==========================================================================
   UNIT 47 ENGAGEMENT BANNER MASTER CONTAINER
   ========================================================================== */
.unit47-engagement-banner[b-hctz2z0j88] {
  background-color: #050a12 !important;
  width: 100%;
}

  .unit47-engagement-banner .engagement-panel-wrapper[b-hctz2z0j88] {
    background-color: rgba(36, 46, 57, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 4px;
  }

  /* Cybernetic grid lines over background layer - corrected class specifiers */
  .unit47-engagement-banner .grid-overlay[b-hctz2z0j88] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background-size: 32px 32px;
    background-image: linear-gradient(to right, rgba(13, 202, 240, 0.02) 1px, #c70e0e61 1px), linear-gradient(to bottom, rgba(13, 202, 240, 0.02) 1px, transparent 1px);
    /* Masks out the grid so it fades away cleanly toward the right margin */
    -webkit-mask-image: linear-gradient(to right, #000 30%, rgba(0,0,0,0.1) 85%, transparent 100%);
    mask-image: linear-gradient(to right, #000 30%, rgba(0,0,0,0.1) 85%, transparent 100%);
  }

  .unit47-engagement-banner .style-content-layer[b-hctz2z0j88] {
    z-index: 2; /* Ensures typography stays clean and above background grids */
  }

  /* Red Identity Core Accent */
  .unit47-engagement-banner .engagement-accent-node[b-hctz2z0j88] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background-color: var(--si-yellow) !important;
    box-shadow: 0 0 8px rgba(220, 53, 69, 0.5);
    z-index: 3;
  }

  /* ==========================================================================
     TYPOGRAPHY CONFIGURATIONS
     ========================================================================== */
  .unit47-engagement-banner .engagement-overline[b-hctz2z0j88] {
    color: var(--si-yellow) !important;
    font-size: 0.75rem;
    letter-spacing: 0.25em;
  }

  .unit47-engagement-banner .engagement-main-title[b-hctz2z0j88] {
    font-size: 1.65rem;
    line-height: 1.3;
  }

  .unit47-engagement-banner .engagement-subtitle[b-hctz2z0j88] {
    font-size: 0.88rem;
    color: #a3b3c9 !important;
  }

  .unit47-engagement-banner .engagement-legal-footnote[b-hctz2z0j88] {
    font-size: 0.72rem;
    letter-spacing: 0.05em;
  }
/* /Components/Sections/JoinNewLetter.razor.rz.scp.css */
/* ==========================================================================
   INTELLIGENCE DISPATCH BANNER MASTER CONTAINER
   ========================================================================== */
.intelligence-dispatch-banner[b-trfc7duqdb] {
  background-color: #050a12 !important; /* Locks flat to the contact page background */
  width: 100%;
}

  .intelligence-dispatch-banner .dispatch-panel-wrapper[b-trfc7duqdb] {
    background-color: rgba(36, 46, 57, 0.2) !important; /* Semi-translucent panel overlay depth */
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 4px;
  }

  /* Structural Accent Identity Pin */
  .intelligence-dispatch-banner .dispatch-accent-node[b-trfc7duqdb] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background-color: var(--si-yellow, #ffc000);
  }

  /* ==========================================================================
   TYPOGRAPHY CONFIGURATIONS
   ========================================================================== */
  .intelligence-dispatch-banner .dispatch-overline[b-trfc7duqdb] {
    color: var(--si-yellow, #ffc000);
    font-size: 0.75rem;
    letter-spacing: 0.25em;
  }

  .intelligence-dispatch-banner .dispatch-main-title[b-trfc7duqdb] {
    font-size: 1.65rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
  }

  .intelligence-dispatch-banner .dispatch-subtitle[b-trfc7duqdb] {
    font-size: 0.88rem;
    color: #a3b3c9 !important;
  }

  /* ==========================================================================
   FORM INPUT AND INTERACTIVE CONTROL ENGINE (The White Pop Rule)
   ========================================================================== */
  .intelligence-dispatch-banner .input-icon-locator[b-trfc7duqdb] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    font-size: 0.9rem;
    color: #52637a !important;
  }

  .intelligence-dispatch-banner .dispatch-input-field[b-trfc7duqdb] {
    background-color: rgba(13, 24, 41, 0.8) !important; /* Deep contrast field box */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    font-size: 0.92rem;
    padding: 0.65rem 1rem 0.65rem 2.2rem;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
  }

    .intelligence-dispatch-banner .dispatch-input-field:focus[b-trfc7duqdb] {
      border-color: var(--si-yellow, #ffc000) !important;
      box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.1) !important;
      background-color: #0d1829 !important;
    }

  /* THE WHITE POP ACTION TRIGGER */
  .intelligence-dispatch-banner .btn-dispatch-submit[b-trfc7duqdb] {
    background-color: var(--si-yellow, #ffc000) !important;
    border: 1px solid var(--si-yellow, #ffc000) !important;
    color: #050a12 !important;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
  }

    .intelligence-dispatch-banner .btn-dispatch-submit:hover:not(:disabled)[b-trfc7duqdb] {
      background-color: #ffffff !important; /* FULL STARK WHITE POP ON HOVER */
      border-color: #ffffff !important;
      color: #050a12 !important;
      transform: translateY(-1px);
    }

  /* ==========================================================================
   LEGAL INFRASTRUCTURE FOOTNOTES
   ========================================================================== */
  .intelligence-dispatch-banner .dispatch-legal-footnote[b-trfc7duqdb] {
    font-size: 0.72rem;
    line-height: 1.5;
  }

  .intelligence-dispatch-banner .legal-link[b-trfc7duqdb] {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.15s ease;
  }

    .intelligence-dispatch-banner .legal-link:hover[b-trfc7duqdb] {
      color: var(--si-yellow, #ffc000) !important;
    }

  /* ==========================================================================
   ASYNC SYSTEM RESPONSE LAYOUT PANELS
   ========================================================================== */
  .intelligence-dispatch-banner .dispatch-alert-overlay[b-trfc7duqdb] {
    border: 1px solid transparent;
  }

  .intelligence-dispatch-banner .success-state[b-trfc7duqdb] {
    background-color: rgba(46, 213, 115, 0.05);
    border-color: rgba(46, 213, 115, 0.2);
    color: #2ed573;
  }

  .intelligence-dispatch-banner .fault-state[b-trfc7duqdb] {
    background-color: rgba(239, 68, 68, 0.05);
    border-color: rgba(239, 68, 68, 0.2);
    color: #ef4444;
  }

/* Basic structural animations */
@keyframes fadeIn-b-trfc7duqdb {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.intelligence-dispatch-banner .animate-fade-in[b-trfc7duqdb] {
  animation: fadeIn-b-trfc7duqdb 0.2s ease-out forwards;
}
/* /Components/Sections/JumpMenu.razor.rz.scp.css */
/* ==========================================================================
   STICKY BAR CONTAINER CORNERSTONES
   ========================================================================== */
.jump-menu-engine.context-nav-wrapper[b-delxr219jr] {
  position: -webkit-sticky !important;
  position: sticky !important;
  /* CRITICAL VALUE: If your primary navbar header is sticky/fixed, this number 
    MUST match the exact pixel height of that navbar header so it sits beneath it.
    Change to 0px if your primary header disappears completely on scroll actions.
  */
  top: 0px;
  z-index: 990 !important; /* Ensure it stays below main layout menu drop panels (1050) */
  width: 100% !important; /* CRITICAL CORRECTION: Swap 100vw to width 100% to respect the desktop window limits */
  max-width: 100% !important; /* Forces padding/borders inside the width calculation */
  
  height: 64px;
  background-color: var(--si-blue, #0d1829);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  overflow: visible !important; /* Ensures internal mobile tracking elements aren't clipped */
}


  /* ==========================================================================
   DESKTOP INTERFACE LINE ROW STYLING
   ========================================================================== */
  .jump-menu-engine .desktop-nav-links[b-delxr219jr] {
    gap: 2rem;
  }

  .jump-menu-engine .desktop-nav-item[b-delxr219jr] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    font-weight: 600;
    padding: 0 0.25rem;
    position: relative;
    transition: color 0.2s ease;
    cursor: pointer;
  }

    .jump-menu-engine .desktop-nav-item:hover[b-delxr219jr] {
      color: #ffffff;
    }
    /* Tracking Accent Underline Core Visualization Rules */
    .jump-menu-engine .desktop-nav-item.active[b-delxr219jr] {
      color: #ffffff;
    }

      .jump-menu-engine .desktop-nav-item.active[b-delxr219jr]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: var(--si-yellow, #ffc000);
      }
  /* ==========================================================================
   MOBILE SELECTION DROPDOWN COMPONENT ENGINE
   ========================================================================== */
  .jump-menu-engine .mobile-nav-trigger[b-delxr219jr] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    padding: 0.6rem 1rem;
    font-size: 0.95rem;
    font-weight: 600;
    text-align: left;
    border-radius: 4px;
    border-color: transparent;
  }

  .jump-menu-engine .transform-icon[b-delxr219jr] {
    transition: transform 0.2s ease;
  }

  .jump-menu-engine .rotate-180[b-delxr219jr] {
    transform: rotate(180deg) !important;
  }

  .jump-menu-engine .mobile-nav-dropdown[b-delxr219jr] {
    position: absolute;
    top: 105%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    z-index: 1000 !important;
  }

  .jump-menu-engine .mobile-dropdown-item[b-delxr219jr] {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 0.75rem 1.2rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--si-thirdblue, #313a45);
    transition: background-color 0.15s ease;
  }

    .jump-menu-engine .mobile-dropdown-item:hover[b-delxr219jr] {
      background-color: #f4f5f7;
    }

    .jump-menu-engine .mobile-dropdown-item.active[b-delxr219jr] {
      background-color: var(--si-secondblue, #242e39);
      color: #ffffff;
    }
/* ==========================================================================
   PRIMARY BUSINESS ACTION CALL CONFIGURATIONS (CTA)
   ========================================================================== */
.jump-menu-engine[b-delxr219jr]  .btn-action-accent {
  background-color: var(--si-yellow, #ffc000) !important;
  color: #0d1829 !important; /* Force the dark text over the yellow */
  border: none !important;
  transition: transform 0.15s ease, background-color 0.15s ease;
}

  .jump-menu-engine[b-delxr219jr]  .btn-action-accent:hover {
    background-color: #e0a800 !important;
    transform: scale(1.03) !important;
    color: #0d1829 !important;
  }

  .jump-menu-engine[b-delxr219jr]  .btn-action-accent:active {
    transform: scale(0.98) !important;
  }


@media (min-width: 641px) {
    .jump-menu-engine.context-nav-wrapper[b-delxr219jr] {
      /* 1. Calculate exactly how much layout padding you need to break past */
      width: calc(100% + 3rem) !important;
      max-width: calc(100vw - 12px) !important; /* Subtract standard desktop scrollbar track width */
      /* 2. Pull the container left by exactly half the added width to re-center it */
      margin-left: -1.5rem !important;
      margin-right: -1.5rem !important;
    }
  }
/* /Components/Sections/MarqueeContainer.razor.rz.scp.css */
/* The outer viewport bounding box */
.marquee-container[b-uof21eqoca] {
  overflow: hidden;
  width: 100%;
  display: flex;
  background: var(--si-smoked-dark, #1a1e21);
  padding: 2rem 0;
}

/* The continuous rolling track pipeline */

.marquee-track[b-uof21eqoca] {
  display: inline-flex;
  white-space: nowrap;
  will-change: transform;
  animation: scrollMarquee-b-uof21eqoca 45s linear infinite;
}


  /* Stops dead in its tracks when a user wants to inspect a partner logo */
  .marquee-track:hover[b-uof21eqoca] {
    animation-play-state: paused;
  }

.logo-slide[b-uof21eqoca] {
  width: 250px;
  flex-shrink: 0; /* Prevents the browser from squeezing the slots thin */
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.logo-box[b-uof21eqoca] {
  width: 150px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; /* Keep child assets anchored inside */
  overflow: hidden; /* Hard stop for rogue overflowing vector rendering */
}

  /* FIXED: Unified target handling for BOTH raw img tags and direct SVGs */
  .logo-box img[b-uof21eqoca],
  .logo-box svg[b-uof21eqoca] {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1) opacity(0.5);
    transition: all 0.2s ease-in-out;
  }

    .logo-box img.logo-svg[b-uof21eqoca],
    .logo-box img.logo-img[b-uof21eqoca] {
      width: 100%;
      height: 100%;
      object-fit: contain; /* Forces preservation of aspect ratio within 150x55 */
      filter: brightness(0) invert(1) opacity(0.5);
      transition: all 0.2s ease-in-out;
      display: block; /* Knocks out default inline spacing alignments */
    }

  /* Hover target applies to the slide box wrapper, snapping internal assets to full color */
  .logo-slide:hover img[b-uof21eqoca],
  .logo-slide:hover svg[b-uof21eqoca],
  .logo-slide:hover .logo-svg[b-uof21eqoca],
  .logo-slide:hover .logo-img[b-uof21eqoca] {
    filter: brightness(1) invert(0) opacity(1) grayscale(0%);
  }

/* Your global utility path overrides for internal white path stripping */
.logo-box svg path[fill="#fff"][b-uof21eqoca],
.logo-box svg path[fill="#ffffff"][b-uof21eqoca] {
  fill: currentColor !important;
}


/* Optional Dark Mode variant overrides if the parent wrapper class shifts */
.logo-slide:hover .logo-box img[b-uof21eqoca],
.logo-slide:hover .logo-box svg[b-uof21eqoca] {
  filter: brightness(1) invert(0) opacity(1);
}


.dark-mode .logo-slide:hover img[b-uof21eqoca],
.dark-mode .logo-slide:hover svg[b-uof21eqoca] {
  filter: brightness(1) opacity(1);
}

@keyframes scrollMarquee-b-uof21eqoca {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 768px) {
  .logo-slide[b-uof21eqoca] {
    width: 180px;
  }
}
@media (max-width: 576px) {
  .logo-slide[b-uof21eqoca] {
    width: 140px;
  }
}
/* /Components/Sections/RecommendedStrip.razor.rz.scp.css */
/* ==========================================================================
   RECOMMENDED STRIP CONTAINER BASES
   ========================================================================== */
.recommended-strip-engine[b-uf6ealtd22] {
  background-color: #050a12 !important; /* Low-light deep foundation background */
  width: 100%;
  overflow: hidden;
  padding-top:1rem !important;
  padding-bottom: 0.5rem !important;
}

  .recommended-strip-engine .strip-overline[b-uf6ealtd22] {
    color: var(--si-yellow, #ffc000);
    font-family: var(--bs-font-monospace), monospace;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.18em;
  }

  /* ==========================================================================
   SLIDER SCROLL ENGINE LAYOUTS
   ========================================================================== */
  .recommended-strip-engine .slider-viewport[b-uf6ealtd22] {
    overflow-x: auto;
    scroll-behavior: smooth;
    width: 100%;
    scrollbar-width: none; /* Disables standard system bars to maintain layout aesthetics */
  }

    .recommended-strip-engine .slider-viewport[b-uf6ealtd22]::-webkit-scrollbar {
      display: none; /* Webkit browser override */
    }
      
  .recommended-strip-engine .slider-track[b-uf6ealtd22] {
    display: flex;
    min-width: 100%;
    padding-bottom: 0.5rem;
  }

  /* ==========================================================================
   INTERACTIVE RECOMMENDATION CARD NODES
   ========================================================================== */
  .recommended-strip-engine .recommendation-card-node[b-uf6ealtd22] {
    text-decoration: none !important;
    background-color: rgba(36, 46, 57, 0.25) !important; /* Semi-transparent blending surface */
    border: 1px solid rgba(255, 255, 255, 0.03);
    padding: 1rem 1.25rem;
    border-radius: 4px;
    min-width: 10rem;
    max-width: 20rem;
    flex: 0 0 auto;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s override;
  }

    .recommended-strip-engine .recommendation-card-node:hover[b-uf6ealtd22] {
      background-color: rgba(36, 46, 57, 0.5) !important;
      border-color: rgba(255, 192, 0, 0.2);
    }

  /* Thumbnail Node Configuration */
  .recommended-strip-engine .card-thumb-wrapper[b-uf6ealtd22] {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #0d1829;
    border: 1px solid rgba(255, 255, 255, 0.05);
  }

  .recommended-strip-engine .thumb-asset[b-uf6ealtd22] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .recommended-strip-engine .recommendation-card-node:hover .thumb-asset[b-uf6ealtd22] {
    transform: scale(1.06); /* Subtle depth change simulation */
  }

  /* Typography Layout Inside Cards */
  .recommended-strip-engine .card-title-text[b-uf6ealtd22] {
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
  }

  .recommended-strip-engine .card-action-link[b-uf6ealtd22] {
    color: #a3b3c9;
    font-size: 0.82rem;
    font-weight: 500;
    transition: color 0.15s ease;
  }

  .recommended-strip-engine .recommendation-card-node:hover .card-action-link[b-uf6ealtd22] {
    color: var(--si-yellow, #ffc000);
  }

  .recommended-strip-engine .asset-arrow[b-uf6ealtd22] {
    transition: transform 0.15s ease;
  }

  .recommended-strip-engine .recommendation-card-node:hover .asset-arrow[b-uf6ealtd22] {
    transform: translateX(3px); /* Dynamic direction indicator slide */
  }

  /* ==========================================================================
   NAVIGATION MECHANICS
   ========================================================================== */
  .recommended-strip-engine .btn-nav[b-uf6ealtd22] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #a3b3c9;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    transition: all 0.15s ease;
  }

    .recommended-strip-engine .btn-nav:hover[b-uf6ealtd22] {
      border-color: var(--si-yellow, #ffc000);
      color: #ffffff;
      background-color: rgba(255, 192, 0, 0.05);
    }
/* /Components/Sections/StageFlowGraph.razor.rz.scp.css */
/* ==========================================================================
   1. Card Outer Container & Structural Overhaul
   ========================================================================== */

.stage-menu-engine.context-nav-wrapper[b-zmav7g4gvm] {
}


  /* Overriding the generic Bootstrap card container wrapper to bring it into the brand profile */
  .stage-menu-engine .bg-dark.border.border-secondary[b-zmav7g4gvm] {
    background: linear-gradient(145deg, #0f0f11 0%, #151518 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    border-radius: 12px !important;
  }

  /* Header Typography */
  .stage-menu-engine h4[b-zmav7g4gvm] {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    letter-spacing: 0.12em !important;
    font-size: 1.15rem;
    color: #f8f9fa !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  }

  /* Replacing the harsh layout border-bottom with a premium radial fade */
  .stage-menu-engine .border-bottom.border-secondary[b-zmav7g4gvm] {
    border-bottom: none !important;
    position: relative;
    margin-bottom: 1.5rem !important;
  }

    .stage-menu-engine .border-bottom.border-secondary[b-zmav7g4gvm]::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0) 100%);
    }

  /* Description text line constraints */
  .stage-menu-engine p.text-secondary[b-zmav7g4gvm] {
    color: #9ea4b0 !important;
    font-size: 0.875rem !important;
    line-height: 1.6;
    max-width: 900px;
    margin-bottom: 2.5rem !important;
  }

/* ==========================================================================
   2. Chevron Track Layout & Step Wrappers
   ========================================================================== */
.chevron-pipeline-grid[b-zmav7g4gvm] {
  display: grid;
  grid-template-columns: 1fr;
  min-height: 3.5rem;
  gap: 12px;
  width: 100%;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
  margin-top: 1rem;
}

  /* 
   Only trigger sticky constraints when Parameter is explicitly passed.
   Adjust 'top' to match the exact height of your primary sticky navbar layout.
*/
  .chevron-pipeline-grid.pipeline-sticky-active[b-zmav7g4gvm] {
    position: -webkit-sticky !important;
    /* CRITICAL VALUE: If your primary navbar header is sticky/fixed, this number 
    MUST match the exact pixel height of that navbar header so it sits beneath it.
    Change to 0px if your primary header disappears completely on scroll actions.
  */
    top: 0px;
    z-index: 990 !important; /* Ensure it stays below main layout menu drop panels (1050) */
    width: 100% !important; /* CRITICAL CORRECTION: Swap 100vw to width 100% to respect the desktop window limits */
    max-width: 100% !important; /* Forces padding/borders inside the width calculation */

    height: 64px;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    overflow: visible !important; /* Ensures internal mobile tracking elements aren't clipped */
  }

@media (min-width: 992px) {
  .chevron-pipeline-grid[b-zmav7g4gvm] {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 0;
  }
}

.pipeline-step-wrapper[b-zmav7g4gvm] {
  position: relative;
  width: 100%;
  z-index: 1;
  transition: z-index 0s 0.25s;
}

  .pipeline-step-wrapper:hover[b-zmav7g4gvm] {
    z-index: 10;
    transition: z-index 0s;
  }

/* ==========================================================================
   3. Blazor Scoped Child Component Targets (::deep)
   ========================================================================== */
.chevron-pipeline-grid[b-zmav7g4gvm]  .pipeline-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.5rem;
  padding: 1rem 1.75rem;
  text-decoration: none;
  background-color: #121212 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 50%, calc(100% - 16px) 100%, 0% 100%, 16px 50%);
  transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.25s ease, border-color 0.25s ease;
}

@media (min-width: 992px) {
  .pipeline-step-wrapper.step-first[b-zmav7g4gvm]  .pipeline-link {
    clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 50%, calc(100% - 16px) 100%, 0% 100%);
    padding-left: 1.25rem;
  }

  .pipeline-step-wrapper.step-last[b-zmav7g4gvm]  .pipeline-link {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 16px 50%);
    padding-right: 1.25rem;
  }

  /* Standard horizontal desktop overlap alignment */
  .pipeline-step-wrapper + .pipeline-step-wrapper[b-zmav7g4gvm] {
    margin-left: -15px;
    margin-top: 0;
  }
}

.chevron-pipeline-grid[b-zmav7g4gvm]  .pipeline-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  pointer-events: none;
}

/* Inner Text Styles */
.chevron-pipeline-grid[b-zmav7g4gvm]  .step-num {
  font-size: 0.9rem;
  font-weight: 800;
  color: var(--si-yellow, #ffc107) !important;
}

.chevron-pipeline-grid[b-zmav7g4gvm]  .step-label {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--bs-secondary, #adb5bd);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-wrap:auto;
  overflow: hidden;
}

/* ==========================================================================
   4. Interactive States (Hover & Active)
   ========================================================================== */
/* Hover State */
.chevron-pipeline-grid[b-zmav7g4gvm]  .pipeline-link:hover:not(.active) {
  background-color: #1a1a1a !important;
  border-color: var(--bs-warning, #ffc107) !important;
  transform: scale(1.05);
  transform: translateX(1rem);
  filter: brightness(1.2);
}

  .chevron-pipeline-grid[b-zmav7g4gvm]  .pipeline-link:hover:not(.active) .step-label {
    color: var(--bs-light, #f8f9fa) !important;
    
  }

/* Active State */
.chevron-pipeline-grid[b-zmav7g4gvm]  .pipeline-link.active {
  background-color: var(--si-yellow, #ffc107) !important;
  border-color: var(--si-yellow, #ffc107) !important;
  transform: scale(1.01);
}

  .chevron-pipeline-grid[b-zmav7g4gvm]  .pipeline-link.active .step-num {
    color: white !important;
    font-weight: 800;
  }
  .chevron-pipeline-grid[b-zmav7g4gvm]  .pipeline-link.active .step-label {
    color: #000000 !important;
    font-weight: 800;
  }
.stage-menu-engine.context-nav-wrapper[b-zmav7g4gvm],
.stage-menu-engine .bg-dark.border.border-secondary[b-zmav7g4gvm] {
  overflow: visible !important;
}
/* /Components/Shared/LogoBrand.razor.rz.scp.css */
/* ==========================================================================
   LOGO BRAND IDENTITY CORNERSTONES
   ========================================================================== */
.logo-brand-engine.navbar-brand[b-ccgtbdpxlb] {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

/* Precise asset handling */
.logo-brand-engine .logo-asset[b-ccgtbdpxlb] {
  padding-right: 0.35rem;
  display: block;
  object-fit: contain;
}

.logo[b-ccgtbdpxlb] {
  /* Self-contained enterprise brand identity anchor node.
     Ensures pixel-perfect asset alignment across navigation horizons. */
  padding-right: 0.25rem;
  margin-top: -4.5px;
}

/* Core Brand Typography Configuration */
.logo-brand-engine .brand-text[b-ccgtbdpxlb] {
  color: #ffffff !important;
  letter-spacing: 0.06em;
  font-size: var(--brand-font-size);
  line-height: 1;
  transition: color 0.15s ease;
}

/* Dark Brand Typography Configuration */
.logo-brand-engine .brand-text-invert[b-ccgtbdpxlb] {
  color: var(--si-blue) !important;
  letter-spacing: 0.06em;
  font-size: var(--brand-font-size);
  line-height: 1;
  transition: color 0.15s ease;
}

/* Hover feedback */
.logo-brand-engine:hover .brand-text[b-ccgtbdpxlb],
.logo-brand-engine:hover .brand-text-invert[b-ccgtbdpxlb] {
  color: var(--si-yellow, #ffc000) !important;
}
/* /Layout/FooterMenu.razor.rz.scp.css */
/* ==========================================================================
   PRIMARY STRUCTURAL HORIZON BOUNDARIES
   ========================================================================== */
.footer-menu-engine.footer-wrapper[b-6cve0nm0h3] {
  background: var(--si-blue, #0d1829) !important;
  color: #a3b3c9 !important;
  padding: 4.5rem 1.5rem 2rem !important; /* Added explicit lateral padding parameters to block layout collapses */
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.footer-menu-engine .footer-brand-subtext[b-6cve0nm0h3] {
  line-height: 1.6;
  max-width: 280px;
  color: #a3b3c9;
  opacity: 0.85;
}

.footer-menu-engine .footer-grid[b-6cve0nm0h3] {
  display: grid;
  /* Automatically collapses column grids on tight structural mobile layouts */
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 2.5rem;
}

.footer-menu-engine .footer-heading[b-6cve0nm0h3] {
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 1.25rem;
  color: #ffffff !important;
}

.footer-menu-engine .footer-links[b-6cve0nm0h3],
.footer-menu-engine .footer-sublinks[b-6cve0nm0h3] {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ==========================================================================
   ISOLATED DEEP BLAZOR COMPONENT ELEMENT STYLING
   ========================================================================== */
.footer-menu-engine[b-6cve0nm0h3]  .footer-links li {
  margin-bottom: .5rem;
}

/* Enforcing link states safely inside isolation blocks */
.footer-menu-engine[b-6cve0nm0h3]  .footer-links .nav-link,
.footer-menu-engine[b-6cve0nm0h3]  .footer-links a {
  color: #a3b3c9 !important; /* Dark grey steel link standardization for clean hierarchy */
  text-decoration: none !important;
  font-size: .88rem !important;
  transition: color 0.15s ease;
}

  .footer-menu-engine[b-6cve0nm0h3]  .footer-links .nav-link:hover,
  .footer-menu-engine[b-6cve0nm0h3]  .footer-links a:hover {
    color: var(--si-yellow, #ffc000) !important; /* Focal point trace tracking execution colors */
  }

/* Tier Two Information Sublink Nodes */
.footer-menu-engine[b-6cve0nm0h3]  .footer-sublinks {
  margin-left: 0.85rem;
  margin-top: .35rem;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  padding-left: 0.75rem;
}

  .footer-menu-engine[b-6cve0nm0h3]  .footer-sublinks .nav-link,
  .footer-menu-engine[b-6cve0nm0h3]  .footer-sublinks a {
    font-size: .82rem !important;
    color: #6c7d93 !important; /* Enhanced depth for lower-tier layout links */
  }

    .footer-menu-engine[b-6cve0nm0h3]  .footer-sublinks .nav-link:hover,
    .footer-menu-engine[b-6cve0nm0h3]  .footer-sublinks a:hover {
      color: var(--si-yellow, #ffc000) !important;
    }

/* ==========================================================================
   LEGAL SYSTEM TEXT AND INCIDENT REPORT BADGES
   ========================================================================== */
.footer-menu-engine .footer-legal-divider[b-6cve0nm0h3] {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.footer-menu-engine .legal-disclaimer[b-6cve0nm0h3] {
  font-size: 0.78rem;
  font-weight: 300;
  color: #52637a !important;
  line-height: 1.5;
  margin-bottom: 0;
}

.footer-menu-engine .footer-bottom[b-6cve0nm0h3] {
  margin-top: 1.5rem;
  padding-top: 1rem;
  font-size: .82rem;
  color: #52637a;
}

.footer-menu-engine .copyright-text[b-6cve0nm0h3] {
  color: #52637a !important;
}

.footer-menu-engine .compliance-link[b-6cve0nm0h3] {
  color: #8a99ad !important;
  text-decoration: none !important;
  font-size: 0.82rem;
}

  .footer-menu-engine .compliance-link:hover[b-6cve0nm0h3] {
    text-decoration: underline !important;
    color: var(--si-yellow, #ffc000) !important;
  }


.footer-menu-engine[b-6cve0nm0h3]  a.nav-link.license-id{

}

.footer-menu-engine .procurement-tag[b-6cve0nm0h3] {
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #00ffaa !important; /* Industrial readiness verification notification accent */
  background: rgba(0, 255, 170, 0.06) !important;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
}

/* ==========================================================================
   MICRO-SCALED SOCIAL ICON SVG INTERFACES
   ========================================================================== */
.footer-menu-engine .phone-wrapper[b-6cve0nm0h3] {
  font-size: 1rem;
  color: #52637a !important;
}

.footer-menu-engine[b-6cve0nm0h3]  .social-icon-deck a {
  color: #52637a !important;
  font-size: 1.15rem;
  transition: color 0.15s ease;
  display: inline-block;
}

  .footer-menu-engine[b-6cve0nm0h3]  .social-icon-deck a:hover {
    color: #ffffff !important;
  }

.footer-menu-engine[b-6cve0nm0h3]  .social-icon-deck svg, i[b-6cve0nm0h3] {
  width: 1.1rem !important;
  height: 1.1rem !important;
}
/* /Layout/Helpers/AnnouncementTopStrip.razor.rz.scp.css */

.top-strip[b-0krip48uo3] {
  height: 3rem;
  background: var(--si-blue);
  text-align: center;
  font-size: small;
  justify-content: center;

}
/* /Layout/Helpers/SearchBar.razor.rz.scp.css */
/* ==========================================================================
   PRIMARY INTERFACE SCALING FRAMEWORKS
   ========================================================================== */
.search-bar-engine.system-query-wrapper[b-3khvzgb9fa] {
  position: relative !important;
  width: 100% !important;
  display: block;
}

/* ==========================================================================
   INPUT FIELDS AND STRUCTURAL ADDONS
   ========================================================================== */
.search-bar-engine .search-input-deck[b-3khvzgb9fa] {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background-color: var(--si-secondblue, #242e39) !important;
  border-radius: 6px !important;
  overflow: hidden;
}

.search-bar-engine .query-icon-addon[b-3khvzgb9fa] {
  background-color: rgba(0, 0, 0, 0.15) !important;
  border: none !important;
  color: #a3b3c9 !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.search-bar-engine .system-search-input[b-3khvzgb9fa] {
  background-color: var(--si-secondblue, #242e39) !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
}

  .search-bar-engine .system-search-input[b-3khvzgb9fa]::placeholder {
    color: #52637a !important;
    opacity: 1;
  }

  .search-bar-engine .system-search-input:focus[b-3khvzgb9fa] {
    outline: none !important;
    box-shadow: none !important;
  }

/* ==========================================================================
   DYNAMIC REAL-TIME TRACKING RESULT ITEMS
   ========================================================================== */
.search-bar-engine .results-viewport-list[b-3khvzgb9fa] {
  max-height: 500px;
  overflow-y: auto;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.search-bar-engine .result-row-item[b-3khvzgb9fa] {
  background-color: var(--si-secondblue, #242e39) !important;
  border: none !important;
  border-bottom: 1px solid rgba(13, 24, 41, 0.5) !important;
  padding: 1.25rem 1.5rem !important;
  transition: background-color 0.15s ease, transform 0.1s ease;
}

  .search-bar-engine .result-row-item:last-child[b-3khvzgb9fa] {
    border-bottom: none !important;
  }

  .search-bar-engine .result-row-item:hover[b-3khvzgb9fa] {
    background-color: #2c3845 !important; /* Context target illumination trace */
  }

.search-bar-engine .result-title[b-3khvzgb9fa] {
  color: #ffffff !important;
  font-size: 1.05rem;
  font-weight: 600;
}

.search-bar-engine .result-abstract[b-3khvzgb9fa] {
  color: #a3b3c9 !important;
  font-size: 0.88rem;
  line-height: 1.4;
  display: block;
}

/* ==========================================================================
   WEIGHT RELEVANCE TAGS AND EMPTY EXCEPTIONS
   ========================================================================== */
.search-bar-engine .relevance-metric-tag[b-3khvzgb9fa] {
  background-color: rgba(255, 192, 0, 0.1) !important; /* Synaptic metric transparency accent */
  color: var(--si-yellow, #ffc000) !important;
  font-family: monospace;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 192, 0, 0.25) !important;
  padding: 0.4rem 0.6rem !important;
  border-radius: 4px !important;
}

.search-bar-engine .empty-state-box[b-3khvzgb9fa] {
  background-color: rgba(36, 46, 57, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}
/*the indicator */
.confidence-bar[b-3khvzgb9fa] {
  width: 60px;
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
}

.confidence-fill[b-3khvzgb9fa] {
  height: 100%;
  background: #0d6efd;
  border-radius: 3px;
}
.relevance-dots[b-3khvzgb9fa] {
  display: flex;
  gap: 4px;
}

.dot[b-3khvzgb9fa] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d0d0d0; /* unfilled */
  display: inline-block;
}

  .dot.filled[b-3khvzgb9fa] {
    background: var(--si-yellow); /* Synaptic blue */
  }
/* /Layout/Helpers/SearchModal.razor.rz.scp.css */
/* ==========================================================================
   BACKDROP INTERACTION LAYER CORNERSTONES
   ========================================================================== */
.search-modal-engine.modal[b-crhv9iik7x] {
  /* Elevated index deployment to override sticky tracking systems (990) and primary headers (1050) */
  z-index: 1400 !important;
  /*background: rgba(13, 24, 41, 0.85) !important;*/ /* Synaptic dark navy theme base alpha masking */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: block !important;
  overflow-y: auto;
}

/* ==========================================================================
   MODAL STRUCTURAL CONTAINER RECONGIGURATIONS
   ========================================================================== */
.search-modal-engine .modal-content[b-crhv9iik7x] {
  border: none !important;
  border-radius: 0 !important;
  background-color: var(--si-blue, #0d1829) !important; /* Guarantees matching color depth */
  box-shadow: none !important;
}

.search-modal-engine .modal-header[b-crhv9iik7x] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 1.25rem 2rem !important;
  background-color: rgba(0, 0, 0, 0.15);
}

.search-modal-engine .modal-body[b-crhv9iik7x] {
  padding: 3rem 2rem !important;
  width: 100%;
  max-width: 900px; /* Centers and matches enterprise information processing profiles */
  margin: 0 auto;
}

/* ==========================================================================
   BRAND TEXT & META ATTRIBUTION ENGINE TYPOGRAPHY
   ========================================================================== */
.search-modal-engine .brand-meta-group[b-crhv9iik7x] {
  margin-left: 0.5rem;
}

.search-modal-engine .engine-attribution-text[b-crhv9iik7x] {
  color: #52637a !important;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

  .search-modal-engine .engine-attribution-text b[b-crhv9iik7x] {
    color: var(--si-yellow, #ffc000);
  }

/* ==========================================================================
   INTERACTIVE SYSTEM TRIGGER MECHANICS
   ========================================================================== */
.search-modal-engine .system-close-trigger[b-crhv9iik7x] {
  filter: invert(1) grayscale(1) brightness(2); /* Forces Bootstrap native asset to adapt clean white visibility on dark canvas */
  opacity: 0.6;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

  .search-modal-engine .system-close-trigger:hover[b-crhv9iik7x] {
    opacity: 1;
    transform: rotate(90deg); /* Interactive confirmation shift feedback loop */
  }
/* /Layout/Helpers/UtiltiyBar.razor.rz.scp.css */
/* ==========================================================================
   PRIMARY UTILITY CONTAINER CORNERSTONES
   ========================================================================== */
.utility-bar-container.utility-bar[b-v6hfe7axj7] {
  background: var(--si-yellow, #ffc000) !important;
  width: 100% !important;
  display: flex !important;
  position: relative;
  align-items: center;
  padding: 0 1.5rem !important;
  height: 32px; /* Fixed clean spatial profile layout line */
  color: #000000 !important;
  z-index: 1200 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: -1px !important;
}

.utility-bar-container .utility-content[b-v6hfe7axj7] {
  padding-left: 0.5rem;
}

/* ==========================================================================
   LINK AND TYPOGRAPHY INTERACTIVE TARGETS
   ========================================================================== */
/* Standardizing navigation anchors securely within isolation boundaries */
.utility-bar-container .utility-static-link[b-v6hfe7axj7],
.utility-bar-container .utility-dropdown-trigger[b-v6hfe7axj7],
.utility-bar-container .utility-search-btn[b-v6hfe7axj7] {
  text-decoration: none !important;
  color: #000000 !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  background: transparent;
  border: none;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  transition: text-shadow 0.15s ease, opacity 0.15s ease;
}

  /* Subtle corporate dropdown trigger adjustments */
  .utility-bar-container .utility-dropdown-trigger[b-v6hfe7axj7]::after {
    margin-left: 0.25rem;
    vertical-align: middle;
  }

  /* Hover Tracking Enhancements without breaking surrounding structural layout pixels */
  .utility-bar-container .utility-static-link:hover[b-v6hfe7axj7],
  .utility-bar-container .utility-dropdown-trigger:hover[b-v6hfe7axj7],
  .utility-bar-container .utility-search-btn:hover[b-v6hfe7axj7] {
    opacity: 0.8;
    text-shadow: 0.25px 0 0 #000000, -0.25px 0 0 #000000; /* Simulates clean boldness without layout shifting clicks */
  }

/* Ensure deep Blazor nested account control targets conform to color profile constraints */
.utility-bar-container[b-v6hfe7axj7]  .dropdown-toggle {
  color: #000000 !important;
  font-weight: 500 !important;
}

/* ==========================================================================
   HIGH ACCURACY EMERGENCY INCIDENT EMERGENCY CALL BUTTON (CTA)
   ========================================================================== */
.utility-bar-container .utility-cta[b-v6hfe7axj7] {
  height: 22px; /* Snugly fits within the 32px navigation layout frame */
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0 0.75rem !important;
  border-radius: 3px !important;
  background-color: #dc3545 !important; /* Critical operational warning red color */
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.2);
  transition: background-color 0.15s ease, transform 0.1s ease;
}

  .utility-bar-container .utility-cta:hover[b-v6hfe7axj7] {
    background-color: #bd2130 !important;
  }

  .utility-bar-container .utility-cta:active[b-v6hfe7axj7] {
    transform: translateY(0px);
  }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-lvnqhe05b8] {
    position: relative;
    display: flex;
    flex-direction: column;
}


main[b-lvnqhe05b8] {
    flex: 1;
}

.sidebar[b-lvnqhe05b8] {

    display: flex;
}


.top-row[b-lvnqhe05b8] {

    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-lvnqhe05b8]  a, .top-row[b-lvnqhe05b8]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-lvnqhe05b8]  a:hover, .top-row[b-lvnqhe05b8]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-lvnqhe05b8]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }



.top-nav[b-lvnqhe05b8] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    height: 3rem;
}
/* ==========================================================================
   FLUID COMPONENT BREAKOUT ENGINE
   ========================================================================== */
.interactive-infographic-node[b-lvnqhe05b8] {
  /* Mobile-first: avoid negative margins that cause horizontal overflow */
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  overflow: hidden;
  display: block;
}

/* Restore the original visual "edge bleed" only on larger viewports */
@media (min-width: 641px) {
  .interactive-infographic-node[b-lvnqhe05b8] {
    /* Pulls the layout box outward to cancel out the default parent padding */
    margin-left: -2rem !important;
    margin-right: -1.5rem !important;
    /* Recalculates total width to account for the extra space gained on both sides */
    width: calc(100% + 3.5rem) !important;
  }
}


/* ==========================================================================
   RESPONSIVE LAYOUT BREAKPOINT ADJUSTMENTS
   ========================================================================== */
@media (max-width: 641.98px) {

  .top-row[b-lvnqhe05b8] {
    justify-content: space-between;
  }

    .top-row[b-lvnqhe05b8]  a, .top-row[b-lvnqhe05b8]  .btn-link {
      margin-left: 0;
    }
}

@media (min-width: 641px) {
  .page[b-lvnqhe05b8] {
    flex-direction: column;
  }

  .sidebar[b-lvnqhe05b8] {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }

  .top-row[b-lvnqhe05b8] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--si-blue);
  }

    .top-row.auth[b-lvnqhe05b8]  a:first-child {
      flex: 1;
      text-align: right;
      width: 0;
    }

  .top-row[b-lvnqhe05b8], article[b-lvnqhe05b8] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
}

/* Isolated CSS */
.back-to-top-node[b-lvnqhe05b8] {
  /* Dimensions & Positioning (leave your stable fixed layout untouched) */
  position: fixed;
  bottom: 32px;
  right: 32px;
  width: 44px;
  height: 44px;
  z-index: 9999;

  /* Matte Terminal Blending */
  background-color: rgba(13, 17, 23, 0.8); /* Translucent depth matching your dark canvas */
  backdrop-filter: blur(4px); /* Premium glass pass over passing content grid text */
  color: #485465; /* Deep muted slate gray */
  
  /* Razor-Thin Structural Border */
  border: 1px solid rgba(51, 65, 85, 0.5); /* Soft, non-aggressive border footprint */
  border-radius: 4px; /* Subtle radius matches your utility component edges */
  
  /* Interactive States */
  cursor: pointer;
  outline: none !important; /* Strips default browser focus rings entirely */
  pointer-events: none;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;

  
  /* Layout state animations State Transition Velocities */
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}
  /* When active, remain soft and secondary on the layout matrix */
  .back-to-top-node.active[b-lvnqhe05b8] {
    opacity: 0.5;
    pointer-events: auto;
    transform: translateY(0);
  }

    /* On hover, crisp execution animation into target branding assets */
    .back-to-top-node.active:hover[b-lvnqhe05b8] {
      opacity: 1.0;
      background-color: #0d1117; /* Solidifies background pass over footer layout */
      color: #ffc000; /* Synaptic Gold corporate accent */
      border-color: #ffc000; /* Warning accent match */
    }
/* /Layout/MainNavMenu.razor.rz.scp.css */
/*-----------------------
  Global Resets and Base Styles
  -----------------------*/
.container[b-zl67d7a2u1], .container-fluid[b-zl67d7a2u1], .navbar[b-zl67d7a2u1] {
  z-index: 1050;
  padding: 0px;
}

.nav-smoked[b-zl67d7a2u1] {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  background: rgba(0, 0, 0, 0.05) !important;
  position: relative !important; /* Establishes the edge-to-edge layout boundary anchor */
}
/* HARD RESET: Force the framework container itself to drop background colors */
nav.navbar.nav-smoked[b-zl67d7a2u1] {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important; /* Optional: drops standard shadow-sm if it's tinting the bar */
}

/* NAVBAR COLOR CHANGE WHEN MEGA PANEL IS OPEN */
nav.navbar.nav-smoked[b-zl67d7a2u1] {
  transition: background-color .25s ease-in-out;
}
  nav.navbar.nav-smoked:has(.has-mega-menu:hover)[b-zl67d7a2u1] {
    background-color: var(--si-blue) !important;
    transition: background-color .25s ease-in-out;
  }


      /*-----------------------
  Small Screen Nav Styling
  -----------------------*/
      [b-zl67d7a2u1] .navbar-sm-header [class*="col-"] {
        text-align: center;
        align-content: center;
      }
      /*-----------------------
  Offcanvas Menu Styling
  -----------------------*/
      .offcanvas[b-zl67d7a2u1] {
        z-index: 3000 !important; /* Ensure offcanvas is above the main navbar */
        height: 100vh !important; /* Full viewport height for mobile menu */
              /* Use 100% + inset to avoid vw scrollbar double-counting while still filling screen */
              width: 100% !important; /* Full width but respects scrollbar/box sizing */
              left: 0;
              right: 0;
              max-width: 100% !important;
              box-sizing: border-box;
            }

        .offcanvas[b-zl67d7a2u1]  .offcanvas-header [class*="col-"] {
          text-align: center;
          align-content: center;
          background: var(--si-blue);
        }

        .offcanvas .offcanvas-header[b-zl67d7a2u1]  i {
          color: white;
        }
      /* ---------------------------------------------
   OFFCANVAS MOBILE HANDLING
---------------------------------------------- */
      .offcanvas-body .btn[b-zl67d7a2u1] {
        background: none;
        border: none;
        font-size: 1.05rem;
      }

      .offcanvas-body .toggle-icon[b-zl67d7a2u1] {
        transition: transform .2s ease;
      }
      /* Target chevron accurately using standard attribute state rules */
      .offcanvas-body .mobile-toggle-btn[aria-expanded="true"] .toggle-icon[b-zl67d7a2u1] {
        transform: rotate(180deg);
      }
      /* ====================================================================== */
      /* MOBILE OFFCANVAS LINK STYLING                                          */
      /* ====================================================================== */
      /* Targets top-level actions and custom navigation buttons in the drawer */
      [b-zl67d7a2u1] .offcanvas-body .nav-link,
      [b-zl67d7a2u1] .offcanvas-body button.nav-link {
        font-size: 1.05rem;
        font-weight: 500;
        color: #ffffff !important; /* Force kills the default browser link blue */
        text-decoration: none;
        background-color: transparent;
        border: 0;
        /* Layout & Alignment Fixes */
        display: flex;
        align-items: center;
        width: 100%;
        text-align: left;
        padding: 0.6rem 0.8rem !important; /* Injects breathing room around text click zones */
        margin-left: 0 !important;
        border-radius: 4px; /* Soft corner edges matching your theme */

        transition: all 0.2s ease-in-out;
      }
        /* Crisp hover state mimicking your desktop panel link behaviors */
        [b-zl67d7a2u1] .offcanvas-body .nav-link:hover,
        [b-zl67d7a2u1] .offcanvas-body button.nav-link:hover {
          color: #ffffff !important;
          background-color: rgba(255, 255, 255, 0.08) !important; /* Soft white/gray hover halo */
          text-decoration: none;
        }
      /* Keeps the Under Attack button dark text and yellow background stable on hover */
      [b-zl67d7a2u1] .offcanvas-body button.btn-danger {
        background-color: var(--bs-danger) !important;
      }
      /* ====================================================================== */
      /* NESTED ACCORDION / COLLAPSE CHILD LINKS                                */
      /* ====================================================================== */
      /* Targets deeper leaf nodes inside a mobile category dropdown split */
      [b-zl67d7a2u1] .offcanvas-body .collapse .nav-link,
      [b-zl67d7a2u1] .offcanvas-body .collapse button.nav-link {
        font-size: 0.95rem;
        color: rgba(255, 255, 255, 0.75) !important; /* Subtly muted white to build visual hierarchy */
        padding-left: 1.8rem !important; /* Indents nested options cleanly away from parent */
      }
        /* Hover state for internal nested children choices */
        [b-zl67d7a2u1] .offcanvas-body .collapse .nav-link:hover,
        [b-zl67d7a2u1] .offcanvas-body .collapse button.nav-link:hover {
          color: #ffffff !important;
          background-color: rgba(255, 255, 255, 0.05) !important;
        }
      /* ---------------------------------------------
   DESKTOP HOVER & RESET MECHANICS
---------------------------------------------- */
      /* Remove Bootstrap caret */
      [b-zl67d7a2u1] .navbar .dropdown-toggle::after {
        display: none !important;
      }

      @media (min-width: 992px) {
        /* Isolate overflow: visible ONLY to the main navigation header track */
        nav.navbar[b-zl67d7a2u1],
        nav.navbar[b-zl67d7a2u1]  .container-fluid,
        nav.navbar[b-zl67d7a2u1]  .navbar-collapse {
          overflow: visible !important;
          position: relative !important;
        }
      }
      /* ---------------------------------------------
   ENTERPRISE HOVER MEGA-PANEL 
---------------------------------------------- */
      @media (min-width: 992px) and (hover: hover) {
        /* Let the individual menu item act normal without capturing the width */
        [b-zl67d7a2u1] .has-mega-menu {
          position: static !important;
        }
        /* Structural blueprint for the edge-to-edge premium panel layout */
        [b-zl67d7a2u1] .custom-mega-panel {
          display: block !important;
          position: absolute !important;
          top: 100% !important; /* Snaps flush right beneath the bottom line of the navbar wrapper */
          left: 0 !important;
          right: 0 !important;
          width: 100% !important; /* Spans the full length of the relative .nav-smoked wrapper */
          border-radius: 0 !important;
          border: none !important;
          padding: 2rem 3rem !important;
          background: #ffffff !important; /* Forces the entire canvas base to pure white */
          box-shadow: 0 12px 32px rgba(0,0,0,0.2) !important;
          margin-top: 0 !important;
          z-index: 1060 !important;
          /* Smooth transition rendering metrics */
          transform: translateY(10px) !important;
          opacity: 0 !important;
          visibility: hidden !important;
          pointer-events: none !important;
          transition: opacity 0.25s ease-out, transform 0.25s ease-out !important;
        }
        /* Prevent Bootstrap's click events from throwing off the hover state machine */
        [b-zl67d7a2u1] .has-mega-menu .dropdown-toggle {
          pointer-events: auto !important;
        }

        /* Ensure the dropdown menu structure doesn't conflict with Bootstrap's inline visibility styles */
        [b-zl67d7a2u1] .has-mega-menu .custom-mega-panel {
          display: block !important;
        }



          /* Reveal pipeline when hovering over the parent tab item OR exploring the panel content */

        /* To get it to close when clicked */
        /* Closed state */
        [b-zl67d7a2u1] .custom-mega-panel.mega-closed {
          opacity: 0 !important;
          visibility: hidden !important;
          transform: translateY(20px) !important;
          pointer-events: none !important;
        }

        /* Open state (for hover + JS) */
          /* Open state (ONLY if it doesn't have the .mega-closed class) */
          [b-zl67d7a2u1] .has-mega-menu:hover .custom-mega-panel:not(.mega-closed),
          [b-zl67d7a2u1] .custom-mega-panel:hover:not(.mega-closed) {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0) !important;
            pointer-events: auto !important;
          }

      }
      /* Fallback protection for large landscape enterprise touch units (iPads/Tablets) */
      @media (min-width: 992px) and (hover: none) {
        [b-zl67d7a2u1] .custom-mega-panel {
          display: none !important;
        }
      }



      /* ==========================================================================
   TOP-LEVEL NAV LINKS & UNDERLINE ACTIONS (FIXED ACTIVE STATE)
   ========================================================================== */
      /* 1. Base link styling & text transitions */
      [b-zl67d7a2u1] .navbar-nav .custom-nav-link {
        padding: 0.5rem 1rem;
        font-weight: 600;
        position: relative;
        text-decoration: none;
        transition: color .2s ease, background-color .2s ease;
        z-index: 1065; /* Ensures visibility over Mega panel */
      }
        /* 2. Hover, Focus, and Active text modifications */
        [b-zl67d7a2u1] .navbar-nav .custom-nav-link:hover,
        [b-zl67d7a2u1] .navbar-nav .custom-nav-link.active,
        [b-zl67d7a2u1] .navbar-nav .custom-nav-link.active:focus,
        [b-zl67d7a2u1] .navbar-nav .custom-nav-link.active:hover {
          color: var(--si-yellow, #ffc000) !important;
          background-color: transparent !important; /* Kills Bootstrap white background bleed */
          text-decoration: none !important;
          border: none !important; /* Strips physical troubleshooting borders */
        }
        /* 3. Base underline structural track profile */
        [b-zl67d7a2u1] .navbar-nav .custom-nav-link::after {
          content: "";
          position: absolute;
          bottom: -4px;
          left: 1rem;
          right: 1rem;
          height: 2px;
          background: var(--si-yellow, #ffc000) !important;
          transform: scaleX(0);
          transform-origin: bottom left;
          transition: transform 0.5s ease-out;
        }
        /* 4. Expand line tracking animation for hover OR Blazor active states */
        [b-zl67d7a2u1] .navbar-nav .custom-nav-link:hover::after,
        [b-zl67d7a2u1] .navbar-nav .custom-nav-link.active::after {
          transform: scaleX(1) !important;
          background: var(--si-yellow, #ffc000) !important;
        }
      /* ---------------------------------------------
   MEGA MENU INTERNAL CONTENT & DESIGN FRAMING 
---------------------------------------------- */
      [b-zl67d7a2u1] .custom-mega-panel .row {
        margin-left: 0;
        margin-right: 0;
      }

      [b-zl67d7a2u1] .custom-mega-panel .dropdown-header {
        font-size: .75rem;
        letter-spacing: .05em;
        color: #6c757d; /* Clean, muted gray for category headers */
        text-transform: uppercase;
      }

      [b-zl67d7a2u1] .custom-mega-panel .mini-text-description {
        font-size: .70rem;
        /*  line-height: 1.1;*/
        color: #6c757d; /* Clean, muted gray for category headers */
        margin-top: 0px;
        font-variant: small-caps;
        text-transform: none;
        font-style: normal;
        opacity: .85;
      }

      [b-zl67d7a2u1] .custom-mega-panel .dropdown-item {
        padding: .35rem 0;
        font-size: .95rem;
        color: #1a2536 !important; /* Premium dark charcoal for link readability */
        background: transparent !important;
        border-radius: 4px;
        transition: background .15s ease, padding-left .15s ease, color .15s ease;
        z-index: 4;
      }

        [b-zl67d7a2u1] .custom-mega-panel .dropdown-item:hover {
          background: rgba(0, 0, 0, 0.04) !important; /* Subtle dark tint track on hover */
          color: #000000 !important;
          padding-left: .35rem;
        }

        [b-zl67d7a2u1] .custom-mega-panel .dropdown-item i,
        [b-zl67d7a2u1] .custom-mega-panel .dropdown-item svg {
          margin-right: .5rem;
          opacity: .7;
        }
      /* Light separation border for the marketing preview content column on the right side */
      @media (min-width: 992px) {
        [b-zl67d7a2u1] .custom-mega-panel .border-start {
          border-left: 1px solid rgba(0, 0, 0, 0.08) !important; /* Subtle dark divider line */
        }
      }

      [b-zl67d7a2u1] .custom-mega-panel .mega-preview h4 {
        color: #1a2536 !important; /* Dark text for the call to action title */
      }

      [b-zl67d7a2u1] .custom-mega-panel .mega-preview p {
        color: #5a6578 !important; /* Muted description text */
      }
      /* ----------------------------------------------
   Mega menu preview: Dark Blur-Over Gradient
   ---------------------------------------------- */

      [b-zl67d7a2u1] .custom-mega-panel .mega-preview {
        /* Keep it relative so internal elements anchor to it if needed */
        position: relative !important;
        /* Reset the margins entirely so they don't break flex layout math */
        margin: 0 !important;
        padding: 0 !important;
        /* Force it to stretch tall, but we won't rely on it for the right edge */
        align-self: stretch !important;
      }
        /* Force the image wrapper/layer to snap to the absolute right of the menu */
        [b-zl67d7a2u1] .custom-mega-panel .mega-preview .mega-preview-img,
        [b-zl67d7a2u1] .custom-mega-panel .mega-preview::after {
          display: block !important;
          position: absolute !important;
          /* Precision alignment mapping past the panel's internal padding */
          top: -2rem !important;
          bottom: -2rem !important;
          right: -3rem !important;
          /* Calculate the exact width required to snap flush against the container grid */
          width: calc(100% + 3rem) !important;
          height: calc(100% + 4rem) !important; /* Locks explicit height calculation */

          object-fit: cover !important;
          object-position: center !important;
        }
        /* Base Image Layer */
        [b-zl67d7a2u1] .custom-mega-panel .mega-preview .mega-preview-img {
          z-index: 1;
        }
        /* Premium Dark Gradient Overlay - Perfectly Matched to the Image Layer Dimensions */
        [b-zl67d7a2u1] .custom-mega-panel .mega-preview::after {
          content: "" !important;
          /* Removed 'inset: 0' to prevent coordinate mapping conflicts */
          background: linear-gradient(to bottom, rgba(15, 17, 20, 0.5) 0%, /* Soft darkening at the very top edge */
          rgba(15, 17, 20, 0) 30%, /* Clear window over main visual elements */
          rgba(15, 17, 20, 0.9) 85%) !important; /* Deep command-center charcoal for text background */
          z-index: 2;
          pointer-events: none;
        }

/* ============================================
  Smooth crossfade for the entire preview block 
  =============================================
*/

  /* Two stacked layers */
  [b-zl67d7a2u1] .custom-mega-panel .mega-preview .preview-layer {
    position: absolute !important;
    inset: 0 !important;
    opacity: 1 !important;
    transition: opacity 180ms ease-in-out !important;
    pointer-events: none !important;
    z-index: 5 !important; /* ensure above gradients */
  }

    /* Fading layer */
    [b-zl67d7a2u1] .custom-mega-panel .mega-preview .preview-layer.fade-out {
      opacity: 0 !important;
    }


        /* ==========================================================================
   Description Text Placement with Premium Frosted Glass Effect
   ========================================================================== */
        [b-zl67d7a2u1] .custom-mega-panel .mega-preview .mega-preview-descrip {
          position: absolute !important;
          bottom: -2rem !important; /* Snaps text container perfectly flush to the bottom image edge */
          left: 0 !important;
          right: -3rem !important; /* Matches the right hang of the image layer */
          margin: 0 !important;
          padding: 1.5rem 2rem !important;
          color: var(--si-yellow) !important;
          font-size: 0.95rem !important;
          font-weight: 600 !important;
          line-height: 1.35rem !important;
          z-index: 3;
          text-align: center !important;
          /* Frosted smoke glass treatment */
          background: rgba(15, 17, 20, 0.45) !important;
          backdrop-filter: blur(12px) !important;
          -webkit-backdrop-filter: blur(12px) !important;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
        }




/* /Pages/About/Compliance/Index.razor.rz.scp.css */
/* CSS for Index component */
/* --- Palo Alto Track Navigation Redesign --- */
.palo-tab-container[b-dtlx2ys0go] {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1px;
}

.palo-tabs-track[b-dtlx2ys0go] {
  display: inline-flex;
  gap: 2.5rem; /* Large spacing layout */
  position: relative;
}

.palo-btn-tab[b-dtlx2ys0go] {
  background: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.05rem;
  font-weight: 600;
  padding: 0.75rem 0;
  position: relative;
  transition: color 0.2s ease-in-out;
}

  .palo-btn-tab:hover[b-dtlx2ys0go] {
    color: #ffffff;
  }

  /* Active bottom pill border trick instead of housing container background */
  .palo-btn-tab.active[b-dtlx2ys0go] {
    color: #ffc000; /* Synaptic Warning Gold Accent */
  }

    .palo-btn-tab.active[b-dtlx2ys0go]::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #ffc000;
      border-radius: 2px 2px 0 0;
    }

/* --- The 50/50 Solutions Card Layout --- */
.palo-card[b-dtlx2ys0go] {
  background-color: #111417; /* Extra dark matte base */
  border: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  height: 100%;
  min-height: 240px;
  transition: border-color 0.25s ease;
}

  .palo-card:hover[b-dtlx2ys0go] {
    border-color: rgba(255, 255, 255, 0.15);
  }

/* Left Half Image Block */
.palo-card-media[b-dtlx2ys0go] {
  width: 40%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  background-color: #1a1e21; /* Fallback tone */
  min-height: 200px;
}

@media (max-width: 768px) {
  .palo-card-media[b-dtlx2ys0go] {
    width: 100%;
    height: 160px;
    min-height: auto;
  }
}

/* Optional Overlay Graphical Text (Like Ignite on Tour) */
.palo-media-overlay-text[b-dtlx2ys0go] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(17, 20, 23, 0.4);
  color: #ffffff;
  font-weight: 800;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 1rem;
  text-transform: uppercase;
}

/* Right Half Content Block */
.palo-card-content[b-dtlx2ys0go] {
  width: 60%;
  padding: 2.5rem;
  display: flex;
  flex-column: column;
  justify-content: center;
}

@media (max-width: 768px) {
  .palo-card-content[b-dtlx2ys0go] {
    width: 100%;
    padding: 1.5rem;
  }
}

/* --- High-Tier Solutions Links (No Buttons) --- */
.palo-tab-container[b-dtlx2ys0go]  a.palo-link,
.palo-tab-container[b-dtlx2ys0go]  a.navlink.palo-link,
.palo-tab-container[b-dtlx2ys0go]  .navlink.palo-link {
  color: #ffc000;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: gap 0.2s ease;
  background: transparent;
  border: none;
  padding: 0;
}

.palo-tab-container[b-dtlx2ys0go]  .palo-link i {
  font-size: 1.1rem;
  transition: transform 0.2s ease;
}

.palo-tab-container[b-dtlx2ys0go]  .palo-link:hover {
  color: #ffe066;
}

  .palo-tab-container[b-dtlx2ys0go]  .palo-link:hover i {
    transform: translateX(4px);
  }

/* High Alert Style link for Incident Response */
.palo-tab-container[b-dtlx2ys0go]  .palo-link.highlight-link {
  color: #dc3545;
}

  .palo-tab-container[b-dtlx2ys0go]  .palo-link.highlight-link:hover {
    color: #ea868f;
  }

/* Standard Base Custom Utilities */
.brand-accent-text[b-dtlx2ys0go] {
  color: #ffc000;
}

.manifesto-divider[b-dtlx2ys0go] {
  width: 60px;
  height: 2px;
  background-color: #ffc000;
  margin-bottom: 1.5rem;
}

.manifesto-quote[b-dtlx2ys0go] {
  font-size: 0.85rem;
  letter-spacing: 0.2em;
}
/* /Pages/About/Contact/ContactCard.razor.rz.scp.css */
/* ==========================================================================
   CONTACT CARD MASTER WRAPPER (FORCE FLAT CANVAS BACKGROUND)
   ========================================================================== */
.contact-processing-view[b-g02hykoiqs] {
  background-color: #050a12 !important; /* Retains the deep outer canvas framing */
  width: 100%;
  display: block;
}

  /* Default State: Pure White Canvas Layer */
  .contact-processing-view .content-panel-wrapper[b-g02hykoiqs] {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 4px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    transition: box-shadow 0.2s ease-in-out;
  }

    /* Hover Accentuation (Deepens shadow footprint without shifting canvas color) */
    .contact-processing-view .content-panel-wrapper:hover[b-g02hykoiqs] {
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
    }

  /* ==========================================================================
   TYPOGRAPHY & INFRASTRUCTURE PARTICLES (DARK INK FOR BASE READABILITY)
   ========================================================================== */
  .contact-processing-view .form-header-deck h2[b-g02hykoiqs] {
    color: #050a12 !important; /* Strong dark accent ink */
  }

  .contact-processing-view .form-header-deck .text-muted[b-g02hykoiqs] {
    color: #475569 !important; /* Medium slate gray text override */
  }

  /* Geolocation header blocks & Operator meta labels */
  .contact-processing-view h2.text-white[b-g02hykoiqs],
  .contact-processing-view h3.text-white[b-g02hykoiqs],
  .contact-processing-view .col-lg-5 h2[b-g02hykoiqs],
  .contact-processing-view .col-lg-5 h3[b-g02hykoiqs] {
    color: #050a12 !important;
  }

  /* Primary Brand Accents */
  .contact-processing-view .text-yellow[b-g02hykoiqs] {
    color: #d99b00 !important; /* High-vis industrial amber tuned for white fields */
  }

  /* Partition lines */
  .contact-processing-view .border-dark-subtle[b-g02hykoiqs],
  .contact-processing-view hr[b-g02hykoiqs] {
    border-color: #e2e8f0 !important;
    opacity: 1;
  }

  /* ==========================================================================
   INPUT FIELDS (ISOLATED FORCE-OVERRIDE AGAINST BOOTSTRAP DARK UTILITIES)
   ========================================================================== */
  .contact-processing-view .form-label[b-g02hykoiqs] {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #1a232d !important; /* High-contrast dark label track */
    margin-bottom: 0.35rem;
  }
  .contact-processing-view .form-check-label[b-g02hykoiqs] {
  
    color: #1a232d !important; /* High-contrast dark label track */

  }

  .contact-processing-view .form-check-input:checked[b-g02hykoiqs] {
    background-color: #28a745;
    border-color: #28a745;
  }

  .contact-processing-view .form-check-input:focus[b-g02hykoiqs] {
    box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25);
  }

/* Fix for Blazor sometimes not triggering Bootstrap visual state */
  .contact-processing-view .form-check-input[b-g02hykoiqs] {
    width: 1.1em;
    height: 1.1em;
  }





  /* Prefixed combinators strip global styles off child frameworks directly */
  .contact-processing-view[b-g02hykoiqs]  .input-group-text {
    background-color: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
  }

  /* Forces structural components out of dark rendering parameters */
  /* FIXED: Forces structural text components out of dark rendering parameters without masking checkboxes */
  .contact-processing-view[b-g02hykoiqs]  .form-control,
  .contact-processing-view[b-g02hykoiqs]  .form-select,
  .contact-processing-view[b-g02hykoiqs]  input:not([type="checkbox"]):not([type="radio"]), /* Isolate selection inputs */
  .contact-processing-view[b-g02hykoiqs]  select,
  .contact-processing-view[b-g02hykoiqs]  textarea {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #050a12 !important;
    border-radius: 0 4px 4px 0 !important;
    box-shadow: none !important;
  }
  /* Custom radio buttons for Synaptic Integrations */
  .contact-processing-view[b-g02hykoiqs]  input[type="radio"] {
    appearance: none; /* Remove default browser radio */
    -webkit-appearance: none;
    background-color: #ffffff; /* Unselected fill */
    border: 2px solid #000000; /* Black outline */
    width: 18px;
    height: 18px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-right: 6px;
  }

    /* Selected state */
    .contact-processing-view[b-g02hykoiqs]  input[type="radio"]:checked {
      background-color: var(--si-yellow); /* Selected fill */
      border-color: #000000; /* Keep black outline */
    }

      /* Inner dot (for accessibility + visual clarity) */
      .contact-processing-view[b-g02hykoiqs]  input[type="radio"]:checked::after {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        width: 8px;
        height: 8px;
        background-color: #000000; /* Black inner dot */
        border-radius: 50%;
      }

  /* Dropdown Arrow Mechanics Override */
  .contact-processing-view[b-g02hykoiqs]  .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23050a12' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 12px 12px;
  }

    /* Explicit Select Dropdown Options */
    .contact-processing-view[b-g02hykoiqs]  .form-select option {
      background-color: #ffffff !important;
      color: #050a12 !important;
    }

    /* Active Focused Component Frames */
    .contact-processing-view[b-g02hykoiqs]  .form-control:focus,
    .contact-processing-view[b-g02hykoiqs]  .form-select:focus,
    .contact-processing-view[b-g02hykoiqs]  input:focus,
    .contact-processing-view[b-g02hykoiqs]  select:focus,
    .contact-processing-view[b-g02hykoiqs]  textarea:focus {
      border-color: #050a12 !important;
      background-color: #ffffff !important;
      box-shadow: 0 0 0 2px rgba(5, 10, 18, 0.1) !important;
      color: #050a12 !important;
    }

  /* ==========================================================================
   INTERACTION ENGINES (BUTTON CONTROL MATRICES)
   ========================================================================== */
  .contact-processing-view .btn-action-submit[b-g02hykoiqs] {
    background-color: var(--si-yellow, #ffc000) !important;
    border: 1px solid var(--si-yellow, #ffc000) !important;
    color: #050a12 !important;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
  }

    .contact-processing-view .btn-action-submit:hover:not(:disabled)[b-g02hykoiqs] {
      background-color: #050a12 !important;
      border-color: #050a12 !important;
      color: #ffffff !important; /* Shifts text pure white over black field hover */
    }

  .contact-processing-view .btn-action-reset[b-g02hykoiqs] {
    background-color: transparent !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    border-radius: 4px;
    transition: all 0.15s ease-in-out;
  }

    .contact-processing-view .btn-action-reset:hover:not(:disabled)[b-g02hykoiqs] {
      border-color: #ef4444 !important;
      color: #ef4444 !important;
      background-color: rgba(239, 68, 68, 0.05) !important;
    }

  /* ==========================================================================
   METADATA LOG PANELS & HEADQUARTERS GEOMETRY
   ========================================================================== */
  .contact-processing-view .legal-compliance-notice[b-g02hykoiqs] {
    background-color: dimgray !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 0.75rem;
    line-height: 1.6;
  }

.legal-compliance-notice[b-g02hykoiqs]  a.nav-link {
  color: white !important;
  display: inline !important;
  text-decoration: none;
  font-weight: 600;
}




    .contact-processing-view .legal-link:hover[b-g02hykoiqs] {
      text-decoration: underline;
    }

  /* Pulls the map out of low-light tactical filter values into full clarity */
  .contact-processing-view .static-map[b-g02hykoiqs] {
    border: 1px solid #cbd5e1 !important;
    background-color: #f1f5f9;
    filter: grayscale(0) invert(0) contrast(1) !important;
  }

  /* HQ Layout Data Typography Tweaks */
  .contact-processing-view .label-meta-text[b-g02hykoiqs] {
    font-size: 0.88rem;
    line-height: 1.6;
    color: #1a232d !important;
  }

    .contact-processing-view .label-meta-text strong[b-g02hykoiqs],
    .contact-processing-view .label-meta-text span[b-g02hykoiqs] {
      color: inherit !important;
    }

    .contact-processing-view .label-meta-text a[b-g02hykoiqs] {
      color: #0d6efd !important;
      text-decoration: none;
    }

      .contact-processing-view .label-meta-text a:hover[b-g02hykoiqs] {
        text-decoration: underline;
      }

  /* Error Handling Validation Indicators */
  .contact-processing-view[b-g02hykoiqs]  .text-danger {
    color: #dc2626 !important; /* Premium crisp crimson warning font */
    font-weight: 500;
  }

/* ==========================================================================
   RESPONSIVE GEOMETRY BREAKPOINTS
   ========================================================================== */
@media (min-width: 992px) {
  .contact-processing-view .border-axis-left[b-g02hykoiqs] {
    border-left: 1px solid #e2e8f0 !important;
  }
}

@media (max-width: 575.98px) {
  .contact-processing-view .sm-split-6[b-g02hykoiqs] {
    width: 50% !important;
    flex: 0 0 auto;
  }
}
.modal-backdrop[b-g02hykoiqs] {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  z-index: 1040;
}

.modal-panel[b-g02hykoiqs] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #111;
  padding: 2rem;
  border-radius: 8px;
  z-index: 1050;
  width: 90%;
  max-width: 420px;
  border: 1px solid rgba(255,255,255,0.1);
}
/* /Pages/About/Contact/Index.razor.rz.scp.css */
/* ==========================================================================
   CONTACT PAGE MASTER CANVAS BASES
   ========================================================================== */
.contact-page-canvas[b-2n2949joyf] {
  background-color: #050a12 !important; /* Low-light corporate foundation color */
  min-height: 80vh;
}

  .contact-page-canvas .page-overline[b-2n2949joyf] {
    color: var(--si-yellow, #ffc000);
    font-size: 0.85rem;
    letter-spacing: 0.22em;
  }

  .contact-page-canvas .page-main-title[b-2n2949joyf] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
  }

  /* ==========================================================================
   MODULAR STRUCTURAL BRANCH CARDS
   ========================================================================== */
  .contact-page-canvas .contact-branch-card[b-2n2949joyf] {
    background-color: rgba(36, 46, 57, 0.2) !important; /* Blends cleanly with layout panels */
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

    .contact-page-canvas .contact-branch-card:hover[b-2n2949joyf] {
      border-color: rgba(255, 255, 255, 0.08) !important;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4) !important;
    }

  /* Structural Brand Accent ID Strips */
  .contact-page-canvas .card-accent-strip[b-2n2949joyf] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0.6;
  }

  .contact-page-canvas .bg-yellow[b-2n2949joyf] {
    background-color: var(--si-yellow, #ffc000);
  }

  .contact-page-canvas .bg-blue[b-2n2949joyf] {
    background-color: #0d6efd;
  }

  .contact-page-canvas .bg-purple[b-2n2949joyf] {
    background-color: #8b5cf6;
  }

  /* Branch Header Icon Mechanics */
  .contact-page-canvas .branch-icon[b-2n2949joyf] {
    font-size: 1.8rem;
    display: block;
    margin-bottom: 0.75rem;
  }

  .contact-page-canvas .color-yellow[b-2n2949joyf] {
    color: var(--si-yellow, #ffc000);
  }

  .contact-page-canvas .color-blue[b-2n2949joyf] {
    color: #3b82f6;
  }

  .contact-page-canvas .color-purple[b-2n2949joyf] {
    color: #a78bfa;
  }

  .contact-page-canvas .branch-title[b-2n2949joyf] {
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: -0.01em;
  }

  /* Meta Definitions Data Traces */
  .contact-page-canvas .meta-label[b-2n2949joyf] {
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    text-uppercase: uppercase;
    color: #52637a !important;
    margin-bottom: 0.35rem;
  }

  /* ==========================================================================
   INCIDENT RESPONSE & CRITICAL ALERT SYSTEMS
   ========================================================================== */
  .contact-page-canvas .emergency-alert-block[b-2n2949joyf] {
    background-color: rgba(239, 68, 68, 0.06);
    border: 1px solid rgba(239, 68, 68, 0.15);
  }

  .contact-page-canvas .emergency-phone-link[b-2n2949joyf] {
    font-size: 1.05rem;
    text-decoration: none;
    transition: color 0.15s ease;
  }

    .contact-page-canvas .emergency-phone-link:hover[b-2n2949joyf] {
      color: #ef4444 !important; /* Hard warning alert trace inversion */
    }

  /* ==========================================================================
   INTERACTIVE ANCHOR & LIST STYLES
   ========================================================================== */
  .contact-page-canvas .btn-outline-support[b-2n2949joyf] {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.15s ease;
  }

    .contact-page-canvas .btn-outline-support:hover[b-2n2949joyf] {
      background-color: rgba(13, 110, 253, 0.08);
      border-color: rgba(13, 110, 253, 0.3);
      color: #3b82f6;
    }

  .contact-page-canvas .action-link-node[b-2n2949joyf] {
    color: var(--si-yellow, #ffc000);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.88rem;
    transition: color 0.15s ease;
  }

    .contact-page-canvas .action-link-node:hover[b-2n2949joyf] {
      color: #ffffff;
    }

  .contact-page-canvas .mail-target-link[b-2n2949joyf],
  .contact-page-canvas .support-phone-link[b-2n2949joyf] {
    text-decoration: none;
    transition: color 0.15s ease;
  }

    .contact-page-canvas .mail-target-link:hover[b-2n2949joyf],
    .contact-page-canvas .support-phone-link:hover[b-2n2949joyf] {
      color: #ffffff !important;
    }

  /* ==========================================================================
   FALLBACK OPERATIONAL FOOTER BANNER
   ========================================================================== */
  .contact-page-canvas .fallback-assistance-banner[b-2n2949joyf] {
    background-color: rgba(36, 46, 57, 0.1) !important;
    border: 1px dashed rgba(255, 255, 255, 0.05);
  }
/* /Pages/Capabilities/DigitalTwin/DigitalTwinSlide.razor.rz.scp.css */
.slide-section[b-jf780718vy] {

  padding: 4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: linear-gradient(180deg, rgba(20, 32, 36, 0.96) 0%, rgba(10, 16, 18, 0.99) 100%), radial-gradient(circle at 80% 80%, rgba(23, 162, 184, 0.12) 0%, transparent 50%);
}

.text-accent[b-jf780718vy] {
  color: #17a2b8;
}

.tracking-widest[b-jf780718vy] {
  letter-spacing: 0.18em;
}

.text-muted-light[b-jf780718vy] {
  color: rgba(215, 230, 235, 0.75);
  line-height: 1.6;
}

.feature-card[b-jf780718vy] {
  background: rgba(12, 18, 20, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(23, 162, 184, 0.15);
  border-left: 3px solid #17a2b8;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

  .feature-card:hover[b-jf780718vy] {
    transform: translateY(-4px);
    background: rgba(18, 28, 32, 0.85);
    border-color: rgba(23, 162, 184, 0.4);
  }

/* Instrumentation: Scanning Grid Laser */
.twin-telemetry[b-jf780718vy] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255,255,255,0.04);
}

.scanner-window[b-jf780718vy] {
  height: 45px;
  background: rgba(0, 0, 0, 0.5);
}

.grid-backdrop[b-jf780718vy] {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(23, 162, 184, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 162, 184, 0.08) 1px, transparent 1px);
  background-size: 10px 10px;
}

.scan-laser[b-jf780718vy] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #17a2b8;
  box-shadow: 0 0 10px #17a2b8, 0 0 4px #17a2b8;
  animation: laserSweep-b-jf780718vy 2s infinite ease-in-out;
}

@keyframes laserSweep-b-jf780718vy {
  0% {
    top: 0%;
  }

  50% {
    top: 100%;
  }

  100% {
    top: 0%;
  }
}
/* /Pages/Home/Index.razor.rz.scp.css */
body[b-kpnakv7aen] { /* ==========================================================================
   PAGE BODY CONTAINER DEFINITIONS
   ========================================================================== */
  .page-body-container {
    display: block;
    width: 100%;
    position: relative;
    /* Crucial fix for sticky tracking stability: 
    Forcing overflow: visible completely blocks any parent element layout bug 
    from turning off the scrolling intersection tracking calculations.
  */
    overflow: visible !important;
  }
  /*Clean slate approach) */
  .top-row[b-kpnakv7aen] {
    padding-left: 2rem;
    padding-right: 1.5rem;
  }

  article[b-kpnakv7aen] {
    /* Main viewport container area now defaults to absolute edge-to-edge zero space */
    padding: 0;
  }
  /* ==========================================================================
   DYNAMIC SCROLL STRUCTURAL TARGET SECTIONS - slide wrapper
   ========================================================================== */
  .system-target-section[b-kpnakv7aen] {
    position: relative;
    display: block;
    width: 100%;
    /* Creates clean, comfortable vertical margins between sections. 
    Adjust to match your preferred spacing across screens.
  */
    padding: 5rem 0;
    scroll-margin-top: 120px; /* Offset to ensure elements scroll accurately under your sticky jump menu line */
  }
  /* Ensure smooth view adjustments during active transitions */
  @media (max-width: 768px) {
    .system-target-section[b-kpnakv7aen] {
      padding: 3.5rem 0;
      scroll-margin-top: 130px; /* Adjusts offset for slightly thicker mobile headers */
    }
  }
  /* Sets up standard viewport viewport bounding boxes for the slides */
  .slide-section[b-kpnakv7aen] {
    min-height: 85vh;
    padding: 4rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  /* Custom text utility for high contrast clarity on dark imagery */
  .text-muted-light[b-kpnakv7aen] {
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
  }
  /* High-contrast feature block styling */
  .feature-card[b-kpnakv7aen] {
    background: rgba(33, 37, 41, 0.65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: transform 0.2s ease-in-out, background 0.2s ease-in-out;
  }
    /* Accent highlight effect when scrolling over key points */
    .feature-card:hover[b-kpnakv7aen] {
      transform: translateY(-2px);
      background: rgba(33, 37, 41, 0.85);
      border-color: rgba(255, 193, 7, 0.3); /* Subtle yellow border flash */
    }
  /* Enforce active tracking spacing for high-tier telemetry feel */
  .tracking-widest[b-kpnakv7aen] {
    letter-spacing: 0.15em;
  }
  /* Sets up standard viewport viewport bounding boxes for the slides */
  .slide-section[b-kpnakv7aen] {
    min-height: 85vh;
    padding: 4rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  /* Custom text utility for high contrast clarity on dark imagery */
  .text-muted-light[b-kpnakv7aen] {
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
  }
  /* High-contrast feature block styling */
  .feature-card[b-kpnakv7aen] {
    background: rgba(33, 37, 41, 0.65);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: transform 0.2s ease-in-out, background 0.2s ease-in-out;
  }
    /* Accent highlight effect when scrolling over key points */
    .feature-card:hover[b-kpnakv7aen] {
      transform: translateY(-2px);
      background: rgba(33, 37, 41, 0.85);
      border-color: rgba(255, 193, 7, 0.3); /* Subtle yellow border flash */
    }
  /* Enforce active tracking spacing for high-tier telemetry feel */
  .tracking-widest[b-kpnakv7aen] {
    letter-spacing: 0.15em;
  }
/* /Pages/Legal/Msa/Index.razor.rz.scp.css */
.msa-two-col[b-19ez9i0af3] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.msa-col[b-19ez9i0af3] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Hide image on small screens */
.msa-image[b-19ez9i0af3] {
  display: none;
}

/* Large screens: 2 columns + show image */
@media (min-width: 992px) {
  .msa-two-col[b-19ez9i0af3] {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }

  .msa-image[b-19ez9i0af3] {
    display: block;
  }
}

.HeaderSub3a[b-19ez9i0af3]{
margin-left:0in;
text-indent:0in;
}
.HeaderSub3[b-19ez9i0af3]{

}

.HeaderSub2[b-19ez9i0af3]{

}
.Msa-contents[b-19ez9i0af3]  h1.Heading1,
.Msa-contents[b-19ez9i0af3]  h1.Heading1 * {
  font-size: 2.5rem !important;
  font-weight: bold !important;
  color: var(--si-yellow) !important;
}


.Msa-contents p[b-19ez9i0af3] {
  text-spacing: auto;
}
/* /Pages/Legal/TrustCenter/Index.razor.rz.scp.css */
/* ==========================================================================
   SECTION 1: SI-YELLOW CANVAS SECTION 
   ========================================================================== */
.governance-canopy[b-72nwt7847i] {
  background-color: var(--si-yellow, #ffc000) !important;
  display: block;
  width: 100%;
}

  .governance-canopy[b-72nwt7847i]  .governance-title {
    color: #0d1829 !important;
  }

.governance-subtitle[b-72nwt7847i] {
  color: #3a4454 !important;
  line-height: 1.6;
}

/* THE DATA GOVERNANCE CARD (Solid Inverted White Box) */
.governance-canopy[b-72nwt7847i]  .data-governance-card {
  background-color: #ffffff !important;
  border: 1px solid rgba(13, 24, 41, 0.1) !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05) !important;
  min-height: 280px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

  .governance-canopy[b-72nwt7847i]  .data-governance-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
  }

.governance-canopy[b-72nwt7847i]  .governance-card-heading {
  color: #0d1829 !important;
}

.governance-canopy[b-72nwt7847i]  .data-governance-card .data-preview-node {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .governance-canopy[b-72nwt7847i]  .data-governance-card .data-preview-node img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
  }

/* SI-YELLOW BUTTON OVERRIDES */
[b-72nwt7847i] .btn-trust-yellow,
[b-72nwt7847i] a.btn-trust-yellow {
  display: inline-block;
  background-color: var(--si-yellow, #ffc000) !important;
  border: 1px solid var(--si-yellow, #ffc000) !important;
  color: #0d1829 !important;
  padding: 0.4rem 1.2rem;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  transition: background-color 0.12s ease;
}

  [b-72nwt7847i] .btn-trust-yellow:hover,
  [b-72nwt7847i] a.btn-trust-yellow:hover {
    background-color: #e0a800 !important;
    border-color: #e0a800 !important;
    color: #0d1829 !important;
  }


/* ==========================================================================
   SECTION 2: DARKポスト DEEP COMPLIANCE SECTION
   ========================================================================== */
.frameworks-canopy[b-72nwt7847i] {
  display: block;
  width: 100%;
}

  .frameworks-canopy[b-72nwt7847i]  .frameworks-title {
    color: #ffffff !important;
  }

  .frameworks-canopy[b-72nwt7847i]  .frameworks-subtitle {
    color: #a3b3c9 !important;
  }

/* THE FRAMEWORK POSTURE CARD (Stark Isolated Wireframe) */
  .frameworks-canopy[b-72nwt7847i]  .framework-posture-card {
    background-color: rgba(13, 24, 41, 0.3) !important;
    border: 1px solid #ffffff !important;
    border-radius: 4px !important;
    min-height: 320px;
    transition: transform 0.15s ease, border-color 0.15s ease;
  }

    .frameworks-canopy[b-72nwt7847i]  .framework-posture-card:hover {
      transform: translateY(-3px);
      border-color: var(--si-yellow, #ffc000) !important;
    }

. .frameworks-canopy[b-72nwt7847i]  framework-posture-card .card-axis-icon, i[b-72nwt7847i] {
  background-color: rgba(13, 24, 41, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--si-yellow, #ffc000) !important;
  border-radius: 4px;
  width: 42px;
  height: 42px;
  font-size: xxx-large;
}

.frameworks-canopy[b-72nwt7847i]  .framework-card-heading {
  color: #ffffff !important;
}

.frameworks-canopy[b-72nwt7847i]  .framework-card-text {
  color: #a3b3c9 !important;
  line-height: 1.6;
}

/* STARK WHITE OUTLINE BUTTON OVERRIDES */
[b-72nwt7847i] .btn-trust-outline-white,
[b-72nwt7847i] a.btn-trust-outline-white {
  display: inline-block;
  background-color: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  padding: 0.4rem 1.2rem;
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 4px;
  transition: all 0.12s ease-in-out;
}

  [b-72nwt7847i] .btn-trust-outline-white:hover,
  [b-72nwt7847i] a.btn-trust-outline-white:hover {
    background-color: var(--si-yellow, #ffc000) !important;
    border-color: var(--si-yellow, #ffc000) !important;
    color: #0d1829 !important;
  }