.fu-enterprise-body {
  background: #f3f5f8;
  color: #0c1830;
}

.fu-enterprise,
.fu-enterprise * {
  box-sizing: border-box;
}

.fu-enterprise {
  --fu-blue: #145cff;
  --fu-navy: #061938;
  --fu-navy-soft: #0b2556;
  --fu-text: #0d1730;
  --fu-muted: #66758d;
  --fu-line: #d7ddea;
  --fu-surface: #ffffff;
  --fu-shadow: 0 24px 48px rgba(8, 24, 58, 0.08);
  padding: 36px 0 72px;
}

.fu-enterprise a,
.fu-enterprise button,
.fu-enterprise img,
.fu-enterprise .fu-btn,
.fu-enterprise .fu-info-card,
.fu-enterprise .fu-solution-card,
.fu-enterprise .fu-impact__quote,
.fu-enterprise .fu-hero__quote,
.fu-enterprise .fu-automation,
.fu-enterprise .fu-cta,
.fu-enterprise .fu-flow__node,
.fu-enterprise .fu-proof-item,
.fu-enterprise .fu-impact,
.fu-enterprise .fu-hero__image {
  border-radius: 0 !important;
}

.fu-shell {
  width: min(1368px, calc(100% - 72px));
  margin: 0 auto 42px;
}

.fu-kicker {
  margin: 0 0 16px;
  color: var(--fu-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.fu-kicker--dark {
  color: #63a3ff;
}

.fu-heading {
  margin-bottom: 24px;
}

.fu-heading--center {
  text-align: center;
}

.fu-heading h2 {
  margin: 0;
  font-size: clamp(34px, 3.4vw, 58px);
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.fu-heading h2 span {
  color: var(--fu-blue);
}

.fu-heading p {
  margin: 10px 0 0;
  font-size: 18px;
  color: var(--fu-muted);
}

.fu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 24px;
  border: 1px solid var(--fu-blue);
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}

.fu-btn:hover {
  text-decoration: none;
  opacity: .96;
}

.fu-btn--primary {
  background: var(--fu-blue);
  color: #fff;
}

.fu-btn--primary:hover {
  color: #fff;
  background: #014de6;
}

.fu-btn--ghost {
  background: transparent;
  color: var(--fu-blue);
}

.fu-btn--ghost:hover {
  color: var(--fu-blue);
  background: rgba(20, 92, 255, 0.05);
}

.fu-btn--light {
  background: #fff;
  color: var(--fu-blue);
  border-color: rgba(255, 255, 255, 0.85);
}

.fu-btn--light:hover {
  color: var(--fu-blue);
  background: rgba(255,255,255,.96);
}

.fu-btn--linklight {
  border-color: transparent;
  color: #fff;
  background: transparent;
}

.fu-btn--linklight:hover {
  color: #fff;
  background: rgba(255,255,255,0.08);
}

.fu-text-link {
  color: var(--fu-blue);
  text-decoration: none;
  font-weight: 700;
}

.fu-text-link--dark {
  color: #fff;
}

.fu-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1.1fr);
  align-items: start;
  gap: 52px;
  padding-top: 6px;
}

.fu-hero__copy {
  padding-top: 24px;
}

.fu-hero__copy h1 {
  margin: 0;
  font-size: clamp(54px, 5vw, 84px);
  line-height: .96;
  font-weight: 800;
  letter-spacing: -0.065em;
}

.fu-hero__lead {
  max-width: 620px;
  margin: 28px 0 0;
  font-size: 24px;
  line-height: 1.58;
  color: var(--fu-muted);
}

.fu-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 34px;
}

.fu-proof-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 58px;
}

.fu-proof-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.fu-proof-item__icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  color: var(--fu-blue);
}

.fu-proof-item strong,
.fu-proof-item span,
.fu-info-card h3,
.fu-info-card p,
.fu-solution-card h3,
.fu-solution-card p,
.fu-impact__quote p,
.fu-impact__quote footer,
.fu-cta__copy p,
.fu-flow__node span {
  overflow-wrap: anywhere;
}

.fu-proof-item strong {
  display: block;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
}

.fu-proof-item span {
  display: block;
  margin-top: 3px;
  color: var(--fu-muted);
  font-size: 12px;
  line-height: 1.5;
}

.fu-hero__visual {
  position: relative;
  min-height: 880px;
}

.fu-hero__visual::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 86px;
  height: 86px;
  background: #fff;
  z-index: 1;
}

.fu-hero__image {
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: var(--fu-shadow);
}

.fu-hero__image img,
.fu-impact__visual img,
.fu-solution-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fu-hero__quote {
  position: absolute;
  right: 0;
  bottom: 40px;
  z-index: 2;
  width: min(410px, 72%);
  margin: 0;
  padding: 24px 28px 24px;
  background: rgba(8, 42, 94, 0.92);
  color: #fff;
  box-shadow: var(--fu-shadow);
}

.fu-hero__quote-mark {
  display: inline-block;
  margin-bottom: 10px;
  color: #dce7ff;
  font-size: 32px;
  line-height: 1;
}

.fu-hero__quote p {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

.fu-needs {
  padding-top: 8px;
}

.fu-needs__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.fu-info-card {
  background: var(--fu-surface);
  border: 1px solid var(--fu-line);
  padding: 34px 28px 28px;
  min-height: 278px;
}

.fu-info-card__icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  margin-bottom: 22px;
}

.fu-info-card__icon svg {
  width: 100%;
  height: 100%;
}

.fu-info-card__icon--blue { color: #2f6df8; }
.fu-info-card__icon--violet { color: #8551ff; }
.fu-info-card__icon--green { color: #20b260; }
.fu-info-card__icon--orange { color: #ff7e32; }

.fu-info-card h3 {
  margin: 0 0 12px;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
}

.fu-info-card p {
  margin: 0 0 22px;
  color: var(--fu-muted);
  font-size: 16px;
  line-height: 1.64;
}

.fu-info-card a,
.fu-solution-card a {
  color: var(--fu-blue);
  text-decoration: none;
  font-weight: 700;
}

.fu-automation {
  display: grid;
  grid-template-columns: 1.02fr 1.34fr;
  gap: 32px;
  padding: 28px 30px;
  background:
    radial-gradient(circle at 50% 50%, rgba(35, 113, 255, 0.28) 0%, rgba(35, 113, 255, 0) 17%),
    linear-gradient(90deg, #03162f 0%, #061a3c 45%, #06204a 68%, #071631 100%);
  color: #fff;
  box-shadow: var(--fu-shadow);
}

.fu-automation__copy {
  padding: 6px 0 8px;
}

.fu-automation__copy h2 {
  margin: 0 0 18px;
  font-size: clamp(38px, 3.3vw, 62px);
  line-height: .98;
  letter-spacing: -0.05em;
  font-weight: 800;
}

.fu-automation__copy p {
  margin: 0 0 16px;
  color: rgba(255,255,255,.82);
  font-size: 15px;
  line-height: 1.65;
}

.fu-checklist {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.fu-checklist li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 22px;
  color: rgba(255,255,255,.9);
  font-size: 15px;
  line-height: 1.5;
}

.fu-checklist li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #41a0ff;
  font-weight: 700;
}

.fu-automation__diagram {
  position: relative;
  display: grid;
  grid-template-columns: minmax(190px, 1fr) 280px minmax(190px, 1fr);
  align-items: center;
  gap: 18px;
  min-height: 420px;
}

.fu-automation__diagram::before,
.fu-automation__diagram::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 32%;
  height: 1px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, rgba(92, 148, 255, 0) 0%, rgba(92, 148, 255, .65) 40%, rgba(92, 148, 255, .65) 60%, rgba(92, 148, 255, 0) 100%);
  pointer-events: none;
}

.fu-automation__diagram::before { left: 14%; }
.fu-automation__diagram::after { right: 14%; }

.fu-flow {
  display: grid;
  gap: 14px;
  position: relative;
  z-index: 1;
}

.fu-flow__node {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 14px;
  border: 1px solid rgba(138, 167, 232, 0.44);
  background: rgba(255,255,255,0.02);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  position: relative;
}

.fu-flow__node::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 36px;
  border-top: 1px dashed rgba(124, 166, 255, 0.55);
}

.fu-flow--left .fu-flow__node::after {
  right: -36px;
}

.fu-flow--right .fu-flow__node::after {
  left: -36px;
}

.fu-flow__icon,
.fu-flow__check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 13px;
  color: #fff;
  flex: 0 0 18px;
}

.fu-flow__check {
  border: 1px solid rgba(72, 194, 112, 0.65);
  background: rgba(19, 164, 85, 0.15);
  color: #82e19c;
}

.fu-flow__node--ok {
  border-color: rgba(74, 189, 109, 0.32);
}

.fu-flow__core-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fu-flow__core {
  width: 234px;
  height: 234px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid rgba(67, 137, 255, 0.55);
  background: radial-gradient(circle at center, rgba(34, 111, 255, 0.38) 0%, rgba(7, 29, 76, 0.92) 68%, rgba(5, 17, 42, 0.98) 100%);
  box-shadow: 0 0 0 18px rgba(17, 58, 146, 0.12), 0 0 70px rgba(48, 119, 255, 0.35);
}

.fu-flow__core-icon {
  width: 58px;
  height: 58px;
  color: #dce9ff;
  margin-bottom: 14px;
}

.fu-flow__core-icon svg {
  width: 100%;
  height: 100%;
}

.fu-flow__core strong {
  display: block;
  font-size: 34px;
  line-height: .98;
  letter-spacing: -0.05em;
  font-weight: 800;
}

.fu-flow__core span {
  display: block;
  margin-top: 10px;
  color: rgba(255,255,255,.72);
  font-size: 14px;
  line-height: 1.45;
}

.fu-solutions {
  padding-top: 8px;
}

.fu-solution-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.fu-solution-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--fu-line);
  box-shadow: 0 6px 16px rgba(10, 20, 45, 0.03);
}

.fu-solution-card img {
  height: 192px;
}

.fu-solution-card__body {
  padding: 16px 18px 18px;
}

.fu-solution-card h3 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.24;
  font-weight: 800;
}

.fu-solution-card p {
  margin: 0 0 14px;
  color: var(--fu-muted);
  font-size: 14px;
  line-height: 1.58;
}

.fu-impact {
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(0, 1.44fr);
  align-items: stretch;
  overflow: hidden;
  background: linear-gradient(90deg, #04162d 0%, #07204a 100%);
  box-shadow: var(--fu-shadow);
}

.fu-impact__intro {
  padding: 32px 30px 28px;
  color: #fff;
}

.fu-impact__intro h2 {
  margin: 0 0 14px;
  font-size: clamp(36px, 3.2vw, 58px);
  line-height: .99;
  letter-spacing: -0.05em;
  font-weight: 800;
}

.fu-impact__intro p {
  margin: 0 0 24px;
  color: rgba(255,255,255,.8);
  font-size: 15px;
  line-height: 1.65;
}

.fu-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 26px 0 22px;
}

.fu-stats__item strong {
  display: block;
  font-size: 38px;
  line-height: 1;
  letter-spacing: -0.05em;
  font-weight: 800;
}

.fu-stats__item span {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.45;
}

.fu-impact__visual {
  position: relative;
  min-height: 420px;
}

.fu-impact__quote {
  position: absolute;
  right: 26px;
  top: 26px;
  width: min(380px, calc(100% - 40px));
  background: rgba(255,255,255,.95);
  color: var(--fu-text);
  padding: 24px 24px 22px;
  box-shadow: 0 20px 38px rgba(8, 24, 58, 0.12);
}

.fu-impact__quote-kicker {
  display: block;
  margin-bottom: 12px;
  color: var(--fu-blue);
  font-size: 12px;
  font-weight: 700;
}

.fu-impact__quote p {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.65;
}

.fu-impact__quote footer {
  color: #4b556a;
  font-size: 14px;
  font-weight: 700;
}

.fu-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 30px 34px;
  background: linear-gradient(90deg, #1863ff 0%, #145cff 48%, #0e4fe9 100%);
  color: #fff;
  box-shadow: var(--fu-shadow);
}

.fu-cta__copy h2 {
  margin: 0;
  font-size: clamp(36px, 3vw, 54px);
  line-height: 1.04;
  letter-spacing: -0.05em;
  font-weight: 800;
}

.fu-cta__copy p {
  margin: 10px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 16px;
}

.fu-cta__actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.fu-cta__divider {
  color: rgba(255,255,255,.82);
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 1500px) {
  .fu-hero__visual {
    min-height: 760px;
  }

  .fu-hero__copy h1 {
    font-size: clamp(50px, 5vw, 74px);
  }

  .fu-hero__lead {
    font-size: 21px;
  }

  .fu-solution-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1260px) {
  .fu-hero,
  .fu-impact,
  .fu-automation {
    grid-template-columns: 1fr;
  }

  .fu-hero__visual {
    min-height: 620px;
  }

  .fu-proof-row,
  .fu-needs__grid,
  .fu-solution-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fu-automation__diagram {
    grid-template-columns: 1fr;
    gap: 24px;
    min-height: auto;
  }

  .fu-automation__diagram::before,
  .fu-automation__diagram::after,
  .fu-flow__node::after {
    display: none;
  }

  .fu-flow--left,
  .fu-flow--right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fu-flow__core-wrap {
    order: -1;
  }

  .fu-impact__visual {
    min-height: 420px;
  }

  .fu-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 780px) {
  .fu-enterprise {
    padding: 24px 0 56px;
  }

  .fu-shell {
    width: min(100%, calc(100% - 32px));
    margin-bottom: 26px;
  }

  .fu-hero {
    gap: 26px;
  }

  .fu-hero__copy {
    padding-top: 8px;
  }

  .fu-hero__copy h1 {
    font-size: clamp(40px, 12vw, 56px);
    line-height: .97;
  }

  .fu-hero__lead {
    margin-top: 18px;
    font-size: 18px;
    line-height: 1.6;
  }

  .fu-actions,
  .fu-cta__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .fu-btn {
    width: 100%;
  }

  .fu-proof-row,
  .fu-needs__grid,
  .fu-solution-grid,
  .fu-stats,
  .fu-flow--left,
  .fu-flow--right {
    grid-template-columns: 1fr;
  }

  .fu-hero__visual {
    min-height: 420px;
  }

  .fu-hero__visual::after {
    width: 58px;
    height: 58px;
  }

  .fu-hero__quote {
    position: absolute;
    right: 14px;
    left: 14px;
    bottom: 14px;
    width: auto;
    padding: 18px 18px 17px;
  }

  .fu-heading h2,
  .fu-automation__copy h2,
  .fu-impact__intro h2,
  .fu-cta__copy h2 {
    font-size: clamp(30px, 9vw, 42px);
  }

  .fu-heading p {
    font-size: 15px;
  }

  .fu-info-card {
    min-height: auto;
    padding: 24px 20px 22px;
  }

  .fu-automation {
    padding: 22px 18px;
  }

  .fu-flow__core {
    width: 210px;
    height: 210px;
  }

  .fu-solution-card img {
    height: 190px;
  }

  .fu-impact__intro {
    padding: 24px 20px 22px;
  }

  .fu-impact__visual {
    min-height: 340px;
  }

  .fu-impact__quote {
    position: absolute;
    right: 14px;
    left: 14px;
    top: auto;
    bottom: 14px;
    width: auto;
    padding: 18px;
  }

  .fu-cta {
    padding: 24px 20px;
  }

  .fu-cta__divider {
    align-self: center;
  }
}


