/**
 * FINAL — har page: text LEFT, image RIGHT (100% site-wide)
 * nx-img-strip = 4 images LEFT → RIGHT in one row
 */

 /* SECTION WRAPPER */
.advantage-section,
.case-section,
.industry-section {
  padding: 80px 0;
  background: #0c0c14;
}

.case-section {
  background: #08080e;
}

/* CONTAINER (local only) */
.container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 clamp(1.25rem, 4vw, 2.5rem);
  box-sizing: border-box;
}

/* SECTION HEADER */
.section-header {
  margin-bottom: 40px;
}

.section-header--center {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.section-tag {
  display: inline-block;
  color: #4ade80;
  background: rgba(45, 212, 191, 0.12);
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.section-description {
  color: rgba(255, 255, 255, 0.62);
  max-width: 650px;
  margin: 0 auto;
}

/* GRID SYSTEM */
.advantage-grid,
.case-grid,
.industry-grid {
  display: grid;
  gap: 20px;
}

/* ADVANTAGE GRID */
.advantage-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.advantage-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 24px;
    border-radius: 14px;
    transition: 0.25s ease;
  }
  
  /* hover */
  .advantage-card:hover {
    transform: translateY(-6px);
    border-color: rgba(74, 222, 128, 0.45);
    background: rgba(255, 255, 255, 0.06);
  }

.advantage-card i {
  font-size: 20px;
  color: #4ade80;
  margin-bottom: 12px;
}

/* CASE STUDY */
.case-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.case-card {
  display: block;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 24px;
  transition: 0.25s ease;
  color: inherit;
}

/* hover */
.case-card:hover {
  transform: translateY(-6px);
  border-color: rgba(74, 222, 128, 0.45);
  background: rgba(255, 255, 255, 0.06);
}

.case-tag {
  font-size: 12px;
  color: #4ade80;
  font-weight: 600;
}

.case-link {
  display: inline-block;
  margin-top: 10px;
  color: #4ade80;
}

/* INDUSTRY */
.industry-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.industry-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 18px;
    border-radius: 12px;
    transition: 0.25s ease;
  }
  
  /* hover */
  .industry-card:hover {
    transform: scale(1.03);
    border-color: rgba(74, 222, 128, 0.45);
    background: rgba(255, 255, 255, 0.06);
  }

