/* JB Technologies / Services — logo-aligned final brand layer.
   Intentionally loaded AFTER detailed, timeline and expandable media styles.
   Scope: .jbsd only, except the Services popup .jbex-layer. */
.jbsd {
  --jd-navy:#2c2e34; --jd-blue:#b6752e; --jd-ink:#303238;
  --jd-muted:#696a6d; --jd-line:#e7d9c9; --jd-bg:#fcf8f2;
  --jd-white:#fff;
  --jb-charcoal:#2c2e34; --jb-gold:#d9903c;
  --jb-gold-deep:#a45d1d; --jb-cream:#fcf8f2;
  color:var(--jb-charcoal); background:#fff;
}
.jbsd a:focus-visible,.jbsd button:focus-visible,.jbsd input:focus-visible,
.jbex-layer button:focus-visible,.jbex-layer a:focus-visible {outline:3px solid #d9903c;outline-offset:3px}
/* Hero */
.jbsd .jbsd-hero {background:radial-gradient(circle at 80% 25%,#f5e8d7,transparent 47%),linear-gradient(145deg,#fff 20%,#fcf8f2 100%);border-color:#eadfd3}
.jbsd .jbsd-hero h1,.jbsd .jbsd-topline h2,.jbsd .jbsd-discipline-title h2,
.jbsd .jbsd-discipline-title h3,.jbsd .jbsd-process-step h3 {color:#2c2e34}
.jbsd .jbsd-hero h1 em,.jbsd .jbsd-topline h2 em,
.jbsd .jbsd-discipline-title h2 span,.jbsd .jbsd-bottom h2 em {color:#d9903c}
.jbsd .jbsd-eyebrow,.jbsd .jbsd-hero-footer span:last-child,
.jbsd .jbsd-visual-caption {color:#a86525}
.jbsd .jbsd-eyebrow-bar,.jbsd .jbsd-hero-points i {background:#d9903c}
.jbsd .jbsd-hero-copy>p,.jbsd .jbsd-topline>p,
.jbsd .jbsd-discipline-title>p {color:#696a6d}
.jbsd .jbsd-btn-primary {background:#2c2e34;color:white;border-color:#2c2e34}
.jbsd .jbsd-btn-primary:hover {background:#a86525;border-color:#a86525;color:white}
.jbsd .jbsd-btn-light {background:#fffaf5;color:#2c2e34;border-color:#e0c8ae}
.jbsd .jbsd-btn-light:hover {background:#f4e4d0;border-color:#d9903c;color:#2c2e34}
.jbsd .jbsd-hero-window {border-color:#e5d6c5;box-shadow:0 33px 55px #4b34221d}
.jbsd .jbsd-orbit {border-color:#d6a36c44}
.jbsd .jbsd-window-top {border-color:#eee2d5;color:#827568}
.jbsd .jbsd-window-top small,.jbsd .jbsd-ui-heading small,
.jbsd .jbsd-ui-tiles i,.jbsd .jbsd-float-label span {color:#b6752e}
.jbsd .jbsd-ui-nav b,.jbsd .jbsd-ui-heading strong,
.jbsd .jbsd-ui-tiles strong {color:#303238}
.jbsd .jbsd-ui-tiles>div {background:#fdf7ee;border-color:#ecdecb}
.jbsd .jbsd-chart-lines {background:repeating-linear-gradient(to bottom,transparent 0 14px,#f3e5d6 14px 15px)}
.jbsd .jbsd-ui-chart svg path {stroke:#d9903c}
.jbsd .jbsd-float-label {background:#fffaf4;color:#3b3835;border-color:#ead5ba;box-shadow:0 12px 26px #5d3c201a}
.jbsd .jbsd-hero-footer div {background:#eadbc9}
/* Service navigator / search */
.jbsd .jbsd-explorer {background:#fff}
.jbsd .jbsd-tools {background:#fcf8f2;border-color:#eadbca}
.jbsd .jbsd-cat-link {color:#655341}
.jbsd .jbsd-cat-link span {color:#aa7b49}
.jbsd .jbsd-cat-link:hover,.jbsd .jbsd-cat-link.is-active {background:#f4e3ce;color:#804613}
.jbsd .jbsd-search {border-color:#ead8c3;background:#fff}
.jbsd .jbsd-search input {color:#303238}
.jbsd .jbsd-search input::placeholder {color:#8e8984}
.jbsd .jbsd-search-status,.jbsd .jbsd-no-results {color:#706c67}
.jbsd .jbsd-no-results button {color:#a96525}
/* Discipline headers, illustrations and gallery */
.jbsd .jbsd-discipline {background:#fff;border-color:#eaded0}
.jbsd .jbsd-discipline-alt {background:#fcf8f2}
.jbsd .jbsd-discipline-head {border-color:#e7d9c9}
.jbsd .jbsd-visual {border-color:#e7d7c3;background:linear-gradient(135deg,#fffaf4,#f1e2d2);box-shadow:0 12px 35px #4b38211a}
.jbsd .jbsd-visual-apps,.jbsd .jbsd-visual-marketing,
.jbsd .jbsd-visual-commerce,.jbsd .jbsd-visual-marketplaces,
.jbsd .jbsd-visual-creative {background:linear-gradient(135deg,#fffaf5,#efe1cf)}
.jbsd .jbsd-demo-browser {border-color:#e6d6c4;box-shadow:0 15px 35px #31251d18}
.jbsd .jbsd-demo-bar {background:#f6eee4;border-color:#e8d9ca}
.jbsd .jbsd-demo-app aside,.jbsd .jbsd-demo-app-main,
.jbsd .jbsd-demo-marketing,.jbsd .jbsd-demo-commerce,
.jbsd .jbsd-demo-seller,.jbsd .jbsd-demo-studio-right {color:#303238}
.jbsd .jbsd-demo-app-main>strong,.jbsd .jbsd-demo-web-hero strong,
.jbsd .jbsd-demo-marketing strong,.jbsd .jbsd-demo-commerce>strong,
.jbsd .jbsd-demo-seller-head strong,.jbsd .jbsd-demo-studio-right strong {color:#303238}
.jbsd .jbsd-demo-app-stats em,.jbsd .jbsd-demo-seller-list b {color:#aa6a2a}
.jbsd .jbsd-demo-app-graph svg path,.jbsd .jbsd-demo-app-graph svg polyline {stroke:#d9903c}
.jbsd .jbsd-demo-bars i {background:linear-gradient(180deg,#d9903c,#91602e)}
.jbsd .jbsd-demo-seller-tabs b {color:#9e602b;background:#f7e7d2}
.jbsd .jbsd-demo-seller-list div,.jbsd .jbsd-demo-products>div {border-color:#e8d7c5}
/* Timeline: preserve alternate layout and original click interactions. */
.jbsd .jbtl-timeline:before {background:linear-gradient(to bottom,transparent,#dfbb90 5%,#dfbb90 95%,transparent)}
.jbsd .jbtl-marker {border-color:#be7a34;background:#fff;box-shadow:0 0 0 8px #fcf8f2}
.jbsd .jbtl-marker span {background:#d9903c}
.jbsd .jbtl-heading {color:#a86525}
.jbsd .jbtl-dash {background:#d9be9d}
.jbsd .jbtl-label {color:#8a7866}
.jbsd .jbtl-content,.jbsd .jbtl-content h3 {color:#303238}
.jbsd .jbtl-description {color:#696a6d!important}
.jbsd .jbtl-tags span {background:#fcf4ea;border-color:#ead6c0;color:#85552c}
.jbsd .jbtl-more {color:#ab651f!important;border-bottom-color:#dcb58b!important}
.jbsd .jbtl-more:hover {color:#75400e!important}
.jbsd .jbtl-details {border-color:#eadcca}
.jbsd .jbtl-visual {background:#f2e6d8;box-shadow:0 22px 52px #4b36231b}
.jbsd .jbtl-visual-fallback {background:linear-gradient(130deg,#282a2e,#694d32 75%,#c78b44)}
.jbsd .jbtl-visual-fallback>span,.jbsd .jbtl-visual-fallback small {color:#fbe3bf}
/* Image expansion / popup. */
.jbsd .jbex-visual-gradient {background:linear-gradient(0deg,rgba(31,26,21,.86),transparent 58%)}
.jbsd .jbex-image-caption small {color:#f5c88c}
.jbsd .jbex-image-expand {border-color:#ffe4c399;background:#382b2399}
.jbsd .jbex-open:focus-visible {outline:3px solid #d9903c}
.jbex-layer .jbex-backdrop {background:rgba(22,20,19,.83)}
.jbex-layer .jbex-dialog {border-color:#e4d2be;background:#fffaf5;box-shadow:0 32px 90px #17131085}
.jbex-layer .jbex-dialog-image {background:linear-gradient(125deg,#2c2e34,#ba7d35)}
.jbex-layer .jbex-dialog-body {color:#303238;background:#fffaf5}
.jbex-layer .jbex-eyebrow {color:#a86525}
.jbex-layer .jbex-dialog-body h2,.jbex-layer .jbex-dialog-body h3 {color:#303238}
.jbex-layer .jbex-summary,.jbex-layer .jbex-scope {color:#696a6d}
.jbex-layer .jbex-deliverables span {background:#f7e9d9;color:#805020;border-color:#e7cfb4}
.jbex-layer .jbex-cta {background:#2c2e34;color:#fff!important}
.jbex-layer .jbex-cta:hover {background:#a86525}
.jbex-layer .jbex-close {color:#2c2e34;border-color:#e4d4c1;background:#fffaf5}
/* CTA, workflow, separators. */
.jbsd .jbsd-discipline-footer {border-color:#e6d8c6}
.jbsd .jbsd-discipline-footer a,.jbsd .jbsd-card-details a {color:#a86525}
.jbsd .jbsd-process {background:#fcf8f2}
.jbsd .jbsd-process-step {border-color:#e8d6bf}
.jbsd .jbsd-process-step>span {color:#bb7a32}
.jbsd .jbsd-bottom {background:linear-gradient(135deg,#282a2f,#45403a);color:#fff}
.jbsd .jbsd-bottom h2,.jbsd .jbsd-bottom h2:not(em) {color:#fff}
.jbsd .jbsd-bottom p {color:#e0d9d1}
.jbsd .jbsd-btn-white {background:#fff;color:#2c2e34}
.jbsd .jbsd-btn-outline {border-color:#c8a57c;color:#fff}
.jbsd .jbsd-btn-outline:hover {background:#d9903c;color:#27262a;border-color:#d9903c}
/* Legacy cards if still rendered */
.jbsd .jbsd-card {border-color:#e9d9c4;background:#fffaf5}
.jbsd .jbsd-card h3 {color:#303238}
.jbsd .jbsd-card-number,.jbsd .jbsd-card-toggle {color:#ac6728}
.jbsd .jbsd-card-icon,.jbsd .jbsd-card-tags span {background:#f4e3d0;color:#925923;border-color:#e8d0b4}
/* Preserve large image compositions, natural photo colors, and responsive dimensions. */
.jbsd .jbtl-visual img,.jbsd .jbex-open img,.jbex-layer .jbex-dialog-image img {filter:none}
@media(max-width:767px) {
 .jbsd .jbsd-hero,.jbsd .jbsd-explorer {overflow:clip}
 .jbsd .jbsd-tools {max-width:100%}
 .jbsd .jbtl-marker {box-shadow:0 0 0 5px #fcf8f2}
 .jbex-layer .jbex-dialog {max-height:92dvh}
}
@media(prefers-reduced-motion:reduce) {
 .jbsd .jbsd-btn,.jbsd .jbtl-visual img,.jbsd .jbex-open>img {transition-duration:.01ms}
}