/* UI04 — allineamento orizzontale identico al footer */
.fu-enterprise .fu-shell{
  width:min(1368px, calc(100% - 72px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media (max-width:720px){
  .fu-enterprise .fu-shell{
    width:min(100%, calc(100% - 32px))!important;
  }
}

/* ==========================================================
   UI05 — Hero riallineata al mockup di riferimento
   ========================================================== */

@media (min-width:1261px){
  .fu-enterprise{
    padding-top:0;
  }

  .fu-hero{
    position:relative;
    display:grid;
    grid-template-columns:47.5% 52.5%;
    gap:0;
    min-height:636px;
    margin-bottom:42px;
    padding:0;
    background:#fff;
    overflow:hidden;
  }

  .fu-hero__copy{
    position:relative;
    z-index:2;
    min-width:0;
    padding:66px 64px 156px 72px;
    background:#fff;
  }

  .fu-hero .fu-kicker{
    margin-bottom:18px;
    font-size:11px;
  }

  .fu-hero__copy h1{
    max-width:590px;
    font-size:clamp(52px,4.5vw,72px);
    line-height:.99;
    letter-spacing:-.055em;
  }

  .fu-hero__lead{
    max-width:570px;
    margin-top:27px;
    font-size:17px;
    line-height:1.62;
  }

  .fu-actions{
    margin-top:29px;
    gap:18px;
  }

  .fu-actions .fu-btn{
    min-height:48px;
    padding-inline:24px;
    font-size:14px;
  }

  .fu-hero__visual{
    position:relative;
    min-height:636px;
    height:636px;
    overflow:hidden;
  }

  .fu-hero__visual::after{
    display:none;
  }

  .fu-hero__image{
    position:absolute;
    inset:0;
    box-shadow:none;
  }

  .fu-hero__image img{
    object-position:48% center;
  }

  .fu-hero__quote{
    right:68px;
    bottom:63px;
    width:360px;
    padding:22px 28px 23px;
    background:rgba(8,42,94,.92);
    box-shadow:0 14px 32px rgba(6,25,56,.18);
  }

  .fu-hero__quote-mark{
    margin-bottom:8px;
    font-size:30px;
  }

  .fu-hero__quote p{
    font-size:16px;
    line-height:1.55;
  }

  .fu-proof-row{
    position:absolute;
    left:0;
    bottom:0;
    z-index:4;
    width:61.2%;
    min-height:118px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin:0;
    padding:25px 20px 21px 72px;
    background:#fff;
    box-shadow:0 -1px 0 rgba(15,23,42,.04);
  }

  .fu-proof-item{
    min-width:0;
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:9px;
    align-content:start;
    padding:0 17px;
    border-left:1px solid #e2e6ee;
  }

  .fu-proof-item:first-child{
    padding-left:0;
    border-left:0;
  }

  .fu-proof-item__icon{
    width:24px;
    height:24px;
    margin-top:0;
  }

  .fu-proof-item strong{
    font-size:11px;
    line-height:1.3;
  }

  .fu-proof-item span{
    margin-top:4px;
    font-size:9.5px;
    line-height:1.45;
  }
}

@media (min-width:1261px) and (max-width:1500px){
  .fu-hero{
    min-height:590px;
  }

  .fu-hero__copy{
    padding:54px 45px 144px 56px;
  }

  .fu-hero__copy h1{
    font-size:clamp(46px,4.4vw,64px);
  }

  .fu-hero__lead{
    font-size:16px;
  }

  .fu-hero__visual{
    min-height:590px;
    height:590px;
  }

  .fu-proof-row{
    width:62%;
    min-height:108px;
    padding:22px 14px 18px 56px;
  }

  .fu-proof-item{
    padding-inline:12px;
  }

  .fu-hero__quote{
    right:40px;
    bottom:54px;
  }
}

@media (max-width:1260px){
  .fu-hero{
    background:#fff;
  }

  .fu-hero__copy{
    padding:34px 30px 0;
  }

  .fu-proof-row{
    margin:38px -30px 0;
    padding:24px 30px;
    background:#fff;
  }
}

@media (max-width:780px){
  .fu-hero__copy{
    padding:24px 18px 0;
  }

  .fu-proof-row{
    margin:30px -18px 0;
    padding:20px 18px;
  }

  .fu-hero__visual{
    min-height:470px;
  }

  .fu-hero__image img{
    object-position:52% center;
  }
}


/* ==========================================================
   UI06 — Hero proof row positioning fix
   ========================================================== */
@media (min-width:1261px){
  .fu-enterprise .fu-hero{
    position:relative!important;
  }

  .fu-enterprise .fu-hero__copy{
    position:relative!important;
    overflow:visible!important;
  }

  .fu-enterprise .fu-proof-row{
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    z-index:5!important;
    width:61.2%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }

  .fu-enterprise .fu-proof-item{
    min-width:0!important;
    width:auto!important;
  }

  .fu-enterprise .fu-hero__copy h1,
  .fu-enterprise .fu-hero__lead,
  .fu-enterprise .fu-actions{
    position:relative!important;
    z-index:2!important;
  }
}

/* ==========================================================
   UI07 — "Was Unternehmen heute brauchen" wie Referenz
   ========================================================== */

.fu-needs {
  padding-top: 20px !important;
  padding-bottom: 2px !important;
}

.fu-needs .fu-heading {
  margin-bottom: 34px !important;
}

.fu-needs .fu-heading h2 {
  color: #111827 !important;
  font-size: clamp(31px, 2.45vw, 43px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -.038em !important;
}

.fu-needs .fu-heading h2 span {
  color: #1164f4 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

.fu-needs .fu-heading p {
  margin-top: 8px !important;
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.fu-needs__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.fu-info-card {
  min-height: 284px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 34px 30px 28px !important;
  border: 1px solid #d8dde7 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.fu-info-card__icon {
  width: 42px !important;
  height: 42px !important;
  margin: 0 0 24px !important;
}

.fu-info-card__icon svg {
  width: 42px !important;
  height: 42px !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.fu-info-card h3 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}

.fu-info-card p {
  margin: 0 0 22px !important;
  color: #667085 !important;
  font-size: 14.5px !important;
  line-height: 1.62 !important;
}

.fu-info-card a {
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #1164f4 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

.fu-info-card a:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

@media (max-width: 1100px) {
  .fu-needs__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .fu-needs {
    padding-top: 8px !important;
  }

  .fu-needs .fu-heading {
    margin-bottom: 24px !important;
  }

  .fu-needs .fu-heading h2 {
    font-size: 30px !important;
  }

  .fu-needs .fu-heading p {
    font-size: 14px !important;
  }

  .fu-needs__grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .fu-info-card {
    min-height: 0 !important;
    padding: 25px 22px 23px !important;
  }

  .fu-info-card__icon {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 18px !important;
  }

  .fu-info-card__icon svg {
    width: 38px !important;
    height: 38px !important;
  }
}

/* =========================================================
   UI08 — KI & Automatisierung, composizione fedele al mockup
   ========================================================= */
.fu-automation {
  min-height: 690px !important;
  display: grid !important;
  grid-template-columns: minmax(420px, 0.78fr) minmax(760px, 1.42fr) !important;
  align-items: center !important;
  gap: 38px !important;
  padding: 40px 30px !important;
  background:
    radial-gradient(circle at 72% 50%, rgba(20, 94, 255, .18) 0, rgba(20, 94, 255, 0) 24%),
    linear-gradient(90deg, #061733 0%, #071a3a 48%, #061633 100%) !important;
  color: #fff !important;
  box-shadow: var(--fu-shadow) !important;
}

.fu-automation__copy {
  align-self: center !important;
  padding: 0 0 0 0 !important;
}

.fu-automation__copy .fu-kicker {
  margin-bottom: 22px !important;
  color: #f4f7ff !important;
  font-size: 14px !important;
  letter-spacing: .16em !important;
}

.fu-automation__copy h2 {
  max-width: 470px !important;
  margin: 0 0 22px !important;
  font-size: clamp(48px, 4vw, 72px) !important;
  line-height: .88 !important;
  letter-spacing: -.055em !important;
  font-weight: 800 !important;
}

.fu-automation__copy > p:not(.fu-kicker) {
  max-width: 535px !important;
  margin: 0 0 20px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.fu-checklist {
  margin: 0 0 24px !important;
}

.fu-checklist li {
  margin-bottom: 11px !important;
  padding-left: 23px !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.fu-checklist li::before {
  color: #2e8cff !important;
  font-size: 18px !important;
}

.fu-automation .fu-btn {
  min-height: 52px !important;
  padding-inline: 24px !important;
}

.fu-automation__diagram {
  min-height: 560px !important;
  display: grid !important;
  grid-template-columns: 220px 300px 220px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 28px !important;
  position: relative !important;
}

.fu-automation__diagram::before,
.fu-automation__diagram::after {
  display: none !important;
}

.fu-flow {
  display: grid !important;
  gap: 14px !important;
  z-index: 3 !important;
}

.fu-flow__node {
  min-height: 54px !important;
  padding: 0 18px !important;
  gap: 12px !important;
  border: 1px solid rgba(115, 151, 220, .58) !important;
  background: rgba(6, 26, 61, .64) !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.fu-flow__node::after {
  width: 56px !important;
  border-top: 1px dashed rgba(84, 157, 255, .78) !important;
}

.fu-flow--left .fu-flow__node::after {
  right: -56px !important;
}

.fu-flow--right .fu-flow__node::after {
  left: -56px !important;
}

.fu-flow__icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  color: #fff !important;
}

.fu-flow__icon svg {
  width: 24px !important;
  height: 24px !important;
}

.fu-flow__check {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  border: 1px solid #19c56b !important;
  background: rgba(18, 183, 96, .11) !important;
  color: #58f49b !important;
  font-size: 14px !important;
}

.fu-flow__node--ok {
  border-color: rgba(47, 190, 105, .55) !important;
}

.fu-flow__core-wrap {
  z-index: 4 !important;
}

.fu-flow__core {
  width: 272px !important;
  height: 272px !important;
  border: 2px solid #2d92ff !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(27, 92, 255, .95) 0%, rgba(16, 62, 166, .92) 38%, rgba(5, 28, 83, .98) 72%, #061d49 100%) !important;
  box-shadow:
    0 0 0 8px rgba(40, 111, 255, .08),
    0 0 26px rgba(39, 119, 255, .82),
    inset 0 0 26px rgba(103, 159, 255, .28) !important;
}

.fu-flow__core-icon {
  width: 72px !important;
  height: 72px !important;
  margin-bottom: 12px !important;
  color: #fff !important;
}

.fu-flow__core strong {
  font-size: 29px !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}

.fu-flow__core span {
  margin-top: 12px !important;
  color: rgba(255,255,255,.8) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* connectori curvi simulati attorno al core */
.fu-flow__core-wrap::before,
.fu-flow__core-wrap::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 86px !important;
  height: 250px !important;
  transform: translateY(-50%) !important;
  border-top: 1px dashed rgba(84, 157, 255, .72) !important;
  border-bottom: 1px dashed rgba(84, 157, 255, .72) !important;
  pointer-events: none !important;
}

.fu-flow__core-wrap::before {
  left: -54px !important;
  border-left: 1px dashed rgba(84, 157, 255, .72) !important;
  border-radius: 42px 0 0 42px !important;
}

.fu-flow__core-wrap::after {
  right: -54px !important;
  border-right: 1px dashed rgba(84, 157, 255, .72) !important;
  border-radius: 0 42px 42px 0 !important;
}

@media (max-width: 1320px) {
  .fu-automation {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .fu-automation__copy h2 {
    max-width: 700px !important;
  }

  .fu-automation__diagram {
    grid-template-columns: 210px 270px 210px !important;
  }
}

@media (max-width: 860px) {
  .fu-automation {
    padding: 28px 18px !important;
  }

  .fu-automation__copy h2 {
    font-size: clamp(40px, 11vw, 56px) !important;
  }

  .fu-automation__diagram {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .fu-flow--left,
  .fu-flow--right {
    grid-template-columns: 1fr !important;
  }

  .fu-flow__core-wrap {
    order: -1 !important;
  }

  .fu-flow__node::after,
  .fu-flow__core-wrap::before,
  .fu-flow__core-wrap::after {
    display: none !important;
  }

  .fu-flow__core {
    width: 220px !important;
    height: 220px !important;
  }
}

/* =========================================================
   UI09 — KI & Automatisierung: replica precisa del riferimento
   ========================================================= */
.fu-enterprise .fu-automation{
  min-height:760px!important;
  grid-template-columns:minmax(440px, .78fr) minmax(820px, 1.45fr)!important;
  gap:42px!important;
  align-items:center!important;
  padding:48px 38px 42px!important;
  background:linear-gradient(90deg,#03142f 0%,#061a3a 50%,#03142f 100%)!important;
  overflow:hidden!important;
}
.fu-enterprise .fu-automation__copy{padding:0!important;align-self:center!important}
.fu-enterprise .fu-automation__copy .fu-kicker{margin:0 0 28px!important;color:#2186ff!important;font-size:16px!important;letter-spacing:.12em!important}
.fu-enterprise .fu-automation__copy h2{max-width:520px!important;margin:0 0 26px!important;font-size:clamp(56px,4.55vw,78px)!important;line-height:.93!important;letter-spacing:-.055em!important}
.fu-enterprise .fu-automation__copy>p:not(.fu-kicker){max-width:585px!important;margin:0 0 22px!important;font-size:17px!important;line-height:1.62!important;color:rgba(255,255,255,.82)!important}
.fu-enterprise .fu-checklist{margin:0 0 30px!important}
.fu-enterprise .fu-checklist li{margin:0 0 13px!important;padding-left:27px!important;font-size:17px!important;line-height:1.4!important}
.fu-enterprise .fu-checklist li::before{font-size:21px!important;color:#208cff!important}
.fu-enterprise .fu-automation .fu-btn{min-height:58px!important;padding:0 28px!important;font-size:16px!important}
.fu-enterprise .fu-automation__diagram{
  min-height:590px!important;
  grid-template-columns:214px 320px 236px!important;
  gap:54px!important;
  justify-content:center!important;
  align-items:center!important;
  position:relative!important;
}
.fu-enterprise .fu-flow__connectors{position:absolute!important;inset:35px 0!important;width:100%!important;height:520px!important;color:#53a0ff!important;z-index:1!important;pointer-events:none!important}
.fu-enterprise .fu-flow{gap:24px!important;z-index:3!important}
.fu-enterprise .fu-flow__node{min-height:79px!important;padding:0 23px!important;gap:17px!important;border:1px solid rgba(113,151,219,.62)!important;background:rgba(3,20,48,.84)!important;font-size:18px!important}
.fu-enterprise .fu-flow__node::after{display:none!important}
.fu-enterprise .fu-flow__icon{width:31px!important;height:31px!important;flex:0 0 31px!important}
.fu-enterprise .fu-flow__icon svg{width:31px!important;height:31px!important}
.fu-enterprise .fu-flow__check{width:27px!important;height:27px!important;flex:0 0 27px!important;font-size:18px!important;border-color:#24df82!important;color:#45f49c!important;background:rgba(20,180,94,.08)!important}
.fu-enterprise .fu-flow__node--ok{border-color:rgba(32,199,102,.55)!important}
.fu-enterprise .fu-flow__core-wrap{z-index:4!important;position:relative!important}
.fu-enterprise .fu-flow__core-wrap::before,.fu-enterprise .fu-flow__core-wrap::after{display:none!important}
.fu-enterprise .fu-flow__core{width:320px!important;height:320px!important;border:2px solid #27a0ff!important;border-radius:50%!important;background:radial-gradient(circle at 50% 44%,#2863dc 0%,#1546a6 48%,#07265d 76%,#041838 100%)!important;box-shadow:0 0 0 8px rgba(40,111,255,.08),0 0 34px rgba(39,119,255,.95),inset 0 0 40px rgba(95,151,255,.3)!important}
.fu-enterprise .fu-flow__core-icon{width:84px!important;height:84px!important;margin-bottom:14px!important;color:#fff!important}
.fu-enterprise .fu-flow__core strong{font-size:36px!important;line-height:1!important;letter-spacing:-.04em!important}
.fu-enterprise .fu-flow__core span{margin-top:14px!important;font-size:17px!important;line-height:1.45!important;color:rgba(255,255,255,.82)!important}
@media(max-width:1320px){
 .fu-enterprise .fu-automation{grid-template-columns:1fr!important;min-height:0!important}
 .fu-enterprise .fu-automation__diagram{grid-template-columns:214px 300px 236px!important}
 .fu-enterprise .fu-flow__core{width:300px!important;height:300px!important}
}
@media(max-width:900px){
 .fu-enterprise .fu-automation{padding:30px 20px!important}
 .fu-enterprise .fu-automation__copy h2{font-size:clamp(42px,11vw,58px)!important}
 .fu-enterprise .fu-automation__diagram{min-height:0!important;grid-template-columns:1fr!important;gap:22px!important}
 .fu-enterprise .fu-flow__connectors{display:none!important}
 .fu-enterprise .fu-flow--left,.fu-enterprise .fu-flow--right{grid-template-columns:1fr!important}
 .fu-enterprise .fu-flow__core-wrap{order:-1!important}
 .fu-enterprise .fu-flow__core{width:238px!important;height:238px!important}
 .fu-enterprise .fu-flow__node{min-height:58px!important;font-size:15px!important}
}


/* ==========================================================
   UI10 — Hero image flush to the browser's right edge
   The left edge remains aligned with the shared footer shell.
   ========================================================== */
@media (min-width:1261px){
  .fu-enterprise .fu-hero{
    width:calc(100vw - max(36px, (100vw - 1368px) / 2))!important;
    margin-left:max(36px, (100vw - 1368px) / 2)!important;
    margin-right:0!important;
    grid-template-columns:clamp(560px,36vw,684px) minmax(0,1fr)!important;
    overflow:hidden!important;
  }

  .fu-enterprise .fu-hero__visual,
  .fu-enterprise .fu-hero__image{
    width:100%!important;
    max-width:none!important;
  }

  .fu-enterprise .fu-hero__image{
    right:0!important;
  }

  .fu-enterprise .fu-hero__image img{
    width:100%!important;
    object-position:48% center!important;
  }

  .fu-enterprise .fu-proof-row{
    width:min(760px,58%)!important;
  }
}

@media (min-width:1261px) and (max-width:1500px){
  .fu-enterprise .fu-hero{
    width:calc(100vw - max(36px, (100vw - 1368px) / 2))!important;
    margin-left:max(36px, (100vw - 1368px) / 2)!important;
    grid-template-columns:clamp(540px,39vw,620px) minmax(0,1fr)!important;
  }

  .fu-enterprise .fu-proof-row{
    width:min(720px,61%)!important;
  }
}

/* ==========================================================
   UI11 — Soluzioni più vicine al mockup + tipografia compatta
   ========================================================== */

/* Riduzione tipografica globale limitata alla sola pagina. */
.fu-enterprise{
  font-size:14px!important;
}

.fu-enterprise .fu-kicker{
  font-size:10px!important;
  letter-spacing:.13em!important;
}

.fu-enterprise .fu-hero__copy h1{
  font-size:clamp(48px,4.35vw,68px)!important;
  line-height:.97!important;
}

.fu-enterprise .fu-hero__lead{
  max-width:590px!important;
  font-size:17px!important;
  line-height:1.58!important;
}

.fu-enterprise .fu-btn{
  min-height:46px!important;
  padding-inline:20px!important;
  font-size:13px!important;
}

.fu-enterprise .fu-proof-item strong{
  font-size:12px!important;
}

.fu-enterprise .fu-proof-item span{
  font-size:10.5px!important;
}

.fu-enterprise .fu-heading h2{
  font-size:clamp(30px,2.7vw,42px)!important;
}

.fu-enterprise .fu-heading p{
  margin-top:7px!important;
  font-size:13px!important;
}

.fu-enterprise .fu-info-card h3{
  font-size:17px!important;
}

.fu-enterprise .fu-info-card p{
  font-size:12.5px!important;
  line-height:1.58!important;
}

.fu-enterprise .fu-info-card a{
  font-size:12px!important;
}

.fu-enterprise .fu-automation__copy .fu-kicker{
  font-size:12px!important;
}

.fu-enterprise .fu-automation__copy h2{
  font-size:clamp(48px,3.75vw,65px)!important;
}

.fu-enterprise .fu-automation__copy>p:not(.fu-kicker),
.fu-enterprise .fu-checklist li{
  font-size:14px!important;
}

.fu-enterprise .fu-automation .fu-btn{
  min-height:48px!important;
  font-size:13px!important;
}

.fu-enterprise .fu-flow__node{
  font-size:14px!important;
}

.fu-enterprise .fu-flow__core strong{
  font-size:31px!important;
}

.fu-enterprise .fu-flow__core span{
  font-size:14px!important;
}

/* Sezione “Unsere Lösungen für Ihren Erfolg” fedele al riferimento. */
.fu-enterprise .fu-solutions{
  padding-top:2px!important;
  margin-bottom:32px!important;
}

.fu-enterprise .fu-solutions .fu-heading{
  margin-bottom:20px!important;
}

.fu-enterprise .fu-solutions .fu-heading h2{
  font-size:clamp(29px,2.35vw,38px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

.fu-enterprise .fu-solutions .fu-heading p{
  margin-top:6px!important;
  font-size:12.5px!important;
}

.fu-enterprise .fu-solution-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

.fu-enterprise .fu-solution-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:340px!important;
  border:1px solid #d8dde7!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(13,24,48,.035)!important;
}

.fu-enterprise .fu-solution-card img{
  width:100%!important;
  height:150px!important;
  object-fit:cover!important;
  border-bottom:1px solid #d8dde7!important;
}

.fu-enterprise .fu-solution-card__body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:15px 16px 16px!important;
}

.fu-enterprise .fu-solution-card h3{
  margin:0 0 8px!important;
  font-size:15px!important;
  line-height:1.22!important;
  font-weight:750!important;
  letter-spacing:-.018em!important;
}

.fu-enterprise .fu-solution-card p{
  margin:0 0 13px!important;
  color:#5e6b7f!important;
  font-size:12px!important;
  line-height:1.58!important;
}

.fu-enterprise .fu-solution-card a{
  margin-top:auto!important;
  color:#075ef1!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

.fu-enterprise .fu-impact__intro h2,
.fu-enterprise .fu-cta__copy h2{
  font-size:clamp(32px,2.65vw,46px)!important;
}

.fu-enterprise .fu-impact__intro p,
.fu-enterprise .fu-cta__copy p,
.fu-enterprise .fu-impact__quote p{
  font-size:13px!important;
}

.fu-enterprise .fu-stats__item strong{
  font-size:31px!important;
}

.fu-enterprise .fu-stats__item span,
.fu-enterprise .fu-impact__quote footer{
  font-size:10.5px!important;
}

@media(max-width:1260px){
  .fu-enterprise .fu-solution-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  .fu-enterprise .fu-solution-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .fu-enterprise .fu-solution-card img{
    height:170px!important;
  }
}

@media(max-width:580px){
  .fu-enterprise .fu-hero__copy h1{
    font-size:clamp(38px,11vw,50px)!important;
  }

  .fu-enterprise .fu-hero__lead{
    font-size:15px!important;
  }

  .fu-enterprise .fu-solution-grid{
    grid-template-columns:1fr!important;
  }

  .fu-enterprise .fu-solution-card{
    min-height:0!important;
  }

  .fu-enterprise .fu-solution-card img{
    height:190px!important;
  }
}

/* ==========================================================
   UI12 — Erfolg in der Praxis, näher an der Referenz
   ========================================================== */

.fu-enterprise .fu-impact{
  grid-template-columns:minmax(420px,43%) minmax(0,57%)!important;
  min-height:390px!important;
  background:#041a38!important;
  box-shadow:0 14px 34px rgba(8,24,58,.10)!important;
}

.fu-enterprise .fu-impact__intro{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:34px 38px 32px!important;
  background:linear-gradient(135deg,#04172f 0%,#062954 100%)!important;
}

.fu-enterprise .fu-impact__intro .fu-kicker{
  margin-bottom:14px!important;
  color:#2f82ff!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}

.fu-enterprise .fu-impact__intro h2{
  max-width:420px!important;
  margin:0 0 14px!important;
  font-size:clamp(34px,2.7vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}

.fu-enterprise .fu-impact__intro>p{
  max-width:520px!important;
  margin:0!important;
  color:rgba(255,255,255,.80)!important;
  font-size:12.5px!important;
  line-height:1.62!important;
}

.fu-enterprise .fu-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  margin:28px 0 24px!important;
}

.fu-enterprise .fu-stats__item{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:10px!important;
  min-width:0!important;
}

.fu-enterprise .fu-stats__icon{
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  color:#dce8ff!important;
}

.fu-enterprise .fu-stats__icon svg{
  width:100%!important;
  height:100%!important;
}

.fu-enterprise .fu-stats__item strong{
  display:block!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:.95!important;
  letter-spacing:-.04em!important;
}

.fu-enterprise .fu-stats__item span:not(.fu-stats__icon){
  display:block!important;
  margin-top:7px!important;
  color:rgba(255,255,255,.70)!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}

.fu-enterprise .fu-impact__intro .fu-text-link{
  align-self:flex-start!important;
  margin-top:0!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
}

.fu-enterprise .fu-impact__visual{
  position:relative!important;
  min-height:390px!important;
  overflow:hidden!important;
  background:#d9e6f4!important;
}

.fu-enterprise .fu-impact__visual::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(4,23,47,.18) 0%,rgba(4,23,47,.02) 45%,rgba(255,255,255,.04) 100%)!important;
  pointer-events:none!important;
}

.fu-enterprise .fu-impact__visual>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

.fu-enterprise .fu-impact__quote{
  top:30px!important;
  right:30px!important;
  bottom:30px!important;
  width:min(330px,42%)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:28px 30px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(46,105,205,.18)!important;
  box-shadow:0 18px 40px rgba(7,29,66,.14)!important;
  color:#13213c!important;
  z-index:2!important;
}

.fu-enterprise .fu-impact__quote-kicker{
  margin-bottom:18px!important;
  color:#1464ff!important;
  font-size:10px!important;
  font-weight:700!important;
}

.fu-enterprise .fu-impact__quote p{
  margin:0 0 24px!important;
  color:#25314a!important;
  font-size:15px!important;
  line-height:1.65!important;
}

.fu-enterprise .fu-impact__quote footer{
  color:#3e4b61!important;
  font-size:11px!important;
  font-weight:700!important;
}

@media(max-width:1260px){
  .fu-enterprise .fu-impact{
    grid-template-columns:1fr!important;
  }

  .fu-enterprise .fu-impact__visual{
    min-height:420px!important;
  }
}

@media(max-width:760px){
  .fu-enterprise .fu-impact__intro{
    padding:26px 20px 24px!important;
  }

  .fu-enterprise .fu-stats{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .fu-enterprise .fu-impact__visual{
    min-height:440px!important;
    display:block!important;
  }

  .fu-enterprise .fu-impact__quote{
    left:16px!important;
    right:16px!important;
    top:auto!important;
    bottom:16px!important;
    width:auto!important;
    padding:20px!important;
  }
}


/* ==========================================================
   UI13 — Hero ricostruita sulla mockup approvata
   ========================================================== */
@media (min-width:1261px){
  .fu-enterprise{padding-top:0!important}
  .fu-enterprise .fu-hero{position:relative!important;width:100%!important;max-width:none!important;min-height:760px!important;margin:0 0 58px!important;display:grid!important;grid-template-columns:48.6% 51.4%!important;gap:0!important;overflow:hidden!important;background:#fff!important}
  .fu-enterprise .fu-hero__copy{position:relative!important;z-index:3!important;min-width:0!important;padding:82px 78px 188px max(72px,calc((100vw - 1368px)/2))!important;background:#fff!important}
  .fu-enterprise .fu-hero .fu-kicker{margin:0 0 26px!important;color:#075fff!important;font-size:13px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.16em!important}
  .fu-enterprise .fu-hero__copy h1{max-width:690px!important;margin:0!important;color:#0b1730!important;font-size:clamp(58px,4.8vw,82px)!important;line-height:.98!important;font-weight:800!important;letter-spacing:-.058em!important}
  .fu-enterprise .fu-hero__lead{max-width:650px!important;margin:34px 0 0!important;color:#66758d!important;font-size:18px!important;line-height:1.66!important}
  .fu-enterprise .fu-actions{margin-top:36px!important;gap:20px!important}
  .fu-enterprise .fu-actions .fu-btn{min-height:54px!important;padding:0 26px!important;font-size:14px!important}
  .fu-enterprise .fu-hero__visual{position:relative!important;min-height:760px!important;height:760px!important;overflow:hidden!important;background:#dce7f3!important}
  .fu-enterprise .fu-hero__visual::after{display:none!important}
  .fu-enterprise .fu-hero__image{position:absolute!important;inset:0!important;overflow:hidden!important;box-shadow:none!important}
  .fu-enterprise .fu-hero__image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% center!important}
  .fu-enterprise .fu-hero__quote{position:absolute!important;right:32px!important;bottom:112px!important;z-index:5!important;width:390px!important;margin:0!important;padding:30px 32px 32px!important;background:rgba(7,43,92,.94)!important;color:#fff!important;border:0!important;box-shadow:0 22px 42px rgba(3,20,48,.20)!important}
  .fu-enterprise .fu-hero__quote-mark{margin-bottom:10px!important;color:#2b83ff!important;font-size:36px!important;line-height:1!important}
  .fu-enterprise .fu-hero__quote p{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.56!important}
  .fu-enterprise .fu-proof-row{position:absolute!important;left:max(42px,calc((100vw - 1368px)/2 - 20px))!important;bottom:0!important;z-index:7!important;width:846px!important;min-height:128px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0!important;padding:22px 20px!important;background:#fff!important;border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 16px 32px rgba(7,25,58,.10)!important}
  .fu-enterprise .fu-proof-item{min-width:0!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-content:center!important;gap:12px!important;padding:6px 20px!important;border-left:1px solid #e0e5ee!important}
  .fu-enterprise .fu-proof-item:first-child{border-left:0!important}
  .fu-enterprise .fu-proof-item__icon{width:30px!important;height:30px!important;color:#075fff!important}
  .fu-enterprise .fu-proof-item strong{display:block!important;color:#0c1830!important;font-size:13px!important;line-height:1.3!important;font-weight:750!important}
  .fu-enterprise .fu-proof-item span{display:block!important;margin-top:6px!important;color:#6b7890!important;font-size:11px!important;line-height:1.42!important}
}
@media (min-width:1261px) and (max-width:1500px){
  .fu-enterprise .fu-hero{min-height:690px!important;grid-template-columns:49% 51%!important}
  .fu-enterprise .fu-hero__copy{padding:64px 50px 170px max(44px,calc((100vw - 1368px)/2))!important}
  .fu-enterprise .fu-hero__copy h1{font-size:clamp(52px,4.6vw,68px)!important}
  .fu-enterprise .fu-hero__lead{max-width:560px!important;font-size:16px!important}
  .fu-enterprise .fu-hero__visual{min-height:690px!important;height:690px!important}
  .fu-enterprise .fu-hero__quote{width:350px!important;right:26px!important;bottom:96px!important;padding:26px 28px!important}
  .fu-enterprise .fu-hero__quote p{font-size:16px!important}
  .fu-enterprise .fu-proof-row{left:28px!important;width:760px!important;min-height:116px!important}
  .fu-enterprise .fu-proof-item{grid-template-columns:28px minmax(0,1fr)!important;gap:9px!important;padding-inline:14px!important}
  .fu-enterprise .fu-proof-item__icon{width:25px!important;height:25px!important}
  .fu-enterprise .fu-proof-item strong{font-size:11.5px!important}
  .fu-enterprise .fu-proof-item span{font-size:9.8px!important}
}
@media (max-width:1260px){
  .fu-enterprise .fu-hero{width:min(1368px,calc(100% - 40px))!important;margin:0 auto 36px!important;grid-template-columns:1fr!important;overflow:visible!important;background:#fff!important}
  .fu-enterprise .fu-hero__copy{padding:42px 34px 38px!important}
  .fu-enterprise .fu-hero__visual{min-height:560px!important;height:560px!important}
  .fu-enterprise .fu-hero__quote{right:24px!important;bottom:24px!important;width:min(390px,calc(100% - 48px))!important}
  .fu-enterprise .fu-proof-row{position:static!important;width:100%!important;margin:0!important;padding:22px 24px!important;background:#fff!important;box-shadow:0 12px 26px rgba(7,25,58,.08)!important}
}
@media (max-width:760px){
  .fu-enterprise .fu-hero{width:calc(100% - 28px)!important}
  .fu-enterprise .fu-hero__copy{padding:30px 20px 28px!important}
  .fu-enterprise .fu-hero__copy h1{font-size:clamp(40px,11vw,55px)!important}
  .fu-enterprise .fu-hero__lead{margin-top:20px!important;font-size:15px!important}
  .fu-enterprise .fu-hero__visual{min-height:430px!important;height:430px!important}
  .fu-enterprise .fu-hero__quote{left:14px!important;right:14px!important;bottom:14px!important;width:auto!important;padding:18px!important}
  .fu-enterprise .fu-proof-row{grid-template-columns:1fr!important;gap:0!important;padding:8px 20px!important}
  .fu-enterprise .fu-proof-item{padding:15px 0!important;border-left:0!important;border-top:1px solid #e0e5ee!important}
  .fu-enterprise .fu-proof-item:first-child{border-top:0!important}
}

/* ==========================================================
   UI14 — "Was Unternehmen heute brauchen" / Glass Cards
   Mockup-Fidelity-Override
   ========================================================== */
.fu-enterprise .fu-needs.fu-shell {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 58px !important;
  padding: clamp(46px, 3.05vw, 62px) clamp(32px, 3.9vw, 80px) clamp(46px, 2.55vw, 52px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse 28% 72% at 12% 78%, rgba(42, 126, 255, .16) 0%, rgba(42, 126, 255, 0) 72%),
    radial-gradient(ellipse 28% 72% at 37% 80%, rgba(124, 75, 255, .12) 0%, rgba(124, 75, 255, 0) 72%),
    radial-gradient(ellipse 28% 72% at 63% 80%, rgba(24, 188, 117, .105) 0%, rgba(24, 188, 117, 0) 72%),
    radial-gradient(ellipse 28% 72% at 88% 79%, rgba(255, 132, 58, .10) 0%, rgba(255, 132, 58, 0) 72%),
    linear-gradient(180deg, #fbfcff 0%, #f4f8fd 54%, #edf4fb 100%) !important;
}

.fu-enterprise .fu-needs.fu-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(116deg, rgba(255,255,255,.74) 0%, rgba(255,255,255,0) 31%),
    linear-gradient(64deg, rgba(255,255,255,0) 57%, rgba(255,255,255,.48) 100%);
  filter: blur(.2px);
}

.fu-enterprise .fu-needs .fu-heading {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 clamp(34px, 2vw, 41px) !important;
  text-align: center !important;
}

.fu-enterprise .fu-needs .fu-heading h2 {
  margin: 0 !important;
  color: #07142d !important;
  font-size: clamp(43px, 3.32vw, 68px) !important;
  line-height: 1.04 !important;
  font-weight: 800 !important;
  letter-spacing: -.046em !important;
  text-wrap: balance !important;
}

.fu-enterprise .fu-needs .fu-heading h2 span {
  color: #1d63e9 !important;
  text-decoration: none !important;
}

.fu-enterprise .fu-needs .fu-heading p {
  margin: clamp(12px, .88vw, 18px) 0 0 !important;
  color: #5f6c84 !important;
  font-size: clamp(17px, 1.16vw, 24px) !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
  letter-spacing: -.012em !important;
}

.fu-enterprise .fu-needs__grid {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(20px, 1.78vw, 36px) !important;
  align-items: stretch !important;
}

.fu-enterprise .fu-info-card {
  --fu-card-rgb: 47, 109, 248;
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  min-height: clamp(350px, 19.78vw, 405px) !important;
  padding: clamp(27px, 1.56vw, 32px) clamp(25px, 1.9vw, 39px) clamp(27px, 1.46vw, 30px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(171, 195, 226, .56) !important;
  border-radius: 13px !important;
  background: linear-gradient(138deg, rgba(255,255,255,.73) 0%, rgba(255,255,255,.48) 49%, rgba(255,255,255,.26) 100%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  box-shadow:
    0 18px 42px rgba(20, 53, 95, .095),
    0 2px 6px rgba(20, 53, 95, .035),
    inset 0 1px 0 rgba(255,255,255,.93),
    inset 0 0 0 1px rgba(255,255,255,.22) !important;
  transform: translateZ(0);
}

.fu-enterprise .fu-info-card:nth-child(2) { --fu-card-rgb: 132, 77, 255; }
.fu-enterprise .fu-info-card:nth-child(3) { --fu-card-rgb: 23, 180, 104; }
.fu-enterprise .fu-info-card:nth-child(4) { --fu-card-rgb: 255, 124, 44; }

.fu-enterprise .fu-info-card::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -20%;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 86%, rgba(var(--fu-card-rgb), .115) 0%, rgba(var(--fu-card-rgb), .055) 23%, rgba(var(--fu-card-rgb), 0) 51%),
    radial-gradient(circle at 16% 5%, rgba(255,255,255,.80) 0%, rgba(255,255,255,0) 35%);
  filter: blur(14px);
}

.fu-enterprise .fu-info-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(124deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,0) 41%),
    linear-gradient(46deg, rgba(255,255,255,0) 56%, rgba(255,255,255,.27) 100%);
}

.fu-enterprise .fu-info-card__icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: clamp(72px, 4.58vw, 94px) !important;
  height: clamp(72px, 4.58vw, 94px) !important;
  margin: 0 0 clamp(27px, 1.57vw, 32px) !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.47) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  box-shadow:
    0 14px 30px rgba(var(--fu-card-rgb), .10),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 28px rgba(var(--fu-card-rgb), .035) !important;
  transform: translateX(-10px);
}

.fu-enterprise .fu-info-card__icon svg {
  width: 56% !important;
  height: 56% !important;
  filter: drop-shadow(0 2px 5px rgba(var(--fu-card-rgb), .12));
}

.fu-enterprise .fu-info-card h3 {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 clamp(14px, .92vw, 19px) !important;
  color: #07142d !important;
  font-size: clamp(21px, 1.47vw, 30px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -.039em !important;
  overflow-wrap: normal !important;
}

.fu-enterprise .fu-info-card p {
  position: relative !important;
  z-index: 1 !important;
  max-width: 100% !important;
  margin: 0 0 clamp(24px, 1.55vw, 32px) !important;
  color: #596a85 !important;
  font-size: clamp(16px, 1.05vw, 21.5px) !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
  letter-spacing: -.012em !important;
  overflow-wrap: normal !important;
}

.fu-enterprise .fu-info-card a {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: clamp(10px, .62vw, 13px) !important;
  margin: auto 0 0 !important;
  color: #1470f7 !important;
  font-size: clamp(16px, 1.08vw, 22px) !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  letter-spacing: -.015em !important;
  text-decoration: none !important;
  transition: transform .2s ease, color .2s ease !important;
}

.fu-enterprise .fu-info-card a span {
  display: inline-block;
  font-size: 1.2em;
  line-height: 1;
  transition: transform .2s ease;
}

.fu-enterprise .fu-info-card a:hover {
  color: #075fe9 !important;
  text-decoration: none !important;
}

.fu-enterprise .fu-info-card a:hover span {
  transform: translateX(4px);
}

@media (max-width: 1180px) {
  .fu-enterprise .fu-needs.fu-shell {
    padding-inline: 34px !important;
  }

  .fu-enterprise .fu-needs__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .fu-enterprise .fu-info-card {
    min-height: 350px !important;
  }
}

@media (max-width: 680px) {
  .fu-enterprise .fu-needs.fu-shell {
    margin-bottom: 34px !important;
    padding: 38px 16px 34px !important;
  }

  .fu-enterprise .fu-needs .fu-heading {
    margin-bottom: 28px !important;
  }

  .fu-enterprise .fu-needs .fu-heading h2 {
    font-size: clamp(34px, 10.2vw, 44px) !important;
  }

  .fu-enterprise .fu-needs .fu-heading p {
    font-size: 15px !important;
  }

  .fu-enterprise .fu-needs__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .fu-enterprise .fu-info-card {
    min-height: 330px !important;
    padding: 25px 23px 27px !important;
    border-radius: 12px !important;
  }

  .fu-enterprise .fu-info-card__icon {
    width: 72px !important;
    height: 72px !important;
    margin-bottom: 23px !important;
  }

  .fu-enterprise .fu-info-card h3 {
    font-size: 23px !important;
  }

  .fu-enterprise .fu-info-card p {
    font-size: 16px !important;
  }

  .fu-enterprise .fu-info-card a {
    font-size: 16px !important;
  }
}

/* ==========================================================
   UI15 — Glass Cards / stronger mockup-faithful refraction
   Replaces the UI14 treatment for the "Was Unternehmen..." block.
   ========================================================== */
.fu-enterprise .fu-needs.fu-shell {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 682px !important;
  margin: 0 0 58px !important;
  padding: 60px 79px 52px !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse 29% 54% at 12% 88%, rgba(54, 132, 255, .22) 0%, rgba(54, 132, 255, .09) 33%, rgba(54, 132, 255, 0) 76%),
    radial-gradient(ellipse 29% 54% at 37% 88%, rgba(133, 81, 255, .17) 0%, rgba(133, 81, 255, .07) 35%, rgba(133, 81, 255, 0) 76%),
    radial-gradient(ellipse 29% 54% at 63% 88%, rgba(32, 178, 96, .15) 0%, rgba(32, 178, 96, .06) 35%, rgba(32, 178, 96, 0) 76%),
    radial-gradient(ellipse 29% 54% at 88% 88%, rgba(255, 126, 50, .15) 0%, rgba(255, 126, 50, .055) 35%, rgba(255, 126, 50, 0) 76%),
    linear-gradient(180deg, #fbfcff 0%, #f8faff 36%, #eef5fc 100%) !important;
}

.fu-enterprise .fu-needs.fu-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: -22% -7% -10% !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(116deg, rgba(255,255,255,.94) 0 17%, rgba(255,255,255,.12) 31%, rgba(255,255,255,0) 43%),
    linear-gradient(64deg, rgba(255,255,255,0) 49%, rgba(255,255,255,.63) 62%, rgba(255,255,255,0) 75%),
    radial-gradient(ellipse 54% 20% at 50% 93%, rgba(132, 176, 231, .16), rgba(132, 176, 231, 0) 72%) !important;
  filter: blur(11px) !important;
  transform: translateZ(0) !important;
}

.fu-enterprise .fu-needs.fu-shell::after {
  content: "" !important;
  position: absolute !important;
  left: -6% !important;
  right: -6% !important;
  bottom: -38px !important;
  height: 155px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse at 17% 50%, rgba(53, 133, 255, .22), transparent 47%),
    radial-gradient(ellipse at 39% 50%, rgba(133, 81, 255, .16), transparent 47%),
    radial-gradient(ellipse at 62% 50%, rgba(32, 178, 96, .14), transparent 47%),
    radial-gradient(ellipse at 86% 50%, rgba(255, 126, 50, .13), transparent 47%) !important;
  filter: blur(31px) !important;
  opacity: .88 !important;
}

.fu-enterprise .fu-needs .fu-heading {
  position: relative !important;
  z-index: 3 !important;
  margin: 0 0 49px !important;
  text-align: center !important;
}

.fu-enterprise .fu-needs .fu-heading h2 {
  margin: 0 !important;
  color: #07142d !important;
  font-size: 68px !important;
  line-height: 1.03 !important;
  font-weight: 800 !important;
  letter-spacing: -.052em !important;
  text-wrap: balance !important;
}

.fu-enterprise .fu-needs .fu-heading h2 span {
  color: #2165e9 !important;
}

.fu-enterprise .fu-needs .fu-heading p {
  margin: 14px 0 0 !important;
  color: #5d6b84 !important;
  font-size: 24px !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
  letter-spacing: -.015em !important;
}

.fu-enterprise .fu-needs__grid {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 36px !important;
  align-items: stretch !important;
}

.fu-enterprise .fu-info-card {
  --fu-card-rgb: 47, 109, 248;
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  min-height: 405px !important;
  padding: 31px 39px 30px !important;
  overflow: hidden !important;
  border: 1px solid rgba(164, 190, 222, .67) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.78) 0%,
      rgba(255,255,255,.53) 31%,
      rgba(248,252,255,.34) 61%,
      rgba(255,255,255,.55) 100%) !important;
  -webkit-backdrop-filter: blur(34px) saturate(168%) brightness(1.035) !important;
  backdrop-filter: blur(34px) saturate(168%) brightness(1.035) !important;
  box-shadow:
    0 20px 46px rgba(20, 53, 95, .115),
    0 3px 10px rgba(20, 53, 95, .045),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 1px 0 0 rgba(255,255,255,.58),
    inset 0 -1px 0 rgba(143, 176, 215, .18),
    inset 0 0 38px rgba(255,255,255,.20) !important;
  transform: translateZ(0) !important;
}

.fu-enterprise .fu-info-card:nth-child(2) { --fu-card-rgb: 132, 77, 255; }
.fu-enterprise .fu-info-card:nth-child(3) { --fu-card-rgb: 23, 180, 104; }
.fu-enterprise .fu-info-card:nth-child(4) { --fu-card-rgb: 255, 124, 44; }

/* Coloured material visible through the frosted pane. */
.fu-enterprise .fu-info-card::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: -18% !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    radial-gradient(ellipse 66% 58% at 78% 88%, rgba(var(--fu-card-rgb), .25) 0%, rgba(var(--fu-card-rgb), .11) 38%, rgba(var(--fu-card-rgb), 0) 73%),
    radial-gradient(ellipse 48% 42% at 7% 4%, rgba(255,255,255,.94) 0%, rgba(255,255,255,.24) 47%, rgba(255,255,255,0) 78%) !important;
  filter: blur(16px) saturate(128%) !important;
  opacity: .92 !important;
  transform: translateZ(0) !important;
}

/* Refracted diagonal highlights: this is the visible glass signature. */
.fu-enterprise .fu-info-card::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: -32% -34% !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(116deg,
      rgba(255,255,255,.78) 0 15%,
      rgba(255,255,255,.08) 27%,
      rgba(255,255,255,0) 38%),
    linear-gradient(63deg,
      rgba(255,255,255,0) 40%,
      rgba(255,255,255,.52) 49%,
      rgba(255,255,255,.12) 57%,
      rgba(255,255,255,0) 67%),
    linear-gradient(152deg,
      rgba(255,255,255,0) 57%,
      rgba(255,255,255,.34) 69%,
      rgba(255,255,255,0) 79%) !important;
  filter: blur(1.1px) !important;
  opacity: .92 !important;
  transform: rotate(-1.5deg) translateZ(0) !important;
  mix-blend-mode: normal !important;
}

.fu-enterprise .fu-info-card > * {
  position: relative !important;
  z-index: 2 !important;
}

.fu-enterprise .fu-info-card__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 94px !important;
  height: 94px !important;
  margin: 0 0 31px -8px !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.99) 0%, rgba(255,255,255,.69) 43%, rgba(255,255,255,.34) 100%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(165%) !important;
  backdrop-filter: blur(22px) saturate(165%) !important;
  box-shadow:
    0 16px 34px rgba(var(--fu-card-rgb), .19),
    0 0 42px rgba(var(--fu-card-rgb), .10),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 0 28px rgba(var(--fu-card-rgb), .055) !important;
  transform: none !important;
}

.fu-enterprise .fu-info-card__icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  border-radius: inherit !important;
  background: radial-gradient(circle at 50% 55%, rgba(var(--fu-card-rgb), .07), rgba(var(--fu-card-rgb), 0) 70%) !important;
  pointer-events: none !important;
}

.fu-enterprise .fu-info-card__icon svg {
  position: relative !important;
  z-index: 1 !important;
  width: 56% !important;
  height: 56% !important;
  filter: drop-shadow(0 3px 8px rgba(var(--fu-card-rgb), .18)) !important;
}

.fu-enterprise .fu-info-card h3 {
  margin: 0 0 15px !important;
  color: #07142d !important;
  font-size: 30px !important;
  line-height: 1.14 !important;
  font-weight: 800 !important;
  letter-spacing: -.043em !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.38) !important;
}

.fu-enterprise .fu-info-card p {
  max-width: 100% !important;
  margin: 0 0 28px !important;
  color: #586985 !important;
  font-size: 21.5px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  letter-spacing: -.014em !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.31) !important;
}

.fu-enterprise .fu-info-card a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  margin: auto 0 0 !important;
  color: #1470f7 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  letter-spacing: -.017em !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
}

.fu-enterprise .fu-info-card a span {
  font-size: 1.18em !important;
  line-height: 1 !important;
}

@media (max-width: 1700px) {
  .fu-enterprise .fu-needs.fu-shell {
    min-height: 640px !important;
    padding: 52px 49px 38px !important;
  }
  .fu-enterprise .fu-needs .fu-heading { margin-bottom: 34px !important; }
  .fu-enterprise .fu-needs .fu-heading h2 { font-size: clamp(50px, 3.35vw, 62px) !important; }
  .fu-enterprise .fu-needs .fu-heading p { font-size: clamp(18px, 1.15vw, 22px) !important; }
  .fu-enterprise .fu-needs__grid { gap: 24px !important; }
  .fu-enterprise .fu-info-card {
    min-height: 374px !important;
    padding: 28px 27px 26px !important;
  }
  .fu-enterprise .fu-info-card__icon {
    width: 82px !important;
    height: 82px !important;
    margin: 0 0 27px -7px !important;
  }
  .fu-enterprise .fu-info-card h3 { font-size: clamp(23px, 1.48vw, 28px) !important; }
  .fu-enterprise .fu-info-card p { font-size: clamp(17px, 1.04vw, 20px) !important; }
  .fu-enterprise .fu-info-card a { font-size: clamp(17px, 1.06vw, 20px) !important; }
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-needs.fu-shell {
    min-height: auto !important;
    padding: 48px 34px 42px !important;
  }
  .fu-enterprise .fu-needs .fu-heading { margin-bottom: 34px !important; }
  .fu-enterprise .fu-needs__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
  .fu-enterprise .fu-info-card { min-height: 360px !important; }
}

@media (max-width: 680px) {
  .fu-enterprise .fu-needs.fu-shell {
    min-height: auto !important;
    margin-bottom: 34px !important;
    padding: 38px 16px 34px !important;
  }
  .fu-enterprise .fu-needs .fu-heading { margin-bottom: 28px !important; }
  .fu-enterprise .fu-needs .fu-heading h2 { font-size: clamp(34px, 10.2vw, 44px) !important; }
  .fu-enterprise .fu-needs .fu-heading p { margin-top: 11px !important; font-size: 15px !important; }
  .fu-enterprise .fu-needs__grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .fu-enterprise .fu-info-card {
    min-height: 350px !important;
    padding: 25px 23px 27px !important;
    border-radius: 12px !important;
  }
  .fu-enterprise .fu-info-card__icon {
    width: 76px !important;
    height: 76px !important;
    margin: 0 0 24px -5px !important;
  }
  .fu-enterprise .fu-info-card h3 { font-size: 24px !important; }
  .fu-enterprise .fu-info-card p { font-size: 16px !important; }
  .fu-enterprise .fu-info-card a { font-size: 16px !important; }
}

/* Keep copy and controls optically above the refracted glass layers. */
.fu-enterprise .fu-info-card .fu-info-card__icon,
.fu-enterprise .fu-info-card h3,
.fu-enterprise .fu-info-card p,
.fu-enterprise .fu-info-card a {
  position: relative !important;
  z-index: 4 !important;
}

/* ==========================================================
   UI16 — Apple-inspired Liquid Glass
   Real transparent panes over a prismatic background, with
   refractive caustics, multi-layer highlights and glass icons.
   ========================================================== */
.fu-enterprise .fu-liquid-defs {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.fu-enterprise .fu-needs.fu-shell {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 682px !important;
  margin: 0 0 58px !important;
  padding: 60px 79px 52px !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse 54% 44% at 50% 106%, rgba(89, 142, 221, .20) 0%, rgba(89, 142, 221, .07) 45%, transparent 78%),
    linear-gradient(180deg, #fbfdff 0%, #f7faff 44%, #eef5fc 100%) !important;
}

.fu-enterprise .fu-needs.fu-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: -25% -12% -20% !important;
  z-index: -3 !important;
  pointer-events: none !important;
  background:
    linear-gradient(118deg, rgba(255,255,255,.92) 0 16%, transparent 30%),
    linear-gradient(64deg, transparent 49%, rgba(255,255,255,.58) 61%, transparent 74%),
    radial-gradient(ellipse 60% 24% at 50% 92%, rgba(118, 164, 225, .15), transparent 74%) !important;
  filter: blur(13px) !important;
}

.fu-enterprise .fu-needs.fu-shell::after {
  content: "" !important;
  position: absolute !important;
  left: -8% !important;
  right: -8% !important;
  bottom: -62px !important;
  height: 180px !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background: radial-gradient(ellipse at center, rgba(85, 128, 194, .18), transparent 70%) !important;
  filter: blur(34px) !important;
  opacity: .82 !important;
}

.fu-enterprise .fu-needs .fu-heading {
  position: relative !important;
  z-index: 4 !important;
  margin: 0 0 49px !important;
  text-align: center !important;
}

.fu-enterprise .fu-needs .fu-heading h2 {
  margin: 0 !important;
  color: #07142d !important;
  font-size: 68px !important;
  line-height: 1.03 !important;
  font-weight: 800 !important;
  letter-spacing: -.052em !important;
  text-wrap: balance !important;
}

.fu-enterprise .fu-needs .fu-heading h2 span {
  color: #2165e9 !important;
}

.fu-enterprise .fu-needs .fu-heading p {
  margin: 14px 0 0 !important;
  color: #5d6b84 !important;
  font-size: 24px !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
  letter-spacing: -.015em !important;
}

/* The visible scene behind the panes is what makes backdrop refraction real. */
.fu-enterprise .fu-needs__liquid-scene {
  position: absolute !important;
  inset: 155px 0 -70px !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.fu-enterprise .fu-liquid-ribbon,
.fu-enterprise .fu-liquid-orb {
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  transform: translateZ(0) !important;
}

.fu-enterprise .fu-liquid-ribbon {
  top: -9% !important;
  width: 31% !important;
  height: 128% !important;
  border-radius: 48% 52% 38% 62% / 58% 44% 56% 42% !important;
  filter: blur(19px) saturate(145%) !important;
  opacity: .83 !important;
}

.fu-enterprise .fu-liquid-ribbon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3% 31% 4% 31% !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,.86) 22%, rgba(255,255,255,.24) 52%, rgba(255,255,255,.72) 74%, transparent 100%) !important;
  filter: blur(3px) !important;
  opacity: .76 !important;
}

.fu-enterprise .fu-liquid-ribbon--blue {
  left: -2.5% !important;
  background: linear-gradient(122deg, transparent 4%, rgba(36, 115, 255, .07) 18%, rgba(67, 145, 255, .44) 42%, rgba(160, 216, 255, .54) 51%, rgba(42, 112, 255, .21) 64%, transparent 84%) !important;
  transform: rotate(-12deg) skewX(-7deg) !important;
}

.fu-enterprise .fu-liquid-ribbon--violet {
  left: 23.2% !important;
  background: linear-gradient(120deg, transparent 4%, rgba(120, 65, 255, .05) 18%, rgba(148, 93, 255, .38) 42%, rgba(216, 187, 255, .55) 51%, rgba(126, 78, 255, .18) 65%, transparent 85%) !important;
  transform: rotate(-9deg) skewX(-5deg) !important;
}

.fu-enterprise .fu-liquid-ribbon--green {
  left: 49.2% !important;
  background: linear-gradient(120deg, transparent 5%, rgba(10, 174, 95, .05) 18%, rgba(38, 197, 123, .34) 42%, rgba(184, 249, 218, .56) 51%, rgba(18, 174, 99, .16) 65%, transparent 85%) !important;
  transform: rotate(-7deg) skewX(-5deg) !important;
}

.fu-enterprise .fu-liquid-ribbon--orange {
  left: 75.3% !important;
  background: linear-gradient(121deg, transparent 4%, rgba(255, 111, 32, .04) 18%, rgba(255, 142, 72, .34) 42%, rgba(255, 221, 194, .58) 51%, rgba(255, 118, 42, .16) 64%, transparent 84%) !important;
  transform: rotate(-5deg) skewX(-4deg) !important;
}

.fu-enterprise .fu-liquid-orb {
  bottom: -24% !important;
  width: 29% !important;
  aspect-ratio: 1.34 !important;
  border-radius: 50% !important;
  filter: blur(33px) saturate(155%) !important;
  opacity: .63 !important;
}

.fu-enterprise .fu-liquid-orb--blue { left: -1%; background: rgba(37, 116, 255, .38) !important; }
.fu-enterprise .fu-liquid-orb--violet { left: 24%; background: rgba(132, 77, 255, .30) !important; }
.fu-enterprise .fu-liquid-orb--green { left: 50%; background: rgba(23, 180, 104, .28) !important; }
.fu-enterprise .fu-liquid-orb--orange { left: 76%; background: rgba(255, 124, 44, .27) !important; }

.fu-enterprise .fu-needs__grid {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 36px !important;
  align-items: stretch !important;
}

.fu-enterprise .fu-info-card {
  --fu-card-rgb: 47, 109, 248;
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  min-height: 405px !important;
  padding: 31px 39px 30px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(145deg,
      rgba(255,255,255,.52) 0%,
      rgba(255,255,255,.20) 35%,
      rgba(255,255,255,.10) 58%,
      rgba(255,255,255,.30) 100%) !important;
  -webkit-backdrop-filter: blur(27px) saturate(185%) contrast(1.055) brightness(1.025) !important;
  backdrop-filter: blur(27px) saturate(185%) contrast(1.055) brightness(1.025) !important;
  box-shadow:
    0 28px 62px rgba(22, 50, 91, .15),
    0 7px 18px rgba(22, 50, 91, .075),
    inset 0 1.5px 1px rgba(255,255,255,.98),
    inset 1px 0 1px rgba(255,255,255,.52),
    inset 0 -1px 1px rgba(99, 135, 183, .18),
    inset -14px -18px 38px rgba(var(--fu-card-rgb), .035),
    inset 12px 10px 28px rgba(255,255,255,.18) !important;
  transform: translateZ(0) !important;
}

.fu-enterprise .fu-info-card:nth-child(2) { --fu-card-rgb: 132, 77, 255; }
.fu-enterprise .fu-info-card:nth-child(3) { --fu-card-rgb: 23, 180, 104; }
.fu-enterprise .fu-info-card:nth-child(4) { --fu-card-rgb: 255, 124, 44; }

/* Prismatic edge: a bright, uneven caustic rather than a flat border. */
.fu-enterprise .fu-info-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  padding: 1.35px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    conic-gradient(from 205deg at 50% 50%,
      rgba(255,255,255,.16),
      rgba(255,255,255,.97) 11%,
      rgba(176, 222, 255, .60) 18%,
      rgba(255,255,255,.22) 31%,
      rgba(255,255,255,.08) 48%,
      rgba(var(--fu-card-rgb), .30) 63%,
      rgba(255,255,255,.92) 78%,
      rgba(255,255,255,.15)) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  opacity: .91 !important;
  filter: none !important;
  transform: none !important;
  mix-blend-mode: screen !important;
}

/* Soft colour caustic gathered at the lower edge. */
.fu-enterprise .fu-info-card::after {
  content: "" !important;
  position: absolute !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -30% !important;
  top: auto !important;
  height: 52% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse at center, rgba(var(--fu-card-rgb), .24) 0%, rgba(var(--fu-card-rgb), .08) 46%, transparent 72%) !important;
  filter: blur(20px) saturate(140%) !important;
  opacity: .76 !important;
  transform: none !important;
  mix-blend-mode: normal !important;
}

.fu-enterprise .fu-info-card__liquid {
  position: absolute !important;
  inset: -8% !important;
  z-index: 1 !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse 52% 29% at 19% 4%, rgba(255,255,255,.82) 0%, rgba(255,255,255,.20) 39%, transparent 69%),
    linear-gradient(118deg, transparent 0 18%, rgba(255,255,255,.38) 26%, rgba(255,255,255,.07) 35%, transparent 46%),
    linear-gradient(62deg, transparent 0 47%, rgba(255,255,255,.28) 54%, rgba(255,255,255,.03) 60%, transparent 68%),
    radial-gradient(ellipse 75% 42% at 88% 93%, rgba(var(--fu-card-rgb), .15), transparent 72%) !important;
  filter: blur(.35px) saturate(118%) !important;
  opacity: .88 !important;
  transform: translateZ(0) !important;
}

.fu-enterprise .fu-info-card__liquid::before {
  content: "" !important;
  position: absolute !important;
  width: 78% !important;
  height: 32% !important;
  left: -7% !important;
  top: 7% !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.65) 0%, rgba(255,255,255,.18) 43%, transparent 73%) !important;
  filter: blur(4px) !important;
  transform: rotate(-18deg) !important;
  opacity: .60 !important;
}

.fu-enterprise .fu-info-card__liquid::after {
  content: "" !important;
  position: absolute !important;
  width: 54% !important;
  height: 17% !important;
  right: -9% !important;
  bottom: 8% !important;
  border-radius: 50% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent) !important;
  filter: blur(6px) !important;
  transform: rotate(-26deg) !important;
  opacity: .72 !important;
}

.fu-enterprise .fu-info-card > *:not(.fu-info-card__liquid) {
  position: relative !important;
  z-index: 4 !important;
}

/* Liquid-glass icon lenses. */
.fu-enterprise .fu-info-card__icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 94px !important;
  height: 94px !important;
  margin: 0 0 31px -8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.99) 0 6%, rgba(255,255,255,.54) 7% 20%, transparent 39%),
    linear-gradient(145deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.19) 46%, rgba(var(--fu-card-rgb), .10) 74%, rgba(255,255,255,.31) 100%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(195%) contrast(1.06) !important;
  backdrop-filter: blur(18px) saturate(195%) contrast(1.06) !important;
  box-shadow:
    0 18px 38px rgba(var(--fu-card-rgb), .22),
    0 5px 14px rgba(20, 53, 95, .09),
    inset 0 2px 2px rgba(255,255,255,1),
    inset 2px 0 2px rgba(255,255,255,.60),
    inset 0 -8px 22px rgba(var(--fu-card-rgb), .075),
    inset -7px -8px 16px rgba(28, 68, 122, .05) !important;
  transform: translateZ(0) !important;
}

.fu-enterprise .fu-info-card__icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  padding: 1.2px !important;
  background: conic-gradient(from 210deg, rgba(255,255,255,.14), rgba(255,255,255,.98) 14%, rgba(var(--fu-card-rgb), .42) 29%, rgba(255,255,255,.16) 47%, rgba(255,255,255,.90) 70%, rgba(var(--fu-card-rgb), .22) 87%, rgba(255,255,255,.14)) !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
  filter: none !important;
  opacity: .95 !important;
}

.fu-enterprise .fu-info-card__icon::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  left: 14% !important;
  top: 9% !important;
  width: 56% !important;
  height: 24% !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.92) 0%, rgba(255,255,255,.34) 44%, transparent 74%) !important;
  filter: blur(.35px) !important;
  transform: rotate(-23deg) !important;
  opacity: .82 !important;
  pointer-events: none !important;
}

.fu-enterprise .fu-info-card__icon svg {
  position: relative !important;
  z-index: 3 !important;
  width: 52% !important;
  height: 52% !important;
  filter:
    drop-shadow(0 2px 1px rgba(255,255,255,.80))
    drop-shadow(0 4px 8px rgba(var(--fu-card-rgb), .22)) !important;
  transform: translateY(1px) !important;
}

.fu-enterprise .fu-info-card h3 {
  margin: 0 0 15px !important;
  color: #07142d !important;
  font-size: 30px !important;
  line-height: 1.14 !important;
  font-weight: 800 !important;
  letter-spacing: -.043em !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.46) !important;
}

.fu-enterprise .fu-info-card p {
  max-width: 100% !important;
  margin: 0 0 28px !important;
  color: #556783 !important;
  font-size: 21.5px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  letter-spacing: -.014em !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.38) !important;
}

.fu-enterprise .fu-info-card a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  margin: auto 0 0 !important;
  color: #0e6df5 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  letter-spacing: -.017em !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.42) !important;
}

.fu-enterprise .fu-info-card a span {
  font-size: 1.18em !important;
  line-height: 1 !important;
  transition: transform .24s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .fu-enterprise .fu-info-card {
    transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease !important;
  }
  .fu-enterprise .fu-info-card:hover {
    transform: translateY(-5px) scale(1.006) !important;
    box-shadow:
      0 36px 74px rgba(22, 50, 91, .18),
      0 9px 22px rgba(22, 50, 91, .08),
      inset 0 1.5px 1px rgba(255,255,255,.98),
      inset 1px 0 1px rgba(255,255,255,.52),
      inset 0 -1px 1px rgba(99, 135, 183, .18),
      inset -14px -18px 38px rgba(var(--fu-card-rgb), .05),
      inset 12px 10px 28px rgba(255,255,255,.20) !important;
  }
  .fu-enterprise .fu-info-card a:hover span { transform: translateX(4px) !important; }
}

@media (max-width: 1700px) {
  .fu-enterprise .fu-needs.fu-shell {
    min-height: 640px !important;
    padding: 52px 49px 38px !important;
  }
  .fu-enterprise .fu-needs .fu-heading { margin-bottom: 34px !important; }
  .fu-enterprise .fu-needs .fu-heading h2 { font-size: clamp(50px, 3.35vw, 62px) !important; }
  .fu-enterprise .fu-needs .fu-heading p { font-size: clamp(18px, 1.15vw, 22px) !important; }
  .fu-enterprise .fu-needs__liquid-scene { inset: 145px 0 -70px !important; }
  .fu-enterprise .fu-needs__grid { gap: 24px !important; }
  .fu-enterprise .fu-info-card {
    min-height: 374px !important;
    padding: 28px 27px 26px !important;
    border-radius: 20px !important;
  }
  .fu-enterprise .fu-info-card__icon {
    width: 82px !important;
    height: 82px !important;
    margin: 0 0 27px -7px !important;
  }
  .fu-enterprise .fu-info-card h3 { font-size: clamp(23px, 1.48vw, 28px) !important; }
  .fu-enterprise .fu-info-card p { font-size: clamp(17px, 1.04vw, 20px) !important; }
  .fu-enterprise .fu-info-card a { font-size: clamp(17px, 1.06vw, 20px) !important; }
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-needs.fu-shell {
    min-height: auto !important;
    padding: 48px 34px 42px !important;
  }
  .fu-enterprise .fu-needs .fu-heading { margin-bottom: 34px !important; }
  .fu-enterprise .fu-needs__liquid-scene { inset: 138px 0 -60px !important; }
  .fu-enterprise .fu-needs__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
  .fu-enterprise .fu-liquid-ribbon { width: 56% !important; }
  .fu-enterprise .fu-liquid-ribbon--blue { left: -8% !important; }
  .fu-enterprise .fu-liquid-ribbon--violet { left: 43% !important; }
  .fu-enterprise .fu-liquid-ribbon--green { left: -8% !important; top: 44% !important; }
  .fu-enterprise .fu-liquid-ribbon--orange { left: 43% !important; top: 44% !important; }
  .fu-enterprise .fu-info-card { min-height: 360px !important; }
}

@media (max-width: 680px) {
  .fu-enterprise .fu-needs.fu-shell {
    min-height: auto !important;
    margin-bottom: 34px !important;
    padding: 38px 16px 34px !important;
  }
  .fu-enterprise .fu-needs .fu-heading { margin-bottom: 28px !important; }
  .fu-enterprise .fu-needs .fu-heading h2 { font-size: clamp(34px, 10.2vw, 44px) !important; }
  .fu-enterprise .fu-needs .fu-heading p { margin-top: 11px !important; font-size: 15px !important; }
  .fu-enterprise .fu-needs__liquid-scene { inset: 120px 0 -35px !important; }
  .fu-enterprise .fu-needs__grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .fu-enterprise .fu-liquid-ribbon { width: 100% !important; height: 38% !important; filter: blur(24px) saturate(145%) !important; }
  .fu-enterprise .fu-liquid-ribbon--blue { left: 0 !important; top: 0 !important; }
  .fu-enterprise .fu-liquid-ribbon--violet { left: 0 !important; top: 24% !important; }
  .fu-enterprise .fu-liquid-ribbon--green { left: 0 !important; top: 50% !important; }
  .fu-enterprise .fu-liquid-ribbon--orange { left: 0 !important; top: 76% !important; }
  .fu-enterprise .fu-info-card {
    min-height: 350px !important;
    padding: 25px 23px 27px !important;
    border-radius: 19px !important;
  }
  .fu-enterprise .fu-info-card__icon {
    width: 76px !important;
    height: 76px !important;
    margin: 0 0 24px -5px !important;
  }
  .fu-enterprise .fu-info-card h3 { font-size: 24px !important; }
  .fu-enterprise .fu-info-card p { font-size: 16px !important; }
  .fu-enterprise .fu-info-card a { font-size: 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .fu-enterprise .fu-info-card,
  .fu-enterprise .fu-info-card a span {
    transition: none !important;
  }
}

/* ==========================================================
   UI17 — True transparent Liquid Glass
   The panes stay neutral and transparent: colour comes from
   the scene behind them, not from opaque card gradients.
   ========================================================== */
.fu-enterprise .fu-needs.fu-shell {
  min-height: 682px !important;
  padding: 58px 79px 52px !important;
  background:
    radial-gradient(ellipse 72% 42% at 50% 105%, rgba(80, 128, 200, .12) 0%, rgba(80, 128, 200, .035) 48%, transparent 78%),
    linear-gradient(180deg, #fcfdff 0%, #f8fbff 47%, #f1f6fc 100%) !important;
}

.fu-enterprise .fu-needs.fu-shell::before {
  inset: 118px -8% -15% !important;
  z-index: -2 !important;
  background:
    radial-gradient(ellipse 38% 18% at 9% 84%, rgba(61, 133, 255, .16), transparent 73%),
    radial-gradient(ellipse 32% 20% at 34% 89%, rgba(143, 87, 255, .13), transparent 74%),
    radial-gradient(ellipse 34% 21% at 63% 88%, rgba(45, 202, 130, .12), transparent 75%),
    radial-gradient(ellipse 33% 20% at 91% 87%, rgba(255, 144, 76, .12), transparent 75%),
    linear-gradient(112deg, transparent 0 14%, rgba(255,255,255,.74) 23%, transparent 33% 62%, rgba(255,255,255,.46) 72%, transparent 84%) !important;
  filter: blur(15px) !important;
  opacity: .95 !important;
}

.fu-enterprise .fu-needs.fu-shell::after {
  left: -5% !important;
  right: -5% !important;
  bottom: -54px !important;
  height: 170px !important;
  background: radial-gradient(ellipse at center, rgba(68, 111, 175, .12), transparent 72%) !important;
  filter: blur(38px) !important;
  opacity: .72 !important;
}

.fu-enterprise .fu-needs__liquid-scene {
  inset: 144px 0 -44px !important;
  z-index: 1 !important;
  opacity: 1 !important;
  filter: saturate(112%) !important;
}

/* A subtle high-contrast scene gives the backdrop filter something real to blur. */
.fu-enterprise .fu-needs__liquid-scene::before,
.fu-enterprise .fu-needs__liquid-scene::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

.fu-enterprise .fu-needs__liquid-scene::before {
  z-index: 0 !important;
  background:
    radial-gradient(circle at 7% 31%, rgba(255,255,255,.95) 0 2.5%, transparent 10%),
    radial-gradient(circle at 31% 19%, rgba(255,255,255,.88) 0 2.4%, transparent 10%),
    radial-gradient(circle at 56% 32%, rgba(255,255,255,.86) 0 2.5%, transparent 10%),
    radial-gradient(circle at 83% 20%, rgba(255,255,255,.86) 0 2.3%, transparent 9%),
    linear-gradient(108deg, transparent 0 13%, rgba(83, 148, 255, .13) 20%, transparent 29% 37%, rgba(150, 94, 255, .11) 44%, transparent 53% 61%, rgba(40, 199, 126, .105) 68%, transparent 77% 85%, rgba(255, 141, 67, .105) 92%, transparent 100%) !important;
  filter: blur(5px) !important;
  opacity: .95 !important;
}

.fu-enterprise .fu-needs__liquid-scene::after {
  z-index: 3 !important;
  inset: 1% -6% -6% !important;
  background:
    linear-gradient(122deg, transparent 0 17%, rgba(255,255,255,.42) 22%, rgba(255,255,255,.05) 27%, transparent 34%),
    linear-gradient(61deg, transparent 0 45%, rgba(255,255,255,.32) 50%, rgba(255,255,255,.04) 54%, transparent 61%),
    radial-gradient(ellipse 72% 17% at 50% 102%, rgba(255,255,255,.72), transparent 72%) !important;
  filter: blur(8px) !important;
  opacity: .62 !important;
}

.fu-enterprise .fu-liquid-ribbon {
  top: -3% !important;
  width: 27.5% !important;
  height: 118% !important;
  border-radius: 47% 53% 42% 58% / 56% 44% 57% 43% !important;
  filter: blur(25px) saturate(126%) !important;
  opacity: .43 !important;
}

.fu-enterprise .fu-liquid-ribbon::before {
  inset: 1% 37% 2% 37% !important;
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,.86) 19%, rgba(255,255,255,.15) 44%, rgba(255,255,255,.64) 74%, transparent 100%) !important;
  filter: blur(4px) !important;
  opacity: .84 !important;
}

.fu-enterprise .fu-liquid-ribbon::after {
  content: "" !important;
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  bottom: 10% !important;
  height: 20% !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.62), transparent 68%) !important;
  filter: blur(7px) !important;
  opacity: .55 !important;
}

.fu-enterprise .fu-liquid-ribbon--blue {
  left: -1.4% !important;
  background: linear-gradient(124deg, transparent 5%, rgba(44,116,255,.10) 20%, rgba(65,145,255,.52) 47%, rgba(197,231,255,.68) 55%, rgba(45,111,255,.20) 68%, transparent 85%) !important;
}
.fu-enterprise .fu-liquid-ribbon--violet {
  left: 24.2% !important;
  background: linear-gradient(123deg, transparent 5%, rgba(127,69,255,.09) 20%, rgba(152,95,255,.47) 47%, rgba(224,201,255,.68) 55%, rgba(124,73,255,.18) 68%, transparent 85%) !important;
}
.fu-enterprise .fu-liquid-ribbon--green {
  left: 50.2% !important;
  background: linear-gradient(123deg, transparent 5%, rgba(15,178,96,.08) 20%, rgba(40,199,123,.44) 47%, rgba(197,249,223,.68) 55%, rgba(18,174,99,.16) 68%, transparent 85%) !important;
}
.fu-enterprise .fu-liquid-ribbon--orange {
  left: 76.1% !important;
  background: linear-gradient(123deg, transparent 5%, rgba(255,113,35,.07) 20%, rgba(255,145,76,.42) 47%, rgba(255,229,207,.70) 55%, rgba(255,119,42,.15) 68%, transparent 85%) !important;
}

.fu-enterprise .fu-liquid-orb {
  bottom: -27% !important;
  width: 27% !important;
  filter: blur(42px) saturate(125%) !important;
  opacity: .22 !important;
}

.fu-enterprise .fu-needs__grid {
  z-index: 4 !important;
  gap: 36px !important;
}

/* Neutral, genuinely transparent panes. */
.fu-enterprise .fu-info-card {
  min-height: 405px !important;
  padding: 31px 39px 30px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.48) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.19) 0%, rgba(255,255,255,.075) 42%, rgba(255,255,255,.035) 67%, rgba(255,255,255,.13) 100%) !important;
  -webkit-backdrop-filter: blur(34px) saturate(168%) contrast(1.06) brightness(1.075) !important;
  backdrop-filter: blur(34px) saturate(168%) contrast(1.06) brightness(1.075) !important;
  box-shadow:
    0 29px 70px rgba(26, 51, 88, .13),
    0 8px 21px rgba(26, 51, 88, .075),
    0 1px 0 rgba(255,255,255,.88),
    inset 0 1.5px 1px rgba(255,255,255,.92),
    inset 1px 0 1px rgba(255,255,255,.40),
    inset 0 -1px 1px rgba(75, 104, 146, .16),
    inset -12px -18px 34px rgba(var(--fu-card-rgb), .022),
    inset 14px 12px 30px rgba(255,255,255,.08) !important;
}