.industry-card p {
  color: rgba(255, 255, 255, 0.62);
  font-size: 14px;
}
.ui-section {
    width: 100%;
  }
  
  .ui-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(1.25rem, 4vw, 2.5rem);
    box-sizing: border-box;
  }
  
  .ui-section--soft {
    background: #08080e;
  }
  
  
  
  .ui-text-center {
    text-align: center;
  }
  
  .ui-section-tag {
    color: #4ade80;
    background: rgba(45, 212, 191, 0.12);
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 10px;
  }
  
  .ui-section-title {
    font-size: 32px;
    margin-bottom: 20px;
    color: #fff;
  }
  
  .ui-section-title strong {
    color: #4ade80;
  }
  
  /* TABS */
  .tech-tabs {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
  }
  
  .tech-tab {
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.08);
    color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
  }
  
  .tech-tab.active {
    background: linear-gradient(135deg, #22c55e, #10b981);
    border-color: transparent;
    color: #0a0a0a;
    font-weight: 600;
  }
  
  .tech-panel {
    display: none;
    margin-top: 20px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.08);
  }
  
  /* GRIDS */
  .process-grid,
  .engage-grid,
  .resources-grid {
    display: grid;
    gap: 20px;
    margin-top: 40px;
  }
  
  .process-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  
  .engage-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
  
  .resources-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  
  /* CARDS */
  .process-card,
  .engage-card,
  .resource-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 20px;
    border-radius: 14px;
    transition: 0.25s ease;
  }
  
  .process-card:hover,
  .engage-card:hover,
  .resource-card:hover {
    transform: translateY(-6px);
    border-color: rgba(74, 222, 128, 0.45);
    background: rgba(255, 255, 255, 0.06);
  }
  
  .step {
    color: #4ade80;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
  }
  
  /* FAQ */
  .faq details {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 14px;
    border-radius: 12px;
    margin-bottom: 10px;
  }
  
  .faq summary {
    cursor: pointer;
    font-weight: 600;
    color: #fff;
  }

  .faq details p {
    color: rgba(255, 255, 255, 0.62);
    margin-top: 0.5rem;
  }
  
  /* BUTTON */
  .ui-btn-outline {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid rgba(74, 222, 128, 0.5);
    color: #4ade80;
    border-radius: 999px;
    text-decoration: none;
    transition: 0.25s ease;
  }
  
  .ui-btn-outline:hover {
    background: rgba(74, 222, 128, 0.12);
    color: #4ade80;
  }
  .cta-section {
    width: 100%;
    padding: 90px 0;
    background: #0a0a0a;
    border-top: 1px solid rgba(255,255,255,0.06);
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  
  .cta-container {
    width: 100%;
    padding: 0 5vw;
  }
  
  .cta-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
  }
  
  .cta-title {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
  }
  
  .cta-title strong {
    color: #4ade80;
  }
  
  .cta-subtitle {
    color: rgba(255, 255, 255, 0.62);
    font-size: 15px;
    margin-bottom: 30px;
  }
  
  .cta-steps {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    margin: 30px 0;
  }
  
  .cta-step {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255,255,255,0.08);
    padding: 16px 18px;
    border-radius: 12px;
    min-width: 140px;
    transition: 0.25s ease;
  }
  
  .cta-step:hover {
    transform: translateY(-5px);
    border-color: rgba(74, 222, 128, 0.45);
  }
  
  .cta-step strong {
    display: block;
    color: #4ade80;
    margin-bottom: 6px;
  }
  
  .cta-step span {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
  }
  
  /* BUTTON */
  .cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    margin-top: 20px;
    background: linear-gradient(135deg, #22c55e, #10b981);
    color: #0a0a0a;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.25s ease;
    box-shadow: 0 8px 32px rgba(74, 222, 128, 0.25);
  }
  
  .cta-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-3px);
  }

.advantage-card h4,
.case-card h3,
.industry-card h4,
.process-card h4,
.engage-card h4,
.resource-card h4,
.tech-panel h4 {
  color: #fff;
  margin: 0 0 0.5rem;
}

.advantage-card p,
.case-card p,
.process-card p,
.engage-card p,
.resource-card p,
.tech-panel p {
  color: rgba(255, 255, 255, 0.62);
  margin: 0;
  line-height: 1.55;
}

.engage-card a {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #2dd4bf;
  text-decoration: none;
}

.engage-card a:hover {
  color: #4ade80;
}

.resource-card .type {
  display: inline-block;
  color: #4ade80;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
}

.resource-card .meta {
  display: block;
  color: rgba(255, 255, 255, 0.55);
  font-size: 13px;
  margin-top: 8px;
}
/* 4-image row — do not force single text+image row layout */
.neoxweb-site .nx-img-strip,
.neoxweb-site .nx-img-strip__card,
.neoxweb-site .nx-img-strip__media,
.neoxweb-site .nx-img-strip__body {
    border-bottom: none !important;
}

.neoxweb-site .nx-img-strip-wrap .nx-img-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(1rem, 2vw, 1.5rem) !important;
}

.neoxweb-site .nx-img-strip__card {
    width: 100% !important;
    /* aspect-ratio: 4 / 3 !important; */
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #0a0a0a !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.neoxweb-site .nx-img-strip__media,
.neoxweb-site .nx-img-strip__card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}
.qa-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.qa-gallery-card{
  background:#171717;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  overflow:hidden;
  transition:.35s ease;
}

.qa-gallery-card:hover{
  transform:translateY(-6px);
  border-color:rgba(255,255,255,.18);
}

.qa-gallery-image{
  height:240px;
  overflow:hidden;
}

.qa-gallery-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.5s;
}

.qa-gallery-card:hover img{
  transform:scale(1.05);
}

.qa-gallery-content{
  padding:18px 24px 24px;
}

