:root {
 --integration-orange:#C4512D;
 --integration-orange-deep:#A84025;
 --integration-orange-soft:#FFB086;
}
.integration-competence {
 max-width:1460px;
 margin:0 auto;
}
.integration-fields {
 margin-bottom:clamp(30px,calc(6vw - 28px),62px);
}
.integration-key-highlight {
 color:var(--integration-orange);
 font-weight:800;
}
.integration-easydelivery p a,
.integration-easydelivery p a:visited {
 color:var(--integration-orange);
 font-weight:800;
 text-decoration:underline;
 text-decoration-thickness:1px;
 text-underline-offset:3px;
}
.integration-easydelivery p a:hover,
.integration-easydelivery p a:focus-visible {
 color:var(--integration-orange-deep);
}
.integration-microtech {
 overflow:hidden;
 padding:clamp(28px,3vw,42px);
 background:linear-gradient(135deg,var(--integration-orange) 0%,var(--integration-orange-deep) 100%);
 color:#fff;
}
.integration-microtech-head {
 display:grid;
 align-items:center;
 grid-template-columns:minmax(0,1fr) auto;
 gap:clamp(32px,6vw,90px);
}
.integration-kicker {
 margin:0 0 8px;
 color:var(--integration-orange-soft);
 font-size:12px;
 font-weight:800;
 letter-spacing:.14em;
 text-transform:uppercase;
}
.integration-microtech h2 {
 margin:0;
 color:#fff;
 font-size:clamp(32px,2.7vw,46px);
 letter-spacing:-.045em;
 line-height:1;
}
.integration-microtech-logo {
 display:block;
 width:160px;
 max-width:100%;
 line-height:0;
 background:#fff;
 box-shadow:0 12px 28px rgba(71,20,9,.20);
}
.integration-microtech-logo img {
 display:block;
 width:100%;
 height:auto;
}
.integration-microtech-logo:focus-visible {
 outline:3px solid #fff;
 outline-offset:5px;
}
.integration-proof {
 display:grid;
 margin-top:clamp(24px,2.7vw,36px);
 grid-template-columns:repeat(3,minmax(0,1fr));
 column-gap:clamp(32px,5vw,76px);
}
.integration-proof article {
 position:relative;
 display:flex;
 min-height:58px;
 align-items:flex-start;
 padding:7px 0 7px 18px;
}
.integration-proof article::before {
 content:"";
 position:absolute;
 top:4px;
 bottom:4px;
 left:0;
 width:2px;
 background:rgba(255,255,255,.52);
}
.integration-proof h3 {
 margin:0;
 color:#fff;
 font-size:clamp(17px,1.25vw,21px);
 letter-spacing:-.02em;
 line-height:1.25;
}

/* Reduced transition space between microtech section and footer */
.integration-main { padding-bottom:clamp(24px,4vw,58px); }
@media (max-width:760px) {
 .integration-fields { margin-bottom:22px; }
 .integration-microtech {
  margin-right:-20px;
  margin-left:-20px;
  padding:30px 20px;
 }
 .integration-microtech-head {
  grid-template-columns:1fr;
  gap:20px;
 }
  .integration-microtech-head > div { text-align:center; }
 .integration-kicker { margin-bottom:24px; text-align:center; }
  .integration-microtech-logo { width:150px; margin-right:auto; margin-left:auto; }
 .integration-proof {
  grid-template-columns:1fr;
  row-gap:16px;
  margin-top:28px;
 }
 .integration-proof article {
  min-height:48px;
  padding:4px 0 4px 18px;
 }
 .integration-proof article::before {
  top:0;
  bottom:0;
 }
}
/* ERP section spacing and direct footer transition */
.integration-fields {
    margin-bottom: clamp(48px, 6vw, 80px);
}

.integration-main {
    padding-bottom: clamp(24px, 4vw, 58px);
}

.integration-microtech {
    padding-top: clamp(36px, 3.6vw, 50px);
    padding-bottom: clamp(46px, 4.2vw, 60px);
}

@media (max-width: 760px) {
    .integration-main {
        padding-bottom: 0;
    }

    .integration-fields {
        margin-bottom: 46px;
    }

    .integration-microtech {
        padding-top: 38px;
        padding-bottom: 50px;
    }

    .integration-proof {
        row-gap: 20px;
        margin-top: 32px;
    }
}