/* Iridescent rim/refraction, without painting the card body. */
.fu-enterprise .fu-info-card::before {
  inset: 0 !important;
  z-index: 6 !important;
  padding: 1.5px !important;
  background: conic-gradient(from 212deg,
    rgba(255,255,255,.16),
    rgba(255,255,255,.98) 10%,
    rgba(183,223,255,.66) 17%,
    rgba(255,255,255,.18) 30%,
    rgba(255,255,255,.055) 48%,
    rgba(var(--fu-card-rgb),.26) 62%,
    rgba(255,255,255,.94) 77%,
    rgba(255,255,255,.15)) !important;
  opacity: .92 !important;
  mix-blend-mode: screen !important;
}

.fu-enterprise .fu-info-card::after {
  left: 3% !important;
  right: 3% !important;
  top: 2px !important;
  bottom: auto !important;
  height: 47% !important;
  z-index: 3 !important;
  border-radius: 20px 20px 50% 50% / 20px 20px 35% 35% !important;
  background:
    radial-gradient(ellipse 68% 30% at 22% 0%, rgba(255,255,255,.62) 0%, rgba(255,255,255,.16) 43%, transparent 72%),
    linear-gradient(116deg, transparent 0 22%, rgba(255,255,255,.20) 29%, transparent 37%) !important;
  filter: blur(1px) !important;
  opacity: .78 !important;
  mix-blend-mode: screen !important;
}