.qa-gallery-content h3{
  font-size:20px;      /* Screenshot jaisa */
  font-weight:700;
  color:#fff;
  margin:0 0 8px;
  line-height:1.2;
}

.qa-gallery-content p{
  font-size:15px;      /* Screenshot jaisa */
  color:#c7c7c7;
  margin:0;
  line-height:1.5;
}

@media(max-width:992px){
  .qa-gallery-grid{
      grid-template-columns:repeat(2,1fr);
  }
}

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

  .qa-gallery-image{
      height:220px;
  }
}
@media (max-width: 900px) {
    .neoxweb-site .nx-img-strip-wrap .nx-img-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .neoxweb-site .nx-img-strip-wrap .nx-img-strip {
        grid-template-columns: 1fr !important;
    }
}

/* Kill 4-column card grid — always use rows */
.neoxweb-site .neox-service-cards--grid,
.neoxweb-site .neox-service-cards:not(.nx-service-rows) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    grid-template-columns: none !important;
    max-width: min(920px, 100%) !important;
}

/* Universal row: copy left (col 1), media right (col 2) */
.neoxweb-site .nx-portfolio-row,
.neoxweb-site .nx-pro-split,
.neoxweb-site .nx-auto-row,
.neoxweb-site .nx-service-row,
.neoxweb-site .contact-hero-row,
.neoxweb-site .nx-page-hero-row,
.neoxweb-site .nx-team-card,
.neoxweb-site .neox-service-cards > .neox-service-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 240px) !important;
    gap: clamp(0.85rem, 2vw, 1.35rem) !important;
    align-items: center !important;
    padding: clamp(0.75rem, 1.8vw, 1.15rem) 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    text-align: left !important;
}

.neoxweb-site .nx-portfolio-row:last-child,
.neoxweb-site .nx-auto-row:last-child,
.neoxweb-site .neox-service-cards > .neox-service-card:last-child {
    border-bottom: none !important;
}

/* LEFT column — text */
.neoxweb-site .nx-portfolio-row__copy,
.neoxweb-site .nx-pro-split__body,
.neoxweb-site .neox-service-card__body,
.neoxweb-site .svc-showcase-card figcaption,
.neoxweb-site .nx-team-card__body,
.neoxweb-site .contact-hero-inner {
    grid-column: 1 !important;
    grid-row: 1 !important;
    text-align: left !important;
    order: unset !important;
    padding: 0 !important;
    max-width: none !important;
}

/* RIGHT column — image */
.neoxweb-site .nx-portfolio-row__media,
.neoxweb-site .nx-pro-split__media,
.neoxweb-site .neox-service-card__media,
.neoxweb-site .svc-showcase-card__img,
.neoxweb-site .nx-team-card__img,
.neoxweb-site .contact-hero-row__media {
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: unset !important;
    max-width: 240px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    padding: 0.35rem !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #0a0a0a !important;
    border: 1px solid rgba(74, 222, 128, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.neoxweb-site .neox-service-card__badge {
    position: static !important;
    display: inline-flex !important;
    margin-bottom: 0.5rem !important;
    width: fit-content !important;
}

.neoxweb-site .neox-service-card__media::after {
    display: none !important;
}

/* Full visible images — right side */
.neoxweb-site .nx-portfolio-row__media img,
.neoxweb-site .nx-pro-split__media img,
.neoxweb-site .neox-service-card__media img,
.neoxweb-site .neox-service-card__media .visual-art,
.neoxweb-site .svc-showcase-card__img img,
.neoxweb-site .nx-team-card__img img,
.neoxweb-site .contact-hero-row__media img,
.neoxweb-site .nx-auto-row img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 180px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 8px !important;
}

.neoxweb-site .neox-service-card {
    flex-direction: unset !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
}

.neoxweb-site .neox-service-card:hover {
    transform: none !important;
    box-shadow: none !important;
}

.neoxweb-site .neox-service-card__body h3,
.neoxweb-site .nx-portfolio-row__copy h3 {
    font-size: 1rem !important;
    margin: 0 0 0.35rem !important;
    text-align: left !important;
}

.neoxweb-site .neox-service-card__body p,
.neoxweb-site .nx-portfolio-row__copy p {
    font-size: 0.875rem !important;
    text-align: left !important;
    margin: 0 0 0.5rem !important;
}

.neoxweb-site .neox-service-card__body a,
.neoxweb-site .nx-portfolio-row__link {
    text-align: left !important;
    justify-content: flex-start !important;
    color: #4ade80 !important;
}

/* Showcase rows */
.neoxweb-site .svc-showcase-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.neoxweb-site .svc-showcase-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 240px) !important;
}

