/* Consolidated Keyframes and Media Queries */

@media(max-width:1024px) {
      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr 1fr !important; }
    }

@media(max-width:768px) {
      nav { padding: 0 24px !important; }

      section { padding: 64px 24px !important; }

      :is(.page-hero, [class*='-page-hero']) { padding: 120px 24px 60px !important; }

      :is(.nav-links, [class*='-nav-links']),
      :is(.btn-primary, [class*='-btn-primary']).nav-cta { display: none !important; }

      :is(.hamburger, [class*='-hamburger']) { display: flex !important; }

      footer { padding: 48px 24px 0 !important; }

      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr !important; }

      .footer-bottom { flex-direction: column !important; gap: 16px !important; }

      :is(.cta-band, [class*='-cta-band']) { padding: 64px 24px !important; }
    }

@keyframes flicker {

      0%,
      95%,
      100% {
        opacity: 1;
      }

      96%,
      99% {
        opacity: .4;
      }
    }

@media(max-width:1024px) {
      :is(.values-grid, [class*='-values-grid']) { grid-template-columns: 1fr 1fr !important; }

      .story-grid { grid-template-columns: 1fr !important; }

      :is(.team-grid, [class*='-team-grid']) { grid-template-columns: 1fr 1fr !important; }

      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr 1fr !important; }
    }

@media(max-width:768px) {
      nav { padding: 0 24px !important; }

      section { padding: 64px 24px !important; }

      :is(.page-hero, [class*='-page-hero']) { padding: 120px 24px 60px !important; }

      :is(.values-grid, [class*='-values-grid']) { grid-template-columns: 1fr 1fr !important; }

      :is(.team-grid, [class*='-team-grid']) { grid-template-columns: 1fr 1fr !important; }

      :is(.nav-links, [class*='-nav-links']),
      :is(.btn-primary, [class*='-btn-primary']).nav-cta { display: none !important; }

      :is(.hamburger, [class*='-hamburger']) { display: flex !important; }

      footer { padding: 48px 24px 0 !important; }

      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr !important; }

      .footer-bottom { flex-direction: column !important; gap: 16px !important; }

      :is(.cta-band, [class*='-cta-band']) { padding: 64px 24px !important; }
    }

@media(max-width:1024px){
  :is(.stat-row, [class*='-stat-row']){ grid-template-columns: repeat(2,1fr) !important; }
}

@media(max-width:768px){
  :is(.sidebar, [class*='-sidebar']){ transform: translateX(-100%) !important; }
  :is(.sidebar, [class*='-sidebar']).open{ transform: translateX(0) !important; }
  :is(.sidebar-overlay, [class*='-sidebar-overlay']).open{ display: block !important; }
  :is(.main, [class*='-main']){ margin-left: 0 !important; }
  .topbar{ padding: 0 16px !important; }
  :is(.content, [class*='-content']){ padding: 20px 16px !important; }
  .sidebar-toggle{ display: flex !important; }
  :is(.stat-row, [class*='-stat-row']){ grid-template-columns: 1fr 1fr !important; }
  :is(.search-box, [class*='-search-box']){ display: none !important; }
}

@media(max-width:480px){
  :is(.stat-row, [class*='-stat-row']){ grid-template-columns: 1fr !important; }
}

@media(max-width:1024px){:is(.kpi-grid, [class*='-kpi-grid']){ grid-template-columns: repeat(2,1fr) !important; }}

@media(max-width:1024px){:is(.workspace, [class*='-workspace']){ grid-template-columns: 1fr !important; height: auto; }}

@keyframes hexPulse {

      0%,
      100% {
        opacity: 0.04;
      }

      50% {
        opacity: 0.08;
      }
    }

@keyframes bounce {

      0%,
      100% {
        transform: translateX(-50%) translateY(0);
      }

      50% {
        transform: translateX(-50%) translateY(8px);
      }
    }

@keyframes marquee {
      from {
        transform: translateX(0);
      }

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

@media(max-width:1024px) {
      :is(.services-grid, [class*='-services-grid']) { grid-template-columns: 1fr 1fr !important; }

      :is(.why-grid, [class*='-why-grid']) { grid-template-columns: 1fr !important; }

      :is(.stats-grid, [class*='-stats-grid']) { grid-template-columns: repeat(2, 1fr) !important; gap: 32px !important; }

      :is(.testi-grid, [class*='-testi-grid']) { grid-template-columns: 1fr 1fr !important; }

      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }

      .projects-bento { grid-template-columns: 1fr 1fr !important; }

      :is(.project-card, [class*='-project-card']).featured { grid-column: span 2 !important; }
    }