.fu-enterprise .fu-info-card__liquid {
  inset: 0 !important;
  z-index: 2 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(112deg, transparent 0 15%, rgba(255,255,255,.25) 22%, rgba(255,255,255,.025) 31%, transparent 40%),
    linear-gradient(58deg, transparent 0 48%, rgba(255,255,255,.18) 54%, rgba(255,255,255,.015) 60%, transparent 68%),
    radial-gradient(ellipse 46% 22% at 91% 91%, rgba(var(--fu-card-rgb),.10), transparent 72%) !important;
  filter: none !important;
  opacity: .75 !important;
  mix-blend-mode: screen !important;
}

.fu-enterprise .fu-info-card__liquid::before {
  width: 88% !important;
  height: 24% !important;
  left: -12% !important;
  top: 8% !important;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.44) 0%, rgba(255,255,255,.10) 43%, transparent 73%) !important;
  filter: blur(6px) !important;
  opacity: .52 !important;
}

.fu-enterprise .fu-info-card__liquid::after {
  width: 64% !important;
  height: 18% !important;
  right: -10% !important;
  bottom: 5% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent) !important;
  filter: blur(7px) !important;
  opacity: .52 !important;
}

/* Transparent iPhone-like glass lenses for the icons. */
.fu-enterprise .fu-info-card__icon {
  width: 94px !important;
  height: 94px !important;
  margin: 0 0 31px -8px !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  background:
    radial-gradient(circle at 27% 18%, rgba(255,255,255,.94) 0 5%, rgba(255,255,255,.35) 7% 18%, transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.055) 49%, rgba(255,255,255,.12) 100%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(180%) contrast(1.06) brightness(1.08) !important;
  backdrop-filter: blur(22px) saturate(180%) contrast(1.06) brightness(1.08) !important;
  box-shadow:
    0 18px 39px rgba(18, 46, 86, .13),
    0 5px 14px rgba(var(--fu-card-rgb), .105),
    inset 0 2px 1px rgba(255,255,255,.95),
    inset 2px 0 1px rgba(255,255,255,.46),
    inset 0 -2px 2px rgba(63, 94, 137, .13),
    inset -8px -10px 18px rgba(var(--fu-card-rgb), .035),
    inset 8px 8px 18px rgba(255,255,255,.08) !important;
}