/* Section titles — left */
.neoxweb-site main .section-header,
.neoxweb-site #services-section .section-header--cards {
    text-align: left !important;
    margin-inline: 0 !important;
    max-width: none !important;
}

.neoxweb-site main .section-header h1,
.neoxweb-site main .section-header h2,
.neoxweb-site main .section-header .section-desc {
    text-align: left !important;
    margin-inline: 0 !important;
}

/* Stack containers */
.neoxweb-site .nx-service-rows,
.neoxweb-site .nx-portfolio-showcase,
.neoxweb-site .nx-team-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    max-width: min(920px, 100%) !important;
}

.neoxweb-site main .container,
.neoxweb-site main .ui-container {
    max-width: min(1280px, 100%) !important;
}

@media (max-width: 640px) {
    .neoxweb-site .nx-portfolio-row,
    .neoxweb-site .nx-pro-split,
    .neoxweb-site .neox-service-card,
    .neoxweb-site .svc-showcase-card,
    .neoxweb-site .nx-team-card,
    .neoxweb-site .contact-hero-row,
    .neoxweb-site .web-hero-grid,
    .neoxweb-site .service-panel,
    .neoxweb-site .web-case-card {
        grid-template-columns: 1fr minmax(100px, 140px) !important;
    }

    .neoxweb-site .nx-portfolio-row__media,
    .neoxweb-site .nx-portfolio-row__media--full,
    .neoxweb-site .nx-pro-split__media,
    .neoxweb-site .neox-service-card__media,
    .neoxweb-site .svc-showcase-card__img,
    .neoxweb-site .nx-team-card__img,
    .neoxweb-site .contact-hero-row__media,
    .neoxweb-site .web-hero-visual,
    .neoxweb-site .service-panel-icon {
        order: unset !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        max-width: 140px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .neoxweb-site .nx-portfolio-row__copy,
    .neoxweb-site .nx-pro-split__body,
    .neoxweb-site .neox-service-card__body,
    .neoxweb-site .svc-showcase-card figcaption,
    .neoxweb-site .nx-team-card__body,
    .neoxweb-site .contact-hero-inner,
    .neoxweb-site .web-hero-copy {
        grid-column: 1 !important;
        order: unset !important;
    }

    .neoxweb-site .nx-portfolio-row__media img,
    .neoxweb-site .neox-service-card__media img,
    .neoxweb-site .svc-showcase-card__img img {
        max-height: 120px !important;
    }
}

/* Banner hero — text left, image right */
.neoxweb-site .svc-banner-hero__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 240px) !important;
    gap: clamp(0.85rem, 2vw, 1.35rem) !important;
    align-items: center !important;
    text-align: left !important;
}

.neoxweb-site .svc-banner-hero__inner > nav,
.neoxweb-site .svc-banner-hero__inner > .ui-section-tag,
.neoxweb-site .svc-banner-hero__inner > h1,
.neoxweb-site .svc-banner-hero__inner > .svc-banner-hero__lead,
.neoxweb-site .svc-banner-hero__inner > .svc-banner-hero__actions {
    grid-column: 1 !important;
}

.neoxweb-site .svc-banner-hero__inner > .nx-portfolio-row__media {
    grid-column: 2 !important;
    grid-row: 1 / span 6 !important;
}
.neoxweb-site .web-hero-visual,
.neoxweb-site .web-hero-float-card {
    display: block !important;
}