@media(max-width:768px) {
      nav { padding: 0 24px !important; }

      section { padding: 64px 24px !important; }

      :is(.stats-section, [class*='-stats-section']) { padding: 64px 24px !important; clip-path: none !important; }

      :is(.hero-content, [class*='-hero-content']) { padding: 0 24px !important; padding-top: 72px; }

      :is(.services-grid, [class*='-services-grid']) { grid-template-columns: 1fr !important; }

      :is(.stats-grid, [class*='-stats-grid']) { grid-template-columns: 1fr 1fr !important; }

      :is(.testi-grid, [class*='-testi-grid']) { grid-template-columns: 1fr !important; }

      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr !important; }

      :is(.nav-links, [class*='-nav-links']),
      :is(.btn-primary, [class*='-btn-primary']).nav-cta { display: none !important; }

      :is(.hamburger, [class*='-hamburger']) { display: flex !important; }

      .projects-bento { grid-template-columns: 1fr !important; }

      :is(.project-card, [class*='-project-card']).featured { grid-column: span 1 !important; }

      footer { padding: 48px 24px 0 !important; }

      :is(.cta-band, [class*='-cta-band']) { padding: 64px 24px !important; }

      :is(.testimonials, [class*='-testimonials']) { padding: 64px 24px !important; }

      .footer-bottom { flex-direction: column !important; gap: 16px !important; text-align: center; }
    }

@keyframes ripple {
      to {
        transform: scale(1);
        opacity: 0;
      }
    }

@media(max-width:768px) {
            :is(.severity-grid, [class*='-severity-grid']) { grid-template-columns: 1fr 1fr !important; }

            :is(.process-steps, [class*='-process-steps']) { grid-template-columns: 1fr 1fr !important; }
        }

@media(max-width:1024px) {
      :is(.benefits-grid, [class*='-benefits-grid']) { grid-template-columns: 1fr 1fr !important; }
    }

@media(max-width:768px) {
      :is(.job-card, [class*='-job-card']) { flex-direction: column !important; align-items: flex-start !important; }

      :is(.job-actions, [class*='-job-actions']) { width: 100%; }
    }

@media(max-width:1024px){:is(.proj-row, [class*='-proj-row']){ grid-template-columns: 1fr 1fr !important; gap: 12px !important; }}

@media(max-width:768px){:is(.proj-row, [class*='-proj-row']){ grid-template-columns: 1fr !important; }}

@media(max-width:1024px){:is(.ticket-row, [class*='-ticket-row']){ grid-template-columns: 1fr 1fr !important; }}

@media(max-width:768px){:is(.ticket-row, [class*='-ticket-row']){ grid-template-columns: 1fr !important; }}

@media(max-width:1024px) {
      :is(.contact-grid, [class*='-contact-grid']) { grid-template-columns: 1fr !important; }
    }

@media(max-width:768px) {
            :is(.obsidian-features, [class*='-obsidian-features']) { grid-template-columns: 1fr !important; }

            :is(.obs-card, [class*='-obs-card']) { flex-direction: column !important; }
        }

@media(max-width:768px) {
      :is(.threat-grid, [class*='-threat-grid']) { grid-template-columns: 1fr !important; }
    }

@media(max-width:768px){:is(.inv-parties, [class*='-inv-parties']){ grid-template-columns: 1fr !important; }:is(.inv-header, [class*='-inv-header']){ flex-direction: column !important; gap: 16px !important; }:is(.invoice-list, [class*='-invoice-list']) :is(.inv-row, [class*='-inv-row']){ grid-template-columns: 1fr 1fr !important; }}

@media(max-width:768px) {
            :is(.nodes, [class*='-nodes']) { grid-template-columns: 1fr !important; }
        }

@media(max-width:768px) {
            :is(.cat-grid, [class*='-cat-grid']) { grid-template-columns: 1fr 1fr !important; }
        }

@media(max-width:768px) {
      :is(.process-steps, [class*='-process-steps']) { grid-template-columns: 1fr 1fr !important; }
    }

@media(max-width:1024px) {
      :is(.services-grid, [class*='-services-grid']) { grid-template-columns: 1fr 1fr !important; }

      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr 1fr !important; }
    }

@media(max-width:768px) {
      nav { padding: 0 24px !important; }

      section { padding: 64px 24px !important; }

      :is(.page-hero, [class*='-page-hero']) { padding: 120px 24px 60px !important; }

      :is(.services-grid, [class*='-services-grid']) { grid-template-columns: 1fr !important; }

      :is(.nav-links, [class*='-nav-links']),
      :is(.btn-primary, [class*='-btn-primary']).nav-cta { display: none !important; }

      :is(.hamburger, [class*='-hamburger']) { display: flex !important; }

      :is(.bundle-banner, [class*='-bundle-banner']) { flex-direction: column !important; }

      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr !important; }

      footer { padding: 48px 24px 0 !important; }

      .footer-bottom { flex-direction: column !important; gap: 16px !important; }

      :is(.cta-band, [class*='-cta-band']) { padding: 64px 24px !important; }
    }

@media(max-width:1024px) {
      :is(.doc-layout, [class*='-doc-layout']) { grid-template-columns: 1fr !important; }

      :is(.doc-sidebar, [class*='-doc-sidebar']) { position: static; }

      :is(.sidebar-nav, [class*='-sidebar-nav']) { display: none !important; }
    }