.fu-enterprise .fu-info-card__icon::before {
  padding: 1.35px !important;
  background: conic-gradient(from 206deg,
    rgba(255,255,255,.10),
    rgba(255,255,255,.98) 13%,
    rgba(var(--fu-card-rgb),.40) 29%,
    rgba(255,255,255,.12) 47%,
    rgba(255,255,255,.92) 69%,
    rgba(var(--fu-card-rgb),.18) 86%,
    rgba(255,255,255,.10)) !important;
  opacity: .92 !important;
}

.fu-enterprise .fu-info-card__icon::after {
  left: 12% !important;
  top: 8% !important;
  width: 62% !important;
  height: 24% !important;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.90) 0%, rgba(255,255,255,.24) 45%, transparent 74%) !important;
  opacity: .78 !important;
}

.fu-enterprise .fu-info-card__icon svg {
  width: 51% !important;
  height: 51% !important;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.92)) drop-shadow(0 5px 9px rgba(var(--fu-card-rgb),.18)) !important;
}

@media (hover: hover) and (pointer: fine) {
  .fu-enterprise .fu-info-card:hover {
    transform: translateY(-5px) scale(1.006) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.075) 47%, rgba(255,255,255,.14)) !important;
    box-shadow:
      0 38px 82px rgba(23, 49, 86, .16),
      0 10px 24px rgba(23, 49, 86, .08),
      inset 0 1.5px 1px rgba(255,255,255,.96),
      inset 1px 0 1px rgba(255,255,255,.44),
      inset 0 -1px 1px rgba(75, 104, 146, .17),
      inset -12px -18px 34px rgba(var(--fu-card-rgb), .028),
      inset 14px 12px 30px rgba(255,255,255,.10) !important;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .fu-enterprise .fu-info-card {
    background: rgba(247,250,255,.82) !important;
  }
  .fu-enterprise .fu-info-card__icon {
    background: rgba(255,255,255,.78) !important;
  }
}

@media (max-width: 1700px) {
  .fu-enterprise .fu-needs.fu-shell { padding: 52px 49px 38px !important; }
  .fu-enterprise .fu-info-card { padding: 28px 27px 26px !important; }
  .fu-enterprise .fu-info-card__icon { width: 82px !important; height: 82px !important; margin: 0 0 27px -7px !important; }
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-needs__liquid-scene { inset: 136px 0 -46px !important; }
  .fu-enterprise .fu-liquid-ribbon { width: 54% !important; opacity: .38 !important; }
}

@media (max-width: 680px) {
  .fu-enterprise .fu-needs__liquid-scene { inset: 112px 0 -32px !important; }
  .fu-enterprise .fu-liquid-ribbon { width: 100% !important; opacity: .34 !important; filter: blur(30px) saturate(118%) !important; }
  .fu-enterprise .fu-info-card { padding: 25px 23px 27px !important; }
  .fu-enterprise .fu-info-card__icon { width: 76px !important; height: 76px !important; margin: 0 0 24px -5px !important; }
}

/* UI17.1 — clearer lens, stronger edge refraction */
.fu-enterprise .fu-liquid-ribbon {
  width: 25.5% !important;
  filter: blur(15px) saturate(142%) !important;
  opacity: .50 !important;
}
.fu-enterprise .fu-liquid-ribbon::before {
  inset: 0 40% 0 40% !important;
  filter: blur(2px) !important;
  opacity: .90 !important;
}
.fu-enterprise .fu-liquid-orb {
  filter: blur(33px) saturate(135%) !important;
  opacity: .18 !important;
}
.fu-enterprise .fu-info-card {
  border-color: rgba(255,255,255,.44) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.105) 0%, rgba(255,255,255,.028) 44%, rgba(255,255,255,.012) 68%, rgba(255,255,255,.07) 100%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(178%) contrast(1.07) brightness(1.07) !important;
  backdrop-filter: blur(18px) saturate(178%) contrast(1.07) brightness(1.07) !important;
  box-shadow:
    0 30px 72px rgba(20, 46, 84, .14),
    0 8px 20px rgba(20, 46, 84, .07),
    inset 0 1.5px 1px rgba(255,255,255,.96),
    inset 1px 0 1px rgba(255,255,255,.40),
    inset 0 -1px 1px rgba(66, 94, 136, .18),
    inset -14px -18px 32px rgba(var(--fu-card-rgb), .018),
    inset 14px 12px 28px rgba(255,255,255,.055) !important;
}
.fu-enterprise .fu-info-card::before {
  padding: 1.7px !important;
  opacity: .96 !important;
}
.fu-enterprise .fu-info-card::after {
  left: 1.5% !important;
  right: 18% !important;
  top: 1.5% !important;
  height: 30% !important;
  border-radius: 21px 21px 70% 45% / 21px 21px 75% 45% !important;
  background:
    radial-gradient(ellipse 75% 40% at 16% 0%, rgba(255,255,255,.74) 0%, rgba(255,255,255,.18) 42%, transparent 72%),
    linear-gradient(118deg, transparent 0 19%, rgba(255,255,255,.26) 25%, transparent 33%) !important;
  opacity: .76 !important;
}
.fu-enterprise .fu-info-card__liquid {
  background:
    linear-gradient(112deg, transparent 0 17%, rgba(255,255,255,.20) 23%, rgba(255,255,255,.012) 31%, transparent 40%),
    linear-gradient(59deg, transparent 0 50%, rgba(255,255,255,.15) 55%, rgba(255,255,255,.01) 60%, transparent 67%),
    radial-gradient(ellipse 40% 20% at 94% 94%, rgba(var(--fu-card-rgb),.075), transparent 73%) !important;
  opacity: .78 !important;
}
.fu-enterprise .fu-info-card__icon {
  border-color: rgba(255,255,255,.48) !important;
  background:
    radial-gradient(circle at 27% 18%, rgba(255,255,255,.96) 0 5%, rgba(255,255,255,.29) 7% 18%, transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.105) 0%, rgba(255,255,255,.018) 48%, rgba(255,255,255,.075) 100%) !important;
  -webkit-backdrop-filter: blur(15px) saturate(190%) contrast(1.08) brightness(1.08) !important;
  backdrop-filter: blur(15px) saturate(190%) contrast(1.08) brightness(1.08) !important;
  box-shadow:
    0 18px 40px rgba(18, 46, 86, .14),
    0 5px 14px rgba(var(--fu-card-rgb), .09),
    inset 0 2px 1px rgba(255,255,255,.98),
    inset 2px 0 1px rgba(255,255,255,.45),
    inset 0 -2px 2px rgba(63, 94, 137, .15),
    inset -8px -10px 18px rgba(var(--fu-card-rgb), .025),
    inset 8px 8px 18px rgba(255,255,255,.05) !important;
}

/* UI17.2 — optical rim polish */
.fu-enterprise .fu-info-card {
  outline: 1px solid rgba(255,255,255,.20) !important;
  outline-offset: -4px !important;
}
.fu-enterprise .fu-info-card::before {
  padding: 2px !important;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.35)) !important;
}
.fu-enterprise .fu-info-card__liquid {
  box-shadow:
    inset 0 3px 7px rgba(255,255,255,.30),
    inset 0 -5px 12px rgba(44,75,119,.055),
    inset 4px 0 8px rgba(255,255,255,.08),
    inset -4px 0 8px rgba(var(--fu-card-rgb),.025) !important;
}
.fu-enterprise .fu-info-card__icon {
  outline: 1px solid rgba(255,255,255,.24) !important;
  outline-offset: -4px !important;
}
.fu-enterprise .fu-info-card__icon::before { padding: 1.8px !important; }

/* ==========================================================
   UI18 — Liquid Glass typography refinement + wider section span
   Smaller typography and broader horizontal extension for the
   “Was Unternehmen heute brauchen” section.
   ========================================================== */
.fu-enterprise .fu-needs.fu-shell {
  width: min(1952px, calc(100% - 48px)) !important;
  max-width: 1952px !important;
  margin: 0 auto 58px !important;
  min-height: auto !important;
  padding: clamp(46px, 2.55vw, 56px) clamp(24px, 2.1vw, 44px) clamp(38px, 2.1vw, 48px) !important;
}

.fu-enterprise .fu-needs .fu-heading {
  margin: 0 0 clamp(28px, 1.7vw, 36px) !important;
}

