/* Service-detail family (DECISION-003 all-remaining-subpages wave, WP-E1,
   docs/WORKPACK_DECISION003_ALL_SUBPAGES.md). One shared stylesheet for all
   10 Service-family pages, page-scoped under body.<key>-redesign, same
   shape as static/css/products_redesign.css (one file, N body classes) -
   built on static/css/site_redesign.css's shared --hr-* tokens and
   header/nav/connector-logo rules (extended in that file for these 10
   classes - see its own WP-E1 addendum comment for why that was needed).

   Real class vocabulary restyled here comes from static/css/service_details.css
   (legacy, left in place, NOT reused for its actual color values - see
   docs/WORKPACK_DECISION003_ALL_SUBPAGES.md Section 2) and from directly
   fetching and reading all 10 live routes in full before writing this file
   (ai_machine_learning, cloud_infrastructure, specialized_computing,
   technology_expertise, rapid_prototyping, product_development,
   data_analysis, data_forensics, nocode, web_development) - not assumed
   from the 3 samples in the workpack doc alone. 9 of the 10 share one
   consistent skeleton: `.service-detail-page` > `.service-hero` (hero,
   real headline/lead already in the content) + `.service-overview`
   (`.service-highlight-card`) + `.service-areas` (`.service-area-card`
   grid) + optionally `.case-study` and/or `.technologies-used` (`.tech-tags`)
   and, on technology_expertise only, `.featured-projects` (`.project-card`
   grid with `.category-badge`) + `.technology-partnerships`
   (`.partner-logos`). Card counts, hero-modifier class, and which optional
   sections are present differ per page; the class vocabulary itself does
   not - confirmed by grep across all 10 fetched pages, not assumed.

   REAL EXCEPTION, found and not silently worked around: `nocode`'s live
   content_html does NOT use the Service-detail skeleton at all - it
   renders `.project-detail-container` / `.project-category` / `.tech-badge`
   / `.feature-list` / `.results-container`, the Project-detail family's own
   shape (confirmed directly, same "Back to Project Showcase" link and
   category-badge header wormwood/deltaprism use). It also has a matching
   `ProjectCard.slug='nocode'` row in the local app.db (confirmed via direct
   query), the same signal the workpack doc used to correct `web_development`
   the OTHER direction (project -> service) in Section 1.3 - this looks like
   the mirror-image miscategorization (service -> project) that correction
   missed. Reassigning it to the Project family is an architecture-level
   scope call this persona cannot make (BACKEND_CORE mandate boundary), so
   it stays in this ticket's 10-key migration exactly as instructed. To
   avoid shipping it half-migrated (new hr-page/connector-logo shell wrapped
   around still-legacy-styled Project-shaped content), the Project-family
   class vocabulary it actually renders is ALSO restyled here, scoped only
   to body.nocode-redesign, at the bottom of this file - flagged again in
   the WP-E1 completion report for the coordinator/ARCHITECT to decide
   whether `nocode` should formally move to WP-E2 in a follow-up. */

body.ai_machine_learning-redesign,
body.cloud_infrastructure-redesign,
body.specialized_computing-redesign,
body.technology_expertise-redesign,
body.rapid_prototyping-redesign,
body.product_development-redesign,
body.data_analysis-redesign,
body.data_forensics-redesign,
body.nocode-redesign,
body.web_development-redesign {
    background: var(--hr-bg) !important;
    font-family: 'Barlow', sans-serif;
}

body.ai_machine_learning-redesign .hr-page,
body.cloud_infrastructure-redesign .hr-page,
body.specialized_computing-redesign .hr-page,
body.technology_expertise-redesign .hr-page,
body.rapid_prototyping-redesign .hr-page,
body.product_development-redesign .hr-page,
body.data_analysis-redesign .hr-page,
body.data_forensics-redesign .hr-page,
body.nocode-redesign .hr-page,
body.web_development-redesign .hr-page { position: relative; overflow: hidden; }

/* --- Service-detail-page: reset the legacy dark-Bootstrap page color; the
   real layout (container/row/col, py-5 spacing) is left completely alone,
   only color/type/panel treatment changes. --- */
body.ai_machine_learning-redesign .service-detail-page,
body.cloud_infrastructure-redesign .service-detail-page,
body.specialized_computing-redesign .service-detail-page,
body.technology_expertise-redesign .service-detail-page,
body.rapid_prototyping-redesign .service-detail-page,
body.product_development-redesign .service-detail-page,
body.data_analysis-redesign .service-detail-page,
body.data_forensics-redesign .service-detail-page,
body.web_development-redesign .service-detail-page {
    color: var(--hr-light);
    position: relative; z-index: 2;
    padding-top: 40px;
}

