/* Preview only. Shared visual language from approved Technology v2. */
@font-face{font-family:Inter;src:url('/assets/preview-redesign/fonts/InterVariable.woff2?v=693b77d4f32e') format('woff2');font-weight:100 900;font-display:swap}
:root:has(.jp-preview){--jp-font:Inter,Arial,sans-serif;--jp-nav-h:88px;--jp-nav-total:calc(88px + env(safe-area-inset-top,0px));--jp-canvas:#f7fafa;--jp-surface:#fff;--jp-text:#012d32;--jp-text-1:#254c50;--jp-text-2:#4a6366;--jp-band:#eef4f2;--jp-wall:#f7fafa;--jp-container-wide:1200px;--jp-container:1200px;--jp-gutter:clamp(20px,4vw,64px);--jp-section-y:clamp(56px,6vw,96px);--jp-on-accent:#fff;--jp-r-xl:14px;--jp-r-lg:12px;--jp-r-md:10px;--jp-shadow-3:0 10px 30px -18px rgb(1 45 50 / 18%);--jp-shadow-2:0 6px 20px -14px rgb(1 45 50 / 15%)}
.jp-preview{background:#f7fafa;font-family:var(--jp-font)}
.jp-preview :is(.jp-container,.jp-container--wide){max-inline-size:1200px}
.jp-preview :is(.jp-h1,h1){font-weight:600;letter-spacing:-.04em;line-height:1.08}
.jp-preview .jp-h1{font-size:clamp(2.25rem,4.2vw,3.75rem)}
.jp-preview .jp-h2{font-size:clamp(1.85rem,3vw,2.75rem);letter-spacing:-.035em;line-height:1.13}
.jp-preview .jp-lead{font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.65}
.jp-preview .jp-section--band{background:#edf4f2}
.jp-preview .jp-hero{background:#f7fafa}
.jp-preview :is(.jp-hero__pixels,.jp-hero__bird,.jp-cta__trail,.jp-footer__trail){display:none}
.jp-preview .jp-nav{position:sticky;background:#f7fafa}
.jp-preview [data-reveal]{opacity:1;transform:none;transition:none}
.jp-preview .jp-hero{padding-block-start:64px}
.jp-preview :is(.blog-main,.article-main){padding-block-start:64px}
.jp-preview .contact-stage{padding-block-start:64px}
.jp-preview .jp-nav .jp-nav__bar{background:#f7fafa;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.jp-preview .jp-nav .jp-nav__inner{inline-size:min(1200px,calc(100% - 2 * var(--jp-gutter)));block-size:var(--jp-nav-h);margin:0 auto;padding:0;gap:24px;border:0;border-bottom:1px solid #d8e3e1;border-radius:0;background:#f7fafa;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.jp-preview .jp-nav .jp-nav__brand{flex-shrink:0}
/* Logo: the SVG has transparent margins (painted area 77.08% x 56.10% of 3185x1369).
   234px file width gives a visible mark of 180px x 56.4px. Negative margins shrink only the layout box to the
   painted area; nothing is clipped. Clear space = 1/4 visible height = 14.1px, kept by the 88px bar and gaps >= 16px. */
.jp-preview .jp-nav .jp-nav__logo,.jp-preview .jp-footer__logo img{inline-size:234px;width:234px;max-inline-size:none;block-size:auto;height:auto;opacity:1;margin:-19.8px -28.6px -24.3px -24.9px}
.jp-preview .jp-nav .jp-nav__logo--light{display:none}
.jp-preview .jp-nav .jp-nav__links{gap:20px;margin:0 0 0 auto}
.jp-preview .jp-nav .jp-nav__links :is(a,.jp-nav__trigger){padding:10px 0;min-block-size:44px;border-radius:0;background:transparent;box-shadow:none;color:#012d32;font-size:14px;font-weight:500}
.jp-preview .jp-nav .jp-nav__links :is(a,.jp-nav__trigger):hover{background:transparent;box-shadow:none;color:#0f6e72}
.jp-preview .jp-nav .jp-nav__links :is(a,.jp-nav__trigger)[aria-current]{background:transparent;box-shadow:none;font-weight:500}
.jp-preview .jp-nav .jp-nav__links :is(a,.jp-nav__trigger)[aria-current]::after{content:'';inset-inline:0;inset-block-end:0;height:2px;border-radius:0;background:#1b9092}
.jp-preview .jp-nav .jp-nav__sub{background:#fff;border:1px solid #d8e3e1;box-shadow:0 12px 28px -14px rgb(1 45 50 / 22%);border-radius:10px;padding:12px 20px;inset-block-start:calc(100% + 10px)}
.jp-preview .jp-nav .jp-nav__sub a{padding:12px 0;white-space:normal;line-height:1.4}
.jp-preview .jp-nav .jp-nav__links .jp-nav__sub a[aria-current]::after{content:none}
.jp-preview .jp-nav .jp-nav__sub a[aria-current]{color:#0f6e72;text-decoration:underline;text-underline-offset:5px}
.jp-preview .jp-nav .jp-nav__actions{gap:14px}
.jp-preview .jp-nav .language-picker>summary{border:0;border-radius:0;background:none;box-shadow:none;padding:10px 0;min-height:44px;font-size:13px;font-weight:500}
.jp-preview .jp-nav .language-picker[open]>summary{box-shadow:none;text-decoration:underline;text-underline-offset:5px}
.jp-preview .jp-nav .language-list{background:#fff;border:1px solid #d8e3e1;border-radius:10px;box-shadow:0 12px 28px -14px rgb(1 45 50 / 22%)}
.jp-preview .jp-nav .jp-nav__cta{background:none;color:#012d32;box-shadow:none;border:0;border-left:1px solid #d8e3e1;border-radius:0;padding:10px 0 10px 18px;font-size:14px;white-space:nowrap}
.jp-preview .jp-nav .jp-nav__cta:hover{color:#0f6e72;text-decoration:underline;text-underline-offset:5px}
.jp-preview .jp-nav .jp-nav__toggle{background:transparent;color:#012d32;border:0;border-radius:0;box-shadow:none;min-width:44px;min-height:44px}
.jp-preview .jp-nav .jp-nav__toggle span{background:#012d32}
.jp-preview .jp-sheet{background:#fff;border:1px solid #d8e3e1;border-radius:12px;box-shadow:0 18px 40px -20px rgb(1 45 50 / 24%);backdrop-filter:none;-webkit-backdrop-filter:none}
.jp-preview .jp-sheet__links a{border-radius:0;font-size:16px;font-weight:500;border-bottom:1px solid #e3ebe9}
.jp-preview .jp-sheet__links a:hover{background:none;color:#0f6e72}
.jp-preview .jp-sheet__links a[aria-current]{background:none;color:#0f6e72}
.jp-preview .jp-sheet__links a[aria-current]::before{display:none}
.jp-preview .jp-btn{box-shadow:0 2px 4px rgb(1 45 50 / 8%);min-height:48px;font-weight:600}
.jp-preview .jp-btn--accent,.jp-preview .jp-btn--accent:is(:hover,:focus,:active){--fg:#fff;color:#fff}
.jp-preview .jp-btn--accent svg{color:inherit}
.jp-preview .jp-btn--glass,.jp-preview .jp-btn--outline{box-shadow:none}
/* Labels: plain case, Inter 500 (brand guidelines, labels). */
.jp-preview .jp-eyebrow{font-weight:500;text-transform:none;letter-spacing:0}
.jp-preview .jp-tag,.jp-preview .jp-chip{border:0;border-radius:0;background:none;box-shadow:none;padding:0;color:inherit}
.jp-preview .jp-subnav{background:#f7fafa;border-top:1px solid #d8e3e1;border-bottom:1px solid #d8e3e1;inset-block-start:var(--jp-nav-total);z-index:50}
.jp-preview .jp-subnav__track{inline-size:100%;max-inline-size:100%;display:flex;justify-content:space-between;gap:20px;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow-x:auto}
.jp-preview .jp-subnav a{position:relative;min-height:58px;padding:12px 0;border-radius:0;border-bottom:2px solid transparent;background:none;box-shadow:none;font-size:14px;white-space:nowrap;color:#4a6366}
.jp-preview .jp-subnav a:hover{background:none;color:#0f6e72;border-color:#1b9092}
.jp-preview .jp-subnav a[aria-current="true"]{background:none;color:#012d32;border-color:#1b9092}
.jp-preview .jp-subnav__n{display:none}
.jp-preview .preview-section-picker{display:none}
:root:has(.jp-preview .jp-subnav){scroll-padding-top:calc(var(--jp-nav-total) + 70px)}
.jp-preview .jp-subnav ~ section[id],.jp-preview :is(.cpq-body,.tech-main) section[id]{scroll-margin-top:16px}
.jp-preview .jp-device__screen{border:1px solid #d8e3e1;border-radius:12px;background:white;box-shadow:0 12px 32px -20px rgb(1 45 50 / 22%);padding:8px}
.jp-preview .jp-device__screen>picture,.jp-preview .jp-device__screen>img{border-radius:6px;box-shadow:none}
.jp-preview .jp-cta{background:#e9f1ee;color:#4a6366;border-radius:0;box-shadow:none;overflow:clip}
.jp-preview .jp-cta :is(h2,.jp-h2){color:#012d32}
.jp-preview .jp-cta p{color:#4a6366}
.jp-preview .jp-cta .jp-btn--glass{--fg:#012d32;--bg:transparent;color:#012d32;border-color:#99b7b2;box-shadow:none}
.jp-preview .jp-footer{background:#f7fafa;color:#4a6366;border-top:1px solid #d8e3e1}
.jp-preview .jp-footer__inner{max-inline-size:1200px;padding-block:64px 24px}
.jp-preview .jp-footer__brand{gap:20px}
.jp-preview .jp-footer__logo{padding:0;background:transparent}
.jp-preview .jp-footer__logo{display:inline-block;margin:15px 0}
.jp-preview .jp-footer :is(a,.jp-footer__title){color:#012d32}
.jp-preview .jp-footer a:hover{color:#0f6e72}
.jp-preview .jp-footer__title{font-size:14px;font-weight:600}
.jp-preview .jp-footer__col>a{font-size:14px;min-height:36px}
.jp-preview .jp-footer__bottom{border-color:#d8e3e1;color:#4a6366}
.jp-preview .jp-footer .jp-btn{--fg:#012d32;--bg:transparent;color:#012d32;border:1px solid #b3c9c5;box-shadow:none}
/* Blog: keep original illustration/content while removing card decoration. */
.jp-preview .blog-intro{gap:48px;margin-bottom:44px}
.jp-preview .blog-intro-copy{border:0;padding:0;font-size:19px;line-height:1.55;letter-spacing:-.015em;font-weight:400;color:#4a6366}
.jp-preview .blog-featured{border-radius:0;box-shadow:none;background:#edf4f2;color:#012d32;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:0;margin-bottom:70px}
.jp-preview .featured-visual--editorial,.jp-preview .featured-visual{background:#f7fafa;align-self:center}
.jp-preview .featured-visual::after,.jp-preview .featured-copy::before,.jp-preview .featured-bird{display:none}
.jp-preview .featured-visual--editorial>.blog-picture>img{width:100%;height:auto;object-fit:contain}
.jp-preview .featured-copy{padding:40px}
.jp-preview .featured-kicker{color:#0f6e72;text-transform:none;letter-spacing:0;font-weight:500;font-size:14px}
.jp-preview .preview-notice{margin:0 0 24px;padding:12px 0 12px 16px;border-left:2px solid #1b9092;color:#254c50;font-size:14px;line-height:1.5}
.jp-preview .featured-copy h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.035em;color:#012d32}
.jp-preview .featured-copy>p:not(.featured-kicker){color:#4a6366;line-height:1.6}
.jp-preview .featured-copy .jp-btn--glass{--fg:#012d32;--bg:transparent;border-color:#99b7b2;color:#012d32}
.jp-preview .blog-filters{gap:16px;border:0;border-radius:0;background:none;min-width:0;overflow:visible}
.jp-preview .blog-filter{flex:none;padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:#4a6366;font-size:14px}
.jp-preview .blog-filter:hover,.jp-preview .blog-filter.is-active{background:none;color:#012d32;border-bottom-color:#1b9092}
.jp-preview .blog-cards{gap:42px 28px}
.jp-preview .blog-card{border:0;border-radius:0;box-shadow:none;background:none}
.jp-preview .blog-card-image{border-radius:8px}
.jp-preview .blog-card-image:hover img{transform:none}
.jp-preview .blog-card-body{padding:22px 0 0}
.jp-preview .blog-card h3{font-size:24px;line-height:1.22;font-weight:600}
.jp-preview .blog-category{font-size:13px;letter-spacing:0;text-transform:none;color:#0f6e72}
.jp-preview .blog-category span{display:none}
.jp-preview .blog-card-description{font-size:15px;line-height:1.65}
.jp-preview .blog-read-link:hover span{transform:none}
.jp-preview .article-hero-image{box-shadow:none;border-radius:8px}
.jp-preview .article-header h1{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.12}
.jp-preview .article-lead{font-size:19px;line-height:1.65}
.jp-preview .article-cta-story{border-radius:0;box-shadow:none;background:#e9f1ee;color:#4a6366}
.jp-preview .article-cta-story h2{color:#012d32}
.jp-preview .article-cta-story .article-signoff{color:#0f6e72}
.jp-preview .article-cta-story .jp-btn--glass{--fg:#012d32;--bg:transparent;color:#012d32;border-color:#99b7b2}
.jp-preview .article-body :is(.article-note,blockquote){box-shadow:none;border-radius:0}
/* Contact: visible form controls, quiet surrounding layout. */
.jp-preview .contact-stage{background:#f7fafa}
.jp-preview .contact-grid{gap:64px;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}
.jp-preview .contact-form{padding:32px 0 0;border-radius:0;background:none;box-shadow:none;border-top:1px solid #cbdcd8}
.jp-preview .contact-topic{background:none;border-radius:0;box-shadow:none;border-bottom:1px solid #cbdcd8;padding-block:16px}
.jp-preview .contact-topic:hover{background:none;color:#0f6e72}
.jp-preview .contact-topic:has(input:checked){background:#edf4f2;box-shadow:none;border-bottom-color:#1b9092}
.jp-preview .contact-topic:active{transform:none}
.jp-preview .contact-card{border:0;border-radius:0;box-shadow:none;background:none;padding:32px 0;border-top:1px solid #cbdcd8}
.jp-preview .contact-aside{position:static}
.jp-preview .contact-field :is(input,textarea){border-radius:6px;box-shadow:none;border-color:#afc4bf}
.jp-preview .contact-more{background:none;box-shadow:none;border-radius:0}
@media(max-width:1180px){.jp-preview .jp-nav .jp-nav__links{gap:14px}.jp-preview .jp-nav .jp-nav__inner{gap:16px}.jp-preview .jp-nav .jp-nav__cta{display:none}}
@media(max-width:1080px){.jp-preview .jp-nav .jp-nav__links{display:none}.jp-preview .jp-nav .jp-nav__actions{margin-left:auto}.jp-preview .jp-subnav__track{display:none}.jp-preview .preview-section-picker{display:block}.jp-preview .preview-section-picker>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:58px;font-size:14px;font-weight:500}.jp-preview .preview-section-picker>summary::after{content:'⌄'}.jp-preview .preview-section-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding-bottom:12px;max-height:55vh;overflow:auto}.jp-preview .preview-section-picker a{white-space:normal;min-height:44px;padding:10px 0}.jp-preview .contact-grid{grid-template-columns:1fr;gap:40px}.jp-preview .contact-aside{display:grid;grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:720px){:root:has(.jp-preview){--jp-nav-h:88px;--jp-nav-total:calc(88px + env(safe-area-inset-top,0px));--jp-gutter:20px;--jp-section-y:56px}.jp-preview .jp-nav .jp-nav__inner{gap:16px}.jp-preview .jp-nav .jp-nav__actions{gap:12px}.jp-preview .jp-nav .language-picker>summary{padding:8px 0}.jp-preview .jp-nav .language-flag{display:none}.jp-preview .jp-footer__inner{padding-block:44px 24px}.jp-preview .jp-footer__grid{gap:36px}.jp-preview .blog-intro{gap:22px}.jp-preview .blog-featured{grid-template-columns:1fr;margin-bottom:48px}.jp-preview .featured-copy{padding:28px 20px}.jp-preview .blog-cards{gap:34px}.jp-preview .article-lead{font-size:17px}.jp-preview .blog-filters{gap:12px;flex-wrap:wrap}.jp-preview .blog-filter{font-size:13px}.jp-preview .contact-aside{grid-template-columns:1fr}.jp-preview .contact-grid{gap:28px}.jp-preview .contact-form{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.jp-preview *{scroll-behavior:auto!important}}
@media(max-width:720px){.jp-preview :is(.jp-hero,.blog-main,.article-main,.contact-stage){padding-block-start:36px}}
/* 404: the three existing area links as quiet columns, not raised cards. */
.jp-preview [aria-labelledby="error-areas-t"] .jp-grid{gap:0 32px}
.jp-preview [aria-labelledby="error-areas-t"] .jp-card{padding:24px 0 8px;border:0;border-top:1px solid #d8e3e1;border-radius:0;background:none;box-shadow:none;transform:none}
.jp-preview [aria-labelledby="error-areas-t"] .jp-card:hover{box-shadow:none;transform:none;background:none}
.jp-preview [aria-labelledby="error-areas-t"] .jp-card__title a:hover{color:#0f6e72;text-decoration:underline;text-underline-offset:5px}

/* Preview only. Source HTML, approved copy, images and destinations are unchanged.
   Shared navigation, typography tokens and buttons belong to preview-shell.css. */

/* Home: an open introduction and three clear routes. */
.jp-preview .hero-centrum {
  padding: 64px 0 0;
  background: var(--jp-canvas, #f7fafa);
  color: var(--jp-text, #012d32);
}
.jp-preview .hero-centrum__inner {
  width: min(calc(100% - 2 * var(--jp-gutter)), var(--jp-container, 1280px));
}
.jp-preview .hero-centrum .hero-centrum__pixels { display: none; }
.jp-preview .hero-centrum .hero-centrum__copy {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 48px 72px;
  align-items: start;
  container-type: normal;
}
.jp-preview .hero-centrum .hero-centrum__copy > * { animation: none; }
.jp-preview .hero-centrum .hero-centrum__title {
  font-size: clamp(2.375rem, 4.3vw, 4rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  color: var(--jp-text, #012d32);
  max-width: 18ch;
  text-wrap: balance;
}
.jp-preview .hero-centrum .hero-centrum__title-accent { color: var(--jp-text, #012d32); }
.jp-preview .hero-centrum .hero-centrum__row {
  display: block;
  margin: 5px 0 0;
}
.jp-preview .hero-centrum .hero-centrum__lead {
  max-width: 48ch;
  color: var(--jp-text-2, #4a6366);
  font-size: 1.0625rem;
  line-height: 1.65;
  text-wrap: pretty;
}
.jp-preview .hero-centrum .hero-centrum__actions {
  gap: 14px;
  margin-top: 28px;
}
.jp-preview .hero-centrum .jp-btn--glass {
  --bg: transparent;
  --fg: var(--jp-text, #012d32);
  --sh: none;
  border-color: #bccfce;
  color: var(--jp-text, #012d32);
}
.jp-preview .hero-centrum .jp-btn--glass:hover {
  --bg: #eef5f4;
  border-color: var(--jp-brand-text, #0f6e72);
}
.jp-preview .hero-centrum .jp-btn--accent,
.jp-preview .hero-centrum .jp-btn--accent:is(:hover, :focus, :active) {
  --fg: #fff;
  color: #fff;
}
.jp-preview .hero-centrum .hero-directions { margin-top: 52px; }
.jp-preview .hero-centrum .hero-directions__list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-block: 1px solid var(--jp-line, #d9e4e3);
}
.jp-preview .hero-centrum .hero-direction {
  gap: 0;
  min-height: 0;
  padding: 28px 30px 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  animation: none;
  transform: none;
}
.jp-preview .hero-centrum .hero-direction:first-child { padding-left: 0; }
.jp-preview .hero-centrum .hero-direction:last-child { padding-right: 0; }
.jp-preview .hero-centrum .hero-direction + .hero-direction { border-left: 1px solid var(--jp-line, #d9e4e3); }
.jp-preview .hero-centrum .hero-direction__top { margin-bottom: 18px; }
.jp-preview .hero-centrum .hero-direction__num {
  color: var(--jp-text-2, #4a6366);
  font-size: .8125rem;
  font-weight: 500;
}
.jp-preview .hero-centrum .hero-direction__link {
  width: 44px;
  height: 44px;
  border-color: #bccfce;
  color: var(--jp-brand-text, #0f6e72);
}
.jp-preview .hero-centrum .hero-direction__link::after { border-radius: 0; }
.jp-preview .hero-centrum .hero-direction__label {
  margin: 0 0 10px;
  color: var(--jp-text-2, #4a6366);
  font-size: .8125rem;
  font-weight: 500;
}
.jp-preview .hero-centrum .hero-direction__name,
.jp-preview .hero-centrum .hero-direction__name span {
  color: var(--jp-text, #012d32);
  font-size: clamp(1.25rem, 1.9vw, 1.625rem);
  line-height: 1.2;
}
.jp-preview .hero-centrum .hero-direction__promise {
  margin-top: 12px;
  color: var(--jp-text-2, #4a6366);
  font-size: .9375rem;
  line-height: 1.6;
}
.jp-preview .hero-centrum .hero-direction:hover {
  background: transparent;
  transform: none;
  box-shadow: none;
}
.jp-preview .hero-centrum .hero-direction:hover .hero-direction__link,
.jp-preview .hero-centrum .hero-direction:focus-within .hero-direction__link {
  color: #fff;
  background: var(--jp-accent, #fc7505);
  border-color: var(--jp-accent, #fc7505);
}
.jp-preview .hero-centrum .hero-direction__link:focus-visible::after {
  outline-color: var(--jp-brand-text, #0f6e72);
  outline-offset: 4px;
}
.jp-preview .home-body {
  --jp-container: inherit;
  --jp-container-wide: inherit;
  --jp-gutter: inherit;
  margin-top: 0;
  border-radius: 0;
  overflow: visible;
  background: var(--jp-canvas, #f7fafa);
}
.jp-preview .home-body > .jp-section:not(.home-cta) {
  background: transparent;
  padding-block: 76px;
}
.jp-preview .home-body > .jp-section + .jp-section { border-top: 1px solid var(--jp-line, #d9e4e3); }
.jp-preview .home-platform__grid { gap: 64px; }
.jp-preview .home-platform__copy { margin-bottom: 0; }
.jp-preview .home-platform__copy .jp-lead { max-inline-size: 44ch; }
.jp-preview .home-platform__stack { padding-bottom: 12%; }
.jp-preview .home-platform .jp-device__screen {
  border: 1px solid var(--jp-line, #d9e4e3);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgb(1 45 50 / 7%);
}
.jp-preview .home-platform__main { inline-size: 90%; }
.jp-preview .home-platform__over { inline-size: 58%; }
.jp-preview .home-platform__media .jp-device__caption { justify-content: flex-start; font-size: .8125rem; }
.jp-preview .home-platform__media .jp-chip { padding: 0; border: 0; background: transparent; }

/* The complete CPQ process remains visible as a quiet, linked sequence. */
.jp-preview .home-process .jp-section-head {
  max-inline-size: 760px;
  margin: 0 0 36px;
  justify-items: start;
  text-align: left;
}
.jp-preview .home-process .jp-h2 { max-inline-size: 28ch; }
.jp-preview .home-flow { gap: 12px; }
.jp-preview .home-flow::before { background: var(--jp-line, #d9e4e3); block-size: 1px; }
.jp-preview .home-flow__n {
  inline-size: 36px;
  block-size: 36px;
  background: var(--jp-canvas, #f7fafa);
  border: 1px solid #a7c3c1;
  box-shadow: none;
  font-size: .8125rem;
  font-weight: 500;
}
.jp-preview .home-flow__step > a { padding-inline: 0; background: transparent; border-radius: 0; }
.jp-preview .home-flow__step strong { font-size: .875rem; line-height: 1.45; }
.jp-preview .home-flow__step a:is(:hover, :focus-visible) .home-flow__n { border-color: var(--jp-accent, #fc7505); box-shadow: none; }
.jp-preview .home-more--center { justify-content: flex-start; }

/* Advisory and Technology layout on Home: spacing-layouts.css (2026-11-03). */
.jp-preview .home-area:is(:hover, :active),
.jp-preview .home-tech__grid .jp-card:is(:hover, :active) { background: transparent; box-shadow: none; transform: none; }
.jp-preview .home-area:hover .jp-card__title a,
.jp-preview .home-tech__grid .jp-card:hover .jp-card__title a { color: var(--jp-brand-text, #0f6e72); }
.jp-preview .home-experts { grid-column: 1 / -1; margin-top: 48px; padding-top: 32px; }
.jp-preview .home-experts__title { margin-bottom: 24px; font-size: 1rem; color: var(--jp-text, #012d32); }
.jp-preview .home-experts__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; }
.jp-preview .home-experts .jp-person__avatar { inline-size: 40px; block-size: 40px; font-size: .75rem; box-shadow: none; }
.jp-preview .home-experts .jp-person b { font-size: 1rem; }
.jp-preview .home-experts .jp-person__role { font-size: .875rem; }

.jp-preview .home-experience__inner { grid-template-columns: 1fr 1fr; gap: 32px 72px; align-items: center; }
.jp-preview .home-experience__copy { max-inline-size: 48ch; }
.jp-preview .home-experience__refs { justify-self: end; gap: 16px; }
.jp-preview .home-refs { gap: 16px 32px; }
.jp-preview .home-refs li { font-size: 1.5rem; }

/* About: text-first opening, with the team index as navigation. */
.jp-preview .about-hero { padding-block: 64px 64px; background: var(--jp-canvas, #f7fafa); }
.jp-preview .about-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: start;
  gap: 48px 80px;
}
.jp-preview .about-hero .jp-hero__inner { gap: 24px; }
.jp-preview .about-hero .jp-h1 { max-inline-size: 20ch; font-weight: 600; }
.jp-preview .about-hero .jp-lead { max-inline-size: 49ch; font-size: 1.0625rem; line-height: 1.65; }
.jp-preview .about-hero .jp-actions { margin-top: 6px; gap: 24px; }
.jp-preview .about-glance {
  inline-size: 100%;
  max-inline-size: none;
  margin: 4px 0 0;
  padding: 0 0 0 36px;
  border: 0;
  border-left: 1px solid var(--jp-line, #d9e4e3);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 16px;
}
.jp-preview .about-glance__title { font-size: 1rem; }
.jp-preview .about-glance__people { grid-template-columns: 1fr; gap: 0; }
.jp-preview .about-glance__people a { padding: 10px 0; margin: 0; gap: 14px; border-radius: 0; }
.jp-preview .about-glance__people a:is(:hover, :active) { background: transparent; }
.jp-preview .about-glance__people a:hover b { color: var(--jp-brand-text, #0f6e72); }
.jp-preview .about-glance__avatar { inline-size: 32px; block-size: 32px; font-size: .625rem; font-weight: 500; background: #e4efee; color: var(--jp-text, #012d32); }
.jp-preview .about-glance__who b { font-size: .9375rem; }
.jp-preview .about-glance__who span { margin-top: 3px; font-size: .8125rem; font-weight: 400; line-height: 1.4; }
.jp-preview :is(.about-areas, .about-team, .about-work, .about-story) { padding-block: 76px; background: transparent; border-top: 1px solid var(--jp-line, #d9e4e3); }
.jp-preview .about-areas .jp-entries { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.jp-preview .about-area {
  padding: 24px 0 0;
  gap: 12px;
  border: 0;
  border-top: 1px solid var(--jp-line, #d9e4e3);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.jp-preview .about-area:is(:hover, :active) { background: transparent; box-shadow: none; transform: none; }
.jp-preview .about-area .jp-icon { inline-size: 32px; block-size: 32px; justify-items: start; border-radius: 0; background: transparent; }
.jp-preview .about-area .jp-entry__kind { font-size: .8125rem; font-weight: 500; }
.jp-preview .about-area .jp-entry__title { font-size: clamp(1.25rem, 1.9vw, 1.625rem); line-height: 1.25; }
.jp-preview .about-area .jp-entry__desc { font-size: .9375rem; line-height: 1.65; }
.jp-preview .about-area .jp-entry__more { padding-top: 16px; }
.jp-preview .about-area:hover .jp-entry__title a { color: var(--jp-brand-text, #0f6e72); }
.jp-preview .about-area__avatar { inline-size: 28px; block-size: 28px; font-size: .5625rem; font-weight: 500; background: #e4efee; color: var(--jp-text, #012d32); }

/* Profiles remain fully expanded; labels and service links never disappear. */
.jp-preview .about-people { grid-template-columns: 1fr; gap: 0; max-inline-size: none; }
.jp-preview .about-person {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.65fr);
  grid-template-rows: auto;
  grid-template-areas: "head body";
  column-gap: 64px;
  padding: 40px 0;
  border: 0;
  border-top: 1px solid var(--jp-line, #d9e4e3);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.jp-preview .about-person:target { outline: 2px solid #1b9092; outline-offset: 12px; box-shadow: none; }
.jp-preview .about-person__head { gap: 16px; align-self: start; }
.jp-preview .about-person__id { padding-left: 0; gap: 8px; }
.jp-preview .about-person__id::before { display: none; }
.jp-preview .about-person__name { font-size: 1.625rem; line-height: 1.2; }
.jp-preview .about-person__role { font-size: .875rem; line-height: 1.5; }
.jp-preview .about-person__in { border-radius: 50%; background: transparent; border: 1px solid #c6d8d6; }
.jp-preview .about-person__body { display: grid; gap: 12px; align-content: start; }
.jp-preview .about-person__focus { font-size: 1.0625rem; line-height: 1.5; }
.jp-preview .about-person__bio { font-size: .9375rem; line-height: 1.7; }
.jp-preview .about-person__label { margin-top: 16px; padding-top: 16px; font-size: .8125rem; font-weight: 500; }
.jp-preview .about-person__skills { grid-template-columns: 1fr; align-content: start; gap: 7px; font-size: .875rem; line-height: 1.6; }
.jp-preview .about-person__links { align-content: start; gap: 2px; }
.jp-preview .about-person__links .jp-link-more { font-size: .875rem; line-height: 1.5; min-block-size: 32px; }
.jp-preview .about-refs {
  margin-top: 24px;
  padding: 32px 0 0;
  border: 0;
  border-top: 1px solid var(--jp-line, #d9e4e3);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.jp-preview .about-refs__list li { font-size: 1.5rem; font-weight: 600; }

/* Work and story have a single section rhythm, without nested panels. */
.jp-preview .about-steps { gap: 36px; }
.jp-preview .about-step { padding-top: 24px; border-top-width: 1px; }
.jp-preview .about-step__num { margin-bottom: 12px; font-size: .8125rem; font-weight: 500; }
.jp-preview .about-step__title { font-size: 1.125rem; }
.jp-preview .about-step p { font-size: .9375rem; line-height: 1.65; }
.jp-preview .about-forms { margin-top: 48px; padding: 32px 0 0; border: 0; border-top: 1px solid var(--jp-line, #d9e4e3); border-radius: 0; background: transparent; box-shadow: none; }
.jp-preview .about-forms__title { font-size: 1rem; }
.jp-preview .about-forms__list { gap: 32px 48px; }
.jp-preview .about-forms__list dd { line-height: 1.65; }
.jp-preview .about-history { gap: 56px; }
.jp-preview .about-history__frame { overflow: visible; border-radius: 0; background: transparent; box-shadow: none; }
.jp-preview .about-history__frame img { inline-size: 100%; block-size: auto; object-fit: contain; border-radius: 0; }
.jp-preview .about-history__copy { gap: 20px; }
.jp-preview .about-history__copy p { font-size: 1rem; line-height: 1.65; }
.jp-preview .about-history__copy .jp-btn::after { content: none; }
.jp-preview .about-product { max-inline-size: none; margin-top: 40px; background: transparent; box-shadow: none; border-radius: 0; }

/* Closing choices are links in a simple list, preserving every original CTA. */
.jp-preview :is(.home-cta, .about-cta) { padding-block: 64px; border-top: 1px solid var(--jp-line, #d9e4e3); background: #edf4f3; color: var(--jp-text-2, #4a6366); }
.jp-preview :is(.home-cta, .about-cta) .jp-cta__panel {
  grid-template-columns: 1fr 1fr;
  gap: 20px 72px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
  justify-items: start;
  align-items: start;
}
.jp-preview :is(.home-cta, .about-cta) .jp-cta__panel h2 { grid-column: 1; grid-row: 1; color: var(--jp-text, #012d32); font-size: clamp(1.875rem, 3vw, 2.75rem); max-inline-size: 20ch; }
.jp-preview :is(.home-cta, .about-cta) .jp-cta__panel > p { grid-column: 1; grid-row: 2; align-self: start; font-size: 1rem; line-height: 1.65; }
.jp-preview :is(.home-cta, .about-cta) .jp-cta__options { grid-column: 2; grid-row: 1 / span 2; grid-template-columns: 1fr; gap: 0; }
.jp-preview :is(.home-cta, .about-cta) .jp-cta__option { grid-template-columns: minmax(100px, .7fr) minmax(0, 1.3fr); gap: 20px; padding: 18px 0; border: 0; border-bottom: 1px solid #cbdcda; border-radius: 0; color: var(--jp-text, #012d32); background: transparent; }
.jp-preview :is(.home-cta, .about-cta) .jp-cta__option:first-child { padding-top: 0; }
.jp-preview :is(.home-cta, .about-cta) .jp-cta__option:hover { color: var(--jp-brand-text, #0f6e72); background: transparent; }
.jp-preview :is(.home-cta, .about-cta) .jp-cta__option span { font-size: .875rem; line-height: 1.6; color: var(--jp-text-2, #4a6366); }

@media (max-width: 1080px) {
  .jp-preview .hero-centrum .hero-centrum__copy { grid-template-columns: 1fr; gap: 24px; }
  .jp-preview .hero-centrum .hero-centrum__title { max-width: 23ch; }
  .jp-preview .hero-centrum .hero-centrum__title > span { display: inline; }
  .jp-preview .hero-centrum .hero-centrum__row { margin-top: 0; }
  .jp-preview .hero-centrum .hero-centrum__lead { max-width: 64ch; }
  .jp-preview .hero-centrum .hero-direction { padding-inline: 20px; }
  .jp-preview .home-platform__grid { gap: 36px; }
  .jp-preview .home-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); max-inline-size: none; gap: 12px 24px; }
  .jp-preview .home-flow::before { display: none; }
  .jp-preview .home-flow__step > a { grid-template-columns: 36px minmax(0, 1fr); padding-block: 12px; column-gap: 14px; }
  .jp-preview .home-experts__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .jp-preview .home-experts .jp-person { gap: 12px; }
  .jp-preview .about-hero__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .jp-preview .about-glance { padding-left: 28px; }
  .jp-preview .about-areas .jp-entries { gap: 24px; }
  .jp-preview .about-person { grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); column-gap: 36px; }
  .jp-preview .about-person__head { flex-wrap: wrap; gap: 16px; }
  .jp-preview .about-person__id { flex-basis: 100%; }
  .jp-preview .about-forms__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .jp-preview .about-history { grid-template-columns: 1.2fr 1fr; gap: 36px; }
  .jp-preview :is(.home-cta, .about-cta) .jp-cta__panel { gap: 20px 40px; }
}

@media (max-width: 720px) {
  .jp-preview .hero-centrum { padding-top: 36px; }
  .jp-preview .hero-centrum .hero-centrum__title { font-size: 2.375rem; line-height: 1.1; letter-spacing: -.04em; }
  .jp-preview .hero-centrum .hero-centrum__lead { font-size: 1rem; }
  .jp-preview .hero-centrum .hero-centrum__actions { gap: 12px; margin-top: 24px; }
  .jp-preview .hero-centrum .jp-btn { flex: 0 1 auto; }
  .jp-preview .hero-centrum .hero-directions { margin-top: 36px; }
  .jp-preview .hero-centrum .hero-directions__list { grid-template-columns: 1fr; }
  .jp-preview .hero-centrum .hero-direction,
  .jp-preview .hero-centrum .hero-direction:first-child,
  .jp-preview .hero-centrum .hero-direction:last-child { padding: 24px 0; }
  .jp-preview .hero-centrum .hero-direction + .hero-direction { border-left: 0; border-top: 1px solid var(--jp-line, #d9e4e3); }
  .jp-preview .hero-centrum .hero-direction__top { position: absolute; inset: 24px 0 auto auto; margin: 0; }
  .jp-preview .hero-centrum .hero-direction__num { display: none; }
  .jp-preview .hero-centrum .hero-direction__label { padding-right: 58px; margin-bottom: 8px; }
  .jp-preview .hero-centrum .hero-direction__name { padding-right: 58px; font-size: 1.375rem; }
  .jp-preview .hero-centrum .hero-direction__promise { max-width: 46ch; padding-right: 16px; margin-top: 10px; }
  .jp-preview .home-body > .jp-section:not(.home-cta),
  .jp-preview :is(.about-areas, .about-team, .about-work, .about-story) { padding-block: 48px; }
  .jp-preview .home-platform__grid { grid-template-columns: 1fr; gap: 32px; }
  .jp-preview .home-platform__stack { padding: 0; }
  .jp-preview .home-platform__main { inline-size: 100%; }
  .jp-preview .home-platform__over { inline-size: 82%; position: static; margin: 20px 0 0 auto; }
  .jp-preview .home-process .jp-section-head { margin-bottom: 24px; }
  .jp-preview .home-flow { grid-template-columns: 1fr 1fr; gap: 8px 20px; }
  .jp-preview .home-flow__step > a { column-gap: 10px; }
  .jp-preview .home-flow__step strong { font-size: .8125rem; }
  .jp-preview .home-experts { margin-top: 32px; padding-top: 24px; }
  .jp-preview .home-experts__list { grid-template-columns: 1fr; gap: 20px; }
  .jp-preview .home-experience__inner { grid-template-columns: 1fr; gap: 24px; }
  .jp-preview .home-experience__refs { justify-self: start; }
  .jp-preview .home-refs { gap: 24px; }
  .jp-preview .home-refs li { font-size: 1.25rem; }
  .jp-preview .about-hero { padding-block: 36px 48px; }
  .jp-preview .about-hero__grid { grid-template-columns: 1fr; gap: 36px; }
  .jp-preview .about-hero .jp-h1 { max-inline-size: 24ch; }
  .jp-preview .about-hero .jp-lead { font-size: 1rem; }
  .jp-preview .about-hero .jp-actions { gap: 16px 24px; }
  .jp-preview .about-glance { border-left: 0; border-top: 1px solid var(--jp-line, #d9e4e3); padding: 24px 0 0; margin: 0; }
  .jp-preview .about-glance__people { grid-template-columns: 1fr; }
  .jp-preview .about-glance__people a { min-block-size: 56px; }
  .jp-preview .about-areas .jp-entries { grid-template-columns: 1fr; gap: 32px; }
  .jp-preview .about-area { gap: 12px; }
  .jp-preview .about-area .jp-entry__title { font-size: 1.5rem; }
  .jp-preview .about-area .jp-entry__more { padding-top: 8px; }
  .jp-preview .about-person { grid-template-columns: 1fr; grid-template-areas: "head" "body"; row-gap: 24px; padding-block: 32px; }
  .jp-preview .about-person__head { flex-wrap: nowrap; }
  .jp-preview .about-person__id { flex-basis: auto; }
  .jp-preview .about-person__name { font-size: 1.5rem; }
  .jp-preview .about-person__skills { gap: 6px; }
  .jp-preview .about-person__links .jp-link-more { min-block-size: 40px; }
  .jp-preview .about-person:target { outline-offset: 6px; }
  .jp-preview .about-refs { gap: 24px; margin-top: 8px; padding-top: 28px; }
  .jp-preview .about-refs__list li { font-size: 1.25rem; padding-inline: 20px; }
  .jp-preview .about-refs__list li:first-child { padding-left: 0; }
  .jp-preview .about-steps { grid-template-columns: 1fr; gap: 24px; }
  .jp-preview .about-step { grid-template-columns: 28px minmax(0, 1fr); column-gap: 16px; padding-top: 20px; }
  .jp-preview .about-step__num { grid-row: 1 / span 2; margin: 4px 0 0; }
  .jp-preview .about-step p { grid-column: 2; }
  .jp-preview .about-forms { margin-top: 32px; padding-top: 24px; }
  .jp-preview .about-forms__list { grid-template-columns: 1fr; gap: 24px; }
  .jp-preview .about-history { grid-template-columns: 1fr; gap: 28px; }
  .jp-preview .about-history__copy { gap: 16px; }
  .jp-preview .about-product { margin-top: 32px; }
  .jp-preview :is(.home-cta, .about-cta) { padding-block: 48px; }
  .jp-preview :is(.home-cta, .about-cta) .jp-cta__panel { display: block; }
  .jp-preview :is(.home-cta, .about-cta) .jp-cta__panel > p { margin-top: 20px; }
  .jp-preview :is(.home-cta, .about-cta) .jp-cta__options { margin-top: 32px; }
  .jp-preview :is(.home-cta, .about-cta) .jp-cta__option { grid-template-columns: minmax(100px, .7fr) minmax(0, 1.3fr); gap: 16px; }
}

@media (max-width: 380px) {
  .jp-preview .hero-centrum .hero-centrum__title { font-size: 2.125rem; }
  .jp-preview .hero-centrum .jp-btn { flex: 1 1 100%; }
  .jp-preview .home-flow { grid-template-columns: 1fr; }
  .jp-preview :is(.home-cta, .about-cta) .jp-cta__option { grid-template-columns: 1fr; gap: 6px; }
}

/* 2026-11-03: stronger JAPRIVIO identity on Home only (Astra comparison, accepted by the user).
   A flat deep-sea opening (#012D32, no gradient, glow or cards), white headline and the existing
   turquoise highlight (#6FD4CF, 8.43:1). The light navigation stays unchanged. Contrast on #012D32:
   #FFFFFF 14.76, #C7DCDA 10.32, #A9C2C0 7.85. Orange CTA keeps white text in every state. */
.jp-preview .hero-centrum {
  padding: 72px 0 0;
  background: #012d32;
  color: #fff;
}
.jp-preview .hero-centrum .hero-centrum__title,
.jp-preview .hero-centrum .hero-centrum__title-start { color: #fff; }
.jp-preview .hero-centrum .hero-centrum__title-accent { color: #6fd4cf; }
.jp-preview .hero-centrum .hero-centrum__lead { color: #c7dcda; }
.jp-preview .hero-centrum .jp-btn--glass {
  --bg: transparent;
  --fg: #fff;
  border-color: rgb(255 255 255 / 55%);
  color: #fff;
}
.jp-preview .hero-centrum .jp-btn--glass:is(:hover, :focus-visible) {
  --bg: transparent;
  --fg: #6fd4cf;
  border-color: #6fd4cf;
  color: #6fd4cf;
}
.jp-preview .hero-centrum :focus-visible { outline-color: #6fd4cf; }
.jp-preview .hero-centrum .hero-directions { margin-top: 56px; }
.jp-preview .hero-centrum .hero-directions__list { border-block: 1px solid rgb(255 255 255 / 18%); border-block-end: 0; }
.jp-preview .hero-centrum .hero-direction { padding-block: 28px 40px; }
.jp-preview .hero-centrum .hero-direction + .hero-direction { border-left-color: rgb(255 255 255 / 18%); }
.jp-preview .hero-centrum :is(.hero-direction__num, .hero-direction__label) { color: #a9c2c0; }
.jp-preview .hero-centrum :is(.hero-direction__name, .hero-direction__name span) { color: #fff; }
.jp-preview .hero-centrum .hero-direction__promise { color: #c7dcda; }
.jp-preview .hero-centrum .hero-direction__link {
  border-color: rgb(255 255 255 / 40%);
  color: #6fd4cf;
}
.jp-preview .hero-centrum .hero-direction__link:focus-visible::after { outline-color: #6fd4cf; }

@media (max-width: 720px) {
  .jp-preview .hero-centrum { padding-top: 44px; }
  .jp-preview .hero-centrum .hero-directions__list { border-block-start: 1px solid rgb(255 255 255 / 18%); }
  .jp-preview .hero-centrum .hero-direction + .hero-direction { border-top-color: rgb(255 255 255 / 18%); }
}

/* Preview only. Source templates, strings, links and product assets are unchanged. */
body.jp-preview.jp-products main {
  --jp-container: 1280px;
  --jp-container-wide: 1280px;
  --jp-gutter: 80px;
  --jp-section-y: clamp(64px, 6.4vw, 104px);
  --jp-section-y-tight: clamp(48px, 5vw, 80px);
  background: #f7fafa;
}
body.jp-preview.jp-products main .jp-section:not(.jp-cta) { background: #fff; }
body.jp-preview.jp-products main .jp-section--band:not(.jp-cta),
body.jp-preview.jp-products main .jp-section--surface:not(.jp-cta) { background: #f0f6f5; }
body.jp-preview.jp-products main .jp-section:not(.jp-cta) :is(.jp-h2, .jp-h3) { color: #012d32; }
body.jp-preview.jp-products main .jp-h2 { font-size: clamp(28px, 2.8vw, 42px); line-height: 1.14; letter-spacing: -.035em; }
body.jp-preview.jp-products main :is(.jp-lead, .cpq-hero__lead, .sol-hero__lead) { font-size: 17px; line-height: 1.65; color: #4a6366; }
body.jp-preview.jp-products main .jp-body { font-size: 16px; line-height: 1.7; }
body.jp-preview.jp-products main :is(.jp-device, .tech-screen) { min-inline-size: 0; }
body.jp-preview.jp-products main .jp-device { gap: 12px; }
body.jp-preview.jp-products main .jp-device__screen {
  padding: 7px;
  border: 1px solid #d9e4e3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 30px rgb(1 45 50 / 5%);
  backdrop-filter: none;
}
body.jp-preview.jp-products main .jp-device__screen > :is(picture, img) { border-radius: 6px; box-shadow: none; }
body.jp-preview.jp-products main .jp-device__caption { justify-self: start; max-inline-size: 88ch; text-align: start; color: #4a6366; font-size: 13px; }
body.jp-preview.jp-products main .jp-device__caption .jp-chip { padding: 0; background: transparent; border: 0; border-radius: 0; color: #4a6366; font-size: inherit; }
body.jp-preview.jp-products main .jp-device__caption .jp-chip::after { content: " ·"; }
body.jp-preview.jp-products main .jp-icon { background: transparent; border: 0; box-shadow: none; color: #0f6e72; }

/* CPQ follows the approved title/copy row and one wide product screenshot. */
body.jp-preview.jp-products--cpq .cpq-hero {
  padding: 64px 0 38px;
  background: #f7fafa;
  color: #012d32;
}
body.jp-preview.jp-products--cpq :is(.cpq-hero, .cpq-body) { --jp-gutter: 80px; }
body.jp-preview.jp-products--cpq .jp-product-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 64px; align-items: center; }
body.jp-preview.jp-products--cpq .cpq-hero__title {
  max-inline-size: 18ch;
  color: #012d32;
  font-size: clamp(36px, 3.8vw, 56px);
  line-height: 1.08;
  letter-spacing: -.04em;
  text-wrap: initial;
}
body.jp-preview.jp-products--cpq .cpq-hero__row { display: grid; gap: 25px; margin: 0; }
body.jp-preview.jp-products--cpq .cpq-hero__lead { max-inline-size: 44ch; }
body.jp-preview.jp-products--cpq .cpq-hero__actions { margin: 0; gap: 14px 22px; align-items: center; }
body.jp-preview.jp-products--cpq .cpq-hero :is(a, .jp-btn):focus-visible { outline-color: #0f6e72; }
body.jp-preview.jp-products--cpq .cpq-hero .jp-btn--glass {
  --bg: transparent;
  --fg: #012d32;
  --sh: none;
  border-color: #bccfce;
  background: transparent;
  color: #012d32;
  box-shadow: none;
}
body.jp-preview.jp-products--cpq .cpq-hero .jp-btn--glass:is(:hover, :focus-visible, :active) {
  --bg: #eef5f4;
  --fg: #012d32;
  background: #eef5f4;
  border-color: #0f6e72;
  color: #012d32;
}
body.jp-preview.jp-products--cpq .jp-product-hero-shot { margin: 42px 0 0; }
body.jp-preview.jp-products--cpq .jp-product-hero-shot .jp-device__screen { max-inline-size: none; box-shadow: 0 12px 34px rgb(1 45 50 / 6%); }
body.jp-preview.jp-products--cpq .cpq-body { margin: 0; border-radius: 0; background: #fff; }
body.jp-preview.jp-products--cpq .cpq-s--first { padding-block-start: 64px; }
body.jp-preview.jp-products--cpq .cpq-head { margin-block-end: 36px; gap: 24px 64px; }
body.jp-preview.jp-products--cpq .cpq-head__main { gap: 16px; }
body.jp-preview.jp-products--cpq .cpq-kicker { gap: 12px; font-size: 14px; font-weight: 500; color: #0f6e72; }
body.jp-preview.jp-products--cpq .cpq-kicker__n { font-size: 14px; font-weight: 500; color: #0f6e72; }
body.jp-preview.jp-products--cpq .cpq-facts--cols { margin-block-start: 0; gap: 32px; }
body.jp-preview.jp-products--cpq .cpq-facts li { padding-block: 16px; border-color: #d9e4e3; }
body.jp-preview.jp-products--cpq .cpq-facts--cols li { border-block-start-width: 1px; }
body.jp-preview.jp-products--cpq :is(.cpq-facts span, .cpq-aside, .cpq-accept span) { font-size: 15px; line-height: 1.65; }
body.jp-preview.jp-products--cpq .cpq-aside { border-color: #a6c9c6; }
body.jp-preview.jp-products--cpq main .cpq-key { background: #eaf3f1; color: #4a6366; }
body.jp-preview.jp-products--cpq .cpq-key :is(.jp-h2, .cpq-accept strong) { color: #012d32; }
body.jp-preview.jp-products--cpq .cpq-key :is(.cpq-kicker, .cpq-kicker__n) { color: #0f6e72; }
body.jp-preview.jp-products--cpq .cpq-key .jp-lead { color: #4a6366; }
body.jp-preview.jp-products--cpq .cpq-accept li { border-color: #a6c9c6; color: #4a6366; }
body.jp-preview.jp-products--cpq .cpq-accept li::before { color: #0f6e72; }
body.jp-preview.jp-products--cpq .cpq-role-grid { gap: 32px; }
body.jp-preview.jp-products--cpq .cpq-role {
  padding: 24px 0 0;
  border: 0;
  border-block-start: 1px solid #cadbd8;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
body.jp-preview.jp-products--cpq .cpq-role .jp-icon { padding: 0; justify-content: start; }
body.jp-preview.jp-products--cpq .cpq-role .jp-card__title { font-size: 20px; }
body.jp-preview.jp-products--cpq .cpq-role .jp-card__text { font-size: 15px; }
body.jp-preview.jp-products--cpq .cpq-safe li { padding-block: 20px; }
body.jp-preview.jp-products--cpq .cpq-safe :is(.cpq-safe__t, p) { font-size: 15px; }
body.jp-preview.jp-products--cpq .cpq-steps { gap: 28px; }
body.jp-preview.jp-products--cpq .cpq-steps li { border-block-start: 1px solid #a6c9c6; padding-block-start: 20px; gap: 12px; }
body.jp-preview.jp-products--cpq .cpq-steps__n { font-size: 14px; }
body.jp-preview.jp-products--cpq .cpq-integr { gap: 24px 40px; }
body.jp-preview.jp-products--cpq .cpq-integr__item { padding: 24px 0 0; border-block-start: 1px solid #cadbd8; border-radius: 0; background: transparent; box-shadow: none; }

/* Fresh and Service: product view, editorial context, then process and detail. */
body.jp-preview.jp-products :is(.tech-hero, .sol-hero) { padding: 64px 0 56px; background: #f7fafa; color: #012d32; }
body.jp-preview.jp-products .tech-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 64px; }
body.jp-preview.jp-products .tech-hero .jp-h1 { color: #012d32; font-size: clamp(36px, 3.8vw, 56px); line-height: 1.08; letter-spacing: -.04em; max-inline-size: 20ch; }
body.jp-preview.jp-products .tech-hero .jp-hero__inner { gap: 24px; }
body.jp-preview.jp-products .tech-hero .jp-kind { margin: 0; padding: 0; border: 0; background: transparent; font-size: 13px; color: #0f6e72; }
body.jp-preview.jp-products .tech-hero .jp-actions { margin-block-start: 4px; gap: 16px 24px; }
body.jp-preview.jp-products .tech-hero__shot { align-self: center; }
body.jp-preview.jp-products .tech-screen img { border-radius: 12px; border: 1px solid #d9e4e3; box-shadow: 0 12px 30px rgb(1 45 50 / 5%); }
body.jp-preview.jp-products--service .tech-screen img { border: 0; box-shadow: none; }
body.jp-preview.jp-products .tech-caption { font-size: 13px; line-height: 1.55; margin-block-start: 12px; }
body.jp-preview.jp-products .tech-freshpage__intro { max-inline-size: none; }
body.jp-preview.jp-products .tech-freshpage__intro > .jp-stack { display: grid; grid-template-columns: 1.05fr 1fr; gap: 32px 64px; align-items: start; }
body.jp-preview.jp-products .tech-freshpage__intro .tech-facts { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 8px 0 0; }
body.jp-preview.jp-products .tech-facts { gap: 24px 32px; padding-block: 24px; border-color: #cadbd8; }
body.jp-preview.jp-products .tech-facts dt { font-size: 13px; line-height: 1.5; }
body.jp-preview.jp-products .tech-facts dd { margin-block-start: 8px; font-size: 15px; line-height: 1.6; }
body.jp-preview.jp-products .tech-feature__flow { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.jp-preview.jp-products .tech-flow { gap: 0; }
body.jp-preview.jp-products .tech-flow::before { content: none; }
body.jp-preview.jp-products .tech-flow li { padding: 20px 0 20px 52px; border-block-start: 1px solid #cadbd8; gap: 6px; }
body.jp-preview.jp-products .tech-flow li:last-child { border-block-end: 1px solid #cadbd8; }
body.jp-preview.jp-products .tech-flow li::before { inset-block-start: 22px; inline-size: 28px; block-size: 28px; border: 1px solid #b6d2ce; border-radius: 50%; background: transparent; color: #0f6e72; box-shadow: none; }
body.jp-preview.jp-products .tech-flow strong { font-size: 16px; }
body.jp-preview.jp-products .tech-flow span { font-size: 15px; line-height: 1.65; }
body.jp-preview.jp-products .tech-caveat { font-size: 14px; line-height: 1.65; border-color: #a6c9c6; }
body.jp-preview.jp-products .tech-freshpage__closeups { gap: 32px; margin-block-start: 56px; align-items: start; }
body.jp-preview.jp-products .tech-scope { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 1.65; }
body.jp-preview.jp-products .tech-scope li { padding-block: 16px; border-block-end: 1px solid #d9e4e3; }
body.jp-preview.jp-products .tech-scope li:first-child { border-block-start: 1px solid #d9e4e3; }
body.jp-preview.jp-products .tech-scope .jp-link-more { padding-block: 2px; line-height: 1.55; }
body.jp-preview.jp-products--service #wiedza .jp-split { align-items: start; }

/* Four roles stay real, keyboard-operable tabs with their existing deep links. */
body.jp-preview.jp-products--solutions .sol-hero { padding-block-end: 0; overflow: visible; }
body.jp-preview.jp-products--solutions .sol-hero__title { max-inline-size: 21ch; color: #012d32; font-size: clamp(36px, 3.8vw, 56px); line-height: 1.08; letter-spacing: -.04em; }
body.jp-preview.jp-products--solutions .sol-hero__row { align-items: center; margin-block-start: 28px; gap: 32px 64px; }
body.jp-preview.jp-products--solutions .sol-hero__lead { margin: 0; max-inline-size: 62ch; }
body.jp-preview.jp-products--solutions .sol-tabs { margin-block-start: 48px; }
body.jp-preview.jp-products--solutions .sol-tabs__list { gap: 24px; border-block-start: 1px solid #d9e4e3; }
body.jp-preview.jp-products--solutions .sol-tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  min-block-size: 76px;
  padding: 18px 0;
  border: 0;
  border-block-end: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #4a6366;
  box-shadow: none;
  transform: none;
}
body.jp-preview.jp-products--solutions .sol-tab__top { display: contents; }
body.jp-preview.jp-products--solutions .sol-tab__num { font-size: 13px; color: #4a6366; font-weight: 500; }
body.jp-preview.jp-products--solutions .sol-tab__arrow { display: none; }
body.jp-preview.jp-products--solutions .sol-tab__name { font-size: 17px; font-weight: 500; letter-spacing: -.015em; line-height: 1.4; hyphens: none; }
body.jp-preview.jp-products--solutions .sol-tab:is(:hover, [aria-selected="true"]) { color: #012d32; background: transparent; border-block-end-color: #1b9092; transform: none; }
body.jp-preview.jp-products--solutions .sol-tab[aria-selected="true"] :is(.sol-tab__num, .sol-tab__name) { color: #012d32; }
body.jp-preview.jp-products--solutions .sol-tab[aria-selected="true"] .sol-tab__name { font-weight: 600; }
body.jp-preview.jp-products--solutions .sol-tab:focus-visible { outline-color: #0f6e72; outline-offset: 4px; }
body.jp-preview.jp-products--solutions .sol-body { margin: 0; border-radius: 0; background: #fff; }
body.jp-preview.jp-products--solutions .sol-roles { padding-block: 64px 80px; }
body.jp-preview.jp-products--solutions .sol-panel { gap: 64px; }
body.jp-preview.jp-products--solutions .sol-panel__num { font-size: 14px; font-weight: 500; }
body.jp-preview.jp-products--solutions .sol-panel__copy { gap: 20px; }
body.jp-preview.jp-products--solutions .sol-panel__list { font-size: 15px; line-height: 1.65; }
body.jp-preview.jp-products--solutions .sol-fns { gap: 10px; padding-block-start: 20px; }
body.jp-preview.jp-products--solutions .sol-fns__list { gap: 4px 24px; }
body.jp-preview.jp-products--solutions .sol-fn { padding: 8px 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 14px; text-underline-offset: 5px; }
body.jp-preview.jp-products--solutions .sol-fn:hover { background: transparent; box-shadow: none; text-decoration: underline; }
/* Production reuses .sol-next for a panel link and a future-service article. */
body.jp-preview.jp-products--solutions a.sol-next { display: inline-flex; grid-template-columns: none; padding: 8px 0; border: 0; border-radius: 0; margin-block-start: 4px; }
body.jp-preview.jp-products--solutions .sol-parts { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
body.jp-preview.jp-products--solutions .sol-steps { gap: 32px; margin-block-start: 24px; }
body.jp-preview.jp-products--solutions .sol-steps::before { content: none; }
body.jp-preview.jp-products--solutions .sol-step { border-block-start: 1px solid #b6d2ce; padding-block-start: 20px; }
body.jp-preview.jp-products--solutions .sol-step__n { inline-size: 28px; block-size: 28px; border: 1px solid #b6d2ce; background: transparent; color: #0f6e72; box-shadow: none; font-size: 13px; }
body.jp-preview.jp-products--solutions article.sol-next { padding: 28px 0 0; margin-block-start: 32px; border: 0; border-block-start: 1px solid #b6d2ce; border-radius: 0; }
body.jp-preview.jp-products--solutions article.sol-next .jp-card__title { font-size: 20px; }

@media (max-width: 1180px) {
  body.jp-preview.jp-products main,
  body.jp-preview.jp-products--cpq :is(.cpq-hero, .cpq-body) { --jp-gutter: 40px; }
  body.jp-preview.jp-products--cpq .jp-product-intro,
  body.jp-preview.jp-products :is(.tech-hero__grid, .sol-panel) { gap: 40px; }
}
@media (max-width: 1000px) {
  body.jp-preview.jp-products--cpq .jp-product-intro { grid-template-columns: 1fr; gap: 24px; }
  body.jp-preview.jp-products--cpq .cpq-hero__title { max-inline-size: 22ch; }
  body.jp-preview.jp-products--cpq .cpq-hero__lead { max-inline-size: 60ch; }
  body.jp-preview.jp-products .tech-hero__grid { grid-template-columns: 1fr; gap: 40px; }
  body.jp-preview.jp-products .tech-hero .jp-h1 { max-inline-size: 24ch; }
  body.jp-preview.jp-products .tech-hero__shot { max-inline-size: 720px; }
  body.jp-preview.jp-products--service .tech-hero__shot { max-inline-size: 600px; }
  body.jp-preview.jp-products .tech-freshpage__intro > .jp-stack { grid-template-columns: 1fr; gap: 24px; }
  body.jp-preview.jp-products .tech-freshpage__intro .tech-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.jp-preview.jp-products--solutions .sol-tabs__list { gap: 8px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.jp-preview.jp-products--solutions .sol-tab { min-block-size: 64px; padding-block: 14px; }
}
@media (max-width: 720px) {
  body.jp-preview.jp-products main,
  body.jp-preview.jp-products--cpq :is(.cpq-hero, .cpq-body) { --jp-gutter: 20px; }
  body.jp-preview.jp-products :is(.cpq-hero, .tech-hero, .sol-hero) { padding-block: 32px 32px; }
  body.jp-preview.jp-products main :is(.cpq-hero__title, .tech-hero .jp-h1, .sol-hero__title) { font-size: 36px; line-height: 1.1; }
  body.jp-preview.jp-products main :is(.jp-lead, .cpq-hero__lead, .sol-hero__lead) { font-size: 16px; }
  body.jp-preview.jp-products .tech-hero .jp-hero__inner { gap: 20px; }
  body.jp-preview.jp-products .tech-hero .jp-actions { align-items: flex-start; }
  body.jp-preview.jp-products--cpq .cpq-hero__actions { gap: 16px; }
  body.jp-preview.jp-products--cpq .cpq-hero .jp-btn { flex: 0 1 auto; max-inline-size: 100%; }
  body.jp-preview.jp-products--cpq .jp-product-hero-shot { margin-block-start: 32px; }
  body.jp-preview.jp-products main .jp-device__screen { max-inline-size: none; padding: 5px; border-radius: 10px; }
  body.jp-preview.jp-products main .jp-device__screen > :is(picture, img) { border-radius: 5px; }
  body.jp-preview.jp-products--cpq .cpq-s--first { padding-block-start: 40px; }
  body.jp-preview.jp-products--cpq .cpq-facts--cols { gap: 0; }
  body.jp-preview.jp-products--cpq .cpq-role-grid { gap: 24px; }
  body.jp-preview.jp-products--cpq #kanaly .cpq-role { padding: 20px 0 0; }
  body.jp-preview.jp-products--cpq .cpq-steps { gap: 20px; }
  body.jp-preview.jp-products .tech-facts { grid-template-columns: 1fr; }
  body.jp-preview.jp-products .tech-freshpage__intro .tech-facts { gap: 24px; }
  body.jp-preview.jp-products .tech-freshpage__closeups { gap: 32px; margin-block-start: 40px; }
  body.jp-preview.jp-products--solutions .sol-hero { padding-block-end: 0; }
  body.jp-preview.jp-products--solutions .sol-hero__row { gap: 24px; margin-block-start: 24px; }
  body.jp-preview.jp-products--solutions .sol-tabs { margin-block-start: 32px; }
  body.jp-preview.jp-products--solutions .sol-tabs__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 20px; }
  body.jp-preview.jp-products--solutions .sol-tab { align-items: baseline; gap: 8px; }
  body.jp-preview.jp-products--solutions .sol-tab__name { font-size: 16px; }
  body.jp-preview.jp-products--solutions .sol-roles { padding-block: 40px 64px; }
  body.jp-preview.jp-products--solutions .sol-panel { gap: 32px; }
  body.jp-preview.jp-products--solutions .sol-steps { gap: 20px; }
  body.jp-preview.jp-products--solutions .sol-step > span:last-child { padding-block-start: 0; }
}
@media (max-width: 380px) {
  body.jp-preview.jp-products .tech-freshpage__intro .tech-facts,
  body.jp-preview.jp-products--solutions .sol-tabs__list { grid-template-columns: 1fr; }
  body.jp-preview.jp-products--solutions .sol-tab { min-block-size: 48px; padding-block: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body.jp-preview.jp-products--solutions .sol-panel[role="tabpanel"] { animation: none; }
}
@media (forced-colors: active) {
  body.jp-preview.jp-products--solutions .sol-tab[aria-selected="true"] { outline: 2px solid Highlight; }
}

/* Legacy #proces now marks the product body, whose first child is the section
   menu: land it directly below the header instead of below a menu gap. */
body.jp-preview.jp-products--cpq .cpq-body#proces { scroll-margin-top: -70px; }

/* Preview only. Production copy, routes, catalogue hooks and disclosures remain intact. */
body.jp-preview.jp-preview-services {
  --preview-services-line: #cfdedb;
  --preview-services-muted: #4a6366;
  --preview-services-ink: #012d32;
  --preview-services-link: #0f6e72;
  --preview-services-band: #eaf2f0;
}

body.jp-preview.jp-preview-services .jp-section {
  padding-block: clamp(48px, 6vw, 84px);
}
body.jp-preview.jp-preview-services :is(.tech-hero, .adv-hero) {
  background: #f7fafa;
  color: var(--preview-services-ink);
  padding-block: clamp(54px, 6vw, 88px) clamp(48px, 5vw, 72px);
}
body.jp-preview.jp-preview-services :is(.tech-hero, .adv-hero) .jp-h1 {
  font-size: clamp(38px, 4.5vw, 65px);
  line-height: 1.1;
  letter-spacing: -.045em;
  font-weight: 600;
  color: var(--preview-services-ink);
}
body.jp-preview.jp-preview-services :is(.tech-hero, .adv-hero) .jp-lead {
  color: var(--preview-services-muted);
  font-size: 18px;
  line-height: 1.65;
}
body.jp-preview.jp-preview-services :is(.tech-hero, .adv-hero) .jp-hero__inner {
  gap: 24px;
}
body.jp-preview.jp-preview-services .jp-section-head {
  margin-block-end: 36px;
}
body.jp-preview.jp-preview-services .jp-section-head--center {
  text-align: start;
  justify-items: start;
  margin-inline: 0;
}
body.jp-preview.jp-preview-services .jp-section-head--center .jp-lead {
  margin-inline: 0;
}
body.jp-preview.jp-preview-services .jp-h2 {
  font-size: clamp(30px, 3.3vw, 44px);
  letter-spacing: -.04em;
  line-height: 1.15;
}
body.jp-preview.jp-preview-services .jp-h3 {
  font-size: clamp(24px, 2.4vw, 30px);
  letter-spacing: -.025em;
}
body.jp-preview.jp-preview-services :is(.jp-kind, .jp-tag) {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  min-block-size: 0;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  color: var(--preview-services-link);
}
body.jp-preview.jp-preview-services .jp-kind svg { display: none; }
body.jp-preview.jp-preview-services .jp-tags {
  gap: 6px 18px;
  margin-block-start: 14px;
}
body.jp-preview.jp-preview-services :is(.jp-service, .jp-service:has(details[open])) {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.jp-preview.jp-preview-services .jp-service__title {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.025em;
}
body.jp-preview.jp-preview-services .jp-service__problem {
  font-size: 16px;
  line-height: 1.65;
  color: var(--preview-services-muted);
}
body.jp-preview.jp-preview-services .jp-service__more > summary {
  padding-block: 12px;
  min-block-size: 48px;
  font-weight: 500;
  color: var(--preview-services-link);
}
body.jp-preview.jp-preview-services .jp-service__body {
  padding-block: 8px 12px;
  font-size: 15px;
  gap: 24px;
}
body.jp-preview.jp-preview-services .jp-service__label {
  color: var(--preview-services-ink);
  font-size: 14px;
  font-weight: 600;
}

/* Technology opening: original copy beside the existing glass artwork. */
body.jp-preview.jp-preview-technology .tech-open > .jp-container { position: relative; }
body.jp-preview.jp-preview-technology .tech-open > .jp-container::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto auto;
  inline-size: 45%;
  block-size: 440px;
  background: url('/assets/preview-redesign/backgrounds/background-przeplyw.png?v=cc306c81cdd4') 77% center / auto 100% no-repeat;
  mask-image: linear-gradient(to right, transparent, #000 18%);
  pointer-events: none;
}
body.jp-preview.jp-preview-technology .tech-open .tech-open__title {
  max-inline-size: 17ch;
}
body.jp-preview.jp-preview-technology .tech-open__row {
  display: grid;
  gap: 28px;
  max-inline-size: 57%;
  margin-block-start: 24px;
}
body.jp-preview.jp-preview-technology .tech-open__lead { max-inline-size: 56ch; }
body.jp-preview.jp-preview-technology .tech-open__row .jp-actions { margin: 0; }
body.jp-preview.jp-preview-technology .tech-uses {
  margin-block-start: 60px;
  padding: 26px 0 0;
  border: 0;
  border-block-start: 1px solid var(--preview-services-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 18px;
}
body.jp-preview.jp-preview-technology .tech-uses__title { padding: 0; font-size: 14px; }
body.jp-preview.jp-preview-technology .tech-uses__list { display: grid; grid-template-columns: 1fr; gap: 0; border-block-start: 1px solid var(--preview-services-line); }
body.jp-preview.jp-preview-technology .tech-uses__list li { grid-column: auto; border-block-end: 1px solid var(--preview-services-line); }
body.jp-preview.jp-preview-technology .tech-use {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  grid-template-areas: 'text arrow';
  align-items: center;
  min-block-size: 64px;
  padding: 14px 0;
  gap: 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
body.jp-preview.jp-preview-technology .tech-use__icon { display: none; }
body.jp-preview.jp-preview-technology .tech-use__text { font-size: 17px; font-weight: 500; line-height: 1.45; }
body.jp-preview.jp-preview-technology .tech-use__arrow { margin: 0; }
body.jp-preview.jp-preview-technology .tech-open + .jp-subnav { margin-block-start: 0; }

/* The diagnosis path stays readable without the framed tree of cards. */
body.jp-preview.jp-preview-technology .tech-path { background: #fff; }
body.jp-preview.jp-preview-technology .tech-route { margin-block-start: 32px; justify-items: stretch; }
body.jp-preview.jp-preview-technology .tech-route__steps {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-items: stretch;
  gap: 32px;
}
body.jp-preview.jp-preview-technology .tech-route__step {
  min-inline-size: 0;
  border: 0;
  border-block-start: 1px solid var(--preview-services-line);
  border-radius: 0;
  padding: 20px 0;
  background: transparent;
  box-shadow: none;
}
body.jp-preview.jp-preview-technology .tech-route__n,
body.jp-preview.jp-preview-technology .tech-route__step--key .tech-route__n {
  background: transparent;
  color: var(--preview-services-link);
  border-radius: 0;
  inline-size: 26px;
}
body.jp-preview.jp-preview-technology .tech-route__step--key b { color: var(--preview-services-ink); }
body.jp-preview.jp-preview-technology .tech-route__step--key b + span { color: var(--preview-services-muted); }
body.jp-preview.jp-preview-technology .tech-route__label {
  justify-self: start;
  margin-block-start: 10px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
body.jp-preview.jp-preview-technology :is(.tech-route__step, .tech-route__label, .tech-route__outcomes, .tech-outcome)::before {
  display: none;
}
body.jp-preview.jp-preview-technology .tech-route__outcomes { gap: 40px; margin-block-start: 22px; }
body.jp-preview.jp-preview-technology .tech-outcome {
  padding: 24px 0 0;
  gap: 14px;
  background: transparent;
  border: 0;
  border-block-start: 1px solid var(--preview-services-line);
  border-radius: 0;
  box-shadow: none;
}
body.jp-preview.jp-preview-technology .tech-outcome__icon {
  inline-size: 32px;
  block-size: 32px;
  background: transparent;
  border-radius: 0;
  place-items: center start;
}
body.jp-preview.jp-preview-technology .tech-outcome__links { border: 0; }

/* Every concept gets its own image/copy row; all eight remain in source order. */
body.jp-preview.jp-preview-technology #projekty { background: #f7fafa; }
body.jp-preview.jp-preview-technology .tech-group__head {
  max-inline-size: none;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-block-end: 38px;
}
body.jp-preview.jp-preview-technology .tech-concepts { grid-template-columns: 1fr; gap: 0; }
body.jp-preview.jp-preview-technology .tech-concept {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28px, 4.5vw, 64px);
  align-items: center;
  padding: 46px 0;
  background: transparent;
  border: 0;
  border-block-start: 1px solid var(--preview-services-line);
  border-radius: 0;
  box-shadow: none;
}
body.jp-preview.jp-preview-technology .tech-concept:nth-child(even) .tech-concept__media { order: 2; }
body.jp-preview.jp-preview-technology .tech-concept__media { margin: 0; align-self: start; }
body.jp-preview.jp-preview-technology .tech-concept__media img { border-radius: 8px; box-shadow: none; }
body.jp-preview.jp-preview-technology .jp-preview-concept-copy { display: grid; gap: 17px; min-inline-size: 0; }
body.jp-preview.jp-preview-technology .jp-preview-concept-copy > * { margin: 0; }
body.jp-preview.jp-preview-technology .tech-concept__head { margin: 0; }
body.jp-preview.jp-preview-technology .tech-concept__title {
  font-size: clamp(27px, 3vw, 38px);
  line-height: 1.16;
  letter-spacing: -.035em;
}
body.jp-preview.jp-preview-technology .tech-concept__lead { font-size: 16px; line-height: 1.65; }
body.jp-preview.jp-preview-technology .tech-concept__more { border-block: 1px solid var(--preview-services-line); }
body.jp-preview.jp-preview-technology .tech-concept__more > summary { min-block-size: 50px; font-weight: 500; }
body.jp-preview.jp-preview-technology .tech-concept__facts { gap: 20px; padding-block: 12px 22px; }
body.jp-preview.jp-preview-technology .tech-concept__facts dt { font-size: 13px; }
body.jp-preview.jp-preview-technology .tech-concept__facts dd { font-size: 15px; }
body.jp-preview.jp-preview-technology .tech-concept__steps li { padding-inline-start: 24px; }
body.jp-preview.jp-preview-technology .tech-concept__steps li::before {
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  color: var(--preview-services-link);
}
body.jp-preview.jp-preview-technology .tech-concept__cta { padding-block-start: 0; justify-self: start; }

/* A quiet, static process replaces the animated horizontal timeline. */
body.jp-preview.jp-preview-technology .tech-process { background: var(--preview-services-band); }
body.jp-preview.jp-preview-technology .tech-process > .jp-container {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(36px, 6vw, 80px);
  align-items: start;
}
body.jp-preview.jp-preview-technology .tech-process__line { display: none; }
body.jp-preview.jp-preview-technology .tech-process__track { max-inline-size: none; }
body.jp-preview.jp-preview-technology .tech-process__list { grid-template-columns: 1fr; gap: 0; }
body.jp-preview.jp-preview-technology .tech-process__list li,
body.jp-preview.jp-preview-technology .tech-process.is-process-ready .tech-process__list li:not(.is-complete) {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  justify-items: start;
  gap: 6px 22px;
  padding: 20px 0;
  border-block-start: 1px solid #c2d6d2;
  opacity: 1;
  transform: none;
  text-align: start;
  transition: none;
}
body.jp-preview.jp-preview-technology .tech-process .tech-process__num,
body.jp-preview.jp-preview-technology .tech-process .is-current .tech-process__num {
  position: static;
  grid-row: 1 / 3;
  inline-size: auto;
  block-size: auto;
  margin: 0;
  padding-block-start: 3px;
  background: transparent;
  color: var(--preview-services-link);
  border-radius: 0;
  box-shadow: none;
  transform: none;
  font-size: 14px;
}
body.jp-preview.jp-preview-technology .tech-process__title { font-size: 21px; font-weight: 600; }
body.jp-preview.jp-preview-technology .tech-process__list p { grid-column: 2; max-inline-size: none; font-size: 15px; }

/* The complete technical scope, presented as readable rows with native details. */
body.jp-preview.jp-preview-technology .tech-part--services > .jp-container > .jp-section-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
body.jp-preview.jp-preview-technology .tech-index {
  padding: 22px 0;
  border-block: 1px solid var(--preview-services-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  margin-block-end: 48px;
}
body.jp-preview.jp-preview-technology .tech-index ul { gap: 8px 24px; }
body.jp-preview.jp-preview-technology .tech-index a {
  padding: 4px 0;
  min-block-size: 36px;
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
}
body.jp-preview.jp-preview-technology .tech-services { grid-template-columns: 1fr; gap: 0; }
body.jp-preview.jp-preview-technology .tech-service {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 40px;
  padding: 28px 0;
  border-block-start: 1px solid var(--preview-services-line);
  align-items: start;
}
body.jp-preview.jp-preview-technology .jp-preview-service-heading { display: flex; gap: 16px; align-items: start; }
body.jp-preview.jp-preview-technology .tech-service__icon { margin: 0; flex: none; }
body.jp-preview.jp-preview-technology .tech-service__icon .jp-icon {
  inline-size: 28px;
  block-size: 28px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
body.jp-preview.jp-preview-technology .tech-service__kicker { margin: 0 0 8px; font-size: 16px; font-weight: 500; }
body.jp-preview.jp-preview-technology .jp-preview-service-copy > .jp-service__problem { margin-block-start: 0; }
body.jp-preview.jp-preview-technology .tech-service__actions { margin-block-start: 14px; gap: 12px 28px; }
body.jp-preview.jp-preview-technology .tech-service__actions a { font-size: 14px; }
body.jp-preview.jp-preview-technology .tech-arch { margin-block-start: 0 !important; }
body.jp-preview.jp-preview-technology .tech-service--wide { grid-template-columns: 28px minmax(0, 1fr); gap: 16px; }
body.jp-preview.jp-preview-technology .tech-service--wide .jp-service__title { margin-block-end: 14px; }
body.jp-preview.jp-preview-technology .tech-service--wide .tech-service__copy { max-inline-size: 850px; }
body.jp-preview.jp-preview-technology .tech-group + .tech-group { margin-block-start: 52px; }

/* Advisory: spacious introduction, five linked areas, then the full catalogue. */
body.jp-preview.jp-preview-advisory .adv-hero:not(.adv-page-hero) > .jp-container { position: relative; }
body.jp-preview.jp-preview-advisory .adv-hero:not(.adv-page-hero) > .jp-container::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -25px 0 auto auto;
  inline-size: 42%;
  block-size: 460px;
  background: url('/assets/preview-redesign/backgrounds/background-polaczenia.png?v=00134d08e25d') 76% center / auto 100% no-repeat;
  mask-image: linear-gradient(to right, transparent, #000 18%);
  pointer-events: none;
}
body.jp-preview.jp-preview-advisory .adv-hero__grid { grid-template-columns: 1fr; gap: 36px; }
body.jp-preview.jp-preview-advisory .adv-hero__grid > .jp-hero__inner { max-inline-size: 62%; }
body.jp-preview.jp-preview-advisory .adv-hero__stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-inline-size: 60%;
  gap: 24px;
  padding: 24px 0 0;
  border: 0;
  border-block-start: 1px solid var(--preview-services-line);
}
body.jp-preview.jp-preview-advisory .adv-hero__stats .jp-stat__value { font-size: 36px; color: var(--preview-services-ink); }
/* Release fix 2026-11-04: keep the number's line while the count-up script swaps its children (layout shift). */
body.jp-preview.jp-preview-advisory .adv-hero__stats .jp-stat__value { min-block-size: 1em; }
body.jp-preview.jp-preview-advisory .adv-hero__stats .jp-stat__label { font-size: 13px; color: var(--preview-services-muted); }
body.jp-preview.jp-preview-advisory :is(.adv-areas-section, .adv-catalog) > .jp-container > .jp-section-head,
body.jp-preview.jp-preview-advisory .adv-experts-section .jp-section-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
/* .adv-areas layout: spacing-layouts.css (2026-11-03). */
body.jp-preview.jp-preview-advisory .adv-experts-section { background: var(--preview-services-band); }
body.jp-preview.jp-preview-advisory .adv-experts { gap: 36px; }
body.jp-preview.jp-preview-advisory .adv-expert {
  padding: 24px 0 0;
  border: 0;
  border-block-start: 1px solid #c2d6d2;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 26px;
}
body.jp-preview.jp-preview-advisory .adv-expert__head { align-items: start; }
body.jp-preview.jp-preview-advisory .adv-expert__avatar {
  inline-size: 44px;
  block-size: 44px;
  font-size: 14px;
  background: transparent;
  color: var(--preview-services-link);
  border: 1px solid #adc9c5;
  box-shadow: none;
}
body.jp-preview.jp-preview-advisory .adv-expert__head .jp-card__title { font-size: 20px; }
body.jp-preview.jp-preview-advisory .adv-expert__foot { border: 0; padding: 0; align-items: start; }
body.jp-preview.jp-preview-advisory .adv-expert__count { align-items: center; }
body.jp-preview.jp-preview-advisory .adv-expert__count dd { font-size: 18px; }
body.jp-preview.jp-preview-advisory .adv-tools {
  padding: 28px 0;
  border: 0;
  border-block: 1px solid var(--preview-services-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.jp-preview.jp-preview-advisory .adv-search__field input { border-radius: 6px; }
body.jp-preview.jp-preview-advisory .adv-filter__track { gap: 8px 20px; }
body.jp-preview.jp-preview-advisory .adv-filter__btn {
  min-block-size: 44px;
  padding: 8px 0;
  border: 0;
  border-block-end: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  font-weight: 500;
  transform: none;
}
body.jp-preview.jp-preview-advisory .adv-filter__btn[aria-pressed="true"] {
  background: transparent;
  border-block-end-color: var(--preview-services-link);
  color: var(--preview-services-link);
}
body.jp-preview.jp-preview-advisory .adv-tools__clear { border-radius: 6px; background: #eaf2f0; }
body.jp-preview.jp-preview-advisory .adv-services { grid-template-columns: 1fr; gap: 0; }
body.jp-preview.jp-preview-advisory .adv-services > .adv-service:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 8px 56px;
  padding: 30px 0;
  border-block-end: 1px solid var(--preview-services-line);
  align-items: start;
}
body.jp-preview.jp-preview-advisory .adv-services > .adv-service > .jp-service__title { grid-column: 1; grid-row: 1; }
body.jp-preview.jp-preview-advisory .adv-services > .adv-service > .jp-service__problem { grid-column: 2; grid-row: 1; margin: 0; }
body.jp-preview.jp-preview-advisory .adv-services > .adv-service > .adv-service__lead { grid-column: 1; grid-row: 2; margin: 10px 0; }
body.jp-preview.jp-preview-advisory .adv-services > .adv-service > .adv-service__page { grid-column: 1; grid-row: 3; margin: 0; }
body.jp-preview.jp-preview-advisory .adv-services > .adv-service > .jp-service__more { grid-column: 2; grid-row: 2 / 4; margin-block-start: 12px; }
body.jp-preview.jp-preview-advisory .adv-services .adv-service__page a { font-size: 14px; }
body.jp-preview.jp-preview-advisory .adv-group__head { margin-block-end: 0; }
body.jp-preview.jp-preview-advisory .adv-group[data-collapsed="0"] {
  padding-block: 28px;
  gap: 16px 24px;
}
body.jp-preview.jp-preview-advisory .adv-group[data-collapsed="0"] .adv-services,
body.jp-preview.jp-preview-advisory .adv-group[data-collapsed="3"] [data-adv-service]:nth-child(n + 4) { display: none; }
body.jp-preview.jp-preview-advisory .adv-group__more { justify-content: flex-start; }
body.jp-preview.jp-preview-advisory .adv-group__toggle {
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-weight: 500;
  color: var(--preview-services-link);
  transform: none;
}

/* Individual services share a clear reading column and simple related links. */
/* Service detail grid, related band and closing CTA: spacing-layouts.css (2026-11-03). */
body.jp-preview.jp-preview-services :is(.tech-page__body, .adv-page__body) {
  font-size: 17px;
  line-height: 1.7;
  gap: 32px;
}
body.jp-preview.jp-preview-services .adv-page__body { padding: 0; }
body.jp-preview.jp-preview-services :is(.tech-page__related, .adv-page__related) {
  padding: 24px 0 0;
  border: 0;
  border-block-start: 1px solid var(--preview-services-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.jp-preview.jp-preview-services :is(.tech-page__related, .adv-page__related) ul { gap: 0; }
body.jp-preview.jp-preview-services :is(.tech-page__related, .adv-page__related) li { border-block-end: 1px solid var(--preview-services-line); }
body.jp-preview.jp-preview-services :is(.tech-page__related, .adv-page__related) a {
  padding-block: 14px;
  font-size: 15px;
  font-weight: 500;
}
body.jp-preview.jp-preview-services :is(.tech-page__body, .adv-page__body) .jp-service__label { font-size: 22px; letter-spacing: -.025em; }
body.jp-preview.jp-preview-services .svc-next__panel {
  padding: 36px 0;
  border: 0;
  border-block-start: 1px solid var(--preview-services-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.jp-preview.jp-preview-services .jp-crumbs { color: var(--preview-services-muted); }
body.jp-preview.jp-preview-services .jp-crumbs a { color: var(--preview-services-link); }

/* Closing calls to action have the same quiet light surface as the rest. */
body.jp-preview.jp-preview-services .jp-cta {
  background: var(--preview-services-band);
  color: var(--preview-services-ink);
}
body.jp-preview.jp-preview-services .jp-cta__panel {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  text-align: start;
  justify-items: start;
}
body.jp-preview.jp-preview-services .jp-cta__panel :is(.jp-h2, h2) { color: var(--preview-services-ink); }
body.jp-preview.jp-preview-services .jp-cta__panel > p { color: var(--preview-services-muted); margin-inline: 0; }
body.jp-preview.jp-preview-services .jp-cta__panel > .jp-actions { justify-content: flex-start; }
body.jp-preview.jp-preview-services .jp-cta__options { justify-content: flex-start; gap: 24px 48px; }
body.jp-preview.jp-preview-services .jp-cta__option { color: var(--preview-services-ink); background: transparent; border: 0; box-shadow: none; padding: 0; }
body.jp-preview.jp-preview-services .jp-cta__option span { color: var(--preview-services-muted); }
body.jp-preview.jp-preview-advisory .adv-cta__forms { justify-content: flex-start; gap: 10px 28px; color: var(--preview-services-ink); }
body.jp-preview.jp-preview-advisory .adv-cta__forms li { padding: 0; border-radius: 0; background: transparent; box-shadow: none; font-weight: 500; }
body.jp-preview.jp-preview-advisory .adv-cta__elsewhere { justify-content: flex-start; }
body.jp-preview.jp-preview-advisory .adv-cta__links a { color: var(--preview-services-link); }
body.jp-preview.jp-preview-services [hidden] { display: none !important; }

@media (hover: hover) and (pointer: fine) {
  body.jp-preview.jp-preview-technology :is(.tech-use:hover, .tech-index a:hover) { transform: none; box-shadow: none; background: transparent; }
  body.jp-preview.jp-preview-technology .tech-use:hover .tech-use__text,
  body.jp-preview.jp-preview-technology .tech-index a:hover { text-decoration: underline; text-underline-offset: 4px; }
  body.jp-preview.jp-preview-advisory .adv-area:hover { transform: none; box-shadow: none; }
  body.jp-preview.jp-preview-advisory .adv-area:hover .jp-card__title { text-decoration: underline; text-underline-offset: 5px; }
  body.jp-preview.jp-preview-advisory :is(.adv-filter__btn:hover, .adv-group__toggle:hover) { background: transparent; color: var(--preview-services-link); }
}

@media (max-width: 1080px) {
  body.jp-preview.jp-preview-technology .tech-open > .jp-container::before,
  body.jp-preview.jp-preview-advisory .adv-hero:not(.adv-page-hero) > .jp-container::before {
    inline-size: 40%;
    block-size: 360px;
    inset-block-start: 0;
  }
  body.jp-preview.jp-preview-technology .tech-open .tech-open__title { max-inline-size: 19ch; }
  body.jp-preview.jp-preview-technology .tech-open__row { max-inline-size: 63%; }
  body.jp-preview.jp-preview-technology .tech-route__outcomes { gap: 24px; }
  body.jp-preview.jp-preview-advisory .adv-experts { grid-template-columns: 1fr; max-inline-size: none; gap: 28px; }
  body.jp-preview.jp-preview-advisory .adv-expert { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; }
  body.jp-preview.jp-preview-advisory .adv-expert__foot { margin: 0; }
}

@media (max-width: 720px) {
  body.jp-preview.jp-preview-services :is(.tech-hero, .adv-hero) { padding-block: 40px 42px; }
  body.jp-preview.jp-preview-services :is(.tech-hero, .adv-hero) .jp-h1 { font-size: clamp(36px, 8.5vw, 48px); }
  body.jp-preview.jp-preview-services :is(.tech-hero, .adv-hero) .jp-lead { font-size: 16px; }
  body.jp-preview.jp-preview-technology .tech-open > .jp-container::before,
  body.jp-preview.jp-preview-advisory .adv-hero:not(.adv-page-hero) > .jp-container::before { display: none; }
  body.jp-preview.jp-preview-technology .tech-open .tech-open__title { max-inline-size: 21ch; }
  body.jp-preview.jp-preview-technology .tech-open__row { max-inline-size: none; }
  body.jp-preview.jp-preview-technology .tech-uses { margin-block-start: 34px; }
  body.jp-preview.jp-preview-technology .tech-uses__list { grid-template-columns: 1fr; gap: 0; }
  body.jp-preview.jp-preview-technology .tech-use { min-block-size: 52px; padding-block: 12px; }
  body.jp-preview.jp-preview-technology .tech-use__text { font-size: 16px; }
  body.jp-preview.jp-preview-technology .tech-route__steps { grid-template-columns: 1fr; gap: 0; }
  body.jp-preview.jp-preview-technology .tech-route__outcomes { grid-template-columns: 1fr; gap: 24px; }
  body.jp-preview.jp-preview-technology .tech-group__head,
  body.jp-preview.jp-preview-technology .tech-part--services > .jp-container > .jp-section-head,
  body.jp-preview.jp-preview-technology .tech-process > .jp-container { grid-template-columns: 1fr; gap: 24px; }
  body.jp-preview.jp-preview-technology .tech-concept { grid-template-columns: 1fr; padding-block: 30px; gap: 24px; }
  body.jp-preview.jp-preview-technology .tech-concept:nth-child(even) .tech-concept__media { order: 0; }
  body.jp-preview.jp-preview-technology .tech-concept__title { font-size: 29px; }
  /* Release fix 2026-11-04: long DE titles must not widen the concept column (320 px overflow). */
  body.jp-preview.jp-preview-technology .tech-concept__title { overflow-wrap: anywhere; }
  body.jp-preview.jp-preview-technology .tech-process .jp-section-head { margin-block-end: 4px; }
  body.jp-preview.jp-preview-technology .tech-service { grid-template-columns: 1fr; gap: 20px; }
  body.jp-preview.jp-preview-technology .tech-service--wide { grid-template-columns: 28px minmax(0, 1fr); gap: 16px; }
  body.jp-preview.jp-preview-technology .tech-index { margin-block-end: 36px; }
  body.jp-preview.jp-preview-advisory .adv-hero__grid > .jp-hero__inner,
  body.jp-preview.jp-preview-advisory .adv-hero__stats { max-inline-size: none; }
  body.jp-preview.jp-preview-advisory .adv-hero__stats { gap: 16px; }
  body.jp-preview.jp-preview-advisory .adv-hero__stats .jp-stat__value { font-size: 32px; }
  body.jp-preview.jp-preview-advisory :is(.adv-areas-section, .adv-catalog) > .jp-container > .jp-section-head,
  body.jp-preview.jp-preview-advisory .adv-experts-section .jp-section-head { grid-template-columns: 1fr; gap: 16px; }
  body.jp-preview.jp-preview-advisory .adv-expert { grid-template-columns: 1fr; gap: 20px; }
  body.jp-preview.jp-preview-advisory .adv-tools { padding-block: 24px; }
  body.jp-preview.jp-preview-advisory .adv-filter__track { gap: 8px 20px; }
  body.jp-preview.jp-preview-advisory .adv-services > .adv-service:not([hidden]) { display: flex; gap: 14px; }
  body.jp-preview.jp-preview-advisory .adv-services > .adv-service > .adv-service__lead { margin: 0; }
  body.jp-preview.jp-preview-advisory .adv-services > .adv-service > .jp-service__more { inline-size: 100%; margin-block-start: 0; }
  body.jp-preview.jp-preview-advisory .adv-group[data-collapsed="0"] { grid-template-columns: 1fr; }
  body.jp-preview.jp-preview-services :is(.tech-page__body, .adv-page__body) { font-size: 16px; }
  body.jp-preview.jp-preview-services .jp-cta__options { gap: 24px; }
}

/* Technology service catalogue, layout B (mockup 2026-11-03). Preview only; markup from technology_services.py. */
body.jp-preview.jp-preview-technology .jp-tsvc-part { --tsvc-band: #edf5f4; }

/* Opening of the catalogue: existing heading and lead, three shortcuts to the groups. */
body.jp-preview.jp-preview-technology .jp-tsvc-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: 32px clamp(40px, 6vw, 96px);
  align-items: end;
  margin-block-end: clamp(48px, 5vw, 72px);
}
body.jp-preview.jp-preview-technology .jp-tsvc-intro > .jp-section-head { display: block; margin: 0; }
body.jp-preview.jp-preview-technology .jp-tsvc-intro .jp-lead {
  margin: 18px 0 0;
  max-inline-size: 62ch;
  color: var(--preview-services-muted);
}
body.jp-preview.jp-preview-technology .jp-tsvc-index .tech-label {
  margin-block-end: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--preview-services-muted);
}
body.jp-preview.jp-preview-technology .jp-tsvc-index ul {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  border-block-start: 1px solid var(--preview-services-line);
}
body.jp-preview.jp-preview-technology .jp-tsvc-index li { border-block-end: 1px solid var(--preview-services-line); }
body.jp-preview.jp-preview-technology .jp-tsvc-index a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-block-size: 48px;
  padding-block: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--preview-services-ink);
  text-decoration: none;
}
body.jp-preview.jp-preview-technology .jp-tsvc-index__arrow {
  flex: none;
  inline-size: 18px;
  block-size: 18px;
  fill: none;
  stroke: var(--preview-services-link);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform var(--jp-dur-2, .2s) ease;
}

/* Shared service typography: titles carry the hierarchy, copy stays quiet. */
body.jp-preview.jp-preview-technology .jp-tsvc .jp-service__title {
  margin: 0;
  font-size: clamp(22px, 1.1rem + .7vw, 28px);
  line-height: 1.2;
  letter-spacing: -.03em;
  font-weight: 600;
  color: var(--preview-services-ink);
}
body.jp-preview.jp-preview-technology .jp-tsvc .tech-service__kicker {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 500;
  color: var(--preview-services-ink);
}
body.jp-preview.jp-preview-technology .jp-tsvc .jp-service__problem {
  margin: 10px 0 0;
  max-inline-size: 62ch;
  font-size: 16px;
  line-height: 1.72;
  color: var(--preview-services-muted);
}
body.jp-preview.jp-preview-technology .jp-tsvc .jp-tags { margin-block-start: 14px; gap: 4px 18px; }
body.jp-preview.jp-preview-technology .jp-tsvc .jp-tag { font-size: 13px; color: var(--preview-services-muted); }
body.jp-preview.jp-preview-technology .jp-tsvc__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 28px;
  margin-block-start: auto;
  padding-block-start: 14px;
}
body.jp-preview.jp-preview-technology .jp-tsvc__foot > .jp-service__more { margin: 0; border: 0; }
body.jp-preview.jp-preview-technology .jp-tsvc__foot > .jp-service__more > summary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  inline-size: fit-content;
  min-block-size: 44px;
  padding-block: 8px;
  font-size: 14px;
}
body.jp-preview.jp-preview-technology .jp-tsvc__foot > .jp-service__more[open] { flex-basis: 100%; }
body.jp-preview.jp-preview-technology .jp-tsvc .jp-service__body { padding-block: 2px 14px; }
body.jp-preview.jp-preview-technology .jp-tsvc .tech-scope {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-inline-start: 1.1em;
  font-size: 15px;
  line-height: 1.6;
  color: var(--preview-services-muted);
}
body.jp-preview.jp-preview-technology .jp-tsvc .tech-service__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
  margin: 0;
}
body.jp-preview.jp-preview-technology .jp-tsvc .tech-service__actions a { font-size: 14px; }
body.jp-preview.jp-preview-technology .jp-tsvc__media { margin: 0; }
body.jp-preview.jp-preview-technology .jp-tsvc__media img { display: block; inline-size: 100%; }

/* Design and build: 2 × 2, a light drawing (or the website illustration) beside each title. */
body.jp-preview.jp-preview-technology .jp-tsvc-group > .tech-group__head { margin-block-end: 8px; }
body.jp-preview.jp-preview-technology .jp-tsvc-group--build > .tech-group__head {
  padding-block-start: 40px;
  border-block-start: 1px solid var(--preview-services-ink);
}
body.jp-preview.jp-preview-technology .jp-tsvc-grid--build {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(32px, 5vw, 64px);
}
body.jp-preview.jp-preview-technology .jp-tsvc--build {
  display: flex;
  flex-direction: column;
  padding-block: 32px 36px;
  border-block-end: 1px solid var(--preview-services-line);
}
body.jp-preview.jp-preview-technology .jp-tsvc--build:nth-last-child(-n+2) { border-block-end: 0; }
body.jp-preview.jp-preview-technology .jp-tsvc__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-block-size: 120px;
}
body.jp-preview.jp-preview-technology .jp-tsvc__head > .jp-service__title { flex: 1 1 auto; min-inline-size: 0; }
body.jp-preview.jp-preview-technology .jp-tsvc__art {
  flex: none;
  display: grid;
  place-items: center;
  inline-size: 180px;
  block-size: 112px;
}
body.jp-preview.jp-preview-technology .jp-tsvc--picture .jp-tsvc__art { block-size: 120px; }
body.jp-preview.jp-preview-technology .jp-tsvc__art svg {
  inline-size: 100%;
  block-size: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.jp-preview.jp-preview-technology .jp-tsvc__art img { inline-size: 100%; block-size: 100%; object-fit: contain; }

/* Architecture: one wide, light aqua band separating the two groups. */
body.jp-preview.jp-preview-technology .jp-tsvc-arch {
  margin-block-start: clamp(32px, 4vw, 56px);
  padding-block: clamp(36px, 4vw, 56px);
  background: var(--tsvc-band);
}
body.jp-preview.jp-preview-technology .jp-tsvc--arch {
  display: grid;
  grid-template-columns: minmax(0, 460px) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}
body.jp-preview.jp-preview-technology .jp-tsvc--arch .jp-tsvc__media img { block-size: auto; border-radius: 14px; }
body.jp-preview.jp-preview-technology .jp-tsvc--arch .jp-service__title { font-size: clamp(28px, 1.2rem + 1.4vw, 38px); }
body.jp-preview.jp-preview-technology .jp-tsvc--arch .jp-tsvc__foot { margin-block-start: 6px; }

/* Maintain and secure: 2 × 3 with the original illustrations, actions aligned per row. */
body.jp-preview.jp-preview-technology .jp-tsvc-group--run { padding-block-start: clamp(56px, 6vw, 80px); }
body.jp-preview.jp-preview-technology .jp-tsvc-group--run > .tech-group__head { margin-block-end: 40px; }
body.jp-preview.jp-preview-technology .jp-tsvc-grid--run {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px clamp(32px, 5vw, 64px);
}
body.jp-preview.jp-preview-technology .jp-tsvc--run {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block-end: 30px;
  border-block-end: 1px solid var(--preview-services-line);
}
body.jp-preview.jp-preview-technology .jp-tsvc--run:nth-last-child(-n+2) { border-block-end: 0; padding-block-end: 0; }
body.jp-preview.jp-preview-technology .jp-tsvc--run .jp-tsvc__media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 14px;
}
body.jp-preview.jp-preview-technology .jp-tsvc--run .jp-tsvc__media img { block-size: 100%; object-fit: cover; }
body.jp-preview.jp-preview-technology .jp-tsvc--run .jp-tsvc__copy { display: flex; flex-direction: column; flex: 1; }

@media (hover: hover) and (pointer: fine) {
  body.jp-preview.jp-preview-technology .jp-tsvc-index a:hover { color: var(--preview-services-link); }
  body.jp-preview.jp-preview-technology .jp-tsvc-index a:hover .jp-tsvc-index__arrow { transform: translateY(2px); }
}

@media (max-width: 1080px) {
  body.jp-preview.jp-preview-technology .jp-tsvc-intro { grid-template-columns: 1fr; align-items: start; }
  body.jp-preview.jp-preview-technology .jp-tsvc-index ul { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
  body.jp-preview.jp-preview-technology .jp-tsvc__head { flex-direction: column-reverse; align-items: flex-start; gap: 16px; min-block-size: 0; }
  body.jp-preview.jp-preview-technology .jp-tsvc__art { inline-size: 150px; block-size: 94px; }
  body.jp-preview.jp-preview-technology .jp-tsvc--picture .jp-tsvc__art { block-size: 100px; }
  body.jp-preview.jp-preview-technology .jp-tsvc--arch { grid-template-columns: 1fr 1fr; gap: 40px; }
}

@media (max-width: 720px) {
  body.jp-preview.jp-preview-technology .jp-tsvc-index ul { grid-template-columns: 1fr; }
  body.jp-preview.jp-preview-technology .jp-tsvc-group--build > .tech-group__head { padding-block-start: 28px; }
  body.jp-preview.jp-preview-technology :is(.jp-tsvc-grid--build, .jp-tsvc-grid--run) { grid-template-columns: 1fr; }
  /* Release fix 2026-11-04: a service card may shrink to its single grid column (FR/DE 320 px overflow). */
  body.jp-preview.jp-preview-technology .jp-tsvc { min-width: 0; }
  body.jp-preview.jp-preview-technology .jp-tsvc--build { padding-block: 26px; }
  body.jp-preview.jp-preview-technology .jp-tsvc--build:nth-last-child(2) { border-block-end: 1px solid var(--preview-services-line); }
  body.jp-preview.jp-preview-technology .jp-tsvc .jp-service__title { font-size: 25px; }
  body.jp-preview.jp-preview-technology .jp-tsvc .jp-service__problem { font-size: 15px; }
  body.jp-preview.jp-preview-technology .jp-tsvc__head { flex-direction: row; align-items: center; gap: 16px; min-block-size: 82px; }
  body.jp-preview.jp-preview-technology .jp-tsvc__art { inline-size: 118px; block-size: 82px; }
  body.jp-preview.jp-preview-technology .jp-tsvc--picture .jp-tsvc__head { flex-direction: column-reverse; align-items: stretch; }
  body.jp-preview.jp-preview-technology .jp-tsvc--picture .jp-tsvc__art { inline-size: 100%; block-size: 180px; }
  body.jp-preview.jp-preview-technology .jp-tsvc__foot { gap: 0 20px; }
  body.jp-preview.jp-preview-technology .jp-tsvc-arch { padding-block: 32px; }
  body.jp-preview.jp-preview-technology .jp-tsvc--arch { grid-template-columns: 1fr; gap: 20px; }
  body.jp-preview.jp-preview-technology .jp-tsvc--arch .jp-tsvc__media img { block-size: 200px; object-fit: contain; background: #fff; }
  body.jp-preview.jp-preview-technology .jp-tsvc--arch .jp-service__title { font-size: 29px; }
  body.jp-preview.jp-preview-technology .jp-tsvc-group--run > .tech-group__head { margin-block-end: 8px; }
  body.jp-preview.jp-preview-technology .jp-tsvc-grid--run { gap: 0; }
  body.jp-preview.jp-preview-technology .jp-tsvc--run { gap: 14px; padding-block: 24px; }
  body.jp-preview.jp-preview-technology .jp-tsvc--run:nth-last-child(2) { border-block-end: 1px solid var(--preview-services-line); padding-block-end: 24px; }
  body.jp-preview.jp-preview-technology .jp-tsvc--run .jp-tsvc__media { aspect-ratio: auto; block-size: 155px; border-radius: 0; }
  body.jp-preview.jp-preview-technology .jp-tsvc--run .jp-tsvc__media img { object-fit: contain; }
}

/* Fresh: audited TEST screens (preview only). Phone screenshots never exceed their natural 390 px width. */
body.jp-preview.jp-products--fresh .jp-fresh-shot picture{display:block}
body.jp-preview.jp-products--fresh .jp-fresh-shot__full{color:#0f6e72;font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
body.jp-preview.jp-products--fresh .jp-fresh-shot__full:hover{color:#012d32}
/* Hero: the full-image link follows the picture's own media query, so only the shown variant is linked. */
body.jp-preview.jp-products--fresh .jp-fresh-shot__full--phone{display:none}
body.jp-preview.jp-products--fresh .jp-fresh-screens{grid-template-columns:minmax(0,1fr) minmax(0,300px)}
@media (max-width:1080px){
  body.jp-preview.jp-products--fresh .jp-fresh-screens{grid-template-columns:minmax(0,1fr)}
  body.jp-preview.jp-products--fresh .jp-fresh-shot--sorting{max-inline-size:340px}
}
@media (max-width:720px){
  body.jp-preview.jp-products--fresh .jp-fresh-shot__full--wide{display:none}
  body.jp-preview.jp-products--fresh .jp-fresh-shot__full--phone{display:inline}
  /* Portrait phone frame of the hero: below its natural size, so it doesn't dominate the opening. */
  body.jp-preview.jp-products--fresh .jp-fresh-shot--choice{max-inline-size:320px}
}

/* 2026-11-03 use of space (docs/spacing-audit-2026-11-03/plan.md). Draft preview only.
   Short introductions move above wide content instead of sitting beside long lists.
   No copy, image or link changes; no global spacing or type reduction. */

/* 1. Home: five Advisory areas side by side. (Technology keeps its earlier layout, section 1b.) */
.jp-preview .home-advisory > .jp-container { display: block; }
.jp-preview .home-advisory .jp-section-head { max-inline-size: none; margin-bottom: 32px; }
.jp-preview .home-areas { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px 24px; }
.jp-preview .home-area {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.jp-preview .home-area__media { flex: none; inline-size: 100%; aspect-ratio: 3 / 2; border-radius: 8px; box-shadow: none; }
.jp-preview .home-area .jp-card__title { padding: 0; font-size: 1.25rem; line-height: 1.3; }
.jp-preview .home-area__text { margin: 0; padding: 0; font-size: 1rem; line-height: 1.6; }
.jp-preview .home-experts { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--jp-line, #d9e4e3); }


@media (max-width: 1199px) {
  .jp-preview .home-areas { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .jp-preview .home-areas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
}
@media (max-width: 540px) {
  .jp-preview .home-areas { grid-template-columns: 1fr; gap: 0; }
  /* Compact list: small whole illustration beside the full title and description. */
  .jp-preview .home-area {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    gap: 6px 20px;
    padding: 20px 0;
    border-top: 1px solid var(--jp-line, #d9e4e3);
  }
  .jp-preview .home-area__media { grid-column: 1; grid-row: 1 / span 2; inline-size: 112px; align-self: start; }
  .jp-preview .home-area .jp-card__title,
  .jp-preview .home-area__text { grid-column: 2; }
  .jp-preview .home-area .jp-card__title { font-size: 1.125rem; }
  .jp-preview .home-experts { margin-top: 12px; padding-top: 24px; }
}
@media (max-width: 380px) {
  .jp-preview .home-area { grid-template-columns: 88px minmax(0, 1fr); column-gap: 16px; }
  .jp-preview .home-area__media { inline-size: 88px; }
}

/* 1b. Home Technology: the earlier layout restored (live CSS 7b28bfc1d4a3, before this round's grid).
   Introduction left, the four solutions as concise rows right, the link under the list. */
.jp-preview .home-tech > .jp-container {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr);
  column-gap: 72px;
}
.jp-preview .home-tech .jp-section-head { margin-bottom: 0; align-content: start; }
.jp-preview .home-tech__grid { grid-template-columns: 1fr; gap: 0; }
.jp-preview .home-tech__grid .jp-card {
  display: grid;
  grid-template-columns: minmax(100px, .6fr) minmax(0, 1.4fr);
  gap: 10px 24px;
  align-content: start;
  padding: 28px 0;
  border: 0;
  border-top: 1px solid var(--jp-line, #d9e4e3);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.jp-preview .home-tech__grid .jp-card:first-child { padding-top: 0; border-top: 0; }
.jp-preview .home-tech__grid .jp-card:last-child { padding-bottom: 0; }
.jp-preview .home-tech__grid .jp-kind {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  align-items: flex-start;
  margin: 3px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--jp-text-2, #4a6366);
  background: transparent;
  font-size: .8125rem;
  line-height: 1.5;
  font-weight: 400;
}
.jp-preview .home-tech__grid .jp-kind svg { flex: none; margin-top: 3px; }
.jp-preview .home-tech__grid .jp-card__title { grid-column: 2; font-size: 1.375rem; line-height: 1.25; }
.jp-preview .home-tech__grid .jp-card__text { grid-column: 2; font-size: .9375rem; line-height: 1.65; }
.jp-preview .home-tech .home-more { grid-column: 2; margin-top: 32px; }
@media (max-width: 1080px) {
  .jp-preview .home-tech > .jp-container { grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); column-gap: 40px; }
  .jp-preview .home-tech__grid .jp-card { grid-template-columns: 1fr; gap: 10px; }
  .jp-preview .home-tech__grid .jp-kind,
  .jp-preview .home-tech__grid .jp-card__title,
  .jp-preview .home-tech__grid .jp-card__text { grid-column: 1; grid-row: auto; }
}
@media (max-width: 720px) {
  .jp-preview .home-tech > .jp-container { display: block; }
  .jp-preview .home-tech .jp-section-head { margin-bottom: 32px; }
  .jp-preview .home-tech__grid .jp-card { gap: 10px; padding-block: 24px; }
  .jp-preview .home-tech__grid .jp-card__title { font-size: 1.25rem; }
}

/* 2. Advisory: five areas as 3 + 2 (production's six-column model), open rows, no cards. */
body.jp-preview.jp-preview-advisory .adv-areas { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 48px 32px; }
body.jp-preview.jp-preview-advisory .adv-areas .adv-area {
  display: flex;
  flex-direction: column;
  gap: 12px;
  grid-column: span 2;
  padding: 24px 0 0;
  border: 0;
  border-block-start: 1px solid var(--preview-services-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
body.jp-preview.jp-preview-advisory .adv-areas .adv-area__media { inline-size: 100%; aspect-ratio: 3 / 2; border-radius: 6px; box-shadow: none; }
body.jp-preview.jp-preview-advisory .adv-areas .adv-area > :is(.jp-card__title, .jp-card__text, .adv-area__count) { margin: 0; padding: 0; }
body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .jp-card__title { font-size: 22px; letter-spacing: -.025em; }
body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .jp-card__text { font-size: 16px; line-height: 1.65; }
body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .adv-area__count { font-size: 14px; font-weight: 500; }
/* Second row: the wider items place the whole illustration beside the copy. */
body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) {
  display: grid;
  grid-column: span 3;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
  gap: 12px 28px;
  align-items: start;
}
body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) > .adv-area__media { grid-column: 1; grid-row: 1 / -1; }
body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) > :not(.adv-area__media) { grid-column: 2; }
body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) > .jp-card__text { grid-row: 2; }
body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) > .adv-area__count { grid-row: 3; }
@media (max-width: 1080px) {
  body.jp-preview.jp-preview-advisory .adv-areas { gap: 40px 24px; }
}
@media (max-width: 900px) {
  /* Narrow tablet: one open row per area, the whole illustration beside title, count and description. */
  body.jp-preview.jp-preview-advisory .adv-areas { grid-template-columns: 1fr; gap: 0; }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area,
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) {
    display: grid;
    grid-column: 1;
    grid-template-columns: 200px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    gap: 10px 28px;
    align-items: start;
    padding: 24px 0;
  }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .adv-area__media { grid-column: 1; grid-row: 1 / -1; }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area > :is(.jp-card__title, .jp-card__text, .adv-area__count) { grid-column: 2; }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .jp-card__text { grid-row: 2; }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .adv-area__count { grid-row: 3; }
}
@media (max-width: 720px) {
  /* Phone: small illustration beside title and count, full description below. */
  body.jp-preview.jp-preview-advisory .adv-areas { grid-template-columns: 1fr; gap: 0; }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area,
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) {
    display: grid;
    grid-column: 1;
    grid-template-columns: 88px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 10px 20px;
    padding: 24px 0;
  }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .adv-area__media,
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) > .adv-area__media { grid-column: 1; grid-row: 1 / 3; }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .jp-card__title,
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) > .jp-card__title { grid-column: 2; grid-row: 1; font-size: 21px; hyphens: auto; overflow-wrap: break-word; }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .adv-area__count,
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) > .adv-area__count { grid-column: 2; grid-row: 2; }
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area > .jp-card__text,
  body.jp-preview.jp-preview-advisory .adv-areas .adv-area:nth-child(n + 4) > .jp-card__text { grid-column: 1 / -1; grid-row: 3; }
}

/* 3. Nine service details (body class from spacing_layouts.py; hubs are untouched). */
body.jp-preview.jp-preview-service-detail :is(.tech-hero, .adv-hero) { padding-block-end: 36px; }
body.jp-preview.jp-preview-service-detail :is(.tech-page, .adv-page) { padding-block: 36px 40px; }
body.jp-preview.jp-preview-service-detail :is(.tech-page__grid, .adv-page__grid) { grid-template-columns: minmax(0, 1fr); gap: 48px; }
/* Technology: readable introduction, scope in two plain columns (reading order down, then across). */
body.jp-preview.jp-preview-service-detail .tech-page__body > p { max-inline-size: 68ch; }
body.jp-preview.jp-preview-service-detail .tech-page__body .tech-scope { display: block; columns: 2; column-gap: 56px; }
body.jp-preview.jp-preview-service-detail .tech-page__body .tech-scope li { break-inside: avoid; margin-block-end: 8px; }
/* Advisory: help in the first column; result and lead consultant in the second. */
body.jp-preview.jp-preview-service-detail .adv-page__body { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 64px; align-items: start; }
body.jp-preview.jp-preview-service-detail .adv-page__body > section:first-child { grid-column: 1; grid-row: 1 / span 2; }
body.jp-preview.jp-preview-service-detail .adv-page__body > section:not(:first-child) { grid-column: 2; }
/* Other services: a low band of links below the content. */
body.jp-preview.jp-preview-service-detail :is(.tech-page__related, .adv-page__related) ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: 0 32px;
}
body.jp-preview.jp-preview-service-detail :is(.tech-page__related, .adv-page__related) a { block-size: 100%; padding-block: 12px; }
/* Compact closing CTA; full copy and both actions remain. */
body.jp-preview.jp-preview-service-detail .svc-next.jp-section--tight { padding-block: 36px; }
body.jp-preview.jp-preview-service-detail .svc-next__panel { padding-block: 24px 0; }
@media (max-width: 1080px) {
  body.jp-preview.jp-preview-service-detail :is(.tech-page__related, .adv-page__related) ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  body.jp-preview.jp-preview-service-detail :is(.tech-hero, .adv-hero) { padding-block-end: 24px; }
  body.jp-preview.jp-preview-service-detail :is(.tech-page, .adv-page) { padding-block: 28px 32px; }
  body.jp-preview.jp-preview-service-detail :is(.tech-page__grid, .adv-page__grid) { gap: 40px; }
  body.jp-preview.jp-preview-service-detail .tech-page__body .tech-scope { columns: 1; }
  body.jp-preview.jp-preview-service-detail .adv-page__body { grid-template-columns: 1fr; gap: 32px; }
  body.jp-preview.jp-preview-service-detail .adv-page__body > section:is(:first-child, :not(:first-child)) { grid-column: 1; grid-row: auto; }
  body.jp-preview.jp-preview-service-detail :is(.tech-page__related, .adv-page__related) ul { grid-template-columns: 1fr; }
  body.jp-preview.jp-preview-service-detail .svc-next.jp-section--tight { padding-block: 28px; }
  body.jp-preview.jp-preview-service-detail .svc-next__panel { padding-block: 24px 0; }
}

/* 4. About: name beside focus and biography; both labelled lists below across the profile. */
.jp-preview .about-person__details {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: start;
  margin-top: 8px;
}
.jp-preview .about-person__group { display: grid; gap: 12px; align-content: start; min-inline-size: 0; }
.jp-preview .about-person__group > * { margin: 0; }
.jp-preview .about-person__details .about-person__label { margin-top: 0; }
@media (max-width: 720px) {
  .jp-preview .about-person__details { grid-template-columns: 1fr; row-gap: 4px; margin-top: 0; }
}

/* 5. Service product page only: introduction above six steps, 3 × 2 on desktop. Fresh is untouched. */
body.jp-preview.jp-products--service .tech-freshpage__flow { grid-template-columns: minmax(0, 1fr); gap: 32px; }
body.jp-preview.jp-products--service .tech-freshpage__flow > .jp-stack { max-inline-size: 68ch; }
body.jp-preview.jp-products--service .tech-freshpage__flow .tech-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; }
body.jp-preview.jp-products--service .tech-freshpage__flow .tech-flow li:nth-child(n + 4) { border-block-end: 1px solid #cadbd8; }
body.jp-preview.jp-products--service .tech-freshpage__flow .tech-flow li { align-content: start; }
@media (max-width: 1080px) {
  body.jp-preview.jp-products--service .tech-freshpage__flow .tech-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.jp-preview.jp-products--service .tech-freshpage__flow .tech-flow li:nth-child(n + 4) { border-block-end: 0; }
  body.jp-preview.jp-products--service .tech-freshpage__flow .tech-flow li:nth-child(n + 5) { border-block-end: 1px solid #cadbd8; }
}
@media (max-width: 720px) {
  body.jp-preview.jp-products--service .tech-freshpage__flow .tech-flow { grid-template-columns: 1fr; }
  body.jp-preview.jp-products--service .tech-freshpage__flow .tech-flow li:nth-child(n + 4) { border-block-end: 0; }
  body.jp-preview.jp-products--service .tech-freshpage__flow .tech-flow li:last-child { border-block-end: 1px solid #cadbd8; }
}

/* 6. Three older articles: title and lead beside the whole 4:3 illustration from 1081px. */
@media (min-width: 1081px) {
  body.jp-preview-article-editorial .jp-preview-article-opening {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    align-items: center;
    gap: 48px;
    margin: 40px 0 0;
  }
  body.jp-preview-article-editorial .jp-preview-article-opening .article-header { width: auto; margin: 0; text-align: left; }
  body.jp-preview-article-editorial .jp-preview-article-opening :is(.blog-category, .article-meta) { justify-content: flex-start; }
  body.jp-preview-article-editorial .jp-preview-article-opening .article-lead { margin-inline: 0; }
}
/* Related materials: exactly four as 2 × 2; compact rows with the arrow on the right on phones. */
@media (min-width: 721px) {
  .jp-preview .article-related__grid:has(> li:nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .jp-preview .article-related__grid { gap: 10px; }
  .jp-preview .article-related__card { align-content: center; padding: 16px 48px 16px 20px; }
  .jp-preview .article-related__card::after { inset: 50% 20px auto auto; transform: translateY(-50%); }
}

/* 7. 404: one local gap between the opening and the area links. */
body.jp-preview[data-page="error"] main > .jp-hero { padding-block-end: 40px; }
body.jp-preview[data-page="error"] main > .jp-hero + .jp-section { padding-block-start: 48px; }
@media (max-width: 720px) {
  body.jp-preview[data-page="error"] main > .jp-hero { padding-block-end: 28px; }
  body.jp-preview[data-page="error"] main > .jp-hero + .jp-section { padding-block-start: 36px; }
}