.fu-enterprise .fu-needs .fu-heading h2 {
  font-size: clamp(34px, 2.7vw, 56px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.045em !important;
}

.fu-enterprise .fu-needs .fu-heading p {
  margin-top: clamp(10px, .75vw, 14px) !important;
  font-size: clamp(14px, .96vw, 20px) !important;
  line-height: 1.4 !important;
}

.fu-enterprise .fu-needs__grid {
  gap: clamp(18px, 1.32vw, 28px) !important;
}

.fu-enterprise .fu-info-card {
  min-height: clamp(312px, 17.2vw, 360px) !important;
  padding: clamp(24px, 1.36vw, 28px) clamp(22px, 1.42vw, 28px) clamp(22px, 1.3vw, 26px) !important;
  border-radius: 29px !important;
}

.fu-enterprise .fu-info-card__icon {
  width: clamp(76px, 4.2vw, 86px) !important;
  height: clamp(76px, 4.2vw, 86px) !important;
  margin: 0 0 clamp(22px, 1.15vw, 26px) -6px !important;
}

.fu-enterprise .fu-info-card h3 {
  margin-bottom: clamp(12px, .72vw, 16px) !important;
  font-size: clamp(18px, 1.14vw, 23px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.035em !important;
}

.fu-enterprise .fu-info-card p {
  margin-bottom: clamp(19px, 1.15vw, 24px) !important;
  font-size: clamp(14px, .9vw, 18px) !important;
  line-height: 1.44 !important;
}

.fu-enterprise .fu-info-card a {
  gap: 10px !important;
  font-size: clamp(14px, .92vw, 18px) !important;
}

@media (max-width: 1700px) {
  .fu-enterprise .fu-needs.fu-shell {
    width: min(100%, calc(100% - 42px)) !important;
    padding-inline: 24px !important;
  }
}

@media (max-width: 1180px) {
  .fu-enterprise .fu-needs.fu-shell {
    width: min(100%, calc(100% - 34px)) !important;
    padding: 40px 18px 34px !important;
  }

  .fu-enterprise .fu-needs .fu-heading h2 {
    font-size: clamp(32px, 4.4vw, 46px) !important;
  }

  .fu-enterprise .fu-needs .fu-heading p {
    font-size: 15px !important;
  }

  .fu-enterprise .fu-needs__grid {
    gap: 16px !important;
  }

  .fu-enterprise .fu-info-card {
    min-height: 300px !important;
  }
}

@media (max-width: 680px) {
  .fu-enterprise .fu-needs.fu-shell {
    width: min(100%, calc(100% - 24px)) !important;
    margin-bottom: 34px !important;
    padding: 34px 14px 28px !important;
  }

  .fu-enterprise .fu-needs .fu-heading {
    margin-bottom: 24px !important;
  }

  .fu-enterprise .fu-needs .fu-heading h2 {
    font-size: clamp(28px, 8.6vw, 36px) !important;
  }

  .fu-enterprise .fu-needs .fu-heading p {
    font-size: 14px !important;
  }

  .fu-enterprise .fu-info-card {
    min-height: 285px !important;
    padding: 22px 18px 24px !important;
  }

  .fu-enterprise .fu-info-card__icon {
    width: 72px !important;
    height: 72px !important;
    margin: 0 0 20px -4px !important;
  }

  .fu-enterprise .fu-info-card h3 {
    font-size: 19px !important;
  }

  .fu-enterprise .fu-info-card p,
  .fu-enterprise .fu-info-card a {
    font-size: 14px !important;
  }
}

/* ==========================================================
   UI19 — Compact page typography + standard content width
   - “Was Unternehmen heute brauchen” aligned to the same
     1368px shell used by the sections below.
   - Hero, section titles and all supporting copy reduced to
     the compact scale used by the site footer.
   ========================================================== */

/* Shared compact type scale. */
.fu-enterprise {
  font-size: 12px !important;
}

.fu-enterprise .fu-kicker,
.fu-enterprise .fu-automation__copy .fu-kicker,
.fu-enterprise .fu-impact__intro .fu-kicker,
.fu-enterprise .fu-impact__quote-kicker {
  font-size: 9px !important;
  line-height: 1.35 !important;
  letter-spacing: .13em !important;
}

.fu-enterprise .fu-btn {
  min-height: 42px !important;
  padding-inline: 18px !important;
  font-size: 11.5px !important;
}

/* Hero: clearly smaller title and footer-like supporting copy. */
.fu-enterprise .fu-hero__copy h1 {
  max-width: 610px !important;
  font-size: clamp(42px, 3.55vw, 58px) !important;
  line-height: 1 !important;
  letter-spacing: -.052em !important;
}

.fu-enterprise .fu-hero__lead {
  max-width: 585px !important;
  margin-top: 24px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.fu-enterprise .fu-hero__quote p {
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.fu-enterprise .fu-proof-item strong {
  font-size: 10px !important;
  line-height: 1.3 !important;
}

.fu-enterprise .fu-proof-item span {
  font-size: 8.5px !important;
  line-height: 1.4 !important;
}

/* Needs section: same horizontal measure as automation, solutions and footer. */
.fu-enterprise .fu-needs.fu-shell {
  width: min(1368px, calc(100% - 72px)) !important;
  max-width: 1368px !important;
  margin: 0 auto 42px !important;
  min-height: auto !important;
  padding: 38px 20px 32px !important;
}

.fu-enterprise .fu-needs .fu-heading {
  margin-bottom: 25px !important;
}

.fu-enterprise .fu-needs .fu-heading h2,
.fu-enterprise .fu-heading h2 {
  font-size: clamp(27px, 2.15vw, 34px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.038em !important;
}

.fu-enterprise .fu-needs .fu-heading p,
.fu-enterprise .fu-heading p {
  margin-top: 6px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

.fu-enterprise .fu-needs__grid {
  gap: 18px !important;
}

.fu-enterprise .fu-info-card {
  min-height: 292px !important;
  padding: 22px 20px 21px !important;
  border-radius: 25px !important;
}

.fu-enterprise .fu-info-card__icon {
  width: 62px !important;
  height: 62px !important;
  margin: 0 0 19px -4px !important;
}

.fu-enterprise .fu-info-card__icon svg {
  width: 27px !important;
  height: 27px !important;
}

.fu-enterprise .fu-info-card h3 {
  margin-bottom: 9px !important;
  font-size: 14px !important;
  line-height: 1.18 !important;
  letter-spacing: -.025em !important;
}

.fu-enterprise .fu-info-card p {
  margin-bottom: 16px !important;
  font-size: 11px !important;
  line-height: 1.52 !important;
}

.fu-enterprise .fu-info-card a {
  gap: 7px !important;
  font-size: 11px !important;
}

/* Automation section. */
.fu-enterprise .fu-automation__copy h2 {
  max-width: 470px !important;
  margin-bottom: 20px !important;
  font-size: clamp(36px, 3.05vw, 49px) !important;
  line-height: .98 !important;
  letter-spacing: -.048em !important;
}

.fu-enterprise .fu-automation__copy > p:not(.fu-kicker),
.fu-enterprise .fu-checklist li {
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

.fu-enterprise .fu-checklist li {
  margin-bottom: 8px !important;
  padding-left: 20px !important;
}

.fu-enterprise .fu-checklist li::before {
  font-size: 14px !important;
}

.fu-enterprise .fu-automation .fu-btn {
  min-height: 42px !important;
  font-size: 11px !important;
}

.fu-enterprise .fu-flow__node {
  font-size: 11px !important;
}

.fu-enterprise .fu-flow__core strong {
  font-size: 25px !important;
}

.fu-enterprise .fu-flow__core span {
  font-size: 11px !important;
}

/* Solutions. */
.fu-enterprise .fu-solutions .fu-heading h2 {
  font-size: clamp(25px, 2vw, 32px) !important;
}

.fu-enterprise .fu-solutions .fu-heading p {
  font-size: 10.5px !important;
}

.fu-enterprise .fu-solution-card h3 {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.fu-enterprise .fu-solution-card p {
  font-size: 10.5px !important;
  line-height: 1.55 !important;
}

.fu-enterprise .fu-solution-card a {
  font-size: 10.5px !important;
}

/* Impact and final CTA. */
.fu-enterprise .fu-impact__intro h2,
.fu-enterprise .fu-cta__copy h2 {
  font-size: clamp(27px, 2.35vw, 37px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
}

.fu-enterprise .fu-impact__intro > p,
.fu-enterprise .fu-cta__copy p,
.fu-enterprise .fu-impact__quote p {
  font-size: 11.5px !important;
  line-height: 1.58 !important;
}

.fu-enterprise .fu-impact__quote footer,
.fu-enterprise .fu-impact__intro .fu-text-link,
.fu-enterprise .fu-stats__item span:not(.fu-stats__icon),
.fu-enterprise .fu-cta__divider {
  font-size: 9.5px !important;
}

.fu-enterprise .fu-stats__item strong {
  font-size: 24px !important;
}

/* Keep the compact hierarchy balanced on medium screens. */
@media (min-width: 1261px) and (max-width: 1500px) {
  .fu-enterprise .fu-hero__copy h1 {
    font-size: clamp(40px, 3.45vw, 52px) !important;
  }

  .fu-enterprise .fu-hero__lead {
    font-size: 12.5px !important;
  }

  .fu-enterprise .fu-needs.fu-shell {
    width: min(1368px, calc(100% - 56px)) !important;
  }
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-needs.fu-shell {
    width: min(100%, calc(100% - 40px)) !important;
    padding: 34px 18px 30px !important;
  }

  .fu-enterprise .fu-hero__copy h1 {
    font-size: clamp(37px, 6vw, 48px) !important;
  }

  .fu-enterprise .fu-hero__lead {
    font-size: 12.5px !important;
  }

  .fu-enterprise .fu-automation__copy h2 {
    font-size: clamp(32px, 5vw, 43px) !important;
  }
}

@media (max-width: 760px) {
  .fu-enterprise {
    font-size: 12.5px !important;
  }

  .fu-enterprise .fu-hero__copy h1 {
    font-size: clamp(32px, 9.5vw, 42px) !important;
    line-height: 1.02 !important;
  }

  .fu-enterprise .fu-hero__lead,
  .fu-enterprise .fu-automation__copy > p:not(.fu-kicker),
  .fu-enterprise .fu-checklist li,
  .fu-enterprise .fu-impact__intro > p,
  .fu-enterprise .fu-cta__copy p,
  .fu-enterprise .fu-impact__quote p {
    font-size: 12.5px !important;
  }

  .fu-enterprise .fu-needs.fu-shell {
    width: calc(100% - 28px) !important;
    margin-bottom: 34px !important;
    padding: 30px 14px 25px !important;
  }

  .fu-enterprise .fu-heading h2,
  .fu-enterprise .fu-needs .fu-heading h2,
  .fu-enterprise .fu-solutions .fu-heading h2 {
    font-size: clamp(24px, 7.4vw, 30px) !important;
  }

  .fu-enterprise .fu-heading p,
  .fu-enterprise .fu-needs .fu-heading p,
  .fu-enterprise .fu-solutions .fu-heading p {
    font-size: 11px !important;
  }

  .fu-enterprise .fu-info-card {
    min-height: 260px !important;
    padding: 20px 17px 21px !important;
  }

  .fu-enterprise .fu-info-card__icon {
    width: 58px !important;
    height: 58px !important;
    margin-bottom: 17px !important;
  }

  .fu-enterprise .fu-info-card h3 {
    font-size: 14px !important;
  }

  .fu-enterprise .fu-info-card p,
  .fu-enterprise .fu-info-card a,
  .fu-enterprise .fu-solution-card p,
  .fu-enterprise .fu-solution-card a {
    font-size: 11.5px !important;
  }

  .fu-enterprise .fu-automation__copy h2 {
    font-size: clamp(30px, 8.8vw, 38px) !important;
  }

  .fu-enterprise .fu-impact__intro h2,
  .fu-enterprise .fu-cta__copy h2 {
    font-size: clamp(25px, 7.8vw, 32px) !important;
  }
}

/* ==========================================================
   UI20 — Smaller needs cards on a clean white background
   ========================================================== */
.fu-enterprise .fu-needs.fu-shell {
  min-height: auto !important;
  padding: 32px 20px 28px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  isolation: isolate !important;
}

.fu-enterprise .fu-needs.fu-shell::before,
.fu-enterprise .fu-needs.fu-shell::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

.fu-enterprise .fu-needs__liquid-scene {
  display: none !important;
}

.fu-enterprise .fu-needs .fu-heading {
  margin-bottom: 21px !important;
}

.fu-enterprise .fu-needs__grid {
  gap: 14px !important;
}

.fu-enterprise .fu-info-card {
  min-height: 246px !important;
  padding: 18px 17px 18px !important;
  border-radius: 21px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.18) 48%, rgba(255,255,255,.10) 100%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) contrast(1.04) brightness(1.03) !important;
  backdrop-filter: blur(16px) saturate(160%) contrast(1.04) brightness(1.03) !important;
  box-shadow:
    0 16px 34px rgba(26, 51, 88, .09),
    0 5px 14px rgba(26, 51, 88, .055),
    inset 0 1.5px 1px rgba(255,255,255,.98),
    inset 1px 0 1px rgba(255,255,255,.52),
    inset 0 -1px 1px rgba(75, 104, 146, .12),
    inset -8px -12px 22px rgba(var(--fu-card-rgb), .014) !important;
}

.fu-enterprise .fu-info-card::after {
  height: 25% !important;
}

.fu-enterprise .fu-info-card__icon {
  width: 52px !important;
  height: 52px !important;
  margin: 0 0 14px -2px !important;
}

.fu-enterprise .fu-info-card__icon svg {
  width: 24px !important;
  height: 24px !important;
}

.fu-enterprise .fu-info-card h3 {
  margin-bottom: 7px !important;
  font-size: 13px !important;
}

.fu-enterprise .fu-info-card p {
  margin-bottom: 12px !important;
  font-size: 10.5px !important;
  line-height: 1.48 !important;
}

.fu-enterprise .fu-info-card a {
  gap: 6px !important;
  font-size: 10.5px !important;
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-needs.fu-shell {
    padding: 29px 17px 26px !important;
  }

  .fu-enterprise .fu-info-card {
    min-height: 232px !important;
    padding: 17px 15px 17px !important;
  }
}

@media (max-width: 760px) {
  .fu-enterprise .fu-needs.fu-shell {
    padding: 27px 13px 23px !important;
  }

  .fu-enterprise .fu-needs .fu-heading {
    margin-bottom: 19px !important;
  }

  .fu-enterprise .fu-needs__grid {
    gap: 13px !important;
  }

  .fu-enterprise .fu-info-card {
    min-height: 224px !important;
    padding: 17px 15px 18px !important;
  }

  .fu-enterprise .fu-info-card__icon {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 13px !important;
  }
}

/* ==========================================================
   UI21 — Full-bleed responsive hero + extended proof container
   - Hero spans the complete browser viewport on every breakpoint.
   - The four proof points live in one taller white container.
   - Dividers extend through the container instead of ending at
     the text block.
   ========================================================== */

/* Avoid the full-bleed section creating a horizontal scrollbar. */
.fu-enterprise-body,
.fu-enterprise {
  overflow-x: clip !important;
}

/* Full browser-width hero, independent from any parent shell width. */
.fu-enterprise .fu-hero.fu-shell {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #fff !important;
}

@supports (width: 100dvw) {
  .fu-enterprise .fu-hero.fu-shell {
    width: 100dvw !important;
    margin-left: calc(50% - 50dvw) !important;
    margin-right: calc(50% - 50dvw) !important;
  }
}

@media (min-width: 1261px) {
  .fu-enterprise .fu-hero.fu-shell {
    --fu-hero-viewport-height: clamp(690px, calc(100svh - 108px), 900px);
    min-height: var(--fu-hero-viewport-height) !important;
    margin-bottom: 132px !important;
    grid-template-columns: minmax(0, 41.7%) minmax(0, 58.3%) !important;
    overflow: visible !important;
  }

  .fu-enterprise .fu-hero__copy {
    min-height: var(--fu-hero-viewport-height) !important;
    padding:
      clamp(58px, 6.5vh, 82px)
      clamp(42px, 4.3vw, 74px)
      180px
      clamp(46px, 4vw, 72px) !important;
  }

  .fu-enterprise .fu-hero__visual {
    height: auto !important;
    min-height: var(--fu-hero-viewport-height) !important;
  }

  .fu-enterprise .fu-hero__image,
  .fu-enterprise .fu-hero__image img {
    width: 100% !important;
    height: 100% !important;
  }

  .fu-enterprise .fu-hero__image img {
    object-fit: cover !important;
    object-position: 50% center !important;
  }

  /* One large container in the proportions marked in the mockup. */
  .fu-enterprise .fu-proof-row {
    left: clamp(26px, 2.15vw, 42px) !important;
    bottom: -78px !important;
    width: min(850px, calc(100vw - 64px)) !important;
    height: 210px !important;
    min-height: 210px !important;
    padding: 0 !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid rgba(15, 23, 42, .075) !important;
    box-shadow: 0 18px 38px rgba(7, 25, 58, .105) !important;
  }

  .fu-enterprise .fu-proof-item {
    position: relative !important;
    height: 100% !important;
    min-height: 0 !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 12px !important;
    padding: 41px 20px 30px !important;
    border: 0 !important;
  }

  /* Full-height optical separators. */
  .fu-enterprise .fu-proof-item:not(:first-child)::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 28px !important;
    bottom: 0 !important;
    width: 1px !important;
    background: #dce3ed !important;
    pointer-events: none !important;
  }

  .fu-enterprise .fu-proof-item__icon {
    width: 28px !important;
    height: 28px !important;
  }

  .fu-enterprise .fu-proof-item strong {
    font-size: 10px !important;
  }

  .fu-enterprise .fu-proof-item span {
    margin-top: 7px !important;
    font-size: 8.5px !important;
  }
}

/* Tablet: still full-bleed, with a centered overlapping proof panel. */
@media (min-width: 901px) and (max-width: 1260px) {
  .fu-enterprise .fu-hero.fu-shell {
    margin-bottom: 94px !important;
    overflow: visible !important;
  }

  .fu-enterprise .fu-hero__copy {
    padding-inline: clamp(28px, 5vw, 58px) !important;
  }

  .fu-enterprise .fu-proof-row {
    position: relative !important;
    z-index: 8 !important;
    width: min(850px, calc(100% - 48px)) !important;
    height: 190px !important;
    min-height: 190px !important;
    margin: -44px auto -44px !important;
    padding: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  .fu-enterprise .fu-proof-item {
    position: relative !important;
    height: 100% !important;
    align-content: start !important;
    padding: 36px 15px 26px !important;
    border: 0 !important;
  }

  .fu-enterprise .fu-proof-item:not(:first-child)::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 25px !important;
    bottom: 0 !important;
    width: 1px !important;
    background: #dce3ed !important;
  }
}

/* Compact tablet: two columns, separators follow the new grid. */
@media (min-width: 561px) and (max-width: 900px) {
  .fu-enterprise .fu-hero.fu-shell {
    margin-bottom: 52px !important;
  }

  .fu-enterprise .fu-proof-row {
    position: relative !important;
    z-index: 8 !important;
    width: min(680px, calc(100% - 36px)) !important;
    min-height: 260px !important;
    margin: -30px auto 0 !important;
    padding: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: hidden !important;
  }

  .fu-enterprise .fu-proof-item {
    position: relative !important;
    min-height: 130px !important;
    align-content: center !important;
    padding: 24px 24px !important;
    border: 0 !important;
  }

  .fu-enterprise .fu-proof-item:nth-child(even)::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 18px !important;
    bottom: 0 !important;
    width: 1px !important;
    background: #dce3ed !important;
  }

  .fu-enterprise .fu-proof-item:nth-child(n + 3)::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 18px !important;
    right: 0 !important;
    height: 1px !important;
    background: #dce3ed !important;
  }
}

/* Mobile: a full-width hero and a clean stacked proof container. */
@media (max-width: 560px) {
  .fu-enterprise .fu-hero.fu-shell {
    width: 100vw !important;
    margin-bottom: 36px !important;
    overflow: visible !important;
  }

  .fu-enterprise .fu-hero__copy {
    padding-inline: 20px !important;
  }

  .fu-enterprise .fu-hero__visual {
    width: 100% !important;
  }

  .fu-enterprise .fu-proof-row {
    position: relative !important;
    z-index: 8 !important;
    width: calc(100% - 28px) !important;
    min-height: 0 !important;
    margin: -18px auto 0 !important;
    padding: 0 !important;
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
  }

  .fu-enterprise .fu-proof-item {
    position: relative !important;
    min-height: 92px !important;
    align-content: center !important;
    padding: 20px 22px !important;
    border: 0 !important;
  }

  .fu-enterprise .fu-proof-item:not(:first-child)::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 22px !important;
    right: 0 !important;
    height: 1px !important;
    background: #dce3ed !important;
  }
}


/* ==========================================================
   UI22 — Hero copy positioned inside the marked content area
   - The kicker remains aligned to the outer left edge.
   - Headline, description and actions move together into the
     inner right-hand content column shown in the reference.
   - Fluid offsets keep the composition balanced across wide
     desktop screens without breaking tablet/mobile layouts.
   ========================================================== */
.fu-enterprise .fu-hero__content {
  min-width: 0 !important;
}

@media (min-width: 1261px) {
  .fu-enterprise .fu-hero__content {
    width: min(
      500px,
      calc(100% - clamp(90px, 5.8vw, 110px))
    ) !important;
    max-width: 500px !important;
    margin-left: clamp(118px, 8.2vw, 158px) !important;
  }

  .fu-enterprise .fu-hero__content h1,
  .fu-enterprise .fu-hero__content .fu-hero__lead {
    width: 100% !important;
    max-width: none !important;
  }

  .fu-enterprise .fu-hero__content .fu-actions {
    width: 100% !important;
    flex-wrap: wrap !important;
  }
}

@media (min-width: 1261px) and (max-width: 1500px) {
  .fu-enterprise .fu-hero__content {
    width: calc(100% - clamp(76px, 5.3vw, 92px)) !important;
    margin-left: clamp(92px, 7.4vw, 116px) !important;
  }
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-hero__content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
}

/* ==========================================================
   UI23 — Aligned hero kicker + viewport-balanced composition
   - “Für Unternehmen” now belongs to the same inner copy block
     as headline, lead and actions, so every text element shares
     one clean left edge.
   - On desktop, the hero/proof composition is sized against the
     live browser viewport. The proof panel remains fully visible
     with a small 54px breathing space at the bottom of the window.
   ========================================================== */

/* The kicker is now structurally inside .fu-hero__content. */
.fu-enterprise .fu-hero__content > .fu-kicker {
  width: 100% !important;
  margin: 0 0 24px !important;
  text-align: left !important;
}

@media (min-width: 1261px) {
  .fu-enterprise .fu-hero.fu-shell {
    /*
      56px header + 78px proof overflow + 54px lower breathing room.
      The 610px floor protects the composition on short windows.
    */
    --fu-hero-viewport-height: max(610px, calc(100svh - 188px));
    min-height: var(--fu-hero-viewport-height) !important;
    margin-bottom: 132px !important;
  }

  @supports (height: 100dvh) {
    .fu-enterprise .fu-hero.fu-shell {
      --fu-hero-viewport-height: max(610px, calc(100dvh - 188px));
    }
  }

  .fu-enterprise .fu-hero__copy,
  .fu-enterprise .fu-hero__visual {
    min-height: var(--fu-hero-viewport-height) !important;
    height: var(--fu-hero-viewport-height) !important;
  }

  .fu-enterprise .fu-hero__copy {
    padding-top: clamp(48px, 5.5vh, 68px) !important;
  }

  .fu-enterprise .fu-hero__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* On medium and small layouts the complete copy block remains aligned. */
@media (max-width: 1260px) {
  .fu-enterprise .fu-hero__content > .fu-kicker {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 560px) {
  .fu-enterprise .fu-hero__content > .fu-kicker {
    margin-bottom: 16px !important;
  }
}

/* ==========================================================
   UI24 — Kicker alignment + centered proof architecture
   - The blue “Für Unternehmen” kicker shares the exact left
     edge of the headline/content column on wide screens.
   - Every proof point is centered, with its icon above the
     heading and supporting copy below.
   - Separators continue cleanly through the proof container.
   ========================================================== */

/* Make the complete hero copy a single, predictable alignment system. */
.fu-enterprise .fu-hero__content > .fu-kicker {
  position: static !important;
  inset: auto !important;
  translate: none !important;
  transform: none !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Proof items: icon above, centered title and centered description. */
.fu-enterprise .fu-proof-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  text-align: center !important;
}

.fu-enterprise .fu-proof-item__icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 0 13px !important;
}

.fu-enterprise .fu-proof-item > div {
  width: 100% !important;
  max-width: 158px !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.fu-enterprise .fu-proof-item strong,
.fu-enterprise .fu-proof-item span {
  width: 100% !important;
  text-align: center !important;
}

@media (min-width: 1261px) {
  /* Explicitly anchor the whole copy group, including the kicker. */
  .fu-enterprise .fu-hero__copy {
    display: flex !important;
    align-items: flex-start !important;
  }

  .fu-enterprise .fu-hero__content {
    flex: 0 1 500px !important;
    width: min(500px, calc(100% - clamp(90px, 5.8vw, 110px))) !important;
    max-width: 500px !important;
    margin-left: clamp(118px, 8.2vw, 158px) !important;
  }

  .fu-enterprise .fu-hero__content > .fu-kicker {
    width: 100% !important;
    margin: 0 0 24px !important;
  }

  .fu-enterprise .fu-proof-item {
    height: 100% !important;
    padding: 28px 18px 24px !important;
  }

  .fu-enterprise .fu-proof-item__icon {
    width: 31px !important;
    height: 31px !important;
  }

  /* Full-depth separators with balanced breathing room at the top. */
  .fu-enterprise .fu-proof-item:not(:first-child)::before {
    top: 24px !important;
    bottom: 0 !important;
  }
}

@media (min-width: 1261px) and (max-width: 1500px) {
  .fu-enterprise .fu-hero__content {
    flex-basis: auto !important;
    width: calc(100% - clamp(76px, 5.3vw, 92px)) !important;
    max-width: none !important;
    margin-left: clamp(92px, 7.4vw, 116px) !important;
  }
}

@media (min-width: 901px) and (max-width: 1260px) {
  .fu-enterprise .fu-hero__content > .fu-kicker {
    width: 100% !important;
    margin: 0 0 20px !important;
  }

  .fu-enterprise .fu-proof-item {
    height: 100% !important;
    padding: 28px 15px 24px !important;
  }

  .fu-enterprise .fu-proof-item__icon {
    width: 29px !important;
    height: 29px !important;
  }

  .fu-enterprise .fu-proof-item:not(:first-child)::before {
    top: 22px !important;
    bottom: 0 !important;
  }
}

@media (min-width: 561px) and (max-width: 900px) {
  .fu-enterprise .fu-proof-item {
    min-height: 130px !important;
    padding: 21px 18px 19px !important;
  }

  .fu-enterprise .fu-proof-item__icon {
    width: 29px !important;
    height: 29px !important;
    margin-bottom: 10px !important;
  }

  .fu-enterprise .fu-proof-item > div {
    max-width: 200px !important;
  }

  /* In the two-column layout the vertical line reaches the row edge. */
  .fu-enterprise .fu-proof-item:nth-child(even)::before {
    top: 16px !important;
    bottom: 0 !important;
  }
}

@media (max-width: 560px) {
  .fu-enterprise .fu-proof-item {
    min-height: 108px !important;
    padding: 20px 18px 18px !important;
  }

  .fu-enterprise .fu-proof-item__icon {
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
  }

  .fu-enterprise .fu-proof-item > div {
    max-width: 240px !important;
  }

  .fu-enterprise .fu-proof-item:not(:first-child)::before {
    left: 18px !important;
    right: 18px !important;
  }
}


/* ==========================================================
   UI25 — Refined proof icons
   Compact, purpose-built line icons with a controlled SVG box.
   Prevents global SVG rules from stretching the symbols on any
   viewport and gives desktop/mobile a consistent visual rhythm.
   ========================================================== */
.fu-enterprise .fu-proof-item__icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border: 1px solid rgba(19, 93, 255, .16) !important;
  border-radius: 15px !important;
  color: #155eef !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.98) 0 12%, rgba(255,255,255,.62) 28%, transparent 55%),
    linear-gradient(145deg, rgba(242,247,255,.96), rgba(255,255,255,.88)) !important;
  box-shadow:
    0 8px 18px rgba(20, 75, 160, .10),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(31, 96, 210, .08) !important;
  overflow: hidden !important;
}

.fu-enterprise .fu-proof-item__icon .fu-proof-icon-svg,
.fu-enterprise .fu-proof-item__icon > svg {
  display: block !important;
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
  max-width: 25px !important;
  max-height: 25px !important;
  flex: 0 0 25px !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  overflow: visible !important;
  stroke: currentColor !important;
}

.fu-enterprise .fu-proof-item:nth-child(2) .fu-proof-item__icon {
  color: #6d4aff !important;
  border-color: rgba(109, 74, 255, .16) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.98) 0 12%, rgba(255,255,255,.62) 28%, transparent 55%),
    linear-gradient(145deg, rgba(247,244,255,.96), rgba(255,255,255,.88)) !important;
}

.fu-enterprise .fu-proof-item:nth-child(3) .fu-proof-item__icon {
  color: #0d9f67 !important;
  border-color: rgba(13, 159, 103, .16) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.98) 0 12%, rgba(255,255,255,.62) 28%, transparent 55%),
    linear-gradient(145deg, rgba(241,252,247,.96), rgba(255,255,255,.88)) !important;
}