.neoxweb-site .web-hero-float-card {
    display: none !important;
}

.neoxweb-site .web-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 240px) !important;
    gap: clamp(0.85rem, 2vw, 1.35rem) !important;
    align-items: center !important;
    max-width: min(920px, 100%) !important;
    text-align: left !important;
}

.neoxweb-site .web-hero-copy {
    grid-column: 1 !important;
    text-align: left !important;
}

.neoxweb-site .web-hero-visual {
    grid-column: 2 !important;
    max-width: 240px !important;
    margin-left: auto !important;
}

.neoxweb-site .web-hero-visual-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.35rem !important;
    border-radius: 12px !important;
    background: #0a0a0a !important;
    border: 1px solid rgba(74, 222, 128, 0.15) !important;
}

.neoxweb-site .web-hero-visual-icon img,
.neoxweb-site .web-hero-visual .visual-art--hero {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 180px !important;
    object-fit: contain !important;
}

/* Service panels — text left, visual right */
.neoxweb-site .service-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.neoxweb-site .service-panel,
.neoxweb-site .web-case-card,
.neoxweb-site .web-process-step {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 240px) !important;
    gap: clamp(0.85rem, 2vw, 1.35rem) !important;
    align-items: center !important;
    padding: clamp(0.75rem, 1.8vw, 1.15rem) 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    text-align: left !important;
}

.neoxweb-site .service-panel h3,
.neoxweb-site .service-panel p,
.neoxweb-site .service-panel .list-bullet,
.neoxweb-site .web-case-card h3,
.neoxweb-site .web-case-card p {
    grid-column: 1 !important;
    text-align: left !important;
}

