/* PCENG — identidade, tipografia e base */
:root {
  --paper: #f6f4ef;
  --white: #fffefa;
  --ink: #17272e;
  --muted: #5e6b70;
  --orange: #e37a35;
  --line: #d4d9d7;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 15px/1.75 Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, summary, select { cursor: pointer; }
button { color: inherit; }
a:hover { color: #b8531e; }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
h1, h2, h3, p, figure { margin: 0; }
h1, h2, h3 { font-weight: 400; line-height: 1.1; }
h2 { font-size: clamp(34px, 3.8vw, 60px); letter-spacing: -2px; }
h2 em, h1 em { font-style: normal; color: var(--orange); }
p { color: var(--muted); }
p + p { margin-top: 20px; }
img { display: block; max-width: 100%; }
.kicker { display: block; font-size: 10px; font-weight: 700; letter-spacing: 2px; color: #a75627; }
.section { padding: 100px 7%; scroll-margin-top: 0; }
.section-top { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 60px; }
.section-top > span:last-child { font-size: 9px; letter-spacing: 1.5px; color: var(--muted); }
.intro-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; margin-bottom: 65px; }
.lead { font-size: 21px; line-height: 1.6; color: var(--ink); }
.lead + p { margin-top: 25px; }
.button { display: inline-flex; justify-content: space-between; align-items: center; gap: 35px; padding: 16px 23px; border: 1px solid var(--orange); background: var(--orange); color: #14252c; font-size: 12px; font-weight: 700; }
.button:hover { color: #14252c; background: #f49a56; }
.button.outline { background: transparent; border-color: #526872; margin-top: 25px; }
.skip { position: fixed; top: -100px; background: white; padding: 15px; z-index: 99; }
.skip:focus { top: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); }
[hidden] { display: none !important; }
/* Cabeçalho e navegação */
.header { height: 90px; padding: 8px 5%; display: flex; justify-content: space-between; align-items: center; gap: 30px; position: sticky; top: 0; z-index: 30; background: var(--white); border-bottom: 1px solid #ddd; }
.logo img { width: 92px; height: 65px; object-fit: contain; }
.header nav { display: flex; gap: 30px; align-items: center; font-size: 12px; }
.nav-contact { border: 1px solid var(--ink); padding: 12px 18px; }
.menu-toggle { display: none; border: 0; background: transparent; }
/* Abertura editorial */
.hero { position: relative; min-height: 740px; color: white; display: flex; align-items: center; overflow: hidden; }
.hero-image { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: center 58%; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, #0a1a22ee 0%, #0a1a22bb 35%, #0a1a2233 72%), linear-gradient(0deg, #0a1a2299, transparent 45%); }
.hero-content { position: relative; padding: 65px 7% 110px; max-width: 950px; }
.hero .kicker { color: #f9bc89; margin-bottom: 30px; }
h1 { font-size: clamp(48px, 5.6vw, 88px); letter-spacing: -3px; }
.hero-content > p { max-width: 525px; font-size: 19px; color: #e0e6e7; margin-top: 30px; line-height: 1.6; }
.hero-actions { margin-top: 35px; display: flex; gap: 30px; align-items: center; }
.plain-link { font-size: 12px; border-bottom: 1px solid #c6d0d4; padding-bottom: 4px; }
.hero-bottom { position: absolute; bottom: 25px; left: 7%; right: 7%; display: flex; justify-content: space-between; gap: 20px; font-size: 9px; letter-spacing: 1.4px; color: #d7dfe2; }
.hero-bottom small { font-size: 9px; letter-spacing: .2px; }
.fact-strip { display: grid; grid-template-columns: 1fr 1.4fr 1fr 1fr; padding: 30px 7%; border-bottom: 1px solid var(--line); background: #ede9e0; align-items: center; }
.fact-strip div { padding: 0 30px; border-right: 1px solid #c8cdc8; }
.fact-strip div:first-child { padding-left: 0; }
.fact-strip strong { display: block; font-size: 38px; font-weight: 400; letter-spacing: -2px; line-height: 1.1; }
.fact-strip span { font-size: 11px; color: #68716f; }
.fact-strip a { font-size: 12px; padding-left: 35px; display: flex; justify-content: space-between; }
/* História e rede de parceiros */
.history-grid { display: grid; grid-template-columns: .95fr 1.1fr; gap: 70px; align-items: start; }
.history-grid figure { background: #eae7df; padding: 18px; }
.history-grid img { width: 100%; height: auto; }
figcaption { font-size: 10px; color: var(--muted); padding-top: 13px; }
.history-timeline article { border-top: 1px solid var(--line); padding: 22px 0; display: grid; grid-template-columns: 110px 1fr; gap: 20px; }
.history-timeline b { color: #a75e32; font: 15px/1.5 monospace; }
.history-timeline h3 { font-size: 20px; margin-bottom: 10px; }
.history-timeline p { font-size: 13px; }
.partner-note { margin-top: 65px; padding: 35px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; grid-template-columns: .8fr 1.2fr 1.2fr; align-items: start; gap: 30px; }
.partner-note > span { font-size: 9px; letter-spacing: 1.5px; color: #a75e32; }
.partner-note h3 { font-size: 26px; line-height: 1.2; }
.partner-note p { font-size: 13px; }
/* Serviços em expansão */
.services-section { background: #eae7df; }
.services-list { border-top: 1px solid #bfc6c3; }
.service { border-bottom: 1px solid #bfc6c3; }
.service summary { list-style: none; display: grid; grid-template-columns: 80px 1fr 35px; align-items: center; gap: 25px; padding: 27px 0; }
.service summary::-webkit-details-marker { display: none; }
.service summary > span { font: 12px monospace; color: #a75e32; }
.service h3 { font-size: 29px; letter-spacing: -.7px; }
.service summary p { font-size: 13px; margin-top: 10px; }
.service summary > b { font-size: 30px; font-weight: 300; }
.service[open] summary > b { transform: rotate(45deg); }
.service[open] summary h3 { color: #a75e32; }
.service-body { padding: 0 70px 30px 105px; max-width: 1000px; }
.service-body a { display: inline-block; margin-top: 20px; font-size: 12px; border-bottom: 1px solid #a75e32; }
/* Disciplinas */
.discipline-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; }
.discipline-tab { width: 100%; display: flex; justify-content: space-between; padding: 15px 0; border: 0; border-top: 1px solid var(--line); background: transparent; text-align: left; font-size: 17px; }
.discipline-tab:last-child { border-bottom: 1px solid var(--line); }
.discipline-tab[aria-pressed=true] { color: #b75b25; padding-left: 16px; border-left: 3px solid var(--orange); }
.discipline-detail { background: #e9e7df; padding: 45px; align-self: start; position: sticky; top: 120px; }
.discipline-detail h3 { font-size: 36px; margin: 25px 0; }
.discipline-detail p { font-size: 17px; }
.discipline-output { border-top: 1px solid #bcc6c3; margin-top: 35px; padding-top: 25px; }
.discipline-output span { font-size: 9px; color: #a75e32; letter-spacing: 1px; }
.discipline-output p { font-size: 14px; margin-top: 12px; }
.discipline-detail .detail-foot { font-size: 10px; margin-top: 40px; }
/* Clientes e catálogo */
.portfolio { background: #13272f; color: #f2f3ed; }
.portfolio .kicker { color: #eaa16e; }
.portfolio p, .portfolio .section-top > span:last-child { color: #b6c4ca; }
.portfolio .lead { color: #e6ecee; }
.client-wall { border-top: 1px solid #425760; padding-top: 30px; }
.client-wall > h3 { font-size: 17px; margin-bottom: 30px; }
.client-wall ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4,1fr); gap: 0 25px; }
.client-wall li { padding: 13px 0; border-bottom: 1px solid #30464f; font-size: 15px; }
.client-wall li:nth-child(-n+8) { font-size: 22px; color: #f2c298; }
.client-wall > p { font-size: 10px; margin-top: 22px; }
.catalog-head { margin-top: 85px; display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.catalog-head h3 { font-size: 34px; margin-top: 18px; letter-spacing: -1px; }
.catalog-head > p { font-size: 12px; max-width: 220px; }
.filters { display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 20px; margin-top: 35px; }
.filters label { font-size: 10px; color: #bac8cc; }
.filters input, .filters select { background: #203740; color: white; border-color: #4c646e; }
.catalog-status { display: flex; justify-content: space-between; gap: 20px; margin: 22px 0; font-size: 11px; color: #bac8cc; }
.catalog-status button { border: 0; background: transparent; color: #edbb99; font-size: 11px; }
.table-wrap { overflow: auto; }
table { width: 100%; border-collapse: collapse; text-align: left; }
th { color: #95aab2; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; padding: 15px 16px; border-top: 1px solid #4b626d; border-bottom: 1px solid #4b626d; }
td { font-size: 13px; border-bottom: 1px solid #314a55; padding: 20px 16px; vertical-align: top; }
td:first-child { width: 22%; color: #efbe9b; }
td:last-child { width: 23%; color: #a0b4bd; font-size: 11px; }
tbody tr:hover { background: #203740; }
.catalog-footnote { font-size: 10px; margin-top: 25px; max-width: 800px; }
/* IA integrada */
.intelligence { background: #0e191e; color: #f1f3ee; }
.intelligence .section-top { border-bottom: 1px solid #364a54; padding-bottom: 25px; }
.intelligence .kicker { color: #e4a06e; }
.intelligence .section-top > span:last-child, .intelligence p { color: #aebfc6; }
.intelligence .lead { color: #eef0e9; }
.network { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; align-items: center; }
.network-visual { position: relative; }
.network-visual img { width: 100%; border: 1px solid #303d42; }
.jarvis-label { background: #0e191ed9; padding: 20px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; }
.jarvis-label > span { font-size: 8px; letter-spacing: 2px; color: #e4a06e; }
.jarvis-label h3 { font-size: 27px; letter-spacing: 7px; margin: 10px 0; }
.jarvis-label p { font-size: 9px; }
.agent-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; }
.agent { min-height: 85px; background: #182a33; border: 1px solid #38525f; text-align: left; padding: 13px 10px; color: #e7ecee; }
.agent b { display: block; font-size: 15px; font-weight: 400; }
.agent span { font-size: 9px; line-height: 1.35; color: #b8c5ca; display: block; margin-top: 7px; }
.agent:hover, .agent[aria-pressed=true] { background: #493426; border-color: #d89564; }
.agent-panel { display: grid; grid-template-columns: 1fr 3fr; gap: 30px; margin-top: 30px; padding: 35px; background: #1a2e38; border-left: 3px solid #df8e51; }
.agent-panel h3 { font-size: 35px; margin-top: 18px; }
.agent-panel #agent-description { font-size: 16px; color: #e2e9eb; }
.human { display: flex; gap: 15px; align-items: center; border-top: 1px solid #425861; margin-top: 22px; padding-top: 20px; }
.human > span { border: 1px solid #b7c2b2; padding: 4px 12px; color: #d8e5cb; }
.human p { font-size: 12px; }
.human strong { color: #e6d6bc; }
.flow { display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; margin-top: 60px; }
.flow article { border-top: 1px solid #425760; padding-top: 20px; }
.flow b { color: #df9560; font: 12px monospace; }
.flow h3 { margin: 15px 0; font-size: 20px; }
.flow p { font-size: 12px; }
.implementation { font-size: 10px; margin-top: 35px; max-width: 1000px; }
/* Soluções e contato */
.solution-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 45px; }
.solution-grid article { border-top: 1px solid #bfc9c7; padding-top: 25px; }
.solution-grid span { font: 12px monospace; color: #a75e32; }
.solution-grid h3 { font-size: 26px; margin: 25px 0; }
.solution-grid p { font-size: 14px; }
.contact { background: #e9e5dc; }
.contact-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 90px; }
.contact-grid > div > p { margin: 25px 0; max-width: 400px; }
.contact-grid > div > a { display: block; margin-top: 15px; }
.contact-grid > div > a.button { display: inline-flex; margin-top: 30px; }
.phone { font-size: 30px; letter-spacing: -1px; }
form { padding: 35px; background: var(--paper); }
form h3 { font-size: 27px; }
form > p { font-size: 12px; margin: 15px 0 25px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
label { display: block; font-size: 11px; margin-bottom: 18px; }
input, select, textarea { display: block; width: 100%; border: 1px solid #a8b5b6; border-radius: 0; background: var(--white); padding: 12px; color: var(--ink); margin-top: 7px; font-size: 13px; }
textarea { resize: vertical; }
.consent { display: flex; gap: 10px; align-items: start; }
.consent input { width: 16px; height: 16px; flex-shrink: 0; margin: 2px 0; }
.consent a { text-decoration: underline; }
.form-actions { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.email-button { background: transparent; border: 0; padding: 12px 0; font-size: 11px; border-bottom: 1px solid #6b7c81; }
#form-status { font-size: 11px; margin-top: 20px; }
footer { padding: 50px 7% 85px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; background: #14242c; color: #c9d2d6; font-size: 11px; }
.footer-brand img { background: white; object-fit: contain; padding: 6px; }
footer p { color: #a2b2ba; margin-top: 20px; font-size: 10px; }
footer > div > span { display: block; font-size: 9px; letter-spacing: 1.5px; color: #d39a70; margin-bottom: 20px; }
footer summary { cursor: pointer; }
footer details p { font-size: 11px; }
.floating-wa { position: fixed; bottom: 22px; right: 22px; background: #254738; color: white; padding: 12px 20px; font-size: 11px; z-index: 40; border: 1px solid #a2bba7; box-shadow: 0 3px 18px #0002; }
.floating-wa span { margin-left: 15px; }
.floating-wa:hover { color: white; background: #38634f; }
/* Tablet e celular */
@media (min-width: 1800px) { body { max-width: 2000px; margin: auto; } }
@media (max-width: 1150px) {
  .header nav { gap: 18px; font-size: 11px; }
  .intro-grid { gap: 40px; }
  .agent-list { grid-template-columns: repeat(3,1fr); }
  .network { grid-template-columns: .9fr 1fr; }
  .contact-grid { gap: 40px; }
  .hero { min-height: 690px; }
}
@media (max-width: 800px) {
  .section { padding: 65px 6%; }
  .header { height: 80px; padding: 8px 6%; }
  .logo img { width: 78px; height: 57px; }
  .menu-toggle { display: block; font-size: 12px; }
  .menu-toggle span { font-size: 20px; margin-left: 12px; }
  .header nav { display: none; position: absolute; top: 80px; left: 0; right: 0; padding: 20px 6%; background: var(--white); font-size: 15px; border-bottom: 1px solid var(--line); }
  .header nav.open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .header nav a { padding: 12px 0; }
  .header nav .nav-contact { padding: 12px; margin: 10px 0; }
  .hero { min-height: 680px; }
  .hero-content { padding: 65px 6% 105px; }
  h1 { font-size: 57px; }
  .hero-image { object-position: 63% center; }
  .hero-shade { background: linear-gradient(90deg,#0a1a22e8,#0a1a2277),linear-gradient(0deg,#0a1a2299,transparent); }
  .hero-content > p { max-width: 460px; }
  .hero-bottom { left: 6%; right: 6%; }
  .fact-strip { grid-template-columns: 1fr 1fr; padding: 20px 6%; gap: 25px; }
  .fact-strip div { border: 0; padding: 0; }
  .fact-strip a { padding: 0; }
  .section-top { margin-bottom: 35px; }
  .section-top > span:last-child { display: none; }
  .intro-grid, .history-grid, .discipline-layout, .contact-grid { grid-template-columns: 1fr; gap: 30px; }
  .intro-grid { margin-bottom: 40px; }
  .history-grid figure { max-width: 550px; }
  .partner-note { grid-template-columns: 1fr; gap: 20px; }
  .discipline-detail { position: static; }
  .client-wall ul { grid-template-columns: repeat(3,1fr); }
  .client-wall li { font-size: 12px; }
  .client-wall li:nth-child(-n+8) { font-size: 17px; }
  .catalog-head { flex-direction: column; align-items: start; margin-top: 55px; }
  .catalog-head > p { max-width: none; }
  .filters { grid-template-columns: 1fr 1fr; }
  .filters label:first-child { grid-column: 1/-1; }
  .network { grid-template-columns: 1fr; }
  .network-visual { max-width: 600px; margin: auto; }
  .agent-list { grid-template-columns: repeat(4,1fr); }
  .agent-panel { grid-template-columns: 1fr; gap: 20px; padding: 25px; }
  .agent-panel h3 { margin-top: 10px; }
  .flow { grid-template-columns: 1fr 1fr; }
  .solution-grid { gap: 25px; }
  .solution-grid h3 { font-size: 22px; }
  footer { grid-template-columns: 1fr 1fr; gap: 35px; }
  footer details { grid-column: 1/-1; }
}
@media (max-width: 480px) {
  h1 { font-size: 46px; letter-spacing: -2px; }
  h2 { font-size: 37px; letter-spacing: -1.5px; }
  .hero { min-height: 700px; }
  .hero-actions { align-items: start; flex-direction: column; gap: 22px; }
  .hero-content > p { font-size: 17px; }
  .hero-bottom { flex-direction: column; gap: 8px; }
  .fact-strip strong { font-size: 33px; }
  .fact-strip span { font-size: 10px; }
  .lead { font-size: 19px; }
  .history-timeline article { grid-template-columns: 80px 1fr; gap: 15px; }
  .history-timeline b { font-size: 12px; }
  .history-timeline h3 { font-size: 18px; }
  .service summary { grid-template-columns: 30px 1fr 20px; gap: 13px; }
  .service h3 { font-size: 24px; }
  .service-body { padding: 0 0 25px 43px; }
  .discipline-detail { padding: 28px; }
  .client-wall ul { grid-template-columns: 1fr 1fr; }
  .client-wall li:nth-child(-n+8) { font-size: 16px; }
  .catalog-head h3 { font-size: 28px; }
  .filters { grid-template-columns: 1fr; gap: 0; }
  th { font-size: 8px; padding: 12px 6px; }
  td { padding: 16px 6px; font-size: 12px; }
  td:first-child { width: 28%; }
  td:last-child { font-size: 9px; width: 20%; }
  .agent-list { grid-template-columns: 1fr 1fr; }
  .agent { min-height: 80px; }
  .agent b { font-size: 17px; }
  .agent span { font-size: 10px; }
  .solution-grid, .form-row, footer { grid-template-columns: 1fr; }
  .solution-grid { gap: 35px; }
  form { padding: 25px 20px; }
  footer details { grid-column: auto; }
  .floating-wa { bottom: 12px; right: 12px; padding: 10px 15px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}
@media print {
  .header, .hero, .floating-wa, .filters, #show-all { display: none !important; }
  .section { padding: 25px 0; }
  .portfolio { background: white; color: black; }
  .portfolio p, td, td:first-child, td:last-child { color: black; }
  tr[hidden] { display: table-row !important; }
}
/* Preserve a proporção original das imagens; nunca estique a arte. */
.network-visual img { height: auto; }
/* Código do acervo visível para distinguir escopos e aditivos Samarco. */
.project-code {
  display: block;
  margin-bottom: 6px;
  color: #e8af7e;
  font: 10px/1.4 monospace;
  letter-spacing: .6px;
}
  .pceng-connect {
    margin: 55px 0;
    padding: 42px;
    border: 1px solid #3d535e;
    background: linear-gradient(130deg, #203640, #15262f 70%);
    color: #f4f5ee;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.65;
    box-sizing: border-box;
    overflow: hidden;
  }
  .pceng-connect * { box-sizing: border-box; }
  .pceng-connect .mcp-eyebrow {
    display: block;
    color: #efad78;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 18px;
  }
  .pceng-connect .mcp-top {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 50px;
    align-items: start;
  }
  .pceng-connect h3 {
    margin: 0;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -1.3px;
  }
  .pceng-connect h3 span { color: #f0ad79; }
  .pceng-connect p { margin: 0; color: #c9d5da; font-size: 14px; line-height: 1.75; }
  .pceng-connect .mcp-top > p { padding-top: 4px; }
  .pceng-connect .mcp-path {
    display: grid;
    grid-template-columns: 1fr 35px 1fr 35px 1.2fr;
    align-items: stretch;
    margin: 36px 0 24px;
  }
  .pceng-connect .mcp-node {
    padding: 23px 20px;
    border: 1px solid #526974;
    background: #1b303b;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 115px;
  }
  .pceng-connect .mcp-node small { font-size: 9px; letter-spacing: 1.4px; color: #a9bec8; }
  .pceng-connect .mcp-node strong { font-size: 23px; font-weight: 400; line-height: 1.2; margin: 8px 0; }
  .pceng-connect .mcp-node p { font-size: 11px; line-height: 1.6; }
  .pceng-connect .mcp-node-core { border-color: #d99b67; background: #49382c; }
  .pceng-connect .mcp-node-core strong { color: #ffc593; font-size: 32px; letter-spacing: 3px; }
  .pceng-connect .mcp-arrow { display: flex; align-items: center; justify-content: center; color: #eda36e; font-size: 22px; }
  .pceng-connect .mcp-definition { padding: 0 0 28px; border-bottom: 1px solid #405660; }
  .pceng-connect .mcp-definition b { color: #f3c8a8; font-weight: 400; }
  .pceng-connect .mcp-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; margin: 28px 0; }
  .pceng-connect h4 { margin: 0 0 12px; color: #f4f5ee; font-size: 16px; font-weight: 400; }
  .pceng-connect h4 small { color: #eda36e; font: 11px monospace; margin-right: 10px; }
  .pceng-connect .mcp-columns p { font-size: 13px; }
  .pceng-connect .mcp-approval { display: flex; gap: 18px; align-items: start; border-top: 1px solid #405660; padding-top: 25px; }
  .pceng-connect .mcp-check { width: 33px; height: 33px; border: 1px solid #d7ad87; color: #f3c398; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 18px; }
  .pceng-connect .mcp-approval strong { display: block; font-size: 14px; font-weight: 400; color: #f5d7bd; margin-bottom: 5px; }
  .pceng-connect .mcp-approval p { font-size: 12px; }
  @media (max-width: 700px) {
    .pceng-connect { padding: 26px 22px; margin: 35px 0; }
    .pceng-connect .mcp-top, .pceng-connect .mcp-columns { grid-template-columns: 1fr; gap: 23px; }
    .pceng-connect .mcp-path { grid-template-columns: 1fr; margin-top: 28px; }
    .pceng-connect .mcp-arrow { height: 30px; transform: rotate(90deg); }
    .pceng-connect .mcp-node { min-height: 100px; }
  }