.fu-enterprise .fu-proof-item:nth-child(4) .fu-proof-item__icon {
  color: #e56b16 !important;
  border-color: rgba(229, 107, 22, .16) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.98) 0 12%, rgba(255,255,255,.62) 28%, transparent 55%),
    linear-gradient(145deg, rgba(255,247,240,.96), rgba(255,255,255,.88)) !important;
}

/* Keep text clear of the icon and preserve the centered architecture. */
.fu-enterprise .fu-proof-item__icon {
  margin: 0 0 14px !important;
}

@media (min-width: 1261px) {
  .fu-enterprise .fu-proof-item {
    padding-top: 22px !important;
  }
}

@media (min-width: 561px) and (max-width: 1260px) {
  .fu-enterprise .fu-proof-item__icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
  }
  .fu-enterprise .fu-proof-item__icon .fu-proof-icon-svg,
  .fu-enterprise .fu-proof-item__icon > svg {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    min-height: 23px !important;
    max-width: 23px !important;
    max-height: 23px !important;
    flex-basis: 23px !important;
  }
}

@media (max-width: 560px) {
  .fu-enterprise .fu-proof-item {
    min-height: 124px !important;
    padding: 18px 16px 17px !important;
  }
  .fu-enterprise .fu-proof-item__icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
    margin-bottom: 11px !important;
  }
  .fu-enterprise .fu-proof-item__icon .fu-proof-icon-svg,
  .fu-enterprise .fu-proof-item__icon > svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    flex-basis: 22px !important;
  }
}

/* ==========================================================
   UI26 — Clean standalone proof icons + closed separators
   - Icons keep their semantic colors without pills, cards,
     gradients, borders or shadows around them.
   - Every separator reaches the complete edge of its grid cell.
   - Tablet and mobile dividers form a fully closed grid rhythm.
   ========================================================== */
.fu-enterprise .fu-proof-item__icon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  margin: 0 0 13px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.fu-enterprise .fu-proof-item__icon .fu-proof-icon-svg,
.fu-enterprise .fu-proof-item__icon > svg {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  flex: 0 0 28px !important;
  filter: none !important;
}

