@media (min-width: 992px) {

   .footer-social-group {
     justify-content: flex-end;
   }
 }

 @media (max-width: 1024px) {

   .nav-menu,
   .nav-status-tag,
   .nav-link-text {
     display: none;
   }

   .hero-headline {
     letter-spacing: -2px;
   }

   .hero-actions {
     flex-direction: column;
   }
 }

 @media (max-width: 991.98px) {

   .market-content {
     max-width: 100%;
     text-align: center;
   }

   .stat-callout-card {
     text-align: left;
     max-width: 500px;
     margin: 0 auto;
   }

   .floating-3d-asset {
     max-width: 80%;
     margin-top: 2rem;
   }

   .floating-app-img {
     max-width: 80%;
     margin-bottom: 2rem;
   }

   .air-card {
     grid-template-columns: 1fr;
     padding: 30px;
     gap: 15px;
   }

   .air-number {
     font-size: 3.5rem;
   }

   .section-intro {
     padding: 80px 0;
   }

   .intro-lead {
     font-size: 1.1rem;
   }

   .glass-node-card,
   .command-panel-glass {
     padding: 35px;
   }

   .command-metrics {
     flex-direction: row;
     flex-wrap: wrap;
   }

   .philosophy-panel-premium {
     padding: 40px 30px;
   }

   .metrics-stack {
     margin-top: 10px;
   }

   .executive-letter-card,
   .portal-side-card {
     padding: 30px;
   }

   .metrics-row {
     flex-direction: column;
     gap: 20px;
   }
 }

 @media (max-width: 768px) {

   .ipo-track {
     margin-bottom: 40px;
     padding-top: 0;
   }

   .ipo-track-line {
     display: none;
   }

   .ipo-milestones {
     flex-direction: column;
     gap: 0;
     border-left: 1px solid rgba(255, 255, 255, 0.08);
     padding-left: 24px;
     margin-left: 6px;
   }

   .ipo-ms {
     flex-direction: row;
     align-items: flex-start;
     gap: 0;
     padding: 16px 0;
     position: relative;
   }

   .ipo-ms-dot {
     position: absolute;
     left: -29px;
     top: 20px;
   }

   .ipo-ms-label {
     text-align: left;
     font-size: 0.88rem;
   }

   .ipo-ms-year {
     text-align: left;
     margin-left: 10px;
     color: #64748b;
   }

   .fin-strip {
     flex-direction: column;
     gap: 24px;
     align-items: center;
   }

   .fin-strip-divider {
     width: 40px;
     height: 1px;
   }

   .fin-strip-item {
     padding: 0;
   }

   .cookie-bar {
     bottom: 16px;
     padding: 20px;
   }

   .bond-header,
   .bond-data-list,
   .bond-footer {
     padding-left: 20px;
     padding-right: 20px;
   }

   .bond-data-row {
     flex-direction: column;
     align-items: flex-start;
     gap: 8px;
   }

   .data-value {
     text-align: left;
   }

   .highlight-value {
     font-size: 1.3rem;
   }

   .conversational-form-wrapper {
     padding: 40px 30px;
   }

   .static-text,
   .inline-input {
     font-size: 1.4rem;
   }

   .input-wrapper {
     width: 100%;
     min-width: 100%;
   }

   .footer-top {
     flex-direction: column;
     gap: 36px;
   }

   .footer-brand-col {
     flex: none;
   }

   .footer-links-grid {
     flex-direction: column;
     gap: 28px;
   }

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

 @media (max-width: 575.98px) {

   .callout-text-group {
     flex-direction: column;
     align-items: flex-start;
     gap: 5px;
   }

   .feature-card-minimal {
     padding: 24px;
   }
 }

 @media (max-width: 768px) {
   .vault-split {
     grid-template-columns: 1fr;
   }

   .vault-brand-panel {
     padding: 24px 28px;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     min-height: auto;
   }

   .vault-tagline,
   .vault-brand-footer {
     display: none;
   }

   .vault-logo {
     margin-bottom: 0;
     font-size: 1.5rem;
   }

   .vault-form-panel {
     padding: 32px 28px;
   }

   .vault-form-header {
     margin-bottom: 24px;
   }

   #loginModal .modal-dialog {
     max-width: 100%;
     margin: 16px;
   }
 }

 @media (max-width: 991.98px) {
   .atelier-metrics-strip {
     grid-template-columns: repeat(2, 1fr);
   }

   .agp-body {
     padding: 28px;
   }

   .atelier-tag {
     display: none;
   }

   .atelier-divider {
     display: none;
   }
 }

 @media (max-width: 575.98px) {
   .atelier-metrics-strip {
     grid-template-columns: 1fr;
   }

   .atelier-session-pill {
     display: none;
   }

   .agp-header {
     padding: 20px 24px;
   }

   .agp-body {
     padding: 24px;
   }

   .atelier-pillar {
     padding: 32px 24px;
   }
 }

 /* ==========================================
    AI Section & Page Responsive
    ========================================== */

 @media (max-width: 991.98px) {
   .section-ai-home {
     padding: 100px 0;
   }

   .ai-home-content {
     max-width: 100%;
     text-align: center;
     margin-bottom: 40px;
   }

   .ai-home-content .pill-label {
     margin-left: auto;
     margin-right: auto;
   }

   .ai-home-content .btn-main {
     display: inline-flex;
     margin: 16px auto 0;
   }

   .ai-hero {
     min-height: auto;
     padding: 140px 0 80px;
   }

   .ai-hero-headline {
     font-size: clamp(2.8rem, 7vw, 4.5rem);
     letter-spacing: -2px;
   }

   .ai-intro-card {
     padding: 50px 32px;
   }

   .ai-intro-metrics {
     flex-wrap: wrap;
     gap: 24px;
   }

   .ai-metric-divider {
     display: none;
   }

   .ai-detail-section {
     padding: 100px 0;
   }

   .ai-detail-row {
     margin-bottom: 60px;
   }

   .ai-detail-visual {
     width: 200px;
     height: 200px;
     margin-bottom: 20px;
   }

   .ai-visual-orb {
     width: 90px;
     height: 90px;
   }

   .ai-visual-orb .material-symbols-outlined {
     font-size: 36px;
   }

   .ai-detail-content {
     max-width: 100%;
     text-align: center;
   }

   .ai-detail-number {
     font-size: 3.5rem;
   }

   .ai-cta-section {
     padding: 100px 0;
   }
 }

 @media (max-width: 767.98px) {
   .section-ai-home {
     padding: 80px 0;
   }

   .ai-preview-card {
     padding: 28px 24px;
     flex-direction: column;
     align-items: center;
     text-align: center;
   }

   .ai-hero-visual {
     width: 140px;
     height: 140px;
   }

   .neural-core {
     inset: 42px;
   }

   .neural-core .material-symbols-outlined {
     font-size: 28px;
   }

   .ai-intro-card {
     padding: 40px 24px;
   }

   .ai-intro-text {
     font-size: 1.05rem;
   }

   .ai-detail-row {
     margin-bottom: 50px;
   }
 }

 @media (max-width: 575.98px) {
   .ai-hero-headline {
     letter-spacing: -1.5px;
   }

   .ai-hero-subtitle {
     font-size: 1.05rem;
   }

   .ai-detail-number {
     font-size: 2.8rem;
   }

   .ai-detail-title {
     font-size: 1.4rem;
   }
 }