@media(max-width:768px) {
      nav { padding: 0 20px !important; }

      :is(.page-hero, [class*='-page-hero']) { padding: 110px 20px 48px !important; }

      :is(.doc-layout, [class*='-doc-layout']) { padding: 40px 20px 80px !important; }

      :is(.nav-links, [class*='-nav-links']),
      :is(.btn-nav, [class*='-btn-nav']) { display: none !important; }

      :is(.hamburger, [class*='-hamburger']) { display: flex !important; }

      footer { padding: 32px 20px 0 !important; }
    }

@keyframes float {

      0%,
      100% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(-8px)
      }
    }

@media(max-width:1100px) {
      :is(.hero-content, [class*='-hero-content']) { grid-template-columns: 1fr !important; gap: 48px !important; padding-top: 120px; }

      :is(.hero-visual, [class*='-hero-visual']) { display: none !important; }

      :is(.products-grid, [class*='-products-grid']) { grid-template-columns: 1fr 1fr !important; }

      :is(.product-card, [class*='-product-card']).featured { grid-column: span 2 !important; }

      :is(.gallery-header, [class*='-gallery-header']) { grid-template-columns: 1fr !important; gap: 32px !important; }

      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
    }

@media(max-width:768px) {
      nav { padding: 0 20px !important; }

      section { padding: 64px 20px !important; }

      :is(.nav-links, [class*='-nav-links']),
      :is(.btn-nav, [class*='-btn-nav']) { display: none !important; }

      :is(.hamburger, [class*='-hamburger']) { display: flex !important; }

      :is(.products-grid, [class*='-products-grid']) { grid-template-columns: 1fr !important; }

      :is(.product-card, [class*='-product-card']).featured { grid-column: span 1 !important; }

      :is(.form-row, [class*='-form-row']) { grid-template-columns: 1fr !important; }

      :is(.gallery-stats, [class*='-gallery-stats']) { gap: 16px !important; }

      .screenshots-grid.desktop-layout { grid-template-columns: 1fr !important; }

      :is(.screenshots-grid, [class*='-screenshots-grid']).mobile-layout { grid-template-columns: 1fr 1fr !important; }

      footer { padding: 48px 20px 0 !important; }

      :is(.footer-inner, [class*='-footer-inner']) { grid-template-columns: 1fr !important; }

      .footer-bottom { flex-direction: column !important; gap: 16px !important; text-align: center; }

      :is(.submit-card, [class*='-submit-card']) { padding: 36px 24px !important; }

      :is(.hero-content, [class*='-hero-content']) { padding: 0 20px !important; padding-top: 100px; }
    }

@media(max-width:768px) {
            :is(.cl-item, [class*='-cl-item']) { flex-direction: column !important; gap: 8px !important; }

            :is(.cl-date, [class*='-cl-date']) { width: auto; }
        }

@media(max-width:1024px) {
      :is(.projects-grid, [class*='-projects-grid']) { grid-template-columns: 1fr 1fr !important; }

      :is(.project-card, [class*='-project-card']).wide { grid-column: span 2 !important; }
    }

@media(max-width:768px) {
      :is(.projects-grid, [class*='-projects-grid']) { grid-template-columns: 1fr !important; }

      :is(.project-card, [class*='-project-card']).wide { grid-column: span 1 !important; }
    }

@media(max-width:768px) {
            :is(.products-grid, [class*='-products-grid']) { grid-template-columns: 1fr !important; }
        }

@media(max-width:768px) {
            :is(.steps-row, [class*='-steps-row']) { grid-template-columns: 1fr !important; }
        }

@media(max-width:1024px) {
            :is(.pricing-grid, [class*='-pricing-grid']) { grid-template-columns: 1fr !important; }

            :is(.pricing-card, [class*='-pricing-card']).featured { transform: none !important; }
        }

@media(max-width:768px) {
            :is(.partner-tiers, [class*='-partner-tiers']) { grid-template-columns: 1fr !important; }
        }

@media(max-width:1024px) {
            :is(.team-grid, [class*='-team-grid']) { grid-template-columns: 1fr 1fr !important; }

            :is(.values-row, [class*='-values-row']) { grid-template-columns: 1fr !important; }
        }

@media(max-width:768px) {
            :is(.team-grid, [class*='-team-grid']) { grid-template-columns: 1fr 1fr !important; }
        }

@media(max-width:1024px) {
      :is(.blog-featured, [class*='-blog-featured']) { grid-template-columns: 1fr !important; }

      :is(.blog-grid, [class*='-blog-grid']) { grid-template-columns: 1fr !important; }
    }

@media(max-width:768px) {
      :is(.article-card, [class*='-article-card']) { flex-direction: column !important; }

      :is(.article-thumb, [class*='-article-thumb']) { width: 100%; height: 120px; }
    }

@media(max-width:768px) {
      :is(.course-grid, [class*='-course-grid']) { grid-template-columns: 1fr !important; }
    }