/* Preserve the four dedicated icon colors only. */
.fu-enterprise .fu-proof-item:nth-child(1) .fu-proof-item__icon { color: #74839c !important; }
.fu-enterprise .fu-proof-item:nth-child(2) .fu-proof-item__icon { color: #6d4aff !important; }
.fu-enterprise .fu-proof-item:nth-child(3) .fu-proof-item__icon { color: #0d9f67 !important; }
.fu-enterprise .fu-proof-item:nth-child(4) .fu-proof-item__icon { color: #ef6c18 !important; }

/* Desktop and landscape tablet: complete vertical dividers. */
@media (min-width: 901px) {
  .fu-enterprise .fu-proof-item:not(:first-child)::before {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 1px !important;
    height: auto !important;
    background: #dce3ed !important;
  }
}

/* Two-column tablet grid: fully connected vertical/horizontal lines. */
@media (min-width: 561px) and (max-width: 900px) {
  .fu-enterprise .fu-proof-item__icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    margin-bottom: 11px !important;
  }

  .fu-enterprise .fu-proof-item__icon .fu-proof-icon-svg,
  .fu-enterprise .fu-proof-item__icon > svg {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    flex-basis: 26px !important;
  }

  .fu-enterprise .fu-proof-item:nth-child(even)::before {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 1px !important;
    height: auto !important;
  }

  .fu-enterprise .fu-proof-item:nth-child(n + 3)::after {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    height: 1px !important;
  }
}

/* Mobile: standalone icons and full-width closed row separators. */
@media (max-width: 560px) {
  .fu-enterprise .fu-proof-item__icon {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;
    margin-bottom: 10px !important;
  }

  .fu-enterprise .fu-proof-item__icon .fu-proof-icon-svg,
  .fu-enterprise .fu-proof-item__icon > svg {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
    flex-basis: 25px !important;
  }

  .fu-enterprise .fu-proof-item:not(:first-child)::before {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    height: 1px !important;
  }
}

/* ==========================================================
   UI27 — KI & Automatisierung redesign
   Light editorial layout matching the provided mockup
   ========================================================== */
.fu-enterprise .fu-automation.fu-automation--ui27 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.28fr) !important;
  gap: 40px 42px !important;
  align-items: start !important;
  width: min(1600px, calc(100% - 48px)) !important;
  margin: 36px auto 56px !important;
  padding: 28px 24px 26px !important;
  background: linear-gradient(180deg, #f7f7f8 0%, #f3f3f4 100%) !important;
  border: 1px solid #ececef !important;
  border-radius: 26px !important;
  box-shadow: 0 12px 32px rgba(14, 25, 45, .03) !important;
  min-height: 0 !important;
}

.fu-enterprise .fu-automation.fu-automation--ui27 > * {
  min-width: 0 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__copy {
  padding: 42px 22px 0 22px !important;
  align-self: stretch !important;
}

.fu-enterprise .fu-automation--ui27 .fu-kicker,
.fu-enterprise .fu-automation--ui27 .fu-kicker--blue {
  margin: 0 0 28px !important;
  color: #216cff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
}

.fu-enterprise .fu-automation--ui27 h2 {
  margin: 0 0 22px !important;
  max-width: 610px !important;
  color: #071d49 !important;
  font-size: clamp(48px, 4.4vw, 74px) !important;
  line-height: .94 !important;
  font-weight: 800 !important;
  letter-spacing: -.055em !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__lead {
  max-width: 610px !important;
  margin: 0 0 32px !important;
  color: #5f6f8c !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
  font-weight: 500 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 28px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card {
  min-height: 210px !important;
  padding: 30px 22px 24px !important;
  background: rgba(255,255,255,.76) !important;
  border: 1px solid rgba(225, 229, 237, .9) !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 12px rgba(16, 33, 59, .02) !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  margin-bottom: 28px !important;
  color: #216cff !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-icon svg,
.fu-enterprise .fu-automation--ui27 .fu-automation27__stat-icon svg {
  width: 100% !important;
  height: 100% !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card h3 {
  margin: 0 0 12px !important;
  color: #14284f !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card p {
  margin: 0 !important;
  color: #667792 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-btn.fu-btn--primary {
  min-height: 54px !important;
  padding: 0 24px !important;
  font-size: 16px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 18px rgba(34, 104, 255, .18) !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-col {
  display: grid !important;
  gap: 18px !important;
  align-self: start !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card,
.fu-enterprise .fu-automation--ui27 .fu-automation27__stats,
.fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
  margin: 0 !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(228, 231, 237, .96) !important;
  border-radius: 22px !important;
  box-shadow: 0 6px 18px rgba(21, 34, 59, .03) !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card {
  overflow: hidden !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 22px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  padding: 20px 14px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat {
  min-width: 0 !important;
  padding: 12px 18px 16px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat + .fu-automation27__stat {
  border-left: 1px solid #e6eaf0 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat-icon--green { color: #16a657 !important; background: #ebf8f0 !important; }
.fu-enterprise .fu-automation--ui27 .fu-automation27__stat-icon--blue { color: #4f79ff !important; background: #eef3ff !important; }
.fu-enterprise .fu-automation--ui27 .fu-automation27__stat-icon--violet { color: #a25bff !important; background: #f3edff !important; }
.fu-enterprise .fu-automation--ui27 .fu-automation27__stat-icon--gold { color: #e0a625 !important; background: #fbf4e3 !important; }

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: #0f2450 !important;
  font-size: clamp(26px, 2.1vw, 34px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat h4 {
  margin: 0 0 6px !important;
  color: #162b54 !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat p {
  margin: 0 !important;
  color: #69788f !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 20px 28px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__trust-label {
  flex: 0 0 auto !important;
  color: #16264b !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: center !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  color: #7c879d !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  text-align: center !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos span + span {
  border-left: 1px solid #e8ebf0 !important;
}

@media (max-width: 1460px) {
  .fu-enterprise .fu-automation.fu-automation--ui27 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.14fr) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3),
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(4) {
    border-top: 1px solid #e6eaf0 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3) { border-left: none !important; }
}

@media (max-width: 1180px) {
  .fu-enterprise .fu-automation.fu-automation--ui27 {
    grid-template-columns: 1fr !important;
    width: min(100%, calc(100% - 34px)) !important;
    gap: 24px !important;
    padding: 24px 18px 20px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__copy {
    padding: 18px 6px 0 !important;
  }

  .fu-enterprise .fu-automation--ui27 h2 {
    max-width: 100% !important;
    font-size: clamp(38px, 7.2vw, 58px) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__lead {
    max-width: 100% !important;
    font-size: 16px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos span:nth-child(4) {
    border-left: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos span:nth-child(n+4) {
    border-top: 1px solid #e8ebf0 !important;
  }
}

@media (max-width: 760px) {
  .fu-enterprise .fu-automation.fu-automation--ui27 {
    width: min(100%, calc(100% - 24px)) !important;
    margin: 24px auto 38px !important;
    padding: 18px 14px 16px !important;
    border-radius: 22px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-kicker,
  .fu-enterprise .fu-automation--ui27 .fu-kicker--blue {
    margin-bottom: 18px !important;
    font-size: 12px !important;
  }

  .fu-enterprise .fu-automation--ui27 h2 {
    font-size: clamp(30px, 10.2vw, 44px) !important;
    line-height: .97 !important;
    margin-bottom: 16px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__lead {
    margin-bottom: 22px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos {
    grid-template-columns: 1fr !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card {
    min-height: 0 !important;
    padding: 22px 18px 18px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-icon {
    margin-bottom: 18px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card h3 {
    font-size: 17px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
    border-radius: 18px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos span {
    border-left: none !important;
    border-top: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat + .fu-automation27__stat,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos span + span {
    border-top: 1px solid #e8ebf0 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
    padding: 16px 18px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-label {
    font-size: 12px !important;
    letter-spacing: .12em !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos span {
    justify-content: flex-start !important;
    min-height: 44px !important;
    padding: 12px 0 !important;
  }
}

/* ==========================================================
   UI28 — compact full-width sharp automation section
   Smaller scale, full browser span, square geometry
   ========================================================== */
@media (min-width: 1181px) {
  .fu-enterprise .fu-automation.fu-automation--ui27 {
    width: calc(100% - 16px) !important;
    max-width: none !important;
    grid-template-columns: minmax(470px, .82fr) minmax(650px, 1.18fr) !important;
    gap: clamp(42px, 4vw, 78px) !important;
    margin: 22px 8px 42px !important;
    padding: clamp(44px, 3.5vw, 64px) clamp(48px, 4.4vw, 84px) 30px !important;
    border-radius: 0 !important;
    background: #f6f7f8 !important;
    border-color: #e8ebef !important;
    box-shadow: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__copy {
    padding: 10px 0 0 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-kicker,
  .fu-enterprise .fu-automation--ui27 .fu-kicker--blue {
    margin-bottom: 22px !important;
    font-size: 11px !important;
    letter-spacing: .28em !important;
  }

  .fu-enterprise .fu-automation--ui27 h2 {
    max-width: 640px !important;
    margin-bottom: 18px !important;
    font-size: clamp(40px, 3.55vw, 58px) !important;
    line-height: .98 !important;
    letter-spacing: -.05em !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__lead {
    max-width: 650px !important;
    margin-bottom: 24px !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card {
    min-height: 150px !important;
    padding: 22px 18px 18px !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-icon {
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 18px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card h3 {
    margin-bottom: 8px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card p {
    font-size: 11.5px !important;
    line-height: 1.5 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-btn.fu-btn--primary {
    min-height: 44px !important;
    padding: 0 20px !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    box-shadow: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-col {
    gap: 12px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card img {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card {
    background: #fff !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    padding: 12px 8px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat {
    padding: 10px 14px 12px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3),
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(4) {
    border-top: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3) {
    border-left: 1px solid #e6eaf0 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat-icon {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 9px !important;
    border-radius: 0 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat strong {
    margin-bottom: 5px !important;
    font-size: clamp(22px, 1.65vw, 28px) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat h4 {
    margin-bottom: 4px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat p {
    font-size: 9.5px !important;
    line-height: 1.35 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
    gap: 18px !important;
    padding: 10px 18px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-label {
    font-size: 10px !important;
    letter-spacing: .06em !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos span {
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 1180px) {
  .fu-enterprise .fu-automation.fu-automation--ui27 {
    width: calc(100% - 16px) !important;
    margin: 18px 8px 34px !important;
    border-radius: 0 !important;
    background: #f6f7f8 !important;
    box-shadow: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card,
  .fu-enterprise .fu-automation--ui27 .fu-btn,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card img,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat-icon,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .fu-enterprise .fu-automation--ui27 h2 {
    font-size: clamp(34px, 5.5vw, 48px) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__lead {
    font-size: 14px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card {
    min-height: 150px !important;
    padding: 20px 16px 16px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-icon {
    width: 23px !important;
    height: 23px !important;
    margin-bottom: 16px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card h3 {
    font-size: 14px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card p {
    font-size: 11.5px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3),
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(4) {
    border-top: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3) {
    border-left: 1px solid #e6eaf0 !important;
  }
}

@media (max-width: 760px) {
  .fu-enterprise .fu-automation.fu-automation--ui27 {
    width: calc(100% - 12px) !important;
    margin: 12px 6px 28px !important;
    padding: 20px 12px 14px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__copy {
    padding: 4px 0 0 !important;
  }

  .fu-enterprise .fu-automation--ui27 h2 {
    font-size: clamp(28px, 9.2vw, 38px) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card {
    min-height: 138px !important;
    padding: 17px 13px 14px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card h3 {
    font-size: 13px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card p {
    font-size: 10.5px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 8px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3),
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(4) {
    border-top: 1px solid #e6eaf0 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3) {
    border-left: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px) {
  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
    grid-template-columns: 1fr !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card {
    min-height: 0 !important;
  }
}

/* ==========================================================
   UI29 — full-bleed light background + footer-width content
   The gray section spans the browser; only its content follows
   the shared 1368px footer shell and uses a tighter type scale.
   ========================================================== */
.fu-enterprise .fu-automation.fu-automation--ui27 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 22px 0 46px !important;
  padding: 34px 0 30px !important;
  background: #f4f5f6 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__inner {
  display: grid !important;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr) !important;
  gap: 28px 34px !important;
  align-items: start !important;
  width: min(1368px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__copy {
  padding: 18px 0 0 !important;
  max-width: 500px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-kicker,
.fu-enterprise .fu-automation--ui27 .fu-kicker--blue {
  margin: 0 0 18px !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: .29em !important;
}

.fu-enterprise .fu-automation--ui27 h2 {
  max-width: 470px !important;
  margin: 0 0 14px !important;
  font-size: clamp(34px, 2.75vw, 46px) !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__lead {
  max-width: 470px !important;
  margin: 0 0 19px !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 17px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card {
  min-height: 128px !important;
  padding: 17px 13px 13px !important;
  background: rgba(255,255,255,.9) !important;
  border: 1px solid #e1e5eb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-icon {
  width: 20px !important;
  height: 20px !important;
  margin-bottom: 13px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card h3 {
  margin: 0 0 6px !important;
  font-size: 11.5px !important;
  line-height: 1.18 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card p {
  font-size: 9.5px !important;
  line-height: 1.45 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-btn.fu-btn--primary {
  min-height: 38px !important;
  padding: 0 16px !important;
  font-size: 11px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-col {
  gap: 10px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card,
.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card img,
.fu-enterprise .fu-automation--ui27 .fu-automation27__stats,
.fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  padding: 8px 6px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat {
  padding: 8px 10px 10px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3),
.fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(4) {
  border-top: none !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3) {
  border-left: 1px solid #e6eaf0 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat-icon {
  width: 27px !important;
  height: 27px !important;
  margin-bottom: 7px !important;
  border-radius: 0 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat strong {
  margin-bottom: 4px !important;
  font-size: clamp(19px, 1.45vw, 24px) !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat h4 {
  margin-bottom: 3px !important;
  font-size: 9.5px !important;
  line-height: 1.18 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stat p {
  font-size: 8px !important;
  line-height: 1.3 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
  grid-column: 1 / -1 !important;
  gap: 14px !important;
  padding: 8px 14px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__trust-label {
  font-size: 8.5px !important;
  letter-spacing: .075em !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos span {
  min-height: 32px !important;
  padding: 0 9px !important;
  font-size: 9.5px !important;
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-automation--ui27 .fu-automation27__inner {
    width: min(100%, calc(100% - 48px)) !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    gap: 24px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__copy {
    max-width: none !important;
  }

  .fu-enterprise .fu-automation--ui27 h2 {
    font-size: clamp(31px, 4vw, 42px) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .fu-enterprise .fu-automation.fu-automation--ui27 {
    padding: 26px 0 22px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__inner {
    width: min(100%, calc(100% - 32px)) !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__copy,
  .fu-enterprise .fu-automation--ui27 h2,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__lead {
    max-width: 100% !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .fu-enterprise .fu-automation--ui27 .fu-automation27__inner {
    width: min(100%, calc(100% - 24px)) !important;
  }

  .fu-enterprise .fu-automation--ui27 h2 {
    font-size: clamp(28px, 8.7vw, 36px) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-card {
    min-height: 118px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3),
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(4) {
    border-top: 1px solid #e6eaf0 !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stat:nth-child(3) {
    border-left: none !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust {
    align-items: flex-start !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__trust-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px) {
  .fu-enterprise .fu-automation--ui27 .fu-automation27__feature-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   UI30 — Refined KI visual module
   Fixes the oversized/double-framed right visual card and aligns
   it precisely with the KPI strip below.
   ========================================================== */
.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-col {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  gap: 12px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #dfe4eb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 0 !important;
  aspect-ratio: 790 / 465 !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 !important;
  border: 1px solid #dfe4eb !important;
  background: rgba(255,255,255,.94) !important;
  box-sizing: border-box !important;
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-col {
    max-width: 680px !important;
  }

  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
    max-width: 680px !important;
  }
}

@media (max-width: 900px) {
  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-col,
  .fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
    max-width: none !important;
    margin-inline: 0 !important;
  }
}

@media (max-width: 560px) {
  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card {
    aspect-ratio: 790 / 465 !important;
  }
}

/* ==========================================================
   UI31 — KI visual breathing room fix
   Removes the visible left hard line and restores comfortable
   inner spacing around the chat composition.
   ========================================================== */
.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-col {
  gap: 14px !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card {
  max-width: 760px !important;
  padding: 10px 14px 14px !important;
  background: #ffffff !important;
  border: 1px solid #dfe4eb !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center top !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.fu-enterprise .fu-automation--ui27 .fu-automation27__stats {
  margin-top: 2px !important;
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card {
    padding: 9px 12px 12px !important;
  }
}

@media (max-width: 760px) {
  .fu-enterprise .fu-automation--ui27 .fu-automation27__visual-card {
    padding: 8px 10px 10px !important;
  }
}

/* ==========================================================
   UI33 — Microsoft-style solution cards
   Rounded retail-card layout based on the supplied reference.
   ========================================================== */
.fu-enterprise .fu-solutions.fu-solutions--microsoft {
  margin-bottom: 42px !important;
  padding-top: 10px !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-heading {
  margin-bottom: 22px !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 348px !important;
  padding: 7px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #dfe2e6 !important;
  border-radius: 17px !important;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, .10),
    0 2px 8px rgba(0, 0, 0, .07) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-card:hover {
  transform: translateY(-2px) !important;
  border-color: #cfd4db !important;
  box-shadow:
    0 2px 4px rgba(0, 0, 0, .10),
    0 8px 20px rgba(0, 0, 0, .09) !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-card img {
  display: block !important;
  width: 100% !important;
  height: 124px !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #f2f2f2 !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 15px 11px 10px !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-card h3 {
  margin: 0 0 10px !important;
  color: #172033 !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
  letter-spacing: -.018em !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-card p {
  margin: 0 0 18px !important;
  color: #313b4d !important;
  font-size: 11.25px !important;
  line-height: 1.48 !important;
  font-weight: 400 !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-card a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 31px !important;
  margin-top: auto !important;
  padding: 0 12px !important;
  color: #ffffff !important;
  background: #0067b8 !important;
  border: 1px solid #0067b8 !important;
  border-radius: 5px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-card a:hover,
.fu-enterprise .fu-solutions--microsoft .fu-solution-card a:focus-visible {
  color: #ffffff !important;
  background: #005a9e !important;
  border-color: #005a9e !important;
}

.fu-enterprise .fu-solutions--microsoft .fu-solution-card a span {
  display: none !important;
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-solutions--microsoft .fu-solution-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .fu-enterprise .fu-solutions--microsoft .fu-solution-card {
    min-height: 350px !important;
  }

  .fu-enterprise .fu-solutions--microsoft .fu-solution-card img {
    height: 148px !important;
  }
}

@media (max-width: 820px) {
  .fu-enterprise .fu-solutions--microsoft .fu-solution-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .fu-enterprise .fu-solutions--microsoft .fu-solution-card img {
    height: 155px !important;
  }
}

@media (max-width: 560px) {
  .fu-enterprise .fu-solutions--microsoft .fu-solution-grid {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
  }

  .fu-enterprise .fu-solutions--microsoft .fu-solution-card {
    min-height: 0 !important;
    padding: 7px !important;
    border-radius: 16px !important;
  }

  .fu-enterprise .fu-solutions--microsoft .fu-solution-card img {
    height: 180px !important;
  }

  .fu-enterprise .fu-solutions--microsoft .fu-solution-card__body {
    padding: 15px 12px 11px !important;
  }

  .fu-enterprise .fu-solutions--microsoft .fu-solution-card h3 {
    font-size: 14.5px !important;
  }

  .fu-enterprise .fu-solutions--microsoft .fu-solution-card p {
    font-size: 11.5px !important;
  }

  .fu-enterprise .fu-solutions--microsoft .fu-solution-card a {
    min-height: 33px !important;
    font-size: 11px !important;
  }
}

/* ==========================================================
   UI34 — Erfolg in der Praxis redesigned to Microsoft-style
   No testimonials; use an illustrative scenario card instead.
   ========================================================== */
.fu-enterprise .fu-impact.fu-impact--ui34 {
  display: block !important;
  width: min(1368px, calc(100% - 48px)) !important;
  margin: 44px auto 54px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__card {
  display: grid !important;
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
  align-items: center !important;
  gap: 28px !important;
  min-height: 440px !important;
  padding: 18px !important;
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 22px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.85) !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 12px 18px 12px 10px !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__copy .fu-kicker,
.fu-enterprise .fu-impact--ui34 .fu-impact34__copy .fu-kicker--blue {
  margin: 0 0 22px !important;
  color: #0058d3 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__copy h2 {
  margin: 0 0 20px !important;
  max-width: 460px !important;
  color: #1b1b1b !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -.04em !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__copy p {
  margin: 0 0 28px !important;
  max-width: 560px !important;
  color: #242424 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

.fu-enterprise .fu-impact--ui34 .fu-btn.fu-btn--primary {
  min-height: 44px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__media {
  position: relative !important;
  margin: 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 404px !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #ececec !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__media::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.08) 18%, rgba(255,255,255,0) 46%) !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.01) !important;
}

@media (max-width: 1100px) {
  .fu-enterprise .fu-impact.fu-impact--ui34 {
    width: min(100%, calc(100% - 32px)) !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__card {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    min-height: 0 !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy {
    padding: 6px 8px 0 !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy h2,
  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy p {
    max-width: none !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__media {
    min-height: 320px !important;
  }
}

@media (max-width: 680px) {
  .fu-enterprise .fu-impact.fu-impact--ui34 {
    width: min(100%, calc(100% - 24px)) !important;
    margin: 28px auto 36px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__card {
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy .fu-kicker,
  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy .fu-kicker--blue {
    font-size: 12px !important;
    margin-bottom: 16px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy h2 {
    font-size: clamp(28px, 8vw, 40px) !important;
    margin-bottom: 14px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy p {
    font-size: 15px !important;
    margin-bottom: 20px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__media {
    min-height: 240px !important;
    border-radius: 14px !important;
  }
}

/* ==========================================================
   UI34.1 — Microsoft-style illustrative practice scenario
   Honest replacement for testimonials / customer references.
   ========================================================== */
.fu-enterprise .fu-impact.fu-impact--ui34 {
  width: min(1368px, calc(100% - 32px)) !important;
  margin: 42px auto 56px !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  min-height: 350px !important;
  padding: 10px !important;
  background: #fff !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.02) !important;
  overflow: hidden !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  padding: clamp(34px, 4vw, 58px) clamp(22px, 3vw, 38px) 18px !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__eyebrow {
  margin: 0 0 18px !important;
  color: #5b5b5b !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__copy h2 {
  max-width: 570px !important;
  margin: 0 0 18px !important;
  color: #1b1b1b !important;
  font-size: clamp(28px, 2.8vw, 42px) !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
  letter-spacing: -.035em !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__copy > p:not(.fu-impact34__eyebrow) {
  max-width: 620px !important;
  margin: 0 !important;
  color: #262626 !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  margin-top: auto !important;
  padding: 0 16px !important;
  color: #fff !important;
  background: #0067b8 !important;
  border: 1px solid #0067b8 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color .18s ease, border-color .18s ease !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__button:hover {
  color: #fff !important;
  background: #005a9e !important;
  border-color: #005a9e !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__media {
  position: relative !important;
  min-height: 330px !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #e9e9e9 !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__media::before {
  display: none !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 54% center !important;
  transform: none !important;
}

@media (max-width: 1050px) {
  .fu-enterprise .fu-impact--ui34 .fu-impact34__card {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    min-height: 0 !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy {
    min-height: 280px !important;
    padding: 30px 24px 18px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__media {
    min-height: 300px !important;
  }
}

@media (max-width: 680px) {
  .fu-enterprise .fu-impact.fu-impact--ui34 {
    width: min(100%, calc(100% - 20px)) !important;
    margin: 28px auto 38px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__card {
    padding: 8px !important;
    border-radius: 16px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy {
    min-height: 270px !important;
    padding: 24px 18px 16px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__eyebrow {
    margin-bottom: 14px !important;
    font-size: 11px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy h2 {
    margin-bottom: 14px !important;
    font-size: clamp(26px, 8vw, 36px) !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__copy > p:not(.fu-impact34__eyebrow) {
    font-size: 14px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__button {
    min-height: 38px !important;
    font-size: 13px !important;
  }

  .fu-enterprise .fu-impact--ui34 .fu-impact34__media {
    min-height: 220px !important;
    border-radius: 12px !important;
  }
}

/* ==========================================================
   UI36 — Ergebnisse & Potenziale dashboard
   Illustrative data section replacing the non-existent customer
   reference with transparent example potentials.
   ========================================================== */
.fu-enterprise .fu-potential36 {
  width: 100% !important;
  margin: 56px 0 !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.fu-enterprise .fu-potential36__inner {
  width: min(1540px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.38fr) !important;
  gap: clamp(42px, 4vw, 76px) !important;
  align-items: center !important;
  padding: clamp(54px, 4.4vw, 82px) clamp(34px, 4vw, 70px) !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(58, 116, 255, .045), transparent 28%),
    linear-gradient(180deg, #fafbfc 0%, #f7f8fa 100%) !important;
  border: 1px solid #e3e7ed !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 44px rgba(16, 36, 67, .04) !important;
  box-sizing: border-box !important;
}

.fu-enterprise .fu-potential36__copy {
  min-width: 0 !important;
  align-self: center !important;
}

.fu-enterprise .fu-potential36__eyebrow {
  margin: 0 0 24px !important;
  color: #1769ff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}

.fu-enterprise .fu-potential36__copy h2 {
  margin: 0 0 28px !important;
  max-width: 580px !important;
  color: #071d49 !important;
  font-size: clamp(48px, 4.45vw, 76px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.055em !important;
}

.fu-enterprise .fu-potential36__copy h2 span {
  color: #1769ff !important;
}

.fu-enterprise .fu-potential36__lead {
  max-width: 600px !important;
  margin: 0 0 30px !important;
  color: #5c6b84 !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
}

.fu-enterprise .fu-potential36__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  min-height: 58px !important;
  padding: 0 26px !important;
  color: #fff !important;
  background: #1267f4 !important;
  border: 1px solid #1267f4 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 22px rgba(18, 103, 244, .17) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}

.fu-enterprise .fu-potential36__button:hover {
  background: #0759de !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 28px rgba(18, 103, 244, .22) !important;
}

.fu-enterprise .fu-potential36__note {
  max-width: 570px !important;
  margin: 20px 0 0 !important;
  color: #8994a6 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.fu-enterprise .fu-potential36__dashboard {
  min-width: 0 !important;
  display: grid !important;
  gap: 16px !important;
}

.fu-enterprise .fu-potential36__metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.fu-enterprise .fu-potential36__metric {
  min-width: 0 !important;
  min-height: 172px !important;
  display: grid !important;
  grid-template-columns: 66px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
  padding: 24px 26px !important;
  background: rgba(255,255,255,.9) !important;
  border: 1px solid #dfe4eb !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(17, 38, 70, .025) !important;
  box-sizing: border-box !important;
}

.fu-enterprise .fu-potential36__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 66px !important;
  height: 66px !important;
  color: #1769ff !important;
  background: #f0f4fc !important;
  border-radius: 14px !important;
}

.fu-enterprise .fu-potential36__icon svg {
  width: 34px !important;
  height: 34px !important;
}

.fu-enterprise .fu-potential36__metric strong {
  display: block !important;
  margin: 0 0 4px !important;
  color: #1769ff !important;
  font-size: clamp(30px, 2.2vw, 40px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.045em !important;
}

.fu-enterprise .fu-potential36__metric strong.fu-potential36__metric-word {
  color: #0a214b !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
}

.fu-enterprise .fu-potential36__metric h3 {
  margin: 0 0 10px !important;
  color: #102650 !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
}

.fu-enterprise .fu-potential36__metric p {
  margin: 0 !important;
  color: #647188 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

.fu-enterprise .fu-potential36__chart {
  margin: 0 !important;
  padding: 22px 24px 18px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid #dfe4eb !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(17, 38, 70, .025) !important;
  box-sizing: border-box !important;
}

.fu-enterprise .fu-potential36__chart-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-bottom: 18px !important;
  color: #43516a !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.fu-enterprise .fu-potential36__chart-legend {
  display: inline-flex !important;
  align-items: center !important;
  gap: 22px !important;
  color: #5d6b81 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.fu-enterprise .fu-potential36__chart-legend > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.fu-enterprise .fu-potential36__dot {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  flex: 0 0 9px !important;
}

.fu-enterprise .fu-potential36__dot--blue { background: #1769ff !important; }
.fu-enterprise .fu-potential36__dot--gray { background: #d9dfe8 !important; }

.fu-enterprise .fu-potential36__bars {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
  min-height: 126px !important;
  padding: 6px 8px 0 !important;
  border-bottom: 1px solid #dfe5ed !important;
}

.fu-enterprise .fu-potential36__bar-group {
  position: relative !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 12px !important;
  padding-bottom: 30px !important;
}

.fu-enterprise .fu-potential36__bar {
  display: block !important;
  width: 28px !important;
  min-height: 6px !important;
  border-radius: 4px 4px 0 0 !important;
}

.fu-enterprise .fu-potential36__bar--auto {
  height: var(--auto) !important;
  background: linear-gradient(180deg, #2878ff 0%, #0d5deb 100%) !important;
}

.fu-enterprise .fu-potential36__bar--manual {
  height: var(--manual) !important;
  background: linear-gradient(180deg, #e0e5ec 0%, #cfd6e0 100%) !important;
}

.fu-enterprise .fu-potential36__bar-group em {
  position: absolute !important;
  left: 50% !important;
  bottom: 7px !important;
  width: 120% !important;
  transform: translateX(-50%) !important;
  color: #66738a !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 600 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

@media (max-width: 1260px) {
  .fu-enterprise .fu-potential36__inner {
    grid-template-columns: 1fr !important;
  }

  .fu-enterprise .fu-potential36__copy,
  .fu-enterprise .fu-potential36__copy h2,
  .fu-enterprise .fu-potential36__lead,
  .fu-enterprise .fu-potential36__note {
    max-width: none !important;
  }
}

@media (max-width: 820px) {
  .fu-enterprise .fu-potential36 {
    padding: 0 16px !important;
    margin: 38px 0 !important;
  }

  .fu-enterprise .fu-potential36__inner {
    padding: 36px 22px !important;
    gap: 34px !important;
    border-radius: 18px !important;
  }

  .fu-enterprise .fu-potential36__copy h2 {
    font-size: clamp(38px, 9vw, 56px) !important;
  }

  .fu-enterprise .fu-potential36__metrics {
    grid-template-columns: 1fr !important;
  }

  .fu-enterprise .fu-potential36__chart-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .fu-enterprise .fu-potential36__bars {
    grid-template-columns: repeat(5, minmax(76px, 1fr)) !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
  }
}

@media (max-width: 560px) {
  .fu-enterprise .fu-potential36__inner {
    padding: 30px 16px !important;
  }

  .fu-enterprise .fu-potential36__eyebrow {
    margin-bottom: 18px !important;
    font-size: 11px !important;
  }

  .fu-enterprise .fu-potential36__copy h2 {
    margin-bottom: 20px !important;
    font-size: clamp(34px, 11vw, 46px) !important;
  }

  .fu-enterprise .fu-potential36__lead {
    font-size: 15px !important;
  }

  .fu-enterprise .fu-potential36__button {
    width: 100% !important;
  }

  .fu-enterprise .fu-potential36__metric {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 16px !important;
    min-height: 0 !important;
    padding: 20px 18px !important;
  }

  .fu-enterprise .fu-potential36__icon {
    width: 52px !important;
    height: 52px !important;
  }

  .fu-enterprise .fu-potential36__icon svg {
    width: 28px !important;
    height: 28px !important;
  }

  .fu-enterprise .fu-potential36__metric strong {
    font-size: 30px !important;
  }

  .fu-enterprise .fu-potential36__metric h3 {
    font-size: 17px !important;
  }

  .fu-enterprise .fu-potential36__metric p {
    font-size: 13px !important;
  }

  .fu-enterprise .fu-potential36__chart {
    padding: 18px 14px 14px !important;
  }

  .fu-enterprise .fu-potential36__chart-legend {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* ==========================================================
   UI36 — EMAN button system + practice image integration
   ========================================================== */
.fu-enterprise {
  --fu-blue: #145cff !important;
}

/* Same minimal corner radius as the footer CTA; EMAN bright blue only. */
.fu-enterprise .fu-btn,
.fu-enterprise .fu-impact34__button,
.fu-enterprise .fu-potential36__button,
.fu-enterprise .fu-solutions--microsoft .fu-solution-card a {
  color: #ffffff !important;
  background: #145cff !important;
  border-color: #145cff !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.fu-enterprise .fu-btn:hover,
.fu-enterprise .fu-btn:focus-visible,
.fu-enterprise .fu-impact34__button:hover,
.fu-enterprise .fu-impact34__button:focus-visible,
.fu-enterprise .fu-potential36__button:hover,
.fu-enterprise .fu-potential36__button:focus-visible,
.fu-enterprise .fu-solutions--microsoft .fu-solution-card a:hover,
.fu-enterprise .fu-solutions--microsoft .fu-solution-card a:focus-visible {
  color: #ffffff !important;
  background: #064ee8 !important;
  border-color: #064ee8 !important;
  transform: translateY(-1px) !important;
}

/* Keep buttons visible over the blue CTA while retaining the same EMAN blue. */
.fu-enterprise .fu-cta .fu-btn {
  outline: 1px solid rgba(255,255,255,.72) !important;
  outline-offset: 0 !important;
}

/* Directly integrated gears visual. */
.fu-enterprise .fu-impact--ui34 .fu-impact34__media {
  background: #f5f8fd !important;
}

.fu-enterprise .fu-impact--ui34 .fu-impact34__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}