/* Premium horizontal partner composition. */
.integration-page .integration-key-highlight,
.integration-page .integration-easydelivery p a,
.integration-page .integration-easydelivery p a:visited { font-weight:680; }
.integration-page .integration-microtech {
 position:relative;
 isolation:isolate;
 display:grid;
 overflow:hidden;
 grid-template-columns:minmax(170px,.68fr) minmax(0,1.32fr) 146px;
 align-items:center;
 gap:clamp(24px,3.4vw,52px);
 padding:22px clamp(28px,3.8vw,56px);
 border-top:1px solid rgba(255,255,255,.3);
 border-bottom:1px solid rgba(104,30,14,.24);
 background:
  radial-gradient(circle at 88% 18%,rgba(255,176,134,.17),transparent 28%),
  linear-gradient(135deg,#bd4c2d 0%,#a83f27 58%,#963721 100%);
}
.integration-page .integration-microtech::before {
 content:"";
 position:absolute;
 inset:0;
 z-index:-1;
 opacity:.18;
 background-image:radial-gradient(rgba(255,255,255,.34) .7px,transparent .7px);
 background-size:24px 24px;
 -webkit-mask-image:linear-gradient(115deg,transparent 12%,#000 67%,transparent 100%);
 mask-image:linear-gradient(115deg,transparent 12%,#000 67%,transparent 100%);
}
.integration-page .integration-microtech::after {
 content:"";
 position:absolute;
 top:0;
 left:clamp(34px,4.5vw,68px);
 width:62px;
 height:2px;
 background:#ffc0a0;
}
.integration-page .integration-microtech-head { display:contents; }
.integration-page .integration-microtech-head > div {
 position:relative;
 z-index:1;
 grid-column:1;
}
.integration-page .integration-kicker {
 display:flex;
 align-items:center;
 gap:10px;
 margin-bottom:13px;
 color:rgba(255,255,255,.7);
 font-size:10.5px;
 font-weight:650;
 letter-spacing:.16em;
}
.integration-page .integration-kicker::before {
 content:"";
 width:27px;
 height:1px;
 background:rgba(255,255,255,.58);
}
.integration-page .integration-microtech h2 {
 font-size:clamp(30px,2.35vw,42px);
 font-weight:640;
 letter-spacing:-.04em;
}
.integration-page .integration-partner-statement {
 position:relative;
 z-index:1;
 grid-column:2;
 max-width:620px;
 margin:0;
 color:rgba(255,255,255,.88);
 font-size:clamp(16px,1.2vw,20px);
 font-weight:520;
 letter-spacing:-.012em;
 line-height:1.5;
 text-align:left;
}
.integration-page .integration-microtech-logo {
 position:relative;
 z-index:2;
 grid-column:3;
 width:146px;
 border:1px solid rgba(255,255,255,.5);
 box-shadow:none;
 transition:filter .2s ease;
}
.integration-page .integration-microtech-logo:hover { filter:brightness(1.03); }
.integration-page .integration-main { padding-bottom:clamp(132px,10vw,164px); }
.integration-page .integration-fields { margin-bottom:0; }

@media (max-width:900px) {
 .integration-page .integration-microtech {
  grid-template-columns:180px minmax(0,1fr) 126px;
  gap:18px;
  padding:20px 24px;
 }
 .integration-page .integration-microtech h2 { font-size:24px; }
 .integration-page .integration-microtech-logo { grid-column:3; grid-row:1; width:126px; }
 .integration-page .integration-partner-statement { grid-column:2; grid-row:1; }
}

@media (max-width:760px) {
 .integration-page .integration-main { padding-bottom:48px; }
 .integration-page .integration-fields { margin-bottom:0; }
 .integration-page .integration-microtech {
  margin-right:-20px;
  margin-left:-20px;
  grid-template-columns:1fr;
  gap:0;
  padding:28px 20px 32px;
 }
 .integration-page .integration-microtech::after { left:20px; }
 .integration-page .integration-microtech-head > div { grid-column:1; grid-row:1; }
 .integration-page .integration-microtech-head > div,
 .integration-page .integration-kicker { text-align:left; }
 .integration-page .integration-kicker { justify-content:flex-start; margin-bottom:12px; }
 .integration-page .integration-microtech h2 { font-size:30px; }
 .integration-page .integration-partner-statement {
  grid-column:1;
  grid-row:2;
  margin-top:14px;
  font-size:15px;
  line-height:1.55;
 }
 .integration-page .integration-microtech-logo {
  grid-column:1;
  grid-row:3;
  width:132px;
  margin:20px 0 0;
 }
}

/* Focused microtech partnership statement */
.integration-partner-statement {
    max-width: 920px;
    margin: clamp(24px, 2.7vw, 34px) auto 0;
    text-align: center;
    color: #fff;
    font-size: clamp(18px, 1.45vw, 23px);
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1.38;
}

@media (max-width: 760px) {
    .integration-partner-statement {
        margin-top: 28px;
        font-size: 18px;
        line-height: 1.45;
    }
}