/* --- Hero. `.service-hero` already carries the real headline/lead in every
   page's own content - restyled directly rather than wrapped in a second
   hero, per the ticket. `::before`/`::after` fully redeclared (not just
   added to) so the legacy tech-pattern.svg background-image layer
   (service_details.css) is replaced outright by the veins-glow treatment.
   CORRECTED 2026-08-25 (WP-AIML-FIX, 869epmc68): this comment previously
   also claimed the `content: none` on `.service-hero::after` below
   "incidentally stops" the separate ai-pattern.svg 404 request from
   `.ai-ml-hero::after` (service_details.css) - verified WRONG via a real
   Chrome DevTools network log: Chromium still fetches a pseudo-element's
   background-image during style resolution even when a higher-specificity
   rule sets content: none on that same pseudo-element, since the fetch is
   not gated on box generation. The actual fix was removing the dead
   ai-pattern.svg reference directly in service_details.css. --- */
/* 2026-08-24: colored per docs/DESIGN_SYSTEM_REQUIREMENTS.md's glass-pane
   requirement. The 9 service keys (excluding nocode, handled separately
   below) are split into two alternating groups (by list position,
   even/odd), each with its own violet/teal ordering across the 4 panel
   types below (hero / section-title / case-study / partnership-content)
   so no single page repeats the same color on adjacent panels - same
   approach as products_redesign.css and project_detail_redesign.css's
   WP-GLASS2 fixes. */