.neoxweb-site .service-panel-icon,
.neoxweb-site .web-case-badge {
    grid-column: 2 !important;
    grid-row: 1 / span 6 !important;
    justify-self: end !important;
    max-width: 240px !important;
    width: 100% !important;
    padding: 0.35rem !important;
    border-radius: 12px !important;
    background: #0a0a0a !important;
    border: 1px solid rgba(74, 222, 128, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.neoxweb-site .service-panel-icon img {
    max-width: 100% !important;
    max-height: 180px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.neoxweb-site .service-panel-num {
    display: none !important;
}

/* Section headers — always left */
.neoxweb-site main .section-header.text-center {
    text-align: left !important;
}

.neoxweb-site main .section-header.text-center h2,
.neoxweb-site main .section-header.text-center .section-desc {
    text-align: left !important;
    margin-inline: 0 !important;
}

/* ── GLOBAL: text LEFT, image RIGHT — all breakpoints ── */
@media (max-width: 900px) {
    .neoxweb-site .nx-portfolio-row,
    .neoxweb-site .nx-pro-split,
    .neoxweb-site .neox-service-card,
    .neoxweb-site .svc-showcase-card,
    .neoxweb-site .nx-team-card,
    .neoxweb-site .contact-hero-row,
    .neoxweb-site .nx-page-hero-row,
    .neoxweb-site .web-hero-grid,
    .neoxweb-site .service-panel,
    .neoxweb-site .pr-split {
        grid-template-columns: minmax(0, 1fr) minmax(100px, 180px) !important;
        gap: clamp(0.75rem, 2vw, 1.25rem) !important;
    }

    .neoxweb-site .nx-portfolio-row__media,
    .neoxweb-site .nx-portfolio-row__media--full,
    .neoxweb-site .nx-pro-split__media,
    .neoxweb-site .nx-pro-split__media--full,
    .neoxweb-site .neox-service-card__media,
    .neoxweb-site .svc-showcase-card__img,
    .neoxweb-site .nx-team-card__img,
    .neoxweb-site .contact-hero-row__media,
    .neoxweb-site .web-hero-visual,
    .neoxweb-site .pr-split__media,
    .neoxweb-site .service-panel-icon {
        order: unset !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        max-width: 180px !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    .neoxweb-site .nx-portfolio-row__copy,
    .neoxweb-site .nx-pro-split__body,
    .neoxweb-site .neox-service-card__body,
    .neoxweb-site .svc-showcase-card figcaption,
    .neoxweb-site .nx-team-card__body,
    .neoxweb-site .contact-hero-inner,
    .neoxweb-site .web-hero-copy,
    .neoxweb-site .pr-split__body {
        order: unset !important;
        grid-column: 1 !important;
        max-width: none !important;
    }
}

/* Inner pages without premium hero — hide old bg */
.neoxweb-site:not(.home-page) .nx-page-hero:not(.hero-section--premium) .hero-tech-bg,
.neoxweb-site:not(.home-page) .cs-index-hero:not(.hero-section--premium) .hero-tech-bg,
.neoxweb-site:not(.home-page) .hero-neoxweb-bg,
.neoxweb-site:not(.home-page) .hero-globe-orbit,
.neoxweb-site .nx-page-hero__particles,
.neoxweb-site:not(.home-page) .nx-page-hero:not(.hero-section--premium) .hero-particles-canvas {
    display: none !important;
}

.neoxweb-site .nx-page-hero:not(.hero-section--premium),
.neoxweb-site .cs-index-hero:not(.hero-section--premium),
.neoxweb-site.contact-page .contact-page-hero:not(.hero-section--premium) {
    background: linear-gradient(165deg, #0a100c 0%, #050806 100%) !important;
    min-height: auto !important;
    padding: clamp(2rem, 5vw, 3.5rem) 0 !important;
}

.neoxweb-site.home-page .hero-section--premium-home,
.neoxweb-site .hero-section--premium,
.neoxweb-site .web-hero.hero-section--premium {
    background: #050806 !important;
    min-height: min(88vh, 820px) !important;
    padding: 0 !important;
}

.neoxweb-site .hero-section--premium .hero-tech-bg,
.neoxweb-site .hero-section--premium .hero-bg-overlay,
.neoxweb-site .hero-section--premium .hero-particles-canvas,
.neoxweb-site .web-hero.hero-section--premium .hero-tech-bg,
.neoxweb-site .web-hero.hero-section--premium .hero-bg-overlay,
.neoxweb-site .web-hero.hero-section--premium .hero-particles-canvas,
.neoxweb-site.home-page .hero-section--premium-home .hero-tech-bg,
.neoxweb-site.home-page .hero-section--premium-home .hero-bg-overlay,
.neoxweb-site.home-page .hero-section--premium-home .hero-particles-canvas {
    display: block !important;
}

.neoxweb-site .nx-page-hero__inner,
.neoxweb-site .hero-section--row > .container {
    max-width: min(960px, 100%) !important;
    padding-inline: clamp(1rem, 4vw, 1.5rem) !important;
}

.neoxweb-site .nx-page-hero-row,
.neoxweb-site .hero-section--row .contact-hero-row {
    border-bottom: none !important;
    padding: 0 !important;
}

.neoxweb-site .pr-split,
.neoxweb-site .pr-split--reverse {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 240px) !important;
    direction: ltr !important;
}

.neoxweb-site .pr-split__body {
    grid-column: 1 !important;
    text-align: left !important;
}

.neoxweb-site .pr-split__media {
    grid-column: 2 !important;
    order: unset !important;
    max-width: 240px !important;
    margin-left: auto !important;
}

/* ============================================================
   FINAL POLISH — bigger images + readable text (site-wide)
   ============================================================ */

.neoxweb-site .contact-hero-row,
.neoxweb-site .hero-section--row .contact-hero-row {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
    gap: clamp(1.25rem, 3vw, 2rem) !important;
}

.neoxweb-site .contact-hero-row__media,
.neoxweb-site .hero-section--row .contact-hero-row__media {
    max-width: 420px !important;
    min-height: clamp(220px, 32vw, 320px) !important;
    padding: 0.5rem !important;
}

.neoxweb-site .contact-hero-row__media img,
.neoxweb-site .hero-section--row .contact-hero-row__media img {
    max-height: min(340px, 42vw) !important;
    width: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.neoxweb-site .nx-portfolio-row,
.neoxweb-site .nx-pro-split,
.neoxweb-site .contact-hero-row,
.neoxweb-site .nx-page-hero-row {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 360px) !important;
}

.neoxweb-site .nx-portfolio-row__media,
.neoxweb-site .nx-pro-split__media,
.neoxweb-site .nx-pro-split__media--full,
.neoxweb-site .nx-portfolio-row__media--full,
.neoxweb-site .nx-team-card__img,
.neoxweb-site .svc-showcase-card__img,
.neoxweb-site .web-hero-visual {
    max-width: 360px !important;
    min-height: clamp(160px, 20vw, 240px) !important;
    padding: 0.5rem !important;
}

.neoxweb-site .nx-portfolio-row__media img,
.neoxweb-site .nx-pro-split__media img,
.neoxweb-site .nx-pro-split__media--full img,
.neoxweb-site .nx-portfolio-row__media--full img,
.neoxweb-site .nx-team-card__img img,
.neoxweb-site .svc-showcase-card__img img,
.neoxweb-site .contact-hero-row__media img,
.neoxweb-site .nx-auto-row img,
.neoxweb-site .web-hero-visual-icon img {
    max-height: min(280px, 36vw) !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.neoxweb-site .nx-portfolio-row__copy h3,
.neoxweb-site .nx-pro-split__body h2,
.neoxweb-site .nx-pro-split__body h3,
.neoxweb-site .neox-service-card__body h3,
.neoxweb-site .contact-hero-inner .hero-title {
    font-size: clamp(1.05rem, 2vw, 1.25rem) !important;
    line-height: 1.4 !important;
}

.neoxweb-site .nx-portfolio-row__copy p,
.neoxweb-site .nx-pro-split__body p,
.neoxweb-site .neox-service-card__body p,
.neoxweb-site .contact-hero-inner .hero-text,
.neoxweb-site .contact-hero-lead,
.neoxweb-site .nx-page-hero__lead {
    font-size: clamp(0.9rem, 1.6vw, 1rem) !important;
    line-height: 1.65 !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.neoxweb-site main .container,
.neoxweb-site main .ui-container {
    max-width: min(1280px, 100%) !important;
}

@media (max-width: 640px) {
    .neoxweb-site .contact-hero-row,
.neoxweb-site .hero-section--row .contact-hero-row {
        grid-template-columns: 1fr minmax(160px, 220px) !important;
    }

    .neoxweb-site .contact-hero-row__media,
    .neoxweb-site .nx-portfolio-row__media,
    .neoxweb-site .nx-pro-split__media {
        max-width: 220px !important;
        min-height: 140px !important;
    }

    .neoxweb-site .nx-portfolio-row__media img,
    .neoxweb-site .contact-hero-row__media img {
        max-height: 180px !important;
    }
}

/* Page sections — full-width containers & grids */
.neoxweb-site main .container,
.neoxweb-site main .ui-container {
    max-width: min(1280px, 100%) !important;
    width: 100% !important;
    margin-inline: auto !important;
    padding-inline: clamp(1.25rem, 4vw, 2.5rem) !important;
    box-sizing: border-box !important;
}

.neoxweb-site .advantage-section,
.neoxweb-site .case-section,
.neoxweb-site .industry-section,
.neoxweb-site .ui-section {
    width: 100% !important;
}

.neoxweb-site .advantage-grid,
.neoxweb-site .case-grid,
.neoxweb-site .industry-grid,
.neoxweb-site .process-grid,
.neoxweb-site .engage-grid,
.neoxweb-site .resources-grid,
.neoxweb-site .tech-tabs,
.neoxweb-site .tech-panel,
.neoxweb-site .faq {
    width: 100% !important;
    max-width: 100% !important;
}

.neoxweb-site .section-header--center {
    max-width: 760px !important;
}

.neoxweb-site .section-description {
    max-width: 720px !important;
    color: rgba(255, 255, 255, 0.62) !important;
}

.neoxweb-site .advantage-section h2,
.neoxweb-site .case-section h2,
.neoxweb-site .industry-section h2,
.neoxweb-site .section-header h2 {
    color: #fff;
}