body.ai_machine_learning-redesign .service-hero,
body.specialized_computing-redesign .service-hero,
body.rapid_prototyping-redesign .service-hero,
body.data_analysis-redesign .service-hero,
body.web_development-redesign .service-hero {
    background: radial-gradient(circle at 15% 0%, rgba(181,51,247,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30) !important;
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px;
    position: relative; overflow: hidden; z-index: 2;
    padding: 70px 48px !important;
}
body.cloud_infrastructure-redesign .service-hero,
body.technology_expertise-redesign .service-hero,
body.product_development-redesign .service-hero,
body.data_forensics-redesign .service-hero {
    background: radial-gradient(circle at 85% 0%, rgba(1,206,211,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30) !important;
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px;
    position: relative; overflow: hidden; z-index: 2;
    padding: 70px 48px !important;
}
body.ai_machine_learning-redesign .service-hero::before,
body.cloud_infrastructure-redesign .service-hero::before,
body.specialized_computing-redesign .service-hero::before,
body.technology_expertise-redesign .service-hero::before,
body.rapid_prototyping-redesign .service-hero::before,
body.product_development-redesign .service-hero::before,
body.data_analysis-redesign .service-hero::before,
body.data_forensics-redesign .service-hero::before,
body.web_development-redesign .service-hero::before {
    content: '';
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background-image:
        radial-gradient(circle at 12% 15%, rgba(181,51,247,0.14), transparent 45%),
        radial-gradient(circle at 88% 25%, rgba(1,206,211,0.10), transparent 50%);
    opacity: 1;
}
body.ai_machine_learning-redesign .service-hero::after,
body.cloud_infrastructure-redesign .service-hero::after,
body.specialized_computing-redesign .service-hero::after,
body.technology_expertise-redesign .service-hero::after,
body.rapid_prototyping-redesign .service-hero::after,
body.product_development-redesign .service-hero::after,
body.data_analysis-redesign .service-hero::after,
body.data_forensics-redesign .service-hero::after,
body.web_development-redesign .service-hero::after { content: none; }
body.ai_machine_learning-redesign .service-hero .container,
body.cloud_infrastructure-redesign .service-hero .container,
body.specialized_computing-redesign .service-hero .container,
body.technology_expertise-redesign .service-hero .container,
body.rapid_prototyping-redesign .service-hero .container,
body.product_development-redesign .service-hero .container,
body.data_analysis-redesign .service-hero .container,
body.data_forensics-redesign .service-hero .container,
body.web_development-redesign .service-hero .container { position: relative; z-index: 2; }

body.ai_machine_learning-redesign .service-hero h1.gradient-text,
body.cloud_infrastructure-redesign .service-hero h1.gradient-text,
body.specialized_computing-redesign .service-hero h1.gradient-text,
body.technology_expertise-redesign .service-hero h1.gradient-text,
body.rapid_prototyping-redesign .service-hero h1.gradient-text,
body.product_development-redesign .service-hero h1.gradient-text,
body.data_analysis-redesign .service-hero h1.gradient-text,
body.data_forensics-redesign .service-hero h1.gradient-text,
body.web_development-redesign .service-hero h1.gradient-text {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800; letter-spacing: 0.5px;
    background: linear-gradient(90deg, var(--hr-highlight) 0%, #7b5fd0 30%, #4a9fd8 65%, var(--hr-primary) 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
}
body.ai_machine_learning-redesign .service-hero .gradient-divider,
body.cloud_infrastructure-redesign .service-hero .gradient-divider,
body.specialized_computing-redesign .service-hero .gradient-divider,
body.technology_expertise-redesign .service-hero .gradient-divider,
body.rapid_prototyping-redesign .service-hero .gradient-divider,
body.product_development-redesign .service-hero .gradient-divider,
body.data_analysis-redesign .service-hero .gradient-divider,
body.data_forensics-redesign .service-hero .gradient-divider,
body.web_development-redesign .service-hero .gradient-divider {
    background: linear-gradient(90deg, var(--hr-highlight), var(--hr-primary)) !important;
}
body.ai_machine_learning-redesign .service-hero .lead,
body.cloud_infrastructure-redesign .service-hero .lead,
body.specialized_computing-redesign .service-hero .lead,
body.technology_expertise-redesign .service-hero .lead,
body.rapid_prototyping-redesign .service-hero .lead,
body.product_development-redesign .service-hero .lead,
body.data_analysis-redesign .service-hero .lead,
body.data_forensics-redesign .service-hero .lead,
body.web_development-redesign .service-hero .lead {
    font-family: 'Barlow', sans-serif; color: var(--hr-light) !important;
}

/* --- Section titles (`.section-title`, used page-wide for every section
   heading, not just inside the hero) - same glass-pill treatment as
   about_redesign.css's `.ar-sec-title`. `.section-title::after`'s own
   underline accent bar (service_details.css) is left in place, just
   recolored. --- */
/* Opposite accent from this page's service-hero above, per group. */
body.ai_machine_learning-redesign .section-title,
body.specialized_computing-redesign .section-title,
body.rapid_prototyping-redesign .section-title,
body.data_analysis-redesign .section-title,
body.web_development-redesign .section-title {
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--hr-light) !important;
    background: radial-gradient(circle at 85% 0%, rgba(1,206,211,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 12px 26px;
}
body.cloud_infrastructure-redesign .section-title,
body.technology_expertise-redesign .section-title,
body.product_development-redesign .section-title,
body.data_forensics-redesign .section-title {
    font-family: 'Barlow Condensed', sans-serif;
    color: var(--hr-light) !important;
    background: radial-gradient(circle at 15% 0%, rgba(181,51,247,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 12px 26px;
}
body.ai_machine_learning-redesign .section-title::after,
body.cloud_infrastructure-redesign .section-title::after,
body.specialized_computing-redesign .section-title::after,
body.technology_expertise-redesign .section-title::after,
body.rapid_prototyping-redesign .section-title::after,
body.product_development-redesign .section-title::after,
body.data_analysis-redesign .section-title::after,
body.data_forensics-redesign .section-title::after,
body.web_development-redesign .section-title::after {
    background: linear-gradient(90deg, var(--hr-highlight), var(--hr-primary));
}

/* --- Overview + highlight card --- */
body.ai_machine_learning-redesign .service-overview p,
body.cloud_infrastructure-redesign .service-overview p,
body.specialized_computing-redesign .service-overview p,
body.technology_expertise-redesign .service-overview p,
body.rapid_prototyping-redesign .service-overview p,
body.product_development-redesign .service-overview p,
body.data_analysis-redesign .service-overview p,
body.data_forensics-redesign .service-overview p,
body.web_development-redesign .service-overview p {
    font-size: 16.5px; line-height: 1.65; color: var(--hr-text-muted) !important;
}
body.ai_machine_learning-redesign .service-highlight-card,
body.cloud_infrastructure-redesign .service-highlight-card,
body.specialized_computing-redesign .service-highlight-card,
body.technology_expertise-redesign .service-highlight-card,
body.rapid_prototyping-redesign .service-highlight-card,
body.product_development-redesign .service-highlight-card,
body.data_analysis-redesign .service-highlight-card,
body.data_forensics-redesign .service-highlight-card,
body.web_development-redesign .service-highlight-card {
    background: rgba(13,15,20,0.55) !important;
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: none;
}
body.ai_machine_learning-redesign .service-highlight-card .icon-container,
body.cloud_infrastructure-redesign .service-highlight-card .icon-container,
body.specialized_computing-redesign .service-highlight-card .icon-container,
body.technology_expertise-redesign .service-highlight-card .icon-container,
body.rapid_prototyping-redesign .service-highlight-card .icon-container,
body.product_development-redesign .service-highlight-card .icon-container,
body.data_analysis-redesign .service-highlight-card .icon-container,
body.data_forensics-redesign .service-highlight-card .icon-container,
body.web_development-redesign .service-highlight-card .icon-container {
    background: rgba(181,51,247,0.15) !important; color: var(--hr-highlight) !important;
}
body.ai_machine_learning-redesign .service-highlight-card h3,
body.cloud_infrastructure-redesign .service-highlight-card h3,
body.specialized_computing-redesign .service-highlight-card h3,
body.technology_expertise-redesign .service-highlight-card h3,
body.rapid_prototyping-redesign .service-highlight-card h3,
body.product_development-redesign .service-highlight-card h3,
body.data_analysis-redesign .service-highlight-card h3,
body.data_forensics-redesign .service-highlight-card h3,
body.web_development-redesign .service-highlight-card h3 {
    font-family: 'Barlow Condensed', sans-serif; color: var(--hr-light) !important;
}
body.ai_machine_learning-redesign .highlight-list li,
body.cloud_infrastructure-redesign .highlight-list li,
body.specialized_computing-redesign .highlight-list li,
body.technology_expertise-redesign .highlight-list li,
body.rapid_prototyping-redesign .highlight-list li,
body.product_development-redesign .highlight-list li,
body.data_analysis-redesign .highlight-list li,
body.data_forensics-redesign .highlight-list li,
body.web_development-redesign .highlight-list li {
    color: var(--hr-text-muted) !important;
}
body.ai_machine_learning-redesign .highlight-list li::before,
body.cloud_infrastructure-redesign .highlight-list li::before,
body.specialized_computing-redesign .highlight-list li::before,
body.technology_expertise-redesign .highlight-list li::before,
body.rapid_prototyping-redesign .highlight-list li::before,
body.product_development-redesign .highlight-list li::before,
body.data_analysis-redesign .highlight-list li::before,
body.data_forensics-redesign .highlight-list li::before,
body.web_development-redesign .highlight-list li::before {
    content: '\2022'; color: var(--hr-primary); font-weight: bold;
}

/* --- Service area cards --- */
body.ai_machine_learning-redesign .service-area-card,
body.cloud_infrastructure-redesign .service-area-card,
body.specialized_computing-redesign .service-area-card,
body.technology_expertise-redesign .service-area-card,
body.rapid_prototyping-redesign .service-area-card,
body.product_development-redesign .service-area-card,
body.data_analysis-redesign .service-area-card,
body.data_forensics-redesign .service-area-card,
body.web_development-redesign .service-area-card {
    background: rgba(13,15,20,0.55) !important;
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: none;
}
body.ai_machine_learning-redesign .service-area-card:hover,
body.cloud_infrastructure-redesign .service-area-card:hover,
body.specialized_computing-redesign .service-area-card:hover,
body.technology_expertise-redesign .service-area-card:hover,
body.rapid_prototyping-redesign .service-area-card:hover,
body.product_development-redesign .service-area-card:hover,
body.data_analysis-redesign .service-area-card:hover,
body.data_forensics-redesign .service-area-card:hover,
body.web_development-redesign .service-area-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}
body.ai_machine_learning-redesign .service-area-card .card-header,
body.cloud_infrastructure-redesign .service-area-card .card-header,
body.specialized_computing-redesign .service-area-card .card-header,
body.technology_expertise-redesign .service-area-card .card-header,
body.rapid_prototyping-redesign .service-area-card .card-header,
body.product_development-redesign .service-area-card .card-header,
body.data_analysis-redesign .service-area-card .card-header,
body.data_forensics-redesign .service-area-card .card-header,
body.web_development-redesign .service-area-card .card-header {
    background: rgba(181,51,247,0.12) !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
body.ai_machine_learning-redesign .service-area-card .card-header h3,
body.cloud_infrastructure-redesign .service-area-card .card-header h3,
body.specialized_computing-redesign .service-area-card .card-header h3,
body.technology_expertise-redesign .service-area-card .card-header h3,
body.rapid_prototyping-redesign .service-area-card .card-header h3,
body.product_development-redesign .service-area-card .card-header h3,
body.data_analysis-redesign .service-area-card .card-header h3,
body.data_forensics-redesign .service-area-card .card-header h3,
body.web_development-redesign .service-area-card .card-header h3 {
    font-family: 'Barlow Condensed', sans-serif; color: var(--hr-light);
}
body.ai_machine_learning-redesign .service-area-card .card-body p,
body.cloud_infrastructure-redesign .service-area-card .card-body p,
body.specialized_computing-redesign .service-area-card .card-body p,
body.technology_expertise-redesign .service-area-card .card-body p,
body.rapid_prototyping-redesign .service-area-card .card-body p,
body.product_development-redesign .service-area-card .card-body p,
body.data_analysis-redesign .service-area-card .card-body p,
body.data_forensics-redesign .service-area-card .card-body p,
body.web_development-redesign .service-area-card .card-body p {
    color: var(--hr-text-muted) !important;
}
body.ai_machine_learning-redesign .service-feature-list li,
body.cloud_infrastructure-redesign .service-feature-list li,
body.specialized_computing-redesign .service-feature-list li,
body.technology_expertise-redesign .service-feature-list li,
body.rapid_prototyping-redesign .service-feature-list li,
body.product_development-redesign .service-feature-list li,
body.data_analysis-redesign .service-feature-list li,
body.data_forensics-redesign .service-feature-list li,
body.web_development-redesign .service-feature-list li {
    color: var(--hr-text-muted) !important;
}
body.ai_machine_learning-redesign .service-feature-list li::before,
body.cloud_infrastructure-redesign .service-feature-list li::before,
body.specialized_computing-redesign .service-feature-list li::before,
body.technology_expertise-redesign .service-feature-list li::before,
body.rapid_prototyping-redesign .service-feature-list li::before,
body.product_development-redesign .service-feature-list li::before,
body.data_analysis-redesign .service-feature-list li::before,
body.data_forensics-redesign .service-feature-list li::before,
body.web_development-redesign .service-feature-list li::before {
    color: var(--hr-primary);
}

/* --- Case study --- */
/* Same accent as this page's service-hero above (section-title in between
   already used the opposite), continuing the alternation down the page. */
body.ai_machine_learning-redesign .case-study,
body.specialized_computing-redesign .case-study,
body.rapid_prototyping-redesign .case-study,
body.data_analysis-redesign .case-study,
body.web_development-redesign .case-study {
    background: radial-gradient(circle at 15% 0%, rgba(181,51,247,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30) !important;
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: none;
}
body.cloud_infrastructure-redesign .case-study,
body.technology_expertise-redesign .case-study,
body.product_development-redesign .case-study,
body.data_forensics-redesign .case-study {
    background: radial-gradient(circle at 85% 0%, rgba(1,206,211,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30) !important;
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: none;
}
body.ai_machine_learning-redesign .case-study-content h3,
body.cloud_infrastructure-redesign .case-study-content h3,
body.specialized_computing-redesign .case-study-content h3,
body.technology_expertise-redesign .case-study-content h3,
body.rapid_prototyping-redesign .case-study-content h3,
body.product_development-redesign .case-study-content h3,
body.data_analysis-redesign .case-study-content h3,
body.data_forensics-redesign .case-study-content h3,
body.web_development-redesign .case-study-content h3 {
    font-family: 'Barlow Condensed', sans-serif; color: var(--hr-light) !important;
}
body.ai_machine_learning-redesign .case-study-content p,
body.cloud_infrastructure-redesign .case-study-content p,
body.specialized_computing-redesign .case-study-content p,
body.technology_expertise-redesign .case-study-content p,
body.rapid_prototyping-redesign .case-study-content p,
body.product_development-redesign .case-study-content p,
body.data_analysis-redesign .case-study-content p,
body.data_forensics-redesign .case-study-content p,
body.web_development-redesign .case-study-content p {
    color: var(--hr-text-muted) !important;
}
body.ai_machine_learning-redesign .case-study-content h4,
body.cloud_infrastructure-redesign .case-study-content h4,
body.specialized_computing-redesign .case-study-content h4,
body.technology_expertise-redesign .case-study-content h4,
body.rapid_prototyping-redesign .case-study-content h4,
body.product_development-redesign .case-study-content h4,
body.data_analysis-redesign .case-study-content h4,
body.data_forensics-redesign .case-study-content h4,
body.web_development-redesign .case-study-content h4 {
    color: var(--hr-primary) !important;
}
body.ai_machine_learning-redesign .achievement-list li,
body.cloud_infrastructure-redesign .achievement-list li,
body.specialized_computing-redesign .achievement-list li,
body.technology_expertise-redesign .achievement-list li,
body.rapid_prototyping-redesign .achievement-list li,
body.product_development-redesign .achievement-list li,
body.data_analysis-redesign .achievement-list li,
body.data_forensics-redesign .achievement-list li,
body.web_development-redesign .achievement-list li {
    color: var(--hr-text-muted) !important;
}
body.ai_machine_learning-redesign .case-study-image img,
body.cloud_infrastructure-redesign .case-study-image img,
body.specialized_computing-redesign .case-study-image img,
body.technology_expertise-redesign .case-study-image img,
body.rapid_prototyping-redesign .case-study-image img,
body.product_development-redesign .case-study-image img,
body.data_analysis-redesign .case-study-image img,
body.data_forensics-redesign .case-study-image img,
body.web_development-redesign .case-study-image img {
    border-color: rgba(181,51,247,0.35) !important;
}
body.ai_machine_learning-redesign .case-study .btn-primary,
body.cloud_infrastructure-redesign .case-study .btn-primary,
body.specialized_computing-redesign .case-study .btn-primary,
body.technology_expertise-redesign .case-study .btn-primary,
body.rapid_prototyping-redesign .case-study .btn-primary,
body.product_development-redesign .case-study .btn-primary,
body.data_analysis-redesign .case-study .btn-primary,
body.data_forensics-redesign .case-study .btn-primary,
body.web_development-redesign .case-study .btn-primary {
    background: linear-gradient(90deg, var(--hr-highlight), var(--hr-primary)) !important;
    border: none !important; color: var(--hr-light) !important;
    font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
    letter-spacing: 1px; text-transform: uppercase;
    box-shadow: 0 0 30px rgba(181,51,247,0.25);
}

/* --- Technologies used / tech tags --- */
body.ai_machine_learning-redesign .tech-tag,
body.cloud_infrastructure-redesign .tech-tag,
body.specialized_computing-redesign .tech-tag,
body.technology_expertise-redesign .tech-tag,
body.rapid_prototyping-redesign .tech-tag,
body.product_development-redesign .tech-tag,
body.data_analysis-redesign .tech-tag,
body.data_forensics-redesign .tech-tag,
body.web_development-redesign .tech-tag {
    background: rgba(1,206,211,0.12) !important;
    color: var(--hr-light) !important;
    border: 1px solid rgba(1,206,211,0.30) !important;
    font-family: 'Barlow', sans-serif;
}

/* --- technology_expertise-only sections: featured projects + partnerships.
   Scoped generically (harmless no-op on the other 9 pages, none of which
   render these classes). --- */
body.ai_machine_learning-redesign .project-card,
body.cloud_infrastructure-redesign .project-card,
body.specialized_computing-redesign .project-card,
body.technology_expertise-redesign .project-card,
body.rapid_prototyping-redesign .project-card,
body.product_development-redesign .project-card,
body.data_analysis-redesign .project-card,
body.data_forensics-redesign .project-card,
body.web_development-redesign .project-card {
    background: rgba(13,15,20,0.55) !important;
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px; overflow: hidden;
}
body.ai_machine_learning-redesign .project-card .card-body h3,
body.cloud_infrastructure-redesign .project-card .card-body h3,
body.specialized_computing-redesign .project-card .card-body h3,
body.technology_expertise-redesign .project-card .card-body h3,
body.rapid_prototyping-redesign .project-card .card-body h3,
body.product_development-redesign .project-card .card-body h3,
body.data_analysis-redesign .project-card .card-body h3,
body.data_forensics-redesign .project-card .card-body h3,
body.web_development-redesign .project-card .card-body h3 {
    font-family: 'Barlow Condensed', sans-serif; color: var(--hr-light);
}
body.ai_machine_learning-redesign .project-card .card-body p,
body.cloud_infrastructure-redesign .project-card .card-body p,
body.specialized_computing-redesign .project-card .card-body p,
body.technology_expertise-redesign .project-card .card-body p,
body.rapid_prototyping-redesign .project-card .card-body p,
body.product_development-redesign .project-card .card-body p,
body.data_analysis-redesign .project-card .card-body p,
body.data_forensics-redesign .project-card .card-body p,
body.web_development-redesign .project-card .card-body p {
    color: var(--hr-text-muted) !important;
}
body.ai_machine_learning-redesign .project-card .btn-link,
body.cloud_infrastructure-redesign .project-card .btn-link,
body.specialized_computing-redesign .project-card .btn-link,
body.technology_expertise-redesign .project-card .btn-link,
body.rapid_prototyping-redesign .project-card .btn-link,
body.product_development-redesign .project-card .btn-link,
body.data_analysis-redesign .project-card .btn-link,
body.data_forensics-redesign .project-card .btn-link,
body.web_development-redesign .project-card .btn-link {
    color: var(--hr-primary) !important; font-weight: 700; text-decoration: none;
}
body.ai_machine_learning-redesign .category-badge,
body.cloud_infrastructure-redesign .category-badge,
body.specialized_computing-redesign .category-badge,
body.technology_expertise-redesign .category-badge,
body.rapid_prototyping-redesign .category-badge,
body.product_development-redesign .category-badge,
body.data_analysis-redesign .category-badge,
body.data_forensics-redesign .category-badge,
body.web_development-redesign .category-badge {
    background: rgba(13,15,20,0.75); color: var(--hr-light);
    font-family: 'Barlow Condensed', sans-serif; font-weight: 700;
    letter-spacing: 0.5px; text-transform: uppercase; font-size: 12px;
    border: 1px solid rgba(255,255,255,0.15);
}
/* Opposite accent from this page's case-study above, completing the
   4-position alternation (hero/section-title/case-study/partnership). */
body.ai_machine_learning-redesign .partnership-content,
body.specialized_computing-redesign .partnership-content,
body.rapid_prototyping-redesign .partnership-content,
body.data_analysis-redesign .partnership-content,
body.web_development-redesign .partnership-content {
    background: radial-gradient(circle at 85% 0%, rgba(1,206,211,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 30px 32px;
}
body.cloud_infrastructure-redesign .partnership-content,
body.technology_expertise-redesign .partnership-content,
body.product_development-redesign .partnership-content,
body.data_forensics-redesign .partnership-content {
    background: radial-gradient(circle at 15% 0%, rgba(181,51,247,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 30px 32px;
}
body.ai_machine_learning-redesign .partnership-content p,
body.cloud_infrastructure-redesign .partnership-content p,
body.specialized_computing-redesign .partnership-content p,
body.technology_expertise-redesign .partnership-content p,
body.rapid_prototyping-redesign .partnership-content p,
body.product_development-redesign .partnership-content p,
body.data_analysis-redesign .partnership-content p,
body.data_forensics-redesign .partnership-content p,
body.web_development-redesign .partnership-content p {
    color: var(--hr-text-muted) !important;
}
body.ai_machine_learning-redesign .partner-logo,
body.cloud_infrastructure-redesign .partner-logo,
body.specialized_computing-redesign .partner-logo,
body.technology_expertise-redesign .partner-logo,
body.rapid_prototyping-redesign .partner-logo,
body.product_development-redesign .partner-logo,
body.data_analysis-redesign .partner-logo,
body.data_forensics-redesign .partner-logo,
body.web_development-redesign .partner-logo {
    background: rgba(255,255,255,0.92);
    border-radius: 10px; padding: 14px 18px; display: inline-block;
}

/* --- Misc utility overrides shared across all 10 pages: dividers,
   Bootstrap's card-header/card-body used generically outside cards above. --- */
body.ai_machine_learning-redesign hr.border-secondary,
body.cloud_infrastructure-redesign hr.border-secondary,
body.specialized_computing-redesign hr.border-secondary,
body.technology_expertise-redesign hr.border-secondary,
body.rapid_prototyping-redesign hr.border-secondary,
body.product_development-redesign hr.border-secondary,
body.data_analysis-redesign hr.border-secondary,
body.data_forensics-redesign hr.border-secondary,
body.web_development-redesign hr.border-secondary {
    border-color: rgba(255,255,255,0.12) !important; opacity: 1;
}

/* =====================================================================
   NOCODE EXCEPTION - real content is the Project-detail family's own
   skeleton, not this family's (see header comment). Restyled here, scoped
   only to this one body class, using the same --hr-* tokens/glass values
   so the page is not left half-migrated. Not a transcription of anyone
   else's file - written directly from nocode's own fetched markup.
   ===================================================================== */
body.nocode-redesign .project-detail-container {
    position: relative; z-index: 2; color: var(--hr-light);
}
/* 2026-08-25 (WP-GLASS2, 869ep9kwg): nocode's title had zero glass-pane
   treatment at all - the other 9 service keys each get a full `.service-
   hero` panel behind their headline (above); nocode instead renders the
   Project-detail family's own bare `h1.gradient-text` (see file header
   comment on the nocode exception), which project_detail_redesign.css
   gives its own `::before` glass panel. Mirrored here verbatim (position/
   z-index/display + no-blur `::before`) rather than inventing a new
   technique - same rationale as that file's own comment: a verified
   Chromium rendering defect makes `backdrop-filter: blur()` combined with
   this element's `background-clip: text` gradient render the title as an
   illegible smear, so a solid semi-transparent panel (no blur) is used
   instead of this file's own usual backdrop-filter glass treatment. */
body.nocode-redesign h1.gradient-text {
    font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
    position: relative; z-index: 0; display: inline-block;
    background: linear-gradient(90deg, var(--hr-highlight) 0%, #7b5fd0 30%, #4a9fd8 65%, var(--hr-primary) 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
    padding: 16px 24px; margin-bottom: 22px;
}
body.nocode-redesign h1.gradient-text::before {
    content: '';
    position: absolute; inset: -6px -16px; z-index: -1;
    background: rgba(13,15,20,0.45);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
}
body.nocode-redesign .project-category {
    display: inline-block;
    background: rgba(13,15,20,0.55); color: var(--hr-primary) !important;
    font-family: 'Barlow Condensed', sans-serif; font-weight: 700;
    letter-spacing: 0.5px; text-transform: uppercase; font-size: 13px;
    border: 1px solid rgba(1,206,211,0.30); border-radius: 30px;
    padding: 6px 18px;
}
body.nocode-redesign .project-description p {
    color: var(--hr-text-muted) !important; font-size: 16.5px; line-height: 1.65;
}
body.nocode-redesign .project-image-container img {
    border: 1px solid rgba(255,255,255,0.08);
}
/* Violet, contrasting against results-container's teal further down. */
body.nocode-redesign .tech-section,
body.nocode-redesign .features-section {
    background: radial-gradient(circle at 15% 0%, rgba(181,51,247,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 26px 28px; height: 100%;
}
body.nocode-redesign .tech-section h3,
body.nocode-redesign .features-section h3 {
    font-family: 'Barlow Condensed', sans-serif;
    background: linear-gradient(90deg, var(--hr-highlight) 0%, var(--hr-primary) 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
}
/* 2026-08-25 (WP-GLASS2, 869ep9kwg): "Results & Impact" (the real, live
   heading directly above `.results-container`, confirmed via screenshot -
   not inside any other panel, unlike "Key Technologies"/"Key Features"
   above) had zero glass-pane treatment at all. project_detail_redesign.css
   gives every `h3.gradient-text` on the true 14-page Project-detail family
   this same no-blur `::before` panel UNCONDITIONALLY - including the ones
   that sit inside `.tech-section`/`.features-section` (a real, intentional
   "nested panel" look on those 14 pages, confirmed by that file's own
   selector having no `:not()` exclusion for that case). Mirrored here
   verbatim for the same reason as the h1 fix above: matching that
   established pattern rather than only fixing the one bare instance. */
body.nocode-redesign .project-detail-container h3.gradient-text {
    position: relative; z-index: 0; display: inline-block;
    padding: 10px 18px; margin-bottom: 18px !important;
}
body.nocode-redesign .project-detail-container h3.gradient-text::before {
    content: '';
    position: absolute; inset: -6px -14px; z-index: -1;
    background: rgba(13,15,20,0.45);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
}
body.nocode-redesign .tech-badge {
    background: rgba(1,206,211,0.12) !important; color: var(--hr-light) !important;
    border: 1px solid rgba(1,206,211,0.30) !important;
    font-family: 'Barlow', sans-serif;
}
body.nocode-redesign .feature-list li {
    color: var(--hr-text-muted) !important;
}
body.nocode-redesign .results-container {
    background: radial-gradient(circle at 85% 0%, rgba(1,206,211,0.30), rgba(13,15,20,0) 55%), rgba(13,15,20,0.30);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.08); border-radius: 14px;
    padding: 28px 30px;
}
body.nocode-redesign .results-container p,
body.nocode-redesign .results-container li {
    color: var(--hr-text-muted) !important;
}

/* --- Responsive: tablet, then phone. Built in from the start, matching
   every other redesigned page in this repo. --- */
@media (max-width: 1024px) {
    body.ai_machine_learning-redesign .service-hero,
    body.cloud_infrastructure-redesign .service-hero,
    body.specialized_computing-redesign .service-hero,
    body.technology_expertise-redesign .service-hero,
    body.rapid_prototyping-redesign .service-hero,
    body.product_development-redesign .service-hero,
    body.data_analysis-redesign .service-hero,
    body.data_forensics-redesign .service-hero,
    body.web_development-redesign .service-hero { padding: 50px 32px !important; }
}

@media (max-width: 768px) {
    body.ai_machine_learning-redesign .service-hero,
    body.cloud_infrastructure-redesign .service-hero,
    body.specialized_computing-redesign .service-hero,
    body.technology_expertise-redesign .service-hero,
    body.rapid_prototyping-redesign .service-hero,
    body.product_development-redesign .service-hero,
    body.data_analysis-redesign .service-hero,
    body.data_forensics-redesign .service-hero,
    body.web_development-redesign .service-hero { padding: 34px 20px !important; }

    body.ai_machine_learning-redesign .section-title,
    body.cloud_infrastructure-redesign .section-title,
    body.specialized_computing-redesign .section-title,
    body.technology_expertise-redesign .section-title,
    body.rapid_prototyping-redesign .section-title,
    body.product_development-redesign .section-title,
    body.data_analysis-redesign .section-title,
    body.data_forensics-redesign .section-title,
    body.web_development-redesign .section-title { font-size: 24px; padding: 10px 18px; }

    body.nocode-redesign .tech-section,
    body.nocode-redesign .features-section,
    body.nocode-redesign .results-container { padding: 20px 20px; }

    body.nocode-redesign h1.gradient-text { padding: 12px 18px; }
}