:root {
  --wx-project-ink: #151517;
  --wx-project-muted: #706b64;
  --wx-project-line: rgba(62, 53, 43, 0.13);
  --wx-project-gold: #b98535;
}

/* Mobile copy variants: preserve full desktop SEO copy while keeping the
   narrow layout focused and easy to scan. */
.copy-mobile{display:none}
@media (max-width:680px){
  body.home .copy-desktop{display:none!important}
  body.home .copy-mobile{display:inline!important}
  body.home .section__intro .copy-desktop{display:none!important}
  body.home .section__intro .copy-mobile{display:inline!important}
  body.home .section__intro{max-width:34ch!important}
  body.home section.services .section__intro,
  body.home section.products .section__intro,
  body.home section.experience .section__intro,
  body.home section.projects .section__intro,
  body.home section.process .section__intro,
  body.home section.why .section__intro,
  body.home section.testimonials .section__intro,
  body.home section.faq .section__intro{font-size:.84rem!important;line-height:1.48!important}
}

/* Wartung & Weiterentwicklung (Punkt 6): modular maintenance system visual. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-visual{
    display:none!important;position:relative!important;z-index:2!important;width:100%!important;height:210px!important;margin:-2px auto -32px!important;overflow:visible!important;perspective:1000px!important
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__fan,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__layer-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__software-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__pwa-visual{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-visual{display:block!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset{
    position:absolute!important;display:block!important;width:auto!important;height:auto!important;max-width:none!important;object-fit:contain!important;opacity:0!important;filter:blur(2px)!important;will-change:transform,opacity!important;transition:opacity .48s ease,transform .68s cubic-bezier(.22,1,.36,1),filter .55s ease!important
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset--orbits{
    z-index:1!important;left:6%!important;top:0!important;width:88%!important;height:100%!important;object-fit:fill!important;clip-path:inset(0 100% 0 0)!important;transform:scale(.97)!important;transition:opacity .48s ease,transform .82s cubic-bezier(.22,1,.36,1),filter .55s ease,clip-path .8s cubic-bezier(.22,1,.36,1)!important;transition-delay:.32s!important
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset--base{z-index:2!important;left:30%!important;top:48%!important;width:40%!important;transform:translateY(12px) scale(.92)!important;transition-delay:.04s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset--core{z-index:5!important;left:38%!important;top:35%!important;width:24%!important;transform:translateY(14px) scale(.9)!important;transition-delay:.16s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset--ux{z-index:4!important;left:41%!important;top:0!important;width:17%!important;transform:translateY(8px) scale(.84) rotate(-3deg)!important;transition-delay:.48s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset--automation{z-index:4!important;right:14%!important;top:29%!important;width:17%!important;transform:translateX(8px) scale(.84) rotate(3deg)!important;transition-delay:.66s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset--api{z-index:4!important;left:14%!important;top:31%!important;width:17%!important;transform:translateX(-8px) scale(.84) rotate(-3deg)!important;transition-delay:1.02s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset--cloud{z-index:3!important;left:43%!important;top:56%!important;width:15%!important;transform:translateY(8px) scale(.86)!important;transition-delay:.82s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset--hosting{z-index:4!important;left:41%!important;top:72%!important;width:17%!important;transform:translateY(9px) scale(.84)!important;transition-delay:1.14s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset{opacity:1!important;filter:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset--orbits{clip-path:inset(0 0 0 0)!important;transform:scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset--base{transform:translateY(0) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset--core{transform:translateY(0) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset--ux{transform:translateY(0) scale(1) rotate(-2deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset--automation{transform:translateX(0) scale(1) rotate(2deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset--api{transform:translateX(0) scale(1) rotate(-2deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset--cloud{transform:translateY(0) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset--hosting{transform:translateY(0) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-label{position:absolute!important;z-index:8!important;display:block!important;margin:0!important;color:#5e554b!important;font-family:"Manrope","General Sans",sans-serif!important;font-size:.43rem!important;line-height:1.1!important;letter-spacing:-.01em!important;text-align:center!important;opacity:0!important;transform:translateY(4px)!important;transition:opacity .35s ease,transform .45s ease!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-label{opacity:1!important;transform:translateY(0)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-label--ux{top:23%!important;left:32%!important;width:26%!important;transition-delay:.76s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-label--automation{top:43%!important;right:8%!important;width:31%!important;transition-delay:.91s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-label--cloud{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-label--api{top:49%!important;left:7%!important;width:27%!important;transition-delay:1.2s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-label--hosting{top:79%!important;left:33%!important;width:34%!important;transition-delay:1.32s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset{opacity:0!important;filter:blur(2px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset--orbits{clip-path:inset(0 100% 0 0)!important;transform:scale(.97)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset--base{transform:translateY(12px) scale(.92)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset--core{transform:translateY(14px) scale(.9)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset--ux{transform:translateY(8px) scale(.84) rotate(-3deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset--automation{transform:translateX(8px) scale(.84) rotate(3deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset--api{transform:translateX(-8px) scale(.84) rotate(-3deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset--cloud{transform:translateY(8px) scale(.86)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset--hosting{transform:translateY(9px) scale(.84)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-label{opacity:0!important;transform:translateY(4px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__progress{grid-template-columns:repeat(6,1fr)!important}
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-asset,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset{opacity:1!important;filter:none!important;clip-path:none!important;transform:none!important;transition:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-label{opacity:1!important;transform:none!important;transition:none!important}
}

/* Progressive Web Apps (Punkt 4): phone, feature tiles and orbit as separate layers. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2__pwa-visual{display:none!important;position:relative!important;z-index:2!important;width:100%!important;height:238px!important;margin:-6px auto -48px!important;overflow:visible!important;perspective:1000px!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa .wxn-service-mobile-v2__fan,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa .wxn-service-mobile-v2__layer-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa .wxn-service-mobile-v2__software-visual{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa .wxn-service-mobile-v2__pwa-visual{display:block!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa .wxn-service-mobile-v2__intro>p:last-child{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__pwa-asset{position:absolute!important;display:block!important;height:auto!important;max-width:none!important;object-fit:contain!important;opacity:0!important;filter:blur(2px)!important;transition:opacity .5s ease,transform .72s cubic-bezier(.22,1,.36,1),filter .55s ease!important;will-change:transform,opacity!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible .wxn-service-mobile-v2__pwa-asset{opacity:1!important;filter:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__pwa-asset--orbit{z-index:1!important;left:-8%!important;top:19%!important;width:116%!important;clip-path:inset(0 100% 0 0)!important;transform:translateY(2px) scale(.98)!important;transition:opacity .5s ease,transform .72s cubic-bezier(.22,1,.36,1),filter .55s ease,clip-path .45s cubic-bezier(.22,1,.36,1)!important;transition-delay:.02s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__pwa-asset--phone{z-index:2!important;left:14%!important;top:2%!important;width:53%!important;transform:translate3d(-12px,28px,0) rotate(-14deg) scale(.94)!important;transition-delay:.12s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__pwa-asset--wifi{z-index:3!important;right:14%!important;top:9%!important;width:17%!important;transform:translate(12px,8px) rotate(4deg) scale(.88)!important;transition-delay:.26s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__pwa-asset--power{z-index:3!important;right:19%!important;top:37%!important;width:17%!important;transform:translate(12px,8px) rotate(4deg) scale(.88)!important;transition-delay:.33s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__pwa-asset--cloud{z-index:3!important;right:11%!important;top:63%!important;width:17%!important;transform:translate(12px,8px) rotate(4deg) scale(.88)!important;transition-delay:.4s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible .wxn-service-mobile-v2__pwa-asset--orbit{clip-path:inset(0 0 0 0)!important;transform:translateY(0) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible .wxn-service-mobile-v2__pwa-asset--phone{transform:translate3d(-8%,0,0) rotate(-7deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible .wxn-service-mobile-v2__pwa-asset--wifi{transform:translate(0,0) rotate(0deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible .wxn-service-mobile-v2__pwa-asset--power{transform:translate(0,0) rotate(0deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible .wxn-service-mobile-v2__pwa-asset--cloud{transform:translate(0,0) rotate(0deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible.is-pwa-replay .wxn-service-mobile-v2__pwa-asset{opacity:0!important;filter:blur(2px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible.is-pwa-replay .wxn-service-mobile-v2__pwa-asset--orbit{clip-path:inset(0 100% 0 0)!important;transform:translateY(2px) scale(.98)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible.is-pwa-replay .wxn-service-mobile-v2__pwa-asset--phone{transform:translate3d(-12px,28px,0) rotate(-14deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible.is-pwa-replay .wxn-service-mobile-v2__pwa-asset--wifi,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible.is-pwa-replay .wxn-service-mobile-v2__pwa-asset--power,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-pwa.is-visible.is-pwa-replay .wxn-service-mobile-v2__pwa-asset--cloud{transform:translate(12px,8px) rotate(4deg) scale(.88)!important}
}

/* Portal documents: quiet, printable-looking cards for offers and invoices. */
.portal-card--documents { grid-column: 1 / -1; }
.portal-documents { display:grid; gap:9px; }
.portal-documents article { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 15px; border:1px solid rgba(75,65,52,.11); border-radius:14px; background:rgba(255,253,249,.66); }
.portal-documents article div { display:grid; gap:4px; min-width:0; }
.portal-documents article span { color:#9b7134; font:700 .59rem var(--font-mono); letter-spacing:.12em; text-transform:uppercase; }
.portal-documents article b { font-size:.82rem; letter-spacing:.02em; }
.portal-documents article small { overflow:hidden; color:#7d746a; font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
.portal-documents article a { flex:0 0 auto; color:#9d702d; font-size:.72rem; font-weight:700; text-decoration:none; }
.document-actions{width:min(820px,calc(100% - 32px));margin:0 auto 14px;padding:16px 18px;border:1px solid rgba(178,126,46,.2);border-radius:16px;background:rgba(255,253,249,.82);display:flex;align-items:center;justify-content:space-between;gap:16px}.document-actions p{margin:0;color:#655c53;font-size:.82rem}.document-actions form{display:flex;flex-wrap:wrap;gap:8px}.document-action{border:1px solid #dcc8aa;border-radius:999px;padding:9px 13px;color:#805b28;background:#fffdfa;font:600 .7rem inherit;cursor:pointer}.document-action--accept{border-color:#b88639;color:#fff;background:#b88639}
@media (max-width:680px){
  .portal-card--documents { order:3; grid-column:auto; }
  .portal-card--messages { order:4; }
  .portal-documents article { align-items:flex-start; padding:12px; }
  .portal-documents article a { margin-top:5px; }
  .document-actions{display:grid;gap:10px;margin-bottom:10px}.document-actions form{display:grid;grid-template-columns:1fr}.document-action{width:100%}
}

/* Contact, confirmation and private inquiry portal: shared premium surface. */
.contact-page,
.portal-page {
  background:
    radial-gradient(circle at 12% 0, rgba(211, 173, 108, .16), transparent 30rem),
    linear-gradient(180deg, #f7f4ef 0%, #f0ece6 100%);
}
.contact-page .contact-shell {
  width: min(1240px, calc(100% - 64px));
  grid-template-columns: minmax(0, .86fr) minmax(500px, 1.14fr);
  gap: clamp(54px, 7vw, 108px);
  padding: clamp(78px, 9vw, 126px) 0 110px;
}
.contact-page .contact-intro { padding-top: 22px; }
.contact-page .contact-intro h1 { font-size: clamp(3.5rem, 6vw, 6.1rem); font-weight: 560; line-height: .93; }
.contact-page .contact-intro > p:not(.eyebrow) { max-width: 520px; font-size: 1.03rem; line-height: 1.72; }
.contact-page .contact-intro__facts { margin-top: 50px; }
.contact-page .contact-card { border-radius: 25px; background: rgba(255, 253, 249, .82); }
.contact-page .contact-card__head > span { border-radius: 13px; }
.contact-page .contact-submit { border-radius: 999px; }
.contact-confirmation {
  width: min(900px, calc(100% - 64px));
  margin: 0 auto;
  padding: clamp(84px, 11vw, 150px) 0 130px;
  text-align: center;
}
.contact-confirmation__mark { display: grid; width: 58px; height: 58px; margin: 0 auto 24px; place-items: center; border-radius: 50%; color: #fff; background: #1f1c18; font-size: 1.7rem; box-shadow: 0 16px 35px rgba(38, 29, 19, .15); }
.contact-confirmation > .eyebrow { justify-content: center; }
.contact-confirmation h1 { margin: 18px auto 16px; max-width: 720px; font-size: clamp(3rem, 6vw, 5.8rem); line-height: .94; letter-spacing: -.075em; }
.contact-confirmation__lead { max-width: 570px; margin: 0 auto; color: #716a62; font-size: 1rem; line-height: 1.7; }
.contact-confirmation__number { display: inline-grid; gap: 5px; margin: 32px auto 40px; padding: 15px 24px; border: 1px solid rgba(178, 126, 46, .25); border-radius: 16px; background: rgba(224, 190, 127, .14); }
.contact-confirmation__number span { color: #92703b; font: 700 .62rem var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
.contact-confirmation__number strong { font-size: 1.1rem; letter-spacing: .03em; }
.contact-confirmation__timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; text-align: left; }
.contact-confirmation__timeline li { display: grid; gap: 12px; align-content: start; padding: 18px; border: 1px solid rgba(75, 65, 52, .12); border-radius: 17px; background: rgba(255, 253, 249, .66); }
.contact-confirmation__timeline i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #92703b; background: rgba(207, 164, 86, .16); font: 700 .68rem var(--font-mono); font-style: normal; }
.contact-confirmation__timeline b { display: block; font-size: .78rem; }
.contact-confirmation__timeline small { display: block; margin-top: 6px; color: #827a70; font-size: .68rem; line-height: 1.45; }
.contact-confirmation__actions { display: flex; justify-content: center; gap: 10px; margin-top: 38px; }
.contact-confirmation__actions .btn { min-height: 50px; padding-inline: 22px; border-radius: 999px; }

.portal-page__main { width: min(1100px, calc(100% - 64px)); margin: 0 auto; padding: clamp(72px, 8vw, 115px) 0 110px; }
.portal-hero { margin-bottom: 34px; }
.portal-hero__row { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-top: 18px; }
.portal-hero h1 { margin: 0 0 14px; font-size: clamp(3rem, 6vw, 5.5rem); line-height: .93; letter-spacing: -.075em; }
.portal-hero p:not(.eyebrow) { max-width: 550px; margin: 0; color: #716a62; font-size: .96rem; line-height: 1.65; }
.portal-number { flex: 0 0 auto; padding: 11px 15px; border: 1px solid rgba(178, 126, 46, .25); border-radius: 999px; color: #8d672c; background: rgba(224, 190, 127, .14); font: 700 .68rem var(--font-mono); letter-spacing: .08em; }
.portal-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 14px; }
.portal-card { padding: 25px; border: 1px solid rgba(75, 65, 52, .13); border-radius: 21px; background: rgba(255, 253, 249, .78); box-shadow: 0 16px 45px rgba(65, 52, 38, .055), inset 0 1px 0 rgba(255,255,255,.9); }
.portal-card--messages { grid-column: 1 / -1; }
.portal-card__head { display: flex; align-items: center; gap: 11px; margin-bottom: 20px; }
.portal-card__head span { color: #ad7c32; font: 700 .65rem var(--font-mono); letter-spacing: .1em; }
.portal-card__head h2 { margin: 0; font-size: 1.13rem; letter-spacing: -.035em; }
.portal-card dl { display: grid; gap: 0; margin: 0; }
.portal-card dl div { display: flex; justify-content: space-between; gap: 20px; padding: 11px 0; border-bottom: 1px solid rgba(75, 65, 52, .1); }
.portal-card dt { color: #8c847a; font-size: .68rem; }
.portal-card dd { margin: 0; font-size: .72rem; font-weight: 600; text-align: right; }
.portal-status-dot { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #b27d2e; }
.portal-idea { margin-top: 20px; padding: 16px 17px; border-radius: 14px; background: rgba(244, 237, 226, .78); }
.portal-idea > span { color: #997039; font: 700 .61rem var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.portal-idea p { margin: 9px 0 0; color: #554e47; font-size: .8rem; line-height: 1.6; }
.portal-card--timeline ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.portal-card--timeline li { display: grid; grid-template-columns: 10px 1fr; gap: 10px; align-items: start; }
.portal-card--timeline li > i { width: 8px; height: 8px; margin-top: 5px; border: 2px solid #c2944e; border-radius: 50%; background: transparent; }
.portal-card--timeline li.is-done > i { background: #c2944e; }
.portal-card--timeline b { display: block; font-size: .75rem; }
.portal-card--timeline small { display: block; margin-top: 4px; color: #8a8177; font-size: .65rem; }
.portal-messages { display: grid; gap: 10px; max-height: 380px; overflow: auto; }
.portal-message { max-width: min(720px, 90%); padding: 13px 15px; border-radius: 15px; background: #f4eee5; }
.portal-message--customer { justify-self: end; background: #e9d3a6; }
.portal-message > div { display: flex; justify-content: space-between; gap: 18px; color: #6f675e; font-size: .65rem; }
.portal-message > div b { color: #28231e; font-size: .68rem; }
.portal-message p { margin: 7px 0 0; color: #423c35; font-size: .78rem; line-height: 1.55; }
.portal-empty { margin: 0; color: #8b837b; font-size: .8rem; }
.portal-message-form { display: grid; gap: 9px; margin-top: 18px; }
.portal-message-form label { color: #70685e; font: 700 .63rem var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.portal-message-form textarea { width: 100%; padding: 13px 14px; border: 1px solid rgba(75,65,52,.15); border-radius: 13px; resize: vertical; color: #28231f; background: rgba(255,255,255,.75); font: .82rem/1.5 var(--font-body); }
.portal-message-form button { justify-self: start; min-height: 45px; padding-inline: 19px; border-radius: 999px; }

@media (max-width: 900px) {
  .contact-page .contact-shell { grid-template-columns: 1fr; gap: 42px; }
  .contact-page .contact-intro { padding-top: 0; }
  .contact-confirmation__timeline { grid-template-columns: repeat(2, 1fr); }
  .portal-grid { grid-template-columns: 1fr; }
  .portal-card--messages { grid-column: auto; }
}
@media (max-width: 680px) {
  .contact-page .contact-shell { width: calc(100% - 32px); padding: 48px 0 74px; }
  .contact-page .contact-intro h1 { margin-top: 20px; font-size: clamp(3rem, 14vw, 4.5rem); }
  .contact-page .contact-intro > p:not(.eyebrow) { font-size: .88rem; line-height: 1.6; }
  .contact-page .contact-intro__facts { margin-top: 30px; }
  .contact-page .contact-card { padding: 20px 16px; border-radius: 21px; }
  .contact-page .contact-card__head { margin-bottom: 23px; }
  .contact-page .contact-form { gap: 14px; }
  .contact-page .contact-form input:not([type="checkbox"]), .contact-page .contact-form select { height: 48px; }
  .contact-page .contact-form textarea { min-height: 125px; }
  .contact-confirmation { width: calc(100% - 32px); padding: 64px 0 82px; }
  .contact-confirmation h1 { font-size: clamp(2.8rem, 13vw, 4.2rem); }
  .contact-confirmation__lead { font-size: .86rem; }
  .contact-confirmation__timeline { gap: 8px; }
  .contact-confirmation__timeline li { padding: 13px; }
  .contact-confirmation__timeline b { font-size: .7rem; }
  .contact-confirmation__timeline small { font-size: .62rem; }
  .contact-confirmation__actions { display: grid; margin-top: 28px; }
  .contact-confirmation__actions .btn { width: 100%; }
  .portal-page__main { width: calc(100% - 32px); padding: 55px 0 80px; }
  .portal-hero__row { display: grid; gap: 16px; }
  .portal-hero h1 { font-size: clamp(2.9rem, 13vw, 4rem); }
  .portal-hero p:not(.eyebrow) { font-size: .84rem; }
  .portal-number { justify-self: start; }
  .portal-card { padding: 18px 16px; border-radius: 18px; }
  .portal-card--timeline { order: 2; }
  .portal-card--messages { order: 3; }
  .portal-message { max-width: 94%; }
}

@media (max-width:680px){
  body:not(.home) .chatbot-fab{display:none!important}
  body:not(.home) .mobile-call-fab{display:grid!important;position:fixed!important;right:16px!important;bottom:max(24px,env(safe-area-inset-bottom))!important;z-index:120!important;width:56px!important;height:56px!important;place-items:center!important;border:1px solid rgba(197,154,85,.42)!important;border-radius:50%!important;color:#d7a652!important;background:linear-gradient(145deg,#211e1a,#12110f)!important;box-shadow:0 12px 28px rgba(31,25,20,.22),inset 0 1px 0 rgba(255,255,255,.08)!important}
  body:not(.home) .mobile-call-fab svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body:not(.home) .nav[data-nav]{height:64px!important;background:#f5f0e9!important}
  body:not(.home) .nav[data-nav] .nav__inner{position:relative!important;z-index:2!important;width:100%!important;height:64px!important;min-height:64px!important;padding:0 14px!important;background:#f5f0e9!important}
  body:not(.home) .nav[data-nav] .nav__brand{flex:0 0 150px!important;width:150px!important;overflow:hidden!important}
  body:not(.home) .nav[data-nav] .nav__logo--desktop{display:block!important;width:136px!important;max-width:136px!important;margin-left:0!important;transform:none!important}
  body:not(.home) .nav[data-nav] .nav__logo--mobile{display:none!important}
  body:not(.home) .nav[data-nav] .langswitch__trigger,body:not(.home) .nav[data-nav] .nav__burger{height:42px!important;border:1px solid rgba(71,58,44,.09)!important;background:rgba(255,255,255,.9)!important;box-shadow:0 7px 20px rgba(47,38,28,.07)!important}
  body:not(.home) .nav[data-nav] .nav__burger{width:42px!important}
  body:not(.home) .mobilemenu{top:63px!important;right:0!important;left:0!important;width:100%!important;margin:0!important;padding:0 14px 18px!important;border:0!important;border-radius:0 0 20px 20px!important;background:#f5f0e9!important;box-shadow:0 26px 48px rgba(50,39,28,.15)!important}
}

/* Legacy mobile sizing pass: keep the lead card large and fully visible. */
@media (max-width:680px){
  body.home section.projects{min-height:0!important;height:auto!important;padding:44px 0 30px!important}
  body.home section.projects .section__head{margin-bottom:24px!important}
  body.home section.projects .section__head h2{font-size:clamp(2rem,8vw,2.7rem)!important;line-height:.98!important}
  body.home section.projects .section__head .section__intro{font-size:.84rem!important;line-height:1.42!important;margin-top:12px!important}
  body.home section.projects .bento{flex:0 0 auto!important;height:clamp(388px,calc(58svh + 18px),458px)!important;padding:0 13vw 18px!important;gap:12px!important;scroll-padding-inline:13vw!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important}
  body.home section.projects .bcard,body.home section.projects .bcard--lg,body.home section.projects .bcard--tall{flex:0 0 74vw!important;width:74vw!important;height:clamp(370px,58svh,440px)!important;grid-template-rows:clamp(128px,20svh,158px) minmax(0,1fr)!important;border-radius:18px!important}
  body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{height:clamp(128px,20svh,158px)!important;margin:0!important;border-radius:17px 17px 0 0!important}
  body.home section.projects .bcard__body,body.home section.projects .bcard--lg .bcard__body{padding:15px 17px 13px!important}
  body.home section.projects .bcard h3,body.home section.projects .bcard--lg .bcard__body h3{font-size:1.2rem!important;margin:8px 0 5px!important}
  body.home section.projects .bcard p,body.home section.projects .bcard--lg .bcard__body p{font-size:.68rem!important;line-height:1.38!important;-webkit-line-clamp:4!important}
  body.home section.projects .projects__mobile-foot{gap:11px!important;margin-top:10px!important}
  body.home section.projects .projects__mobile-foot p{font-size:.74rem!important}
  body.home section.projects .projects__swipe-icon{width:29px!important;height:29px!important;flex-basis:29px!important}
  body.home section.projects .projects__cta{margin:14px 16px 0!important}
body.home section.projects .projects__cta .btn{min-height:48px!important;font-size:.8rem!important}
}

/* Mobile About composition: editorial cards, cropped product phones and balanced stats. */
@media (max-width:680px){
  body.home section.intro#ueber{height:auto!important;min-height:0!important;max-height:none!important;display:block!important;overflow:hidden!important;padding:30px 0 24px!important;background:#f5f0e9 url('../img/wexion-about-mobile.png') center top/cover no-repeat!important}
  body.home section.intro#ueber::before{background:linear-gradient(180deg,rgba(248,244,238,.9),rgba(248,244,238,.78) 68%,rgba(248,244,238,.9))!important}
  body.home section.intro#ueber>.container,body.home section.intro#ueber>.container:last-child{position:relative!important;inset:auto!important;width:calc(100% - 28px)!important;margin:0 auto!important}
  body.home section.intro#ueber .intro__inner{display:block!important;padding:0!important;height:auto!important}
  body.home section.intro#ueber .intro__lead .eyebrow{margin:0 0 12px!important;font-size:.62rem!important;letter-spacing:.2em!important}
  body.home section.intro#ueber .intro__title{width:100%!important;max-width:18ch!important;font-size:clamp(1.85rem,8.2vw,2.25rem)!important;line-height:1.03!important;letter-spacing:-.055em!important}
  body.home section.intro#ueber .intro__title::after{width:38px!important;margin-top:14px!important}
  body.home section.intro#ueber .intro__body{width:100%!important;max-width:none!important;margin:22px 0 0!important}
  body.home section.intro#ueber .intro__copy--desktop{display:none!important}
  body.home section.intro#ueber .intro__copy--mobile{display:flex!important;flex-direction:column!important;gap:12px!important}
  body.home section.intro#ueber .intro__mobile-card{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;min-height:0!important;padding:16px!important;border:1px solid rgba(73,57,42,.1)!important;border-radius:18px!important;background:rgba(255,253,250,.88)!important;box-shadow:0 12px 28px rgba(55,40,27,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(12px)!important}
  body.home section.intro#ueber .intro__mobile-placeholder{display:block!important;width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(145deg,#f0e8dd,#e5d5c4)!important}
  body.home section.intro#ueber .intro__mobile-icon{display:grid!important;width:46px!important;height:46px!important;place-items:center!important;border-radius:14px!important;background:#f3ece3!important;color:#b47d2b!important}
  body.home section.intro#ueber .intro__mobile-icon svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.home section.intro#ueber .intro__mobile-card p{margin:0!important;font-family:"General Sans","Helvetica Neue",Arial,sans-serif!important;font-size:.78rem!important;line-height:1.42!important;letter-spacing:-.01em!important;color:#28252a!important}
  body.home section.intro#ueber .intro__mobile-card p strong{font-weight:650!important}
  body.home section.intro#ueber .intro__mobile-card--products{display:block!important;padding-bottom:14px!important}
  body.home section.intro#ueber .intro__mobile-phones{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:8px!important;height:118px!important;margin:12px -4px -4px!important;overflow:hidden!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(241,233,224,.35),rgba(224,209,193,.45))!important}
  body.home section.intro#ueber .intro__mobile-phones img{display:block!important;width:43%!important;height:175px!important;object-fit:cover!important;object-position:50% 9%!important;transform:translateY(27px)!important;filter:drop-shadow(0 8px 10px rgba(30,25,20,.16))!important}
  body.home section.intro#ueber .intro__mobile-phones img.intro__mobile-phone--mirror{transform:translateY(27px) scaleX(-1)!important}
  body.home section.intro#ueber .intro__disciplines{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:2px 0 0!important}
  body.home section.intro#ueber .intro__disciplines span{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:32px!important;padding:0 4px!important;border:1px solid rgba(73,57,42,.1)!important;border-radius:9px!important;background:rgba(255,253,250,.72)!important;color:#514a43!important;font-size:.58rem!important;font-weight:550!important}
  body.home section.intro#ueber .intro__disciplines i{color:#b47d2b!important;font-style:normal!important;font-size:.7rem!important}
  body.home section.intro#ueber .stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
  body.home section.intro#ueber .stat{display:block!important;min-height:76px!important;padding:13px 14px!important;border:1px solid rgba(73,57,42,.1)!important;border-radius:15px!important;background:rgba(255,253,250,.86)!important;box-shadow:0 10px 24px rgba(55,40,27,.06)!important}
  body.home section.intro#ueber .stat::before{display:none!important}
  body.home section.intro#ueber .stat__num{font-size:1.28rem!important;line-height:1!important}
  body.home section.intro#ueber .stat__label{margin-top:7px!important;font-size:.58rem!important;line-height:1.2!important;color:#625a51!important}
}

/* Mobile About composition: editorial cards, cropped product phones and balanced stats. */
@media (max-width:680px){
  body.home section.intro#ueber{height:auto!important;min-height:0!important;max-height:none!important;display:block!important;overflow:hidden!important;padding:30px 0 24px!important;background:#f5f0e9 url('../img/wexion-about-mobile.png') center top/cover no-repeat!important}
  body.home section.intro#ueber::before{background:linear-gradient(180deg,rgba(248,244,238,.9),rgba(248,244,238,.78) 68%,rgba(248,244,238,.9))!important}
  body.home section.intro#ueber>.container,body.home section.intro#ueber>.container:last-child{position:relative!important;inset:auto!important;width:calc(100% - 28px)!important;margin:0 auto!important}
  body.home section.intro#ueber .intro__inner{display:block!important;padding:0!important;height:auto!important}
  body.home section.intro#ueber .intro__lead .eyebrow{margin:0 0 12px!important;font-size:.62rem!important;letter-spacing:.2em!important}
  body.home section.intro#ueber .intro__title{width:100%!important;max-width:18ch!important;font-size:clamp(1.85rem,8.2vw,2.25rem)!important;line-height:1.03!important;letter-spacing:-.055em!important}
  body.home section.intro#ueber .intro__title::after{width:38px!important;margin-top:14px!important}
  body.home section.intro#ueber .intro__body{width:100%!important;max-width:none!important;margin:22px 0 0!important}
  body.home section.intro#ueber .intro__copy--desktop{display:none!important}
  body.home section.intro#ueber .intro__copy--mobile{display:flex!important;flex-direction:column!important;gap:12px!important}
  body.home section.intro#ueber .intro__mobile-card{position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:start!important;gap:14px!important;min-height:0!important;padding:16px!important;border:1px solid rgba(73,57,42,.1)!important;border-radius:18px!important;background:rgba(255,253,250,.88)!important;box-shadow:0 12px 28px rgba(55,40,27,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(12px)!important}
  body.home section.intro#ueber .intro__mobile-placeholder{display:block!important;width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(145deg,#f0e8dd,#e5d5c4)!important}
  body.home section.intro#ueber .intro__mobile-icon{display:grid!important;width:46px!important;height:46px!important;place-items:center!important;border-radius:14px!important;background:#f3ece3!important;color:#b47d2b!important}
  body.home section.intro#ueber .intro__mobile-icon svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.home section.intro#ueber .intro__mobile-card p{margin:0!important;font-family:"General Sans","Helvetica Neue",Arial,sans-serif!important;font-size:.78rem!important;line-height:1.42!important;letter-spacing:-.01em!important;color:#28252a!important}
  body.home section.intro#ueber .intro__mobile-card p strong{font-weight:650!important}
  body.home section.intro#ueber .intro__mobile-card--products{display:block!important;padding-bottom:14px!important}
  body.home section.intro#ueber .intro__mobile-phones{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:8px!important;height:118px!important;margin:12px -4px -4px!important;overflow:hidden!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(241,233,224,.35),rgba(224,209,193,.45))!important}
  body.home section.intro#ueber .intro__mobile-phones img{display:block!important;width:43%!important;height:175px!important;object-fit:cover!important;object-position:50% 9%!important;transform:translateY(27px)!important;filter:drop-shadow(0 8px 10px rgba(30,25,20,.16))!important}
  body.home section.intro#ueber .intro__mobile-phones img.intro__mobile-phone--mirror{transform:translateY(27px) scaleX(-1)!important}
  body.home section.intro#ueber .intro__disciplines{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:2px 0 0!important}
  body.home section.intro#ueber .intro__disciplines span{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:32px!important;padding:0 4px!important;border:1px solid rgba(73,57,42,.1)!important;border-radius:9px!important;background:rgba(255,253,250,.72)!important;color:#514a43!important;font-size:.58rem!important;font-weight:550!important}
  body.home section.intro#ueber .intro__disciplines i{color:#b47d2b!important;font-style:normal!important;font-size:.7rem!important}
  body.home section.intro#ueber .stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
  body.home section.intro#ueber .stat{display:block!important;min-height:76px!important;padding:13px 14px!important;border:1px solid rgba(73,57,42,.1)!important;border-radius:15px!important;background:rgba(255,253,250,.86)!important;box-shadow:0 10px 24px rgba(55,40,27,.06)!important}
  body.home section.intro#ueber .stat::before{display:none!important}
  body.home section.intro#ueber .stat__num{font-size:1.28rem!important;line-height:1!important}
  body.home section.intro#ueber .stat__label{margin-top:7px!important;font-size:.58rem!important;line-height:1.2!important;color:#625a51!important}
}

/* Keep the carousel footer and CTA inside the mobile projects section. */
@media (max-width:680px){
  body.home section.projects{height:auto!important;min-height:0!important;padding-bottom:30px!important}
  body.home section.projects .projects__mobile-foot,
  body.home section.projects .projects__cta{flex:0 0 auto!important}
}

/* Premium compact pricing on phones: one clear offer per card, no horizontal squeeze. */
@media (max-width:680px){
  body.home section.pricing#preise{padding:46px 0 56px!important;background:#f4f1ec!important;overflow:hidden!important}
  body.home section.pricing#preise>.container{width:calc(100% - 32px)!important;margin:0 auto!important}
  body.home section.pricing#preise .section__head{max-width:34ch!important;margin:0 0 22px!important;text-align:left!important}
  body.home section.pricing#preise .section__head .eyebrow{margin-bottom:11px!important;font-size:.62rem!important;letter-spacing:.18em!important}
  body.home section.pricing#preise .section__title{max-width:15ch!important;font-size:clamp(1.95rem,8.8vw,2.45rem)!important;line-height:1.02!important;letter-spacing:-.05em!important}
  body.home section.pricing#preise .section__intro{max-width:30ch!important;margin-top:11px!important;font-size:.84rem!important;line-height:1.45!important;color:#6f6962!important}
  body.home section.pricing#preise .pricing__grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body.home section.pricing#preise .price,
  body.home section.pricing#preise .price.price--feature{position:relative!important;display:flex!important;min-height:0!important;height:auto!important;flex-direction:column!important;padding:19px 18px 17px!important;border:1px solid rgba(110,99,86,.14)!important;border-radius:18px!important;background:rgba(255,253,249,.84)!important;box-shadow:0 12px 28px rgba(61,49,36,.055)!important;transform:none!important}
  body.home section.pricing#preise .price.price--feature{border-color:rgba(191,142,58,.48)!important;background:rgba(255,253,249,.92)!important}
  body.home section.pricing#preise .price__flag{position:absolute!important;top:16px!important;right:16px!important;padding:5px 10px!important;font-size:.56rem!important;letter-spacing:.08em!important}
  body.home section.pricing#preise .price__icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important;background:#f3ede3!important;box-shadow:none!important}
  body.home section.pricing#preise .price__icon svg{width:20px!important;height:20px!important}
  body.home section.pricing#preise .price__name{margin:13px 0 0!important;font-size:1.08rem!important;line-height:1.15!important}
  body.home section.pricing#preise .price__name::after{width:22px!important;margin-top:9px!important}
  body.home section.pricing#preise .price__val{min-height:0!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;margin:13px 0 9px!important;font-size:.68rem!important}
  body.home section.pricing#preise .price__val span{display:block!important;flex:0 0 auto!important;margin:0!important;color:#8a8176!important;font-size:.6rem!important;letter-spacing:.12em!important;text-transform:uppercase!important}
  body.home section.pricing#preise .price__val b{font-size:1.65rem!important;line-height:1!important}
  body.home section.pricing#preise .price__val small{font-size:.66rem!important}
  body.home section.pricing#preise .price__list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 10px!important;margin:0 0 14px!important}
  body.home section.pricing#preise .price__list li{min-height:22px!important;padding:3px 0 3px 15px!important;font-size:.66rem!important;line-height:1.25!important}
  body.home section.pricing#preise .price__list li::before{top:6px!important;left:0!important;width:9px!important;height:9px!important;font-size:.43rem!important;line-height:8px!important}
  body.home section.pricing#preise .price>.btn{width:100%!important;min-height:42px!important;margin-top:auto!important;padding:0 14px!important;border-radius:999px!important;font-size:.72rem!important}
  body.home section.pricing#preise .pricing__note{display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important;margin-top:18px!important;padding:15px 16px!important;border:1px solid rgba(110,99,86,.13)!important;border-radius:16px!important;background:rgba(255,253,249,.7)!important}
  body.home section.pricing#preise .pricing__note::before{display:none!important}
  body.home section.pricing#preise .pricing__note p{font-size:.7rem!important;line-height:1.4!important}
  body.home section.pricing#preise .pricing__note .btn{width:100%!important;min-width:0!important;min-height:42px!important;border-radius:999px!important;font-size:.7rem!important}
}
@media (max-width:390px){
  body.home section.pricing#preise .price__list{grid-template-columns:1fr!important}
}

/* FAQ contact panel: calm, premium split layout on mobile. */
@media (max-width:680px){
  body.home section.faq .faq__contactbar{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:20px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(110,99,86,.14)!important;border-radius:18px!important;background:rgba(255,253,249,.86)!important;box-shadow:0 12px 28px rgba(61,49,36,.055)!important}
  body.home section.faq .faq__contact-help,body.home section.faq .faq__contact-phone{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:12px!important;min-width:0!important;padding:17px 16px!important;border:0!important;font-size:.72rem!important;line-height:1.4!important}
  body.home section.faq .faq__contact-help{border-bottom:1px solid rgba(110,99,86,.13)!important}
  body.home section.faq .faq__contact-help .ic,body.home section.faq .faq__contact-phone .ic{width:30px!important;height:30px!important;padding:7px!important;border-radius:10px!important;background:#f2ece3!important;stroke:#b47d2d!important}
  body.home section.faq .faq__contact-help span,body.home section.faq .faq__contact-phone span{display:block!important;color:#4f4a44!important}
  body.home section.faq .faq__contact-help a{grid-column:2!important;width:max-content!important;margin:2px 0 0!important;color:#ad7629!important;font-size:.7rem!important;font-weight:700!important;line-height:1.2!important}
  body.home section.faq .faq__contact-help a b{font-size:1rem!important}
  body.home section.faq .faq__contact-phone b{color:#24211e!important;font-size:.76rem!important}
  body.home section.faq .faq__contact-phone i{width:4px!important;height:4px!important;margin:0 6px 1px!important}
}

/* The lead media panel is edge-to-edge inside the card. */
@media (max-width:900px){
  body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{margin:0!important;border-radius:17px 17px 0 0!important}
}

/* Mobile services section: premium accordion hierarchy matching the reference. */
@media (max-width:900px){
  body.home section.services{padding:48px 0 54px!important;background:#f7f4ef!important}
  body.home section.services>.container{width:calc(100% - 32px)!important;margin:0 auto!important}
  body.home section.services .section__head{margin:0 0 22px!important;text-align:left!important}
  body.home section.services .section__head .eyebrow{margin-bottom:12px!important;font-size:.64rem!important;letter-spacing:.18em!important}
  body.home section.services .section__head h2{max-width:14ch!important;margin:0!important;font-size:clamp(2.15rem,9.4vw,2.8rem)!important;line-height:.98!important;letter-spacing:-.055em!important}
  body.home section.services .section__head .section__intro{max-width:34ch!important;margin:17px 0 0!important;font-size:.88rem!important;line-height:1.52!important;color:#6f6b66!important}
  body.home section.services .services__grid{display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden!important;border:1px solid rgba(191,151,109,.22)!important;border-radius:16px!important;background:rgba(255,253,249,.86)!important;box-shadow:0 16px 38px rgba(52,42,32,.06)!important}
  body.home section.services .service{position:relative!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) 28px!important;align-items:center!important;width:100%!important;min-height:74px!important;padding:13px 16px!important;border:0!important;border-bottom:1px solid rgba(191,151,109,.18)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important}
  body.home section.services .service:first-child{display:grid!important;grid-template-columns:54px minmax(0,1fr) 28px!important;align-items:start!important;padding:20px 16px 22px!important;min-height:250px!important}
  body.home section.services .service:last-child{border-bottom:0!important}
  body.home section.services .service__ic{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:50%!important;background:#f1ece4!important;color:#ae7b31!important}
  body.home section.services .service__ic .ic{width:22px!important;height:22px!important}
  body.home section.services .service h3{grid-column:2!important;margin:0!important;font-size:1.1rem!important;line-height:1.1!important;letter-spacing:-.03em!important;color:#171719!important}
  body.home section.services .service:first-child h3{margin-top:4px!important;font-size:1.42rem!important}
  body.home section.services .service p{grid-column:2/-1!important;margin:20px 0 14px!important;max-width:36ch!important;font-size:.84rem!important;line-height:1.5!important;color:#69645e!important}
  body.home section.services .service__link{grid-column:2!important;display:inline-flex!important;align-items:center!important;gap:12px!important;width:max-content!important;color:#ad7629!important;font-size:.82rem!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:7px!important}
  body.home section.services .service__link .ic{width:20px!important;height:20px!important}
  body.home section.services .service:not(:first-child) p,body.home section.services .service:not(:first-child) .service__link{display:none!important}
  body.home section.services .service:not(:first-child)::after{content:"+";grid-column:3;grid-row:1;color:#a8752e;font-size:1.7rem;font-weight:300;line-height:1}
  body.home section.services .services__extra{margin-top:32px!important}
  body.home section.services .services__extra>span{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 14px!important;color:#b17b32!important;font-size:.64rem!important;letter-spacing:.26em!important;text-transform:uppercase!important}
  body.home section.services .services__extra>span::after{content:"";height:1px;flex:1;background:rgba(64,54,44,.15)}
  body.home section.services .services__extra ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important}
  body.home section.services .services__extra li{display:flex!important;align-items:center!important;justify-content:center!important;min-height:104px!important;padding:14px 8px!important;border:1px solid rgba(64,54,44,.08)!important;border-radius:15px!important;background:rgba(255,253,249,.9)!important;color:#1b1a19!important;font-size:.82rem!important;text-align:center!important;box-shadow:0 8px 20px rgba(52,42,32,.04)!important}
  body.home section.hero .hero__cta{transform:translateY(8px)!important}
}

/* Keep media edge-to-edge while restoring the carousel footer and CTA. */
@media (max-width:900px){
  body.home section.projects{height:auto!important;min-height:calc(100svh - 28px)!important;padding-bottom:36px!important;overflow:hidden!important}
  body.home section.projects .bento{height:auto!important;min-height:0!important;padding:0 13vw 14px!important;overflow-x:auto!important;overflow-y:hidden!important}
  body.home section.projects .bcard,body.home section.projects .bcard--lg,body.home section.projects .bcard--tall{height:clamp(370px,56svh,430px)!important;min-height:clamp(370px,56svh,430px)!important}
  body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{height:clamp(128px,20svh,158px)!important;margin:0!important;border-radius:17px 17px 0 0!important}
  body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{height:clamp(128px,20svh,158px)!important;margin:0!important;border-radius:17px 17px 0 0!important}
  body.home section.projects .projects__mobile-foot{display:flex!important;visibility:visible!important;position:relative!important;z-index:2!important;margin-top:8px!important}
  body.home section.projects .projects__cta{display:flex!important;visibility:visible!important;position:relative!important;z-index:2!important;margin-top:16px!important}
}

/* 2026-08-26: authoritative mobile header/menu + one-screen About layout. */
@media(max-width:680px){
 body.home section.partners{display:block!important}
 body.home .nav[data-nav]{height:64px!important;background:#f5f0e9!important}
 body.home .nav[data-nav].is-open,body.home.is-menu-open .nav[data-nav]{background:#f5f0e9!important;box-shadow:none!important}
 body.home .nav[data-nav] .nav__inner{position:relative!important;z-index:2!important;width:100%!important;height:64px!important;min-height:64px!important;padding:0 14px!important;border:0!important;background:#f5f0e9!important;box-shadow:none!important}
 body.home .nav[data-nav] .nav__brand{position:relative!important;display:block!important;flex:0 0 150px!important;width:150px!important;height:42px!important;margin:0!important;overflow:hidden!important}
 body.home .nav[data-nav] .nav__brand .nav__logo--desktop{position:absolute!important;top:50%!important;left:-37px!important;display:block!important;width:225px!important;min-width:225px!important;max-width:225px!important;height:auto!important;margin:0!important;opacity:1!important;object-fit:contain!important;transform:translateY(-50%)!important}
 body.home .nav[data-nav] .nav__actions{position:relative!important;z-index:3!important;gap:8px!important}
 body.home .nav[data-nav] .langswitch__trigger,body.home .nav[data-nav] .nav__burger{height:42px!important;border:1px solid rgba(71,58,44,.09)!important;background:rgba(255,255,255,.9)!important;box-shadow:0 7px 20px rgba(47,38,28,.07)!important}
 body.home .nav[data-nav] .nav__burger{width:42px!important}
 body.home .mobilemenu{top:63px!important;right:0!important;left:0!important;width:100%!important;margin:0!important;padding:0 14px 18px!important;border:0!important;border-radius:0 0 20px 20px!important;background:#f5f0e9!important;box-shadow:0 26px 48px rgba(50,39,28,.15)!important}
 body.home .mobilemenu::before{display:block!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(70,56,42,.09) 12%,rgba(70,56,42,.09) 88%,transparent)!important;content:""!important}
 body.home .mobilemenu__nav a{min-height:36px!important;padding:0 2px!important;border-bottom:1px solid rgba(70,56,42,.09)!important;font-family:"General Sans",system-ui,sans-serif!important;font-size:.78rem!important;font-weight:520!important;letter-spacing:-.015em!important}
 body.home .mobilemenu__nav span{font-family:var(--font-mono)!important;font-size:.6rem!important;letter-spacing:.08em!important}
 body.home .mobilemenu__foot{padding-top:11px!important}
 body.home .mobilemenu__foot .btn{min-height:42px!important;border-radius:9px!important;box-shadow:none!important}
 body.home .mobilemenu__foot p{margin:11px 0 0!important;font-size:.62rem!important}

 body.home section.intro#ueber{position:relative!important;display:grid!important;width:100%!important;height:calc(100svh - 64px)!important;min-height:620px!important;max-height:780px!important;padding:0!important;overflow:hidden!important;color:#17171a!important;background:#f4eee7 url('../img/wexion-about-mobile.png') center/cover no-repeat!important}
 body.home section.intro#ueber::before{position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(249,246,241,.97) 0%,rgba(249,246,241,.91) 57%,rgba(249,246,241,.12) 100%)!important;content:""!important;pointer-events:none!important}
 body.home section.intro#ueber>.container{position:relative!important;z-index:1!important;width:calc(100% - 34px)!important;margin-inline:auto!important}
 body.home section.intro#ueber .intro__inner{display:block!important;height:auto!important;padding-top:clamp(38px,6.2vh,58px)!important}
 body.home section.intro#ueber .intro__lead .eyebrow{margin:0 0 18px!important;color:#a87327!important;font-family:var(--font-mono)!important;font-size:.6rem!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase!important}
 body.home section.intro#ueber .intro__lead .eyebrow__dot{display:none!important}
 body.home section.intro#ueber .intro__title{width:78%!important;max-width:292px!important;margin:0!important;color:#17171a!important;font-family:"General Sans","Helvetica Neue",Arial,sans-serif!important;font-size:clamp(1.72rem,7.9vw,2.16rem)!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:1.06!important;text-wrap:balance!important}
 body.home section.intro#ueber .intro__title::after{display:block!important;width:34px!important;height:1.5px!important;margin-top:19px!important;background:#b77f2b!important;content:""!important}
 body.home section.intro#ueber .intro__body{width:69%!important;max-width:270px!important;margin:21px 0 0!important;padding:0!important}
 body.home section.intro#ueber .intro__body p{margin:0 0 13px!important;color:#29282b!important;font-family:"General Sans","Helvetica Neue",Arial,sans-serif!important;font-size:clamp(.7rem,2.8vw,.79rem)!important;font-weight:430!important;letter-spacing:-.018em!important;line-height:1.55!important}
 body.home section.intro#ueber .intro__body strong{font-weight:680!important}
 body.home section.intro#ueber>.container:last-child{position:absolute!important;right:17px!important;bottom:17px!important;left:17px!important;width:auto!important}
 body.home section.intro#ueber .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0!important;padding:13px 0 0!important;border-top:1px solid rgba(64,52,40,.13)!important;background:rgba(248,244,238,.56)!important;backdrop-filter:blur(8px)!important}
 body.home section.intro#ueber .stat{min-width:0!important;padding:0 8px!important;border:0!important;border-right:1px solid rgba(64,52,40,.12)!important;background:transparent!important;box-shadow:none!important}
 body.home section.intro#ueber .stat:first-child{padding-left:0!important}body.home section.intro#ueber .stat:last-child{padding-right:0!important;border-right:0!important}
 body.home section.intro#ueber .stat__num{margin:0!important;color:#17171a!important;font-family:"General Sans",sans-serif!important;font-size:1.02rem!important;font-weight:580!important;letter-spacing:-.04em!important;line-height:1!important}
 body.home section.intro#ueber .stat__label{margin:6px 0 0!important;color:#4e4a45!important;font-size:.53rem!important;line-height:1.22!important;text-transform:none!important}
}
@media(max-width:380px) and (max-height:700px){body.home section.intro#ueber{min-height:570px!important}body.home section.intro#ueber .intro__inner{padding-top:28px!important}body.home section.intro#ueber .intro__lead .eyebrow{margin-bottom:12px!important}body.home section.intro#ueber .intro__title{font-size:1.55rem!important}body.home section.intro#ueber .intro__title::after{margin-top:13px!important}body.home section.intro#ueber .intro__body{margin-top:15px!important}body.home section.intro#ueber .intro__body p{margin-bottom:9px!important;font-size:.67rem!important;line-height:1.43!important}}
.legal-page mark{display:inline;padding:.12em .3em;border-radius:.3em;color:#7c3c2d;background:#f7dfd6}.legal-status.is-complete{border-color:rgba(81,140,98,.24);background:rgba(206,232,212,.18)}

/* Legal pages: quiet editorial hierarchy with comfortable reading measure. */
.legal-page--imprint .legal-content section{padding:0 0 24px;border-bottom:1px solid rgba(75,65,52,.1)}
.legal-page--imprint .legal-content section+section{margin-top:24px}
.legal-page--imprint .legal-content h2{margin-top:0;font-size:1.05rem;font-weight:620;color:#1d1b19}
.legal-page--imprint .legal-content p{max-width:62ch;margin:0}
.legal-page--imprint .legal-status{position:sticky;top:28px;border-radius:20px;box-shadow:0 16px 40px rgba(66,55,43,.06)}
@media (max-width:680px){
  .legal-page--imprint{width:calc(100% - 32px);padding:48px 0 64px}
  .legal-page--imprint header{margin-bottom:34px}
  .legal-page--imprint h1{font-size:clamp(2.8rem,14vw,4.2rem);line-height:.94}
  .legal-page--imprint header>p:last-child{font-size:.86rem;line-height:1.55}
  .legal-page--imprint .legal-layout{gap:22px}
  .legal-page--imprint .legal-content section{padding-bottom:18px}
  .legal-page--imprint .legal-content section+section{margin-top:18px}
  .legal-page--imprint .legal-content h2{font-size:1rem;margin-bottom:7px}
  .legal-page--imprint .legal-content p{font-size:.8rem;line-height:1.65}
  .legal-page--imprint .legal-status{position:static;padding:16px;border-radius:16px}
}

/* 2026-08-25 — final mobile polish: continuous header/menu, tactile partner
   reel and an editorial project carousel. Keep this block last. */
.partners__viewport[data-marquee-viewport] {
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
.partners__viewport[data-marquee-viewport].is-dragging { cursor: grabbing; }
.partners__viewport[data-marquee-viewport].is-manual .partners__track {
  animation: none !important;
  will-change: transform;
}

@media (max-width: 900px) {
  body.home .nav__brand {
    flex-basis: 150px !important;
    width: 150px !important;
  }
  body.home .nav__logo--desktop {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    margin-left: -23px !important;
    transform: scale(1.62) !important;
  }
  body.home .nav.is-open,
  body.home.is-menu-open .nav { background: #f3eee7 !important; }
  body.home .mobilemenu {
    top: calc(var(--header-h, 72px) - 2px) !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    border-radius: 0 0 22px 22px !important;
  }

  /* Same footprint and baseline, just a little more vertical presence. */
  body.home section.hero .hero__cta .btn {
    min-height: 47px !important;
    padding-block: 11px !important;
  }

  body.home section.projects {
    padding: 58px 0 64px !important;
    overflow: hidden !important;
    background: #f4f1ec !important;
  }
  body.home section.projects > .container {
    width: calc(100% - 32px) !important;
  }
  body.home section.projects .section__head {
    display: block !important;
    margin: 0 0 27px !important;
    text-align: left !important;
  }
  body.home section.projects .section__head .eyebrow {
    margin: 0 0 12px !important;
    font-size: .62rem !important;
    letter-spacing: .16em !important;
  }
  body.home section.projects .section__head h2 {
    max-width: 10ch !important;
    margin: 0 !important;
    font-size: clamp(2.35rem, 11vw, 3.2rem) !important;
    line-height: .94 !important;
    letter-spacing: -.065em !important;
  }
  body.home section.projects .section__head .section__intro {
    max-width: 34ch !important;
    margin: 17px 0 0 !important;
    font-size: .88rem !important;
    line-height: 1.55 !important;
  }
  body.home section.projects .bento {
    display: flex !important;
    width: calc(100% + 16px) !important;
    margin: 0 !important;
    padding: 0 16px 20px 0 !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 0 !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
  }
  body.home section.projects .bento::-webkit-scrollbar { display: none !important; }
  body.home section.projects .bcard,
  body.home section.projects .bcard--lg,
  body.home section.projects .bcard--tall {
    display: grid !important;
    flex: 0 0 min(86vw, 326px) !important;
    width: min(86vw, 326px) !important;
    height: 430px !important;
    min-height: 430px !important;
    grid-template-rows: 104px minmax(0, 1fr) !important;
    overflow: hidden !important;
    border: 1px solid rgba(64, 54, 44, .11) !important;
    border-radius: 17px !important;
    background: rgba(255, 253, 249, .86) !important;
    box-shadow: 0 18px 44px rgba(48, 40, 32, .07) !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  body.home section.projects .bcard__mock,
  body.home section.projects .bcard--lg .bcard__mock {
    width: auto !important;
    min-height: 0 !important;
    height: 86px !important;
    margin: 16px 16px 0 !important;
    overflow: hidden !important;
    border-radius: 2px !important;
  }
  body.home section.projects .bcard__body,
  body.home section.projects .bcard--lg .bcard__body {
    display: flex !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 86px 19px 17px !important;
  }
  body.home section.projects .bcard__meta { gap: 8px !important; }
  body.home section.projects .bcard__cat,
  body.home section.projects .tag,
  body.home section.projects .chip { font-size: .58rem !important; }
  body.home section.projects .bcard h3,
  body.home section.projects .bcard--lg .bcard__body h3 {
    margin: 9px 0 6px !important;
    font-size: 1.43rem !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
  }
  body.home section.projects .bcard p,
  body.home section.projects .bcard--lg .bcard__body p {
    display: -webkit-box !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: .75rem !important;
    line-height: 1.48 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  body.home section.projects .bcard__tech { display: none !important; }
  body.home section.projects .bcard__link {
    margin-top: auto !important;
    padding-top: 13px !important;
    font-size: .68rem !important;
  }
  body.home section.projects .projects__cta { margin-top: 5px !important; }
}

@media (max-width: 420px) and (max-height: 780px) {
  body.home section.hero .hero__cta .btn { min-height: 42px !important; }
}

/* 2026-08-24 — legacy mobile navigation rules (the final mobile lock lives at EOF) */
@media (max-width: 760px) {
  .nav__links,
  .nav.is-open .nav__links { display: none !important; }
}

/* Deliberately scoped: the original WEXION landing composition stays in style.css. */
.projects .bcard { position: relative; }
.projects .bcard__mock { overflow: hidden; }
.projects .bcard__mock > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 560ms cubic-bezier(.2,.75,.25,1); }
.projects .bcard:hover .bcard__mock > img { transform: scale(1.018); }
.projects .bcard__overlay-link { position: absolute; inset: 0; z-index: 5; border-radius: inherit; }
.projects .bcard__link { position: relative; z-index: 6; pointer-events: none; }

.project-list__empty { grid-column: 1/-1; padding: clamp(44px,7vw,76px); border: 1px solid var(--wx-project-line); border-radius: 21px; background: rgba(255,253,249,.72); text-align: center; }
.project-list__empty > span { color: var(--wx-project-gold); font-size: .68rem; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.project-list__empty h2 { margin: 16px 0 10px; font-size: clamp(2rem,4vw,3.6rem); letter-spacing: -.055em; }
.project-list__empty p { margin: 0; color: var(--wx-project-muted); }
.project-tile { position: relative; }
.project-tile__full-link { position: absolute; inset: 0; z-index: 5; border-radius: inherit; }
.project-tile__body > a, .project-tile__visual { position: relative; z-index: 6; pointer-events: none; }

/* Detailed project case study */
.subpage-main { padding-top: 118px; }
.projects-page .subpage-hero { max-width: 820px; padding-bottom: 48px; }
.projects-page .subpage-hero h1 { font-size: clamp(3.4rem,6vw,6.6rem); }
.projects-page .project-list { gap: 16px; }
.projects-page .project-tile__visual { min-height: 210px; }
.projects-page .project-tile__body { min-height: 218px; padding: 23px 25px; }
.projects-page .project-tile h2 { margin-top: 12px; font-size: 1.48rem; }
.projects-page .project-tile__body > a { margin-top: 22px; }

.case-study { width: min(1160px,calc(100% - 64px)); margin: 0 auto; padding: 104px 0 44px; color: var(--wx-project-ink); }
.case-hero { display: grid; grid-template-columns: minmax(340px,.88fr) minmax(0,1.12fr); min-height: 390px; overflow: hidden; border-radius: 22px; background: #151517; color: #fff; box-shadow: 0 22px 58px rgba(31,25,19,.12); }
.case-hero__copy { position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 42px 46px; }
.case-back { position: absolute; top: 27px; left: 46px; color: #c8c5c1; font-size: .76rem; font-weight: 650; }
.case-hero__copy .eyebrow { color: #c9a362; }
.case-hero__copy h1 { margin: 14px 0 14px; font-size: clamp(3.15rem,5vw,4.65rem); line-height: .88; letter-spacing: -.075em; }
.case-hero__lead { max-width: 540px; margin: 0; color: #c8c8c9; font-size: clamp(.9rem,1.2vw,1.02rem); line-height: 1.55; }
.case-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 22px; }
.case-text-link { color: #fff; font-size: .8rem; font-weight: 700; }
.case-hero__visual { position: relative; min-height: 390px; overflow: hidden; background: #e8e4dd; }
.case-hero__visual > img { width: 100%; height: 100%; object-fit: cover; }
.case-hero__visual::after { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(21,21,23,.22),transparent 27%); content: ""; pointer-events: none; }
.case-status { position: absolute; top: 22px; right: 22px; z-index: 2; display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; border: 1px solid rgba(34,145,75,.18); border-radius: 999px; background: rgba(233,249,238,.92); color: #16733a; backdrop-filter: blur(14px); font-size: .68rem; font-weight: 750; }
.case-status::before { width: 6px; height: 6px; border-radius: 50%; background: #2fb663; box-shadow: 0 0 0 3px rgba(47,182,99,.12); content: ""; }
.case-placeholder { display: grid; height: 100%; place-items: center; font-size: 7rem; font-weight: 750; }
.case-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 12px 0 34px; border: 1px solid var(--wx-project-line); border-radius: 16px; background: rgba(255,255,255,.72); box-shadow: 0 13px 38px rgba(31,25,19,.05); }
.case-facts > div { min-width: 0; padding: 15px 19px; border-right: 1px solid var(--wx-project-line); }
.case-facts > div:last-child { border-right: 0; }
.case-facts span { display: block; margin-bottom: 6px; color: #8a857e; font-size: .61rem; letter-spacing: .12em; text-transform: uppercase; }
.case-facts strong { display: block; overflow: hidden; font-size: .86rem; text-overflow: ellipsis; }
.case-showcase { margin: 0 0 54px; padding: 34px 36px 38px; overflow: hidden; border: 1px solid var(--wx-project-line); border-radius: 23px; background: #ebe8e2; }
.case-showcase__head { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.62fr); align-items: end; gap: 36px; margin-bottom: 25px; }
.case-showcase__head h2 { margin: 13px 0 0; font-size: clamp(2.45rem,3.6vw,3.65rem); line-height: .91; letter-spacing: -.064em; }
.case-showcase__head > p { max-width: 470px; margin: 0 0 5px; color: var(--wx-project-muted); line-height: 1.65; }
.case-showcase__rail { display: grid; gap: 12px; }
.case-showcase__item { position: relative; min-width: 0; overflow: hidden; background: #f8f7f4; box-shadow: 0 18px 35px rgba(27,24,21,.09); }
.case-showcase__item--dark { background: #18181a; color: #fff; }
.case-showcase__copy { position: relative; z-index: 2; }
.case-showcase__copy > span { color: var(--wx-project-gold); font-size: .62rem; font-weight: 800; letter-spacing: .13em; }
.case-showcase__copy h3 { margin: 12px 0 0; font-size: clamp(1.35rem,2vw,2.15rem); line-height: .92; letter-spacing: -.055em; }
.case-showcase__copy p { margin: 12px 0 0; color: #77716a; font-size: .76rem; line-height: 1.55; }
.case-showcase__item--dark .case-showcase__copy p { color: #aaa7a3; }
.case-showcase figure { margin: 0; overflow: hidden; }
.case-showcase img { display: block; width: 100%; height: 100%; object-fit: cover; }

.case-showcase--app .case-showcase__rail { grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); align-items: end; }
.case-showcase--app .case-showcase__item { height: 342px; border: 1px solid rgba(35,30,25,.07); border-radius: 17px; transform: none; }
.case-showcase--app .case-showcase__copy { min-height: 102px; padding: 19px 16px 12px; }
.case-showcase--app figure { position: absolute; inset: 110px 8px 0; border-radius: 13px 13px 0 0; box-shadow: 0 9px 24px rgba(0,0,0,.14); }
.case-showcase--app img { object-position: center top; }
.case-showcase--app .case-showcase__item:nth-child(even) { transform: none; }

.case-showcase--website { background: rgba(255,253,249,.78); }
.case-showcase--website .case-showcase__rail { gap: 22px; }
.case-showcase--website .case-showcase__item { display: grid; grid-template-columns: minmax(250px,.72fr) minmax(0,1.28fr); min-height: 330px; border: 1px solid var(--wx-project-line); border-radius: 22px; box-shadow: none; }
.case-showcase--website .case-showcase__item:nth-child(even) { grid-template-columns: minmax(0,1.28fr) minmax(250px,.72fr); }
.case-showcase--website .case-showcase__copy { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(28px,3.5vw,48px); }
.case-showcase--website figure { min-height: 330px; order: 2; }
.case-showcase--website .case-showcase__item:nth-child(even) figure { order: -1; }
.case-showcase--website img { object-position: center top; }
.case-story { display: grid; grid-template-columns: minmax(260px,.82fr) minmax(0,1.18fr); gap: clamp(42px,6vw,72px); padding: 0 3% 54px; }
.case-story__intro h2, .case-stack h2, .case-next h2 { margin: 14px 0 0; font-size: clamp(2.35rem,3.45vw,3.5rem); line-height: .95; letter-spacing: -.062em; }
.case-story__chapters article { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 14px; padding: 17px 0; border-top: 1px solid var(--wx-project-line); }
.case-story__chapters article > span { color: var(--wx-project-gold); font-size: .7rem; font-weight: 800; }
.case-story__chapters h3 { margin: 0 0 7px; font-size: 1.18rem; }
.case-story__chapters p { margin: 0; color: var(--wx-project-muted); font-size: .9rem; line-height: 1.62; }
.case-capabilities { display: grid; grid-template-columns: minmax(260px,.76fr) minmax(0,1.24fr); gap: clamp(42px,6vw,72px); margin: 0 3% 52px; padding: 36px; border: 1px solid var(--wx-project-line); border-radius: 21px; background: rgba(255,253,249,.72); }
.case-capabilities header h2 { margin: 14px 0 0; font-size: clamp(2.3rem,3.45vw,3.45rem); line-height: .95; letter-spacing: -.063em; }
.case-capabilities__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--wx-project-line); }
.case-capabilities__grid article { min-height: 96px; padding: 15px 18px 15px 0; border-bottom: 1px solid var(--wx-project-line); }
.case-capabilities__grid article:nth-child(odd) { padding-right: 24px; }
.case-capabilities__grid article:nth-child(even) { padding-left: 24px; border-left: 1px solid var(--wx-project-line); }
.case-capabilities__grid span { color: var(--wx-project-gold); font-size: .66rem; font-weight: 800; }
.case-capabilities__grid p { margin: 10px 0 0; color: #4e4a45; font-size: .82rem; line-height: 1.55; }
.case-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.case-gallery__item { height: 320px; min-height: 0; margin: 0; overflow: hidden; border-radius: 22px; background: #e8e4dd; }
.case-gallery__item--wide { grid-column: 1/-1; height: 460px; min-height: 0; }
.case-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; }
.case-stack { display: grid; grid-template-columns: minmax(280px,1fr) minmax(0,1fr); gap: 56px; padding: 48px 3%; }
.case-stack__list { display: flex; align-content: flex-start; flex-wrap: wrap; gap: 10px; }
.case-stack__list span { padding: 12px 17px; border: 1px solid var(--wx-project-line); border-radius: 999px; background: rgba(255,255,255,.72); font-size: .78rem; font-weight: 700; }
.case-next { padding: 48px 24px; border-radius: 22px; background: #151517; color: #fff; text-align: center; }

.chatbot-fab { bottom: 40px; }
.case-next > span { color: #9b9b9e; font-size: .65rem; letter-spacing: .15em; text-transform: uppercase; }
.case-next h2 { max-width: 720px; margin: 14px auto 26px; }

@media (max-width: 900px) {
  .case-showcase--carousel .case-showcase__rail {
    transform: none !important;
  }

  .case-study { width: calc(100% - 24px); padding: 94px 0 30px; }
  .case-hero { grid-template-columns: 1fr; min-height: 0; }
  .case-hero__visual { order: -1; min-height: 260px; }
  .case-hero__copy { padding: 66px 22px 32px; }
  .case-back { top: 28px; left: 24px; }
  .case-hero__copy h1 { font-size: clamp(3.2rem,15vw,4.8rem); }
  .case-facts { grid-template-columns: repeat(2,1fr); margin-bottom: 38px; }
  .case-facts > div:nth-child(2) { border-right: 0; }
  .case-facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--wx-project-line); }
  .case-showcase { margin-bottom: 42px; padding: 24px 16px 20px; border-radius: 20px; }
  .case-showcase__head { grid-template-columns: 1fr; gap: 18px; margin-bottom: 26px; }
  .case-showcase__head h2 { font-size: clamp(2.35rem,11vw,3.35rem); }
  .case-showcase__head > p { font-size: .92rem; }
  .case-showcase--app .case-showcase__rail { display: flex; width: calc(100% + 36px); margin: 0 -18px; padding: 8px 18px 22px; overflow-x: auto; scroll-padding-left: 18px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .case-showcase--app .case-showcase__rail::-webkit-scrollbar { display: none; }
  .case-showcase--app .case-showcase__item, .case-showcase--app .case-showcase__item:nth-child(even) { flex: 0 0 min(72vw,272px); height: 370px; transform: none; scroll-snap-align: start; }
  .case-showcase--website { padding: 20px 14px; }
  .case-showcase--website .case-showcase__item, .case-showcase--website .case-showcase__item:nth-child(even) { grid-template-columns: 1fr; min-height: 0; }
  .case-showcase--website .case-showcase__copy { order: 2; padding: 25px 22px 28px; }
  .case-showcase--website figure, .case-showcase--website .case-showcase__item:nth-child(even) figure { min-height: 245px; order: 1; }
  .case-story, .case-stack { grid-template-columns: 1fr; gap: 28px; padding: 0 6px 46px; }
  .case-capabilities { grid-template-columns: 1fr; gap: 28px; margin: 0 0 44px; padding: 28px 20px; }
  .case-capabilities__grid { grid-template-columns: 1fr; }
  .case-capabilities__grid article, .case-capabilities__grid article:nth-child(even) { min-height: 0; padding: 22px 0; border-left: 0; }
  .case-gallery { grid-template-columns: 1fr; }
  .case-gallery__item, .case-gallery__item--wide { grid-column: auto; height: 300px; min-height: 0; }
  .case-stack { padding-top: 46px; }
  .projects-page .project-tile__visual { min-height: 210px; }
  .chatbot-fab { bottom: max(38px,env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
  .projects .bcard__mock > img { transition: none; }
}

/* Case-study release: one coherent product presentation */
.case-intro { margin-bottom: 54px; overflow: hidden; border: 1px solid var(--wx-project-line); border-radius: 22px; background: rgba(255,255,255,.72); box-shadow: 0 24px 64px rgba(31,25,19,.1); }
.case-intro .case-hero { border-radius: 0; box-shadow: none; }
.case-intro .case-facts { margin: 0; border: 0; border-top: 1px solid var(--wx-project-line); border-radius: 0; box-shadow: none; }
.case-hero--app { grid-template-columns: minmax(380px,.92fr) minmax(0,1.08fr); background: #f3f0ea; color: var(--wx-project-ink); }
.case-hero--app .case-hero__copy { background: linear-gradient(120deg,#f6f3ed 0%,#f2eee7 78%,rgba(242,238,231,.65) 100%); }
.case-hero--app .case-back { color: #5f5a54; }
.case-hero--app .case-hero__lead { color: #625e58; }
.case-hero--app .case-text-link { color: var(--wx-project-ink); }
.case-hero--app .case-hero__visual::after { background: linear-gradient(90deg,rgba(243,240,234,.82),transparent 28%); }

.case-showcase { position: relative; margin-bottom: 58px; padding: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.case-showcase__head { margin-bottom: 28px; padding: 0 5px; }
.case-showcase__aside { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.case-showcase__aside > p { max-width: 430px; margin: 0; color: var(--wx-project-muted); line-height: 1.62; }
.case-showcase__viewport { position: relative; overflow: hidden; padding: 4px 2px 22px; }
.case-showcase__rail { --case-gap: 14px; gap: var(--case-gap); will-change: transform; }
.case-showcase--app .case-showcase__rail { grid-template-columns: repeat(4,minmax(0,1fr)); align-items: stretch; }
.case-showcase--app .case-showcase__item { height: 432px; border: 1px solid rgba(45,38,31,.13); border-radius: 18px; background: rgba(250,249,246,.84); box-shadow: 0 18px 38px rgba(31,26,21,.07); }
.case-showcase--app .case-showcase__item--dark { background: #19191b; }
.case-showcase--app .case-showcase__copy { min-height: 116px; padding: 22px 19px 14px; }
.case-showcase--app figure { inset: 122px 10px 0; border-radius: 15px 15px 0 0; }
.case-showcase--carousel .case-showcase__rail { display: flex; width: max-content; transform: translate3d(0,0,0); }
.case-showcase--carousel .case-showcase__item { flex: 0 0 calc((min(1160px, 100vw - 64px) - (3 * var(--case-gap))) / 4); width: calc((min(1160px, 100vw - 64px) - (3 * var(--case-gap))) / 4); }
.case-showcase__controls { display: inline-grid; grid-template-columns: 42px auto 42px; align-items: center; gap: 9px; }
.case-showcase__controls button { display: grid; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid rgba(55,47,39,.14); border-radius: 50%; background: rgba(255,255,255,.82); color: #1a1918; box-shadow: 0 9px 22px rgba(31,25,19,.07); font-size: 1rem; transition: border-color 180ms ease,background 180ms ease,transform 180ms ease,opacity 180ms ease; }
.case-showcase__controls button:hover:not(:disabled) { border-color: rgba(185,133,53,.52); background: #fff; transform: translateY(-1px); }
.case-showcase__controls button:disabled { cursor: default; opacity: .32; }
.case-showcase__controls > span { color: #918a81; font-size: .65rem; letter-spacing: .1em; }
.case-showcase__controls b { color: #1b1917; }

.case-story { align-items: start; padding-bottom: 42px; }
.case-stack { align-items: center; padding-top: 36px; padding-bottom: 42px; }
.case-stack h2 { font-size: clamp(2.15rem,3vw,3.15rem); }
.case-next { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr); min-height: 250px; padding: 0; overflow: hidden; border-radius: 20px; text-align: left; }
.case-next__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 42px 52px; }
.case-next__copy > span { color: #c49a54; font-size: .65rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.case-next h2 { max-width: 570px; margin: 13px 0 24px; }
.case-next__visual { position: relative; min-height: 250px; overflow: hidden; }
.case-next__visual::after { position: absolute; inset: 0; background: linear-gradient(90deg,#151517 0%,rgba(21,21,23,.3) 40%,transparent 100%); content: ""; }
.case-next__visual img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) brightness(.72); }

/* Compact, quiet language control instead of a generic dropdown button. */
.langswitch__trigger { grid-template-columns: 18px auto 9px; min-width: 72px; height: 42px; gap: 7px; padding: 0 11px; border: 1px solid rgba(64,54,43,.12); border-radius: 12px; background: rgba(255,255,255,.7); box-shadow: 0 8px 24px rgba(37,29,21,.06); backdrop-filter: blur(18px) saturate(1.2); }
.langswitch__trigger:hover,.langswitch.is-open .langswitch__trigger { border-color: rgba(185,133,53,.32); background: rgba(255,255,255,.94); box-shadow: 0 12px 30px rgba(37,29,21,.09); transform: translateY(-1px); }
.langswitch__trigger .langswitch__flag { width: 18px; height: 18px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.langswitch__current { font-size: .7rem; letter-spacing: .08em; }
.langswitch__menu { top: calc(100% + 8px); width: 205px; padding: 7px; border: 1px solid rgba(58,49,40,.11); border-radius: 15px; background: rgba(252,251,248,.96); box-shadow: 0 22px 52px rgba(34,27,20,.14); backdrop-filter: blur(24px); }
.langswitch__option { min-height: 46px; border-radius: 10px; }

@media (max-width: 900px) {
  .case-intro { margin-bottom: 42px; border-radius: 20px; }
  .case-hero--app { grid-template-columns: 1fr; }
  .case-showcase { padding: 0 4px; }
  .case-showcase__head { padding: 0 2px; }
  .case-showcase__aside { align-items: flex-start; flex-direction: column; }
  .case-showcase__viewport { width: calc(100% + 20px); margin-left: -10px; padding: 4px 10px 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .case-showcase__viewport::-webkit-scrollbar { display: none; }
  .case-showcase--app .case-showcase__rail { display: flex; width: max-content; margin: 0; padding: 0; overflow: visible; }
  .case-showcase--app .case-showcase__item,.case-showcase--app .case-showcase__item:nth-child(even),.case-showcase--carousel .case-showcase__item { flex: 0 0 min(76vw,286px); width: min(76vw,286px); height: 422px; scroll-snap-align: start; }
  .case-showcase__controls { display: none; }
  .case-next { grid-template-columns: 1fr; min-height: 0; }
  .case-next__copy { padding: 38px 26px 34px; }
  .case-next__visual { min-height: 170px; order: -1; }
  .case-next__visual::after { background: linear-gradient(0deg,#151517 0%,transparent 55%); }
}

@media (prefers-reduced-motion: reduce) {
  .case-showcase__rail { scroll-behavior: auto !important; transition: none !important; }
}

/* 2026 landing refinement: quieter rhythm, stronger proof, fewer template patterns. */
body.home .section { padding-block: clamp(72px,7vw,112px); }
body.home .section__head { max-width: 850px; margin-bottom: clamp(34px,4vw,56px); }
body.home .section__title { letter-spacing: -.055em; line-height: .98; }
body.home .section__intro { max-width: 650px; font-family: var(--font-sans,Arial,sans-serif); font-size: clamp(1rem,1.25vw,1.18rem); line-height: 1.65; }
body.home .intro__body,body.home .about__text,body.home .process__intro { font-family: var(--font-sans,Arial,sans-serif); line-height: 1.68; }

.plogo--bookiq { min-width: 166px; text-decoration: none; }
.plogo--bookiq img { display: block; width: 88px; max-height: 27px; object-fit: contain; filter: grayscale(1) contrast(1.35); }
.plogo--bookiq i { margin-left: 8px; }

body.home .projects { padding-block: clamp(68px,6vw,92px); }
body.home .projects .section__head { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.72fr); align-items: end; gap: 40px; max-width: none; margin-bottom: 34px; }
body.home .projects .section__intro { margin: 0; }
body.home .projects .bento { grid-auto-rows: 188px; gap: 14px; }
body.home .projects .bcard { min-height: 0; border-radius: 18px; }
body.home .projects .bcard--lg { grid-row: span 2; }
body.home .projects .bcard--tall { grid-row: span 2; }
body.home .projects .bcard__mock { min-height: 0; }
body.home .projects .bcard__body { padding: 21px 22px; }
body.home .projects .bcard__body h3 { margin: 5px 0 7px; font-size: clamp(1.45rem,2vw,2.1rem); }
body.home .projects .bcard__body p { display: -webkit-box; overflow: hidden; line-height: 1.48; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body.home .projects .bcard__tech { margin-top: 12px; }
body.home .projects .bcard__link { margin-top: 13px; }
body.home .projects .projects__cta { margin-top: 30px; }

.experience > .container > .experience__layout { display: none; }
.lhl-demo { display: grid; grid-template-columns: minmax(280px,.82fr) minmax(420px,1.18fr); align-items: center; max-width: 1110px; min-height: 620px; margin: 0 auto; overflow: hidden; border: 1px solid rgba(45,39,32,.1); border-radius: 24px; background: linear-gradient(120deg,#151517 0 42%,#f4f2ed 42%); box-shadow: 0 30px 80px rgba(31,25,19,.13); }
.lhl-demo__copy { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: clamp(36px,5vw,66px); color: #fff; }
.lhl-demo__copy h3 { max-width: 390px; margin: 18px 0; font-size: clamp(2.2rem,3.4vw,3.8rem); letter-spacing: -.055em; line-height: .98; }
.lhl-demo__copy > p:not(.eyebrow) { color: #b9b9bc; line-height: 1.62; }
.lhl-demo__copy ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 30px; padding: 0; list-style: none; }
.lhl-demo__copy li { padding: 8px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: #e7e7e8; font-size: .72rem; }
.lhl-demo__copy .btn { align-self: flex-start; border-color: rgba(255,255,255,.22); color: #fff; }
.lhl-demo__stage { display: grid; height: 100%; min-height: 620px; place-items: center; background: radial-gradient(circle at 60% 44%,rgba(237,27,47,.13),transparent 32%),linear-gradient(145deg,#f8f7f4,#e9e6df); }
.lhl-demo__phone { position: relative; width: 330px; padding: 9px 9px 77px; overflow: hidden; border: 7px solid #171719; border-radius: 42px; background: #f5f4f1; box-shadow: 0 30px 60px rgba(20,18,16,.27); transform: rotate(2deg); transform-origin: center; }
.lhl-demo__phone::before { position: absolute; top: 7px; left: 50%; z-index: 5; width: 82px; height: 20px; border-radius: 999px; background: #101012; content: ""; transform: translateX(-50%); }
.lhl-demo__phone header { position: relative; z-index: 2; display: flex; align-items: center; height: 53px; padding: 13px 7px 4px; gap: 8px; background: rgba(255,255,255,.94); }
.lhl-demo__phone header > img:first-child { width: 105px; height: 27px; margin-right: auto; object-fit: contain; }
.lhl-demo__avatar { width: 31px; height: 31px; border: 1px solid #ddd; border-radius: 50%; object-fit: cover; }
.lhl-demo__bell { position: relative; display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid #e5e5e3; border-radius: 10px; color: #111; font-size: 19px; }
.lhl-demo__bell b { position: absolute; top: -5px; right: -4px; display: grid; width: 15px; height: 15px; place-items: center; border-radius: 50%; background: #ed1b2f; color: #fff; font-size: 8px; }
.lhl-demo__hero { min-height: 150px; padding: 24px 14px 34px; background: linear-gradient(90deg,rgba(249,249,247,.98),rgba(249,249,247,.5)),url('../img/projects/lhl-tippspiel/dashboard.png') center/cover; }
.lhl-demo__hero small,.lhl-demo__hero p { color: #777; font-size: 8px; }
.lhl-demo__hero h4 { margin: 2px 0 1px; font-size: 25px; letter-spacing: -.06em; }
.lhl-demo__season { display: inline-flex; align-items: center; gap: 6px; margin-top: 13px; padding: 7px 10px; border-radius: 999px; background: #fff; box-shadow: 0 7px 18px rgba(30,25,20,.08); font-size: 8px; font-weight: 700; }
.lhl-demo__season i { width: 6px; height: 6px; border-radius: 50%; background: #ed1b2f; }
.lhl-demo__stats { display: grid; grid-template-columns: repeat(3,1fr); margin: -25px 9px 0; overflow: hidden; border: 1px solid #e4e3df; border-radius: 17px; background: rgba(255,255,255,.94); box-shadow: 0 14px 28px rgba(30,25,20,.08); }
.lhl-demo__stats span { padding: 11px; border-right: 1px solid #e7e6e2; }
.lhl-demo__stats span:last-child { border: 0; }
.lhl-demo__stats small { display: block; color: #777; font-size: 6px; text-transform: uppercase; }
.lhl-demo__stats b { display: block; margin-top: 5px; font-size: 18px; }
.lhl-demo__stats em { color: #ed1b2f; font-style: normal; }
.lhl-demo__next { position: relative; padding: 16px 15px 9px; }
.lhl-demo__next > span { color: #ed1b2f; font-size: 6px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.lhl-demo__next h5 { margin: 2px 0 0; font-size: 18px; }
.lhl-demo__next a { position: absolute; right: 15px; bottom: 11px; color: #181719; font-size: 8px; font-weight: 700; }
.lhl-demo__match { margin: 0 10px; overflow: hidden; border: 1px solid #dfddd8; border-radius: 17px; background: rgba(255,255,255,.91); }
.lhl-demo__meta { display: flex; justify-content: space-between; padding: 8px 11px; border-bottom: 1px solid #e4e2de; color: #777; font-size: 6px; font-weight: 700; text-transform: uppercase; }
.lhl-demo__teams { display: grid; grid-template-columns: 1fr 32px 1fr; align-items: center; padding: 13px 13px 9px; text-align: center; }
.lhl-demo__teams figure { margin: 0; }
.lhl-demo__teams img { width: 42px; height: 42px; object-fit: contain; }
.lhl-demo__teams b { display: block; margin-top: 4px; font-size: 8px; }
.lhl-demo__teams > i { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid #e2e0dc; border-radius: 50%; color: #888; font-size: 7px; font-style: normal; }
@media (max-width:680px){
  .lhl-demo__teams figure{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
  .lhl-demo__teams figure img{display:block;margin-inline:auto}
  .lhl-demo__teams figure b{width:100%;text-align:center}
}
.lhl-demo__score { display: grid; grid-template-columns: 1fr 10px 1fr; align-items: end; padding: 4px 10px 7px; }
.lhl-demo__score label { color: #888; font-size: 6px; text-align: center; text-transform: uppercase; }
.lhl-demo__score label > span { display: grid; grid-template-columns: 28px 1fr 28px; align-items: center; height: 36px; margin-top: 4px; border: 1px solid #e4e2de; border-radius: 11px; background: #f9f9f7; }
.lhl-demo__score button { height: 100%; border: 0; background: transparent; font-size: 15px; }
.lhl-demo__score b { font-size: 16px; }
.lhl-demo__score > i { padding-bottom: 12px; font-style: normal; }
.lhl-demo__save { width: calc(100% - 20px); height: 34px; margin: 0 10px 10px; border: 0; border-radius: 10px; background: #ed1b2f; color: #fff; font-size: 9px; font-weight: 800; box-shadow: 0 9px 18px rgba(237,27,47,.18); }
.lhl-demo__phone nav { position: absolute; right: 8px; bottom: 8px; left: 8px; display: grid; grid-template-columns: repeat(5,1fr); height: 59px; padding: 8px 5px; border: 1px solid rgba(255,255,255,.8); border-radius: 22px; background: rgba(255,255,255,.88); box-shadow: 0 12px 28px rgba(20,18,16,.16); backdrop-filter: blur(18px); }
.lhl-demo__phone nav span { display: grid; place-items: center; color: #888; font-size: 15px; }
.lhl-demo__phone nav b { display: block; font-size: 6px; }
.lhl-demo__phone nav .is-active { border-radius: 17px; background: #efefec; color: #111; }

@media (max-width:900px) {
  body.home .section { padding-block: 64px; }
  body.home .projects .section__head { display: block; margin-bottom: 28px; }
  body.home .projects .section__intro { margin-top: 18px; }
  body.home .projects .bento { display: flex; width: calc(100% + 24px); margin-right: -12px; overflow-x: auto; gap: 12px; padding: 0 12px 20px 0; scroll-snap-type: x mandatory; scrollbar-width: none; }
  body.home .projects .bento::-webkit-scrollbar { display:none; }
  body.home .projects .bcard,body.home .projects .bcard--lg,body.home .projects .bcard--tall { flex: 0 0 min(82vw,330px); min-height: 420px; scroll-snap-align: start; }
  .lhl-demo { grid-template-columns: 1fr; min-height: 0; background: #151517; }
  .lhl-demo__copy { padding: 36px 25px 24px; }
  .lhl-demo__copy h3 { font-size: 2.45rem; }
  .lhl-demo__stage { min-height: 570px; overflow: hidden; }
  .lhl-demo__phone { transform: translateY(20px) scale(.91); }

  .mobile-menu { top: var(--header-h,72px) !important; right: 12px !important; bottom: auto !important; left: 12px !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: calc(100svh - 92px); padding: 18px !important; overflow-y: auto; border: 1px solid rgba(54,45,36,.11); border-top: 0; border-radius: 0 0 22px 22px; background: #faf9f6 !important; box-shadow: 0 24px 54px rgba(34,27,21,.17); backdrop-filter: none !important; }
  .mobile-menu__inner { min-height: 0 !important; padding: 0 !important; }

  body.home .hero { min-height: calc(100svh - var(--header-h,72px)); background: #f3eee7 url('../img/wexion-mobile-hero.png') center bottom/cover no-repeat; }
  body.home .hero__inner { min-height: calc(100svh - var(--header-h,72px)); padding: clamp(82px,12vh,126px) 20px 28vh; text-align: center; }
  body.home .hero__content { max-width: 620px; margin: 0 auto; }
  body.home .hero__title { max-width: 11ch; margin-inline: auto; font-size: clamp(2.65rem,11vw,4.1rem); line-height: .98; }
  body.home .hero__eyebrow { justify-content: center; }
  body.home .hero__desc { max-width: 34ch; margin-inline: auto; font-size: .98rem; line-height: 1.55; }
  body.home .hero__actions { justify-content: center; }
  body.home .hero__stage,body.home .hero__principles,body.home .hero__scroll { display: none !important; }
}

@media (max-width:520px) and (max-height:760px) {
  body.home .hero__inner { padding-top: 52px; padding-bottom: 22vh; }
  body.home .hero__title { font-size: 2.4rem; }
  body.home .hero__desc { font-size: .88rem; }
  body.home .hero__actions .btn { min-height: 46px; }
}

/* Final landing polish — intentionally last in the cascade. */
body.home .projects > .container{max-width:1180px}body.home .projects{padding-block:clamp(64px,5.4vw,88px)}body.home .projects .section__head{grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);margin-bottom:28px}body.home .projects .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:164px;gap:12px}body.home .projects .bcard{position:relative;grid-column:span 1;grid-row:span 1;min-height:0;overflow:hidden}body.home .projects .bcard--lg{grid-column:span 2;grid-row:span 2}body.home .projects .bcard--tall{grid-row:span 2}body.home .projects .bcard__mock{min-height:0;height:46%}body.home .projects .bcard--lg .bcard__mock{height:53%}body.home .projects .bcard__body{padding:16px 18px}body.home .projects .bcard__body h3{margin:3px 0 5px;font-size:clamp(1.18rem,1.45vw,1.62rem)}body.home .projects .bcard__body p{margin:0;font-size:.78rem;line-height:1.42}body.home .projects .bcard__meta{gap:8px}body.home .projects .bcard__cat{font-size:.62rem}body.home .projects .bcard__tech{display:none}body.home .projects .bcard__link{margin-top:9px;font-size:.68rem}body.home .projects .bcard--lg .bcard__body{padding:18px 20px}body.home .projects .bcard--lg .bcard__body h3{font-size:clamp(1.55rem,2vw,2rem)}body.home .projects .bcard--lg .bcard__body p{font-size:.86rem}
.chip--live{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(34,158,91,.2);border-radius:999px;background:#e9f8ef;color:#157a43;font-size:.62rem;font-weight:800}.chip--live::before{width:6px;height:6px;border-radius:50%;background:#20a95d;content:"";box-shadow:0 0 0 3px rgba(32,169,93,.1)}
.project-live-preview{height:100%;overflow:hidden;background:#f5f1ea;color:#171719}.project-live-preview__bar{display:flex;align-items:center;height:26px;padding:0 10px;gap:4px;border-bottom:1px solid rgba(31,25,19,.08);background:rgba(255,255,255,.85)}.project-live-preview__bar i{width:5px;height:5px;border-radius:50%;background:#d6d0c7}.project-live-preview__bar b{margin-left:7px;color:#8c857c;font-size:7px;font-weight:600}.project-live-preview>div{display:flex;flex-direction:column;justify-content:center;height:calc(100% - 26px);padding:14px 18px;background:linear-gradient(90deg,rgba(248,244,237,.98),rgba(248,244,237,.42)),radial-gradient(circle at 80% 55%,#c7ab83 0 8%,transparent 9%),linear-gradient(135deg,#e8dfd2,#c7b292)}.project-live-preview small{color:#9a7341;font-size:7px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.project-live-preview strong{max-width:9ch;margin:5px 0;font-size:clamp(1rem,1.5vw,1.35rem);line-height:.95;letter-spacing:-.05em}.project-live-preview em{align-self:flex-start;padding:5px 8px;border-radius:999px;background:#171719;color:#fff;font-size:6px;font-style:normal}
.experience{padding-block:clamp(72px,6vw,100px)!important}.experience .section__head{margin-bottom:34px}.lhl-demo{min-height:570px;border-radius:22px}.lhl-demo__stage{min-height:570px}.lhl-demo__hero{background:linear-gradient(90deg,rgba(249,249,247,.96),rgba(249,249,247,.48)),url('../img/projects/lhl-demo/hero.png') center/cover}.lhl-demo__avatar{padding:2px;background:#fff;object-fit:contain}
body.home .intro__body,body.home .about__text,body.home .process__intro{max-width:62ch;color:#5d5954;font-size:clamp(1rem,1.12vw,1.15rem);line-height:1.72}.faq__inner{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);column-gap:clamp(42px,7vw,100px);align-items:start}.faq__inner>.section__head,.faq__inner>.faq__search,.faq__inner>.faq__contactbar{grid-column:1}.faq__inner>.faq__list,.faq__inner>.faq__empty{grid-column:2}.faq__inner>.section__head{grid-row:1}.faq__inner>.faq__search{grid-row:2}.faq__inner>.faq__list{grid-row:1/span 4}.faq__inner>.faq__contactbar{grid-row:3}
@media(max-width:900px){body.home .projects .bento{display:flex;grid-auto-rows:auto;width:calc(100% + 20px);margin-right:-20px;padding-right:20px}body.home .projects .bcard,body.home .projects .bcard--lg,body.home .projects .bcard--tall{flex:0 0 min(80vw,320px);min-height:390px}body.home .projects .bcard__mock,body.home .projects .bcard--lg .bcard__mock{height:48%}.faq__inner{display:block}.mobilemenu{position:fixed!important;top:var(--header-h,72px)!important;right:0!important;bottom:auto!important;left:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:calc(100svh - 88px);padding:10px 18px 18px!important;overflow-y:auto;border:0!important;border-top:1px solid rgba(48,40,32,.08)!important;border-radius:0 0 24px 24px!important;background:#fbfaf7!important;box-shadow:0 24px 48px rgba(37,29,21,.15)!important;backdrop-filter:none!important;transform:translateY(-14px);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility .2s!important}.mobilemenu.is-open{transform:translateY(0);opacity:1}.mobilemenu__nav{gap:0}.mobilemenu__nav a{min-height:45px;padding:0 3px;border-bottom:1px solid rgba(48,40,32,.08);font-size:.93rem}.mobilemenu__foot{padding-top:14px}body.home .hero{min-height:calc(100svh - var(--header-h,72px));border-radius:0 0 28px 28px;background:#f3eee7 url('../img/wexion-mobile-hero.png') center bottom/cover no-repeat}body.home .hero__inner{min-height:calc(100svh - var(--header-h,72px));padding:clamp(52px,8vh,78px) 22px clamp(190px,27vh,280px)}body.home .hero__eyebrow{margin-bottom:22px;color:#b68b4e;font-size:.72rem;letter-spacing:.27em}body.home .hero__title{max-width:12ch;font-size:clamp(2.6rem,10.7vw,3.85rem);line-height:1.03;letter-spacing:-.045em}body.home .hero__desc{max-width:31ch;margin-top:23px;font-size:.94rem;line-height:1.58}body.home .hero__actions{display:grid;width:min(100%,440px);margin:26px auto 0;gap:10px}body.home .hero__actions .btn{width:100%;min-height:50px}.lhl-demo{grid-template-columns:1fr;min-height:0}.lhl-demo__stage{min-height:545px}}

/* Final landing rhythm: compact proof instead of oversized template blocks. */
body.home .projects{min-height:0!important;padding-block:46px!important}
body.home .projects>.container{min-height:0!important}
body.home .projects .section__head{min-height:0!important;margin-bottom:22px}
body.home .projects .bento{min-height:0!important;height:auto!important;grid-auto-rows:124px;gap:10px;align-items:stretch}
body.home .projects .bcard{height:auto!important;min-height:0!important;border-radius:16px}
body.home .projects .bcard--lg,body.home .projects .bcard--tall{grid-row:span 2}
body.home .projects .bcard__mock{height:42%}
body.home .projects .bcard--lg .bcard__mock{height:47%}
body.home .projects .projects__cta{margin-top:22px}
.bcard--bookiq .mock--phone{display:grid;height:100%;place-items:center;background:linear-gradient(145deg,#f8f5ef,#e9e2d7)}
.bcard--bookiq .mock--phone img{width:min(62%,145px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(31,25,19,.1))}
.bcard--lhl .bcard__mock img{object-position:center 58%}

@media(max-width:900px){
  body.home .projects{padding-block:42px!important}
  body.home .projects .bento{height:auto!important}
  body.home .projects .bcard,body.home .projects .bcard--lg,body.home .projects .bcard--tall{height:370px!important;min-height:370px!important}
  body.home .projects .bcard__mock,body.home .projects .bcard--lg .bcard__mock{height:47%}
  body.home .hero{padding:0!important}
  body.home .hero__inner{align-items:center;padding-top:clamp(34px,5vh,52px);padding-bottom:clamp(158px,21vh,205px);text-align:center}
  body.home .hero__eyebrow,body.home .hero__desc{margin-right:auto;margin-left:auto}
}

/* 2026-08 final homepage composition: keep the established structure, fix scale and hierarchy. */
@media (min-width:901px){
  body.home .projects{padding-block:clamp(62px,5vw,82px)!important}
  body.home .projects>.container{max-width:1200px}
  body.home .projects .section__head{margin-bottom:30px;grid-template-columns:minmax(0,.72fr) minmax(430px,1fr)}
  body.home .projects .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:174px;gap:14px}
  body.home .projects .bcard{min-height:0!important;height:auto!important;border-radius:20px}
  body.home .projects .bcard--lg{grid-column:span 2;grid-row:span 2}
  body.home .projects .bcard--tall{grid-row:span 2}
  body.home .projects .bcard__mock{height:46%}
  body.home .projects .bcard--lg .bcard__mock{height:52%}
  body.home .projects .bcard__body{padding:17px 19px}
  body.home .projects .bcard--lg .bcard__body{padding:20px 22px}
  body.home .projects .projects__cta{margin-top:26px}
}

.product-demo{position:relative;max-width:1120px;margin:0 auto}
.product-demo__switch{position:absolute;top:18px;right:22px;z-index:20;display:flex;gap:5px;padding:5px;border:1px solid rgba(45,39,32,.12);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(31,25,19,.1);backdrop-filter:blur(16px)}
.product-demo__switch button{display:flex;align-items:center;gap:7px;min-height:35px;padding:5px 12px;border:0;border-radius:999px;background:transparent;color:#696660;font-size:.72rem;font-weight:750;cursor:pointer}
.product-demo__switch button.is-active{background:#151517;color:#fff}
.product-demo__switch img{width:21px;height:21px;border-radius:50%;object-fit:contain;background:#fff}
.product-demo .lhl-demo{grid-template-columns:minmax(310px,.88fr) minmax(430px,1.12fr);min-height:560px;background:linear-gradient(110deg,#151517 0 43%,transparent 43%)}
.product-demo .lhl-demo__stage{min-height:560px;background:transparent}
.product-demo .lhl-demo__phone{width:300px;height:520px;padding:9px 9px 65px;transform:none}
.demo-screen{display:none;height:calc(100% - 53px);overflow:hidden}
.demo-screen.is-active{display:block;animation:demoScreenIn .24s cubic-bezier(.22,.75,.25,1) both}
@keyframes demoScreenIn{from{opacity:.35;transform:translateX(8px)}to{opacity:1;transform:none}}
.lhl-demo__phone nav button{display:grid;place-items:center;border:0;background:transparent;color:#888;font-size:15px;cursor:pointer}
.lhl-demo__phone nav button b{display:block;font-size:6px}
.lhl-demo__phone nav button.is-active{border-radius:17px;background:#efefec;color:#111}
.demo-page-head{padding:21px 15px 12px;background:linear-gradient(135deg,#f4f3ef,#fff)}
.demo-page-head small{color:#ed1b2f;font-size:6px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.demo-page-head h4{margin:3px 0 0;font-size:24px;letter-spacing:-.055em}
.demo-tabs{display:flex;justify-content:space-around;padding:10px;border-bottom:1px solid #e7e5e1;color:#777;font-size:8px}.demo-tabs b{color:#ed1b2f}
.demo-list article{margin:10px;border:1px solid #e1dfda;border-radius:15px;background:#fff;overflow:hidden}.demo-list article>small{display:block;padding:8px 10px;border-bottom:1px solid #eee;color:#777;font-size:6px;text-transform:uppercase}.demo-list article>div{display:grid;grid-template-columns:1fr 40px 1fr;place-items:center;padding:14px}.demo-list article img{width:46px;height:46px;object-fit:contain}.demo-list article button{width:calc(100% - 16px);margin:0 8px 8px;padding:9px;border:0;border-radius:9px;background:#ed1b2f;color:#fff;font-size:8px;font-weight:800}.demo-list article em{display:block;padding:0 10px 10px;color:#777;font-size:7px;text-align:center}
.demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);margin:10px;overflow:hidden;border:1px solid #e3e1dd;border-radius:14px;background:#fff}.demo-kpis>b{padding:13px 8px;border-right:1px solid #e7e5e1;font-size:18px;text-align:center}.demo-kpis>b:last-child{border:0}.demo-kpis small{display:block;margin-top:4px;color:#888;font-size:6px;font-weight:500;text-transform:uppercase}
.demo-bets article{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:9px;margin:0 12px;padding:13px 4px;border-bottom:1px solid #e3e1dd}.demo-bets article img{width:36px;height:36px;object-fit:contain}.demo-bets article span{font-size:8px;font-weight:700}.demo-bets article small{display:block;color:#888;font-size:6px}.demo-bets article strong{color:#ed1b2f;font-size:9px}
.demo-ranking ol{margin:0 12px;padding:0;list-style:none}.demo-ranking li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:11px 3px;border-bottom:1px solid #e4e2de}.demo-ranking li i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#111;color:#fff;font-size:8px;font-style:normal}.demo-ranking li span{font-size:9px;font-weight:750}.demo-ranking li small{display:block;color:#999;font-size:6px}.demo-ranking li>b{color:#ed1b2f}.demo-ranking li.me{margin-top:5px;padding-inline:8px;border:1px solid rgba(237,27,47,.25);border-radius:12px;background:#fff7f7}
.demo-person{display:flex;align-items:center;gap:10px;margin:10px;padding:13px;border:1px solid #e4e2de;border-radius:15px;background:#fff}.demo-person img,.bookiq-avatar{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;object-fit:contain;background:#e9e6df;font-size:10px}.demo-person span{font-size:9px}.demo-person small{display:block;color:#888;font-size:7px}.demo-profile ul{margin:10px;padding:0 12px;border:1px solid #e4e2de;border-radius:15px;background:#fff;list-style:none}.demo-profile li{display:flex;justify-content:space-between;padding:11px 2px;border-bottom:1px solid #eceae6;font-size:8px}.demo-profile li:last-child{border:0}
.bookiq-head{display:flex;align-items:center;justify-content:space-between;padding:22px 14px 9px;font-size:14px}.bookiq-head span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#d9d4cc;font-size:8px}.bookiq-hero{min-height:140px;padding:14px;background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.28)),url('../img/projects/lhl-demo/hero.png') center/cover}.bookiq-hero h4{margin:2px 0;font-size:24px}.bookiq-hero small,.bookiq-hero p{font-size:7px}.bookiq-hero label{display:block;margin-top:16px;padding:11px;border-radius:12px;background:#fff;color:#777;font-size:8px;box-shadow:0 8px 22px rgba(30,25,20,.08)}.demo-bookiq>h5{margin:13px 14px 8px;font-size:13px}.demo-bookiq>article{display:flex;gap:10px;margin:0 12px;padding:9px;border:1px solid #e4e2de;border-radius:14px;background:#fff}.demo-bookiq>article>div{width:75px;border-radius:10px;background:linear-gradient(135deg,#352820,#a27d58)}.demo-bookiq>article span{display:grid;font-size:8px}.demo-bookiq>article b{font-size:12px}.demo-bookiq>article em{color:#777;font-size:7px}.bookiq-near{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 12px}.bookiq-near i{height:74px;border-radius:13px;background:linear-gradient(135deg,#4c3529,#bc9871)}

@media(max-width:900px){
  body.home .hero{position:relative;min-height:100svh;border:1px solid rgba(48,40,32,.1);border-radius:38px;background:#f4eee7 url('../img/wexion-mobile-hero.png') center/cover no-repeat!important;overflow:hidden}
  body.home .hero__bg{display:none}
  body.home .hero__inner{display:block;min-height:100svh;padding:clamp(118px,15vh,148px) 28px clamp(300px,39vh,380px)!important;text-align:center}
  body.home .hero__copy{width:100%;max-width:620px;margin:auto}
  body.home .hero .eyebrow{margin:0 auto 26px;color:#b38a4e;font-family:var(--font-mono);font-size:clamp(.68rem,2.8vw,.86rem);font-weight:700;letter-spacing:.28em;text-align:center}
  body.home .hero__title{max-width:12ch;margin:auto;font-family:"Orbitron","Audiowide","Rajdhani",sans-serif!important;font-size:clamp(2.35rem,10.5vw,4.4rem)!important;font-weight:400!important;line-height:1.23!important;letter-spacing:.015em!important;text-align:center;text-transform:uppercase}
  body.home .hero__sub{max-width:31ch;margin:24px auto 0;font-size:clamp(.91rem,3.9vw,1.13rem);line-height:1.55;text-align:center}
  body.home .hero__cta{display:grid;width:min(100%,440px);margin:26px auto 0;gap:10px}
  body.home .hero__cta .btn{width:100%;min-height:54px}
  body.home .hero__stage{position:absolute;right:0;bottom:-2px;left:0;width:100%;height:38%;pointer-events:none}
  body.home .hero__device{height:100%}
  body.home .phone--hero{position:absolute;bottom:-19%;left:50%;width:min(37vw,180px);transform:translateX(-50%)!important}
  body.home .hero__chip,body.home .hero__hints,body.home .hero__scroll{display:none!important}
  .product-demo{padding-top:56px}
  .product-demo__switch{top:8px;right:50%;transform:translateX(50%)}
  .product-demo .lhl-demo{grid-template-columns:1fr;background:#151517}
  .product-demo .lhl-demo__stage{min-height:535px}
  .product-demo .lhl-demo__phone{transform:none}
}
@media(max-width:520px) and (max-height:760px){body.home .hero__inner{padding-top:34px;padding-bottom:154px}body.home .hero__eyebrow{margin-bottom:13px}body.home .hero__title{font-size:2.28rem}body.home .hero__desc{margin-top:14px;font-size:.84rem}body.home .hero__actions{margin-top:17px}body.home .hero__actions .btn{min-height:44px}}

/* Homepage master overrides — keep this block last. */
@media (min-width:901px){
  body.home .projects{padding-block:clamp(68px,5.8vw,96px)!important}
  body.home .projects>.container{max-width:1200px}
  body.home .projects .section__head{grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);margin-bottom:32px}
  body.home .projects .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:184px;gap:14px}
  body.home .projects .bcard{min-height:0!important;height:auto!important;border-radius:20px}
  body.home .projects .bcard--lg{grid-column:span 2;grid-row:span 2}
  body.home .projects .bcard--tall{grid-row:span 2}
  body.home .projects .bcard__mock{height:45%}
  body.home .projects .bcard--lg .bcard__mock{height:54%}
  body.home .projects .bcard__body{padding:18px 20px}
  body.home .projects .bcard--lg .bcard__body{padding:21px 23px}
  body.home .projects .bcard--lg .bcard__body h3{font-size:clamp(1.65rem,2vw,2.15rem)}
  body.home .projects .projects__cta{margin-top:28px}

  body.home .experience{min-height:0!important;padding-block:clamp(62px,5vw,82px)!important}
  body.home .experience .section__head{margin-bottom:24px}
  body.home .experience .section__head h2{font-size:clamp(2.35rem,4vw,4.35rem)}
  .product-demo{max-width:1040px}
  .product-demo .lhl-demo{grid-template-columns:minmax(300px,.82fr) minmax(450px,1.18fr);min-height:530px}
  .product-demo .lhl-demo__copy{padding:72px 34px 42px}
  .product-demo .lhl-demo__copy h3{max-width:10ch;font-size:clamp(2.25rem,3.6vw,3.7rem);line-height:.98}
  .product-demo .lhl-demo__copy>p{max-width:31ch;font-size:.9rem;line-height:1.55}
  .product-demo .lhl-demo__stage{min-height:530px}
  .product-demo .lhl-demo__phone{width:286px;height:495px}
}

.product-demo[data-demo-product="bookiq"] .lhl-demo__phone>header{display:none}
.product-demo[data-demo-product="bookiq"] .demo-screen{height:100%}
.product-demo[data-demo-product="bookiq"] .lhl-demo__phone>nav{grid-template-columns:repeat(2,1fr)}

@media (max-width:900px){
  .nav__logo--desktop{display:block!important;width:112px!important;height:auto!important}
  .nav__logo--mobile{display:none!important}
  body.home .hero{min-height:100svh!important;border:1px solid rgba(48,40,32,.09)!important;border-radius:38px!important;background-color:#f4eee7!important;background-image:url('../img/wexion-mobile-hero.png')!important;background-position:center bottom!important;background-size:cover!important;background-repeat:no-repeat!important}
  body.home .hero__inner{display:block!important;min-height:100svh!important;padding:clamp(112px,14vh,142px) 27px clamp(340px,40vh,420px)!important;text-align:center!important}
  body.home .hero__copy{width:100%;max-width:500px;margin-inline:auto}
  body.home .hero .eyebrow{margin:0 auto 25px!important;color:#b38a4e!important;font-family:var(--font-mono)!important;font-size:clamp(.68rem,2.8vw,.82rem)!important;font-weight:500!important;letter-spacing:.28em!important;text-align:center!important}
  body.home .hero__title{max-width:12ch!important;margin-inline:auto!important;font-family:"Orbitron",sans-serif!important;font-size:clamp(2.45rem,10.6vw,4.25rem)!important;font-weight:500!important;line-height:1.21!important;letter-spacing:.035em!important;text-align:center!important;text-transform:uppercase!important}
  body.home .hero__title::after{width:48px!important;margin:26px auto 0!important}
  body.home .hero__sub{width:auto!important;max-width:31ch!important;margin:25px auto 0!important;font-size:clamp(.94rem,3.8vw,1.08rem)!important;line-height:1.58!important;text-align:center!important}
  body.home .hero__cta{display:grid!important;width:min(100%,440px)!important;margin:27px auto 0!important;gap:10px!important}
  body.home .hero__cta .btn{width:100%!important;min-height:52px!important}
  body.home .hero__stage{display:none!important}
  body.home .hero__hints,body.home .hero__scroll{display:none!important}

  body.home .projects{padding-block:52px!important}
  body.home .projects .section__head{margin-bottom:25px}
  body.home .projects .bento{display:flex!important;width:calc(100% + 20px);margin-right:-20px;padding-right:20px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
  body.home .projects .bcard,body.home .projects .bcard--lg,body.home .projects .bcard--tall{flex:0 0 min(84vw,350px);height:410px!important;min-height:410px!important;scroll-snap-align:start}
  body.home .projects .bcard__mock,body.home .projects .bcard--lg .bcard__mock{height:49%}

  body.home .experience{padding-block:58px!important}
  .product-demo{padding-top:58px}
  .product-demo .lhl-demo{display:block;min-height:610px;background:#151517}
  .product-demo .lhl-demo__copy{padding:34px 25px 20px}
  .product-demo .lhl-demo__copy h3{max-width:11ch;font-size:2.25rem}
  .product-demo .lhl-demo__stage{min-height:520px}
  .product-demo .lhl-demo__phone{width:278px;height:485px}
}

/* ========================================================================== */
/* WEXION homepage — definitive composition layer (2026-08-24)               */
/* Keep this block last. It intentionally neutralises earlier experiments.    */
/* ========================================================================== */

.experience > .container > .experience__layout { display: none !important; }

@media (min-width: 901px) {
  /* Projects: one strong, elongated lead case followed by four compact cases. */
  body.home .projects {
    padding: 64px 0 68px !important;
  }
  body.home .projects > .container {
    width: min(1180px, calc(100% - 64px));
    max-width: 1180px;
  }
  body.home .projects .section__head {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(390px, 1.2fr);
    align-items: end;
    max-width: none;
    margin-bottom: 30px;
  }
  body.home .projects .section__head .section__title {
    max-width: 13ch;
    font-size: clamp(2.55rem, 4.2vw, 4.65rem);
  }
  body.home .projects .section__intro {
    justify-self: end;
    max-width: 470px;
    margin: 0 0 7px;
    font-size: 1rem;
  }
  body.home .projects .bento {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: 252px 186px !important;
    grid-auto-rows: 186px !important;
    gap: 14px !important;
    height: auto !important;
  }
  body.home .projects .bcard,
  body.home .projects .bcard--tall {
    grid-column: span 1 !important;
    grid-row: 2 !important;
    display: flex !important;
    height: 186px !important;
    min-height: 0 !important;
    border-radius: 18px !important;
  }
  body.home .projects .bcard--lg {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 1.08fr .92fr !important;
    height: 252px !important;
    min-height: 252px !important;
  }
  body.home .projects .bcard__mock,
  body.home .projects .bcard--lg .bcard__mock {
    width: auto !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  body.home .projects .bcard__body {
    min-width: 0;
    padding: 15px 16px 14px !important;
  }
  body.home .projects .bcard--lg .bcard__body {
    justify-content: center;
    padding: 26px 30px !important;
  }
  body.home .projects .bcard--lg .bcard__body h3 {
    margin: 7px 0 8px;
    font-size: clamp(2rem, 2.7vw, 2.8rem);
  }
  body.home .projects .bcard--lg .bcard__body p {
    display: block;
    max-width: 43ch;
    font-size: .86rem;
    line-height: 1.48;
  }
  body.home .projects .bcard:not(.bcard--lg) .bcard__mock {
    flex: 0 0 39%;
  }
  body.home .projects .bcard:not(.bcard--lg) .bcard__body {
    flex: 1;
    justify-content: center;
  }
  body.home .projects .bcard:not(.bcard--lg) h3 {
    margin: 5px 0 4px;
    font-size: 1.16rem;
  }
  body.home .projects .bcard:not(.bcard--lg) p,
  body.home .projects .bcard:not(.bcard--lg) .bcard__tech {
    display: none !important;
  }
  body.home .projects .bcard__link {
    margin-top: 8px;
  }
  body.home .projects .projects__cta {
    margin-top: 24px;
  }

  /* Demo: complete device and controls in a compact, viewport-sized section. */
  body.home .experience {
    min-height: 0 !important;
    padding: 42px 0 48px !important;
  }
  body.home .experience .section__head {
    margin-bottom: 16px !important;
  }
  body.home .experience .section__head .eyebrow {
    margin-bottom: 7px;
  }
  body.home .experience .section__head h2 {
    font-size: clamp(2rem, 3.2vw, 3.25rem) !important;
  }
  body.home .experience .section__intro {
    max-width: 620px;
    margin-top: 8px;
    font-size: .88rem;
    line-height: 1.45;
  }
  .product-demo {
    max-width: 960px !important;
  }
  .product-demo .lhl-demo {
    grid-template-columns: 355px minmax(0, 1fr) !important;
    min-height: 430px !important;
    height: 430px !important;
    border-radius: 24px;
    background: linear-gradient(106deg, #151517 0 37%, transparent 37%) !important;
  }
  .product-demo .lhl-demo__copy {
    justify-content: center;
    padding: 52px 26px 25px !important;
  }
  .product-demo .lhl-demo__copy h3 {
    max-width: 10ch;
    font-size: clamp(2rem, 2.8vw, 2.85rem) !important;
    line-height: .98;
  }
  .product-demo .lhl-demo__copy > p {
    max-width: 32ch;
    font-size: .78rem !important;
    line-height: 1.45 !important;
  }
  .product-demo .lhl-demo__copy ul {
    margin: 12px 0 14px !important;
  }
  .product-demo .lhl-demo__stage {
    min-height: 430px !important;
    height: 430px !important;
    background: transparent !important;
  }
  .product-demo .lhl-demo__phone {
    width: 242px !important;
    height: 414px !important;
    padding: 8px 8px 58px !important;
    transform: none !important;
    zoom: 1 !important;
  }
  .product-demo__switch {
    top: 12px;
    right: 16px;
  }
}

@media (max-width: 900px) {
  /* Reference-accurate mobile hero. The supplied artwork already contains the
     phone, pedestal and arch, so no second HTML phone may be rendered. */
  body.home .hero {
    width: calc(100% - 8px) !important;
    min-height: calc(100svh - 8px) !important;
    margin: 4px !important;
    border: 1px solid rgba(48, 40, 32, .11) !important;
    border-radius: 40px !important;
    background: #f3eee7 url('../img/wexion-mobile-hero.png') center bottom / cover no-repeat !important;
    overflow: hidden !important;
  }
  body.home .hero__inner {
    display: block !important;
    min-height: calc(100svh - 8px) !important;
    padding: clamp(184px, 21vh, 220px) 28px clamp(330px, 39vh, 410px) !important;
    text-align: center !important;
  }
  body.home .hero__copy {
    width: 100% !important;
    max-width: 470px !important;
    margin: 0 auto !important;
  }
  body.home .hero .eyebrow {
    display: block !important;
    margin: 0 auto 22px !important;
    color: #b38a4e !important;
    font: 500 clamp(.68rem, 2.65vw, .8rem)/1.2 var(--font-mono) !important;
    letter-spacing: .29em !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }
  body.home .hero__title {
    max-width: 12ch !important;
    margin: 0 auto !important;
    color: #171719 !important;
    font-family: "Orbitron", sans-serif !important;
    font-size: clamp(2.28rem, 9.7vw, 3.2rem) !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    letter-spacing: .025em !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }
  body.home .hero__title::after {
    display: block !important;
    width: 43px !important;
    height: 1px !important;
    margin: 23px auto 0 !important;
    background: #b38a4e !important;
    content: "" !important;
  }
  body.home .hero__sub {
    max-width: 31ch !important;
    margin: 22px auto 0 !important;
    color: #4f4c48 !important;
    font-size: clamp(.88rem, 3.55vw, 1rem) !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }
  body.home .hero__cta {
    display: grid !important;
    width: min(100%, 390px) !important;
    margin: 23px auto 0 !important;
    gap: 9px !important;
  }
  body.home .hero__cta .btn {
    width: 100% !important;
    min-height: 50px !important;
  }
  body.home .hero__stage,
  body.home .hero__hints,
  body.home .hero__scroll {
    display: none !important;
  }

  body.home .projects .section__head {
    text-align: left !important;
  }
  body.home .experience {
    padding: 42px 0 !important;
  }
  .product-demo .lhl-demo__phone {
    transform: none !important;
  }
}

@media (max-width: 420px) and (max-height: 780px) {
  body.home .hero__inner {
    padding-top: 132px !important;
    padding-bottom: 245px !important;
  }
  body.home .hero .eyebrow { margin-bottom: 13px !important; }
  body.home .hero__title { font-size: 2.05rem !important; line-height: 1.12 !important; }
  body.home .hero__title::after { margin-top: 13px !important; }
  body.home .hero__sub { margin-top: 13px !important; font-size: .79rem !important; }
  body.home .hero__cta { margin-top: 15px !important; gap: 7px !important; }
  body.home .hero__cta .btn { min-height: 43px !important; }
}

/* ========================================================================== */
/* 2026-08-24 — TRUE FINAL CUSTOMER LOCK — keep this block last               */
/* ========================================================================== */
@media (min-width:901px){
  body.home section.experience{min-height:0!important;padding:30px 0 38px!important;overflow:hidden!important}
  body.home section.experience .section__head{margin-bottom:12px!important}
  body.home section.experience .section__head h2{font-size:clamp(2rem,3vw,3.15rem)!important;line-height:.98!important}
  body.home section.experience .section__intro{max-width:650px!important;margin-top:8px!important;font-size:.86rem!important;line-height:1.45!important}
  body.home .product-demo{width:min(100%,1110px)!important;max-width:1110px!important;margin-inline:auto!important;padding:0!important;overflow:visible!important}
  body.home .product-demo .lhl-demo{display:grid!important;grid-template-columns:365px minmax(0,1fr)!important;gap:18px!important;width:100%!important;height:418px!important;min-height:418px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.home .product-demo .lhl-demo__copy{position:relative!important;z-index:5!important;align-self:center!important;width:365px!important;height:348px!important;margin-left:-198px!important;padding:34px 30px 26px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;background:#151517!important;color:#fff!important;box-shadow:0 24px 55px rgba(24,20,16,.18)!important;clip-path:none!important;transform:none!important}
  body.home .product-demo .lhl-demo__copy::before,body.home .product-demo .lhl-demo__copy::after{display:none!important;content:none!important}
  body.home .product-demo .lhl-demo__copy h3{max-width:9ch!important;margin:12px 0!important;font-size:clamp(2rem,2.8vw,2.75rem)!important;line-height:.94!important}
  body.home .product-demo .lhl-demo__copy>p:not(.eyebrow){max-width:31ch!important;font-size:.76rem!important;line-height:1.52!important}
  body.home .product-demo .lhl-demo__copy ul{margin:15px 0 17px!important;gap:6px!important}
  body.home .product-demo .lhl-demo__copy li{padding:6px 8px!important;font-size:.62rem!important}
  body.home .product-demo .lhl-demo__copy .btn{min-height:38px!important;padding:8px 12px!important;font-size:.66rem!important}
  body.home .product-demo .lhl-demo__stage{position:relative!important;display:grid!important;place-items:center!important;height:418px!important;min-height:418px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.home .product-demo .lhl-demo__phone{width:270px!important;height:414px!important;margin:0 0 0 -118px!important;padding:8px 8px 59px!important;border-width:6px!important;border-radius:36px!important;transform:none!important;rotate:none!important;zoom:1!important}
  body.home .product-demo__switch{top:auto!important;right:118px!important;bottom:7px!important;z-index:30!important;transform:none!important;background:rgba(255,255,255,.97)!important}
}

@media (max-width:900px){
  body.home .header,body.home .nav{background:transparent!important}
  body.home .mobile-menu,body.home .mobilemenu{top:var(--header-h,72px)!important;right:0!important;left:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:6px 16px 17px!important;border:0!important;border-top:1px solid rgba(65,52,39,.08)!important;border-radius:0 0 22px 22px!important;background:#f3eee7!important;box-shadow:0 24px 48px rgba(46,36,27,.13)!important;backdrop-filter:none!important}
  body.home .nav__logo--desktop{display:block!important;width:100px!important;height:auto!important}
  body.home .nav__logo--mobile{display:none!important}
  body.home section.hero{min-height:calc(100svh - 2px)!important;overflow:hidden!important;border:0!important;border-radius:0!important;background-color:#f3eee7!important;background-image:url('../img/wexion-mobile-hero.png')!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center bottom!important}
  body.home section.hero .hero__inner{position:relative!important;display:block!important;min-height:calc(100svh - 2px)!important;padding:clamp(92px,11.5vh,116px) 18px clamp(270px,34vh,350px)!important}
  body.home section.hero .hero__copy{position:static!important;width:100%!important;max-width:430px!important;margin-inline:auto!important;text-align:center!important;transform:translateY(-128px)!important}
  body.home section.hero .eyebrow{margin:0 0 16px!important;font-size:.62rem!important;letter-spacing:.27em!important}
  body.home section.hero .hero__title{width:100%!important;max-width:none!important;margin:0 auto!important;font-family:"Orbitron","Rajdhani",sans-serif!important;font-size:clamp(1.52rem,7vw,2.35rem)!important;font-weight:500!important;line-height:1.36!important;letter-spacing:.02em!important;text-align:center!important;text-transform:uppercase!important}
  body.home section.hero .hero__title-line{display:block!important}
  body.home section.hero .hero__title-line--single{white-space:nowrap!important}
  body.home section.hero .hero__title::after{width:32px!important;margin:14px auto 0!important}
  body.home section.hero .hero__sub{display:block!important;width:100%!important;max-width:40ch!important;margin:14px auto 0!important;overflow:visible!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif!important;font-size:clamp(.74rem,2.95vw,.86rem)!important;font-weight:450!important;line-height:1.4!important;letter-spacing:-.012em!important;text-align:center!important;text-wrap:balance!important;white-space:normal!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important}
  body.home section.hero .hero__cta{position:absolute!important;z-index:4!important;right:18px!important;bottom:clamp(78px,11vh,108px)!important;left:18px!important;display:grid!important;grid-template-columns:1fr!important;width:min(calc(100% - 36px),286px)!important;max-width:286px!important;margin:0 auto!important;gap:8px!important;transform:none!important}
  body.home section.hero .hero__cta>*{grid-column:1!important;width:100%!important;min-width:0!important}
  body.home section.hero .hero__cta .btn{width:100%!important;min-height:43px!important;padding:9px 14px!important}
}

@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__inner{padding-top:79px!important;padding-bottom:218px!important}
  body.home section.hero .eyebrow{margin-bottom:10px!important;font-size:.55rem!important}
  body.home section.hero .hero__title{font-size:1.42rem!important;line-height:1.3!important}
  body.home section.hero .hero__title::after{margin-top:10px!important}
  body.home section.hero .hero__sub{margin-top:10px!important;font-size:.69rem!important;line-height:1.34!important}
  body.home section.hero .hero__cta{bottom:72px!important;margin:0 auto!important;gap:6px!important}
  body.home section.hero .hero__cta .btn{min-height:38px!important;font-size:.72rem!important}
}

/* Mobile navigation final seal: optically larger wordmark, unchanged header height,
   and one continuous surface while the navigation sheet is open. */
@media (max-width:900px){
  body.home .nav__brand{
    display:flex!important;
    align-items:center!important;
    flex:0 0 132px!important;
    width:132px!important;
    height:38px!important;
    overflow:visible!important;
  }
  body.home .nav__logo--desktop{
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
    height:auto!important;
    margin-left:-23px!important;
    transform:scale(1.55)!important;
    transform-origin:left center!important;
  }

  body.home .nav.is-open,
  body.home.is-menu-open .nav,
  body.home .nav.is-open .nav__inner,
  body.home.is-menu-open .nav .nav__inner{
    border-bottom:0!important;
    border-radius:0!important;
    background:#f3eee7!important;
    box-shadow:none!important;
  }
  body.home .mobilemenu{
    top:calc(var(--header-h,72px) - 1px)!important;
    border-top:0!important;
    background:#f3eee7!important;
  }
  body.home .mobilemenu.is-open{
    box-shadow:0 24px 44px rgba(46,36,27,.13)!important;
  }
}

/* Final 2026-08-25 cascade seal. */
.partners__viewport[data-marquee-viewport]{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.partners__viewport[data-marquee-viewport].is-dragging{cursor:grabbing}
.partners__viewport[data-marquee-viewport].is-manual .partners__track{animation:none!important;will-change:transform}
.partners__viewport[data-marquee-viewport].is-resuming .partners__track{animation:marquee-from-position 30s linear infinite!important;will-change:transform}
@keyframes marquee-from-position{from{transform:translate3d(var(--marquee-start),0,0)}to{transform:translate3d(calc(var(--marquee-start) - var(--marquee-distance)),0,0)}}
@media(max-width:900px){
 body.home .nav__brand{flex-basis:150px!important;width:150px!important}
 body.home .nav__logo--desktop{width:136px!important;min-width:136px!important;max-width:136px!important;margin-left:-23px!important;transform:scale(1.62)!important}
 body.home .nav.is-open,body.home.is-menu-open .nav{background:#f3eee7!important}
 body.home .mobilemenu{top:calc(var(--header-h,72px) - 2px)!important;padding-top:0!important;border-top:0!important;border-radius:0 0 22px 22px!important}
 body.home section.hero .hero__cta .btn{min-height:47px!important;padding-block:11px!important}
 body.home section.projects{padding:58px 0 64px!important;overflow:hidden!important;background:#f4f1ec!important}
 body.home section.projects>.container{width:calc(100% - 32px)!important}
 body.home section.projects .section__head{display:block!important;margin:0 0 27px!important;text-align:left!important}
 body.home section.projects .section__head .eyebrow{margin:0 0 12px!important;font-size:.62rem!important;letter-spacing:.16em!important}
 body.home section.projects .section__head h2{max-width:10ch!important;margin:0!important;font-size:clamp(2.35rem,11vw,3.2rem)!important;line-height:.94!important;letter-spacing:-.065em!important}
 body.home section.projects .section__head .section__intro{max-width:34ch!important;margin:17px 0 0!important;font-size:.88rem!important;line-height:1.55!important}
 body.home section.projects .bento{display:flex!important;width:calc(100% + 16px)!important;margin:0!important;padding:0 16px 20px 0!important;gap:12px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x mandatory!important;scroll-padding-left:0!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
 body.home section.projects .bento::-webkit-scrollbar{display:none!important}
 body.home section.projects .bcard,body.home section.projects .bcard--lg,body.home section.projects .bcard--tall{display:grid!important;flex:0 0 min(86vw,326px)!important;width:min(86vw,326px)!important;height:430px!important;min-height:430px!important;grid-template-rows:104px minmax(0,1fr)!important;overflow:hidden!important;border:1px solid rgba(64,54,44,.11)!important;border-radius:17px!important;background:rgba(255,253,249,.86)!important;box-shadow:0 18px 44px rgba(48,40,32,.07)!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}
 body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{width:auto!important;min-height:0!important;height:86px!important;margin:16px 16px 0!important;overflow:hidden!important;border-radius:2px!important}
 body.home section.projects .bcard__body,body.home section.projects .bcard--lg .bcard__body{display:flex!important;min-width:0!important;min-height:0!important;flex-direction:column!important;justify-content:flex-start!important;padding:86px 19px 17px!important}
 body.home section.projects .bcard__cat,body.home section.projects .tag,body.home section.projects .chip{font-size:.58rem!important}
 body.home section.projects .bcard h3,body.home section.projects .bcard--lg .bcard__body h3{margin:9px 0 6px!important;font-size:1.43rem!important;line-height:1.02!important;letter-spacing:-.045em!important}
 body.home section.projects .bcard p,body.home section.projects .bcard--lg .bcard__body p{display:-webkit-box!important;margin:0!important;overflow:hidden!important;font-size:.75rem!important;line-height:1.48!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
 body.home section.projects .bcard__tech{display:none!important}
 body.home section.projects .bcard__link{margin-top:auto!important;padding-top:13px!important;font-size:.68rem!important}
 body.home section.projects .projects__cta{margin-top:5px!important}
}
@media(max-width:420px) and (max-height:780px){body.home section.hero .hero__cta .btn{min-height:42px!important}}

/* Mobile header + hero type: final optical corrections after all legacy rules. */
@media (max-width:900px){
  body.home .nav,
  body.home .nav .nav__inner{
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
    border-right:0!important;
    border-left:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }
  body.home .nav .nav__inner{
    padding-right:18px!important;
    padding-left:18px!important;
  }
  /* The source wordmark has large transparent margins. This enlarges its
     visible artwork without changing the header's layout height. */
  body.home .nav__logo--desktop{
    width:116px!important;
    max-width:116px!important;
    height:auto!important;
    max-height:none!important;
    margin-left:-20px!important;
    transform:scale(1.5)!important;
    transform-origin:left center!important;
  }
  body.home section.hero .hero__sub{
    width:100%!important;
    max-width:38ch!important;
    font-family:"Avenir Next","Segoe UI Variable Text","Helvetica Neue",Arial,sans-serif!important;
    font-size:clamp(.79rem,3.15vw,.91rem)!important;
    font-weight:500!important;
    line-height:1.46!important;
    letter-spacing:-.006em!important;
    color:#5e5953!important;
  }
}

@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__sub{
    max-width:39ch!important;
    font-size:.72rem!important;
    line-height:1.4!important;
  }
}

/* Mobile header + hero type: final optical corrections after all legacy rules. */
@media (max-width:900px){
  body.home .nav,
  body.home .nav .nav__inner{
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
    border-right:0!important;
    border-left:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }

  body.home .nav .nav__inner{
    padding-right:18px!important;
    padding-left:18px!important;
  }

  /* The wordmark file has large transparent margins. Scale the visible artwork
     without increasing the header's layout height. */
  body.home .nav__logo--desktop{
    width:116px!important;
    max-width:116px!important;
    height:auto!important;
    max-height:none!important;
    margin-left:-20px!important;
    transform:scale(1.5)!important;
    transform-origin:left center!important;
  }

  body.home section.hero .hero__sub{
    width:100%!important;
    max-width:38ch!important;
    font-family:"Avenir Next","Segoe UI Variable Text","Helvetica Neue",Arial,sans-serif!important;
    font-size:clamp(.79rem,3.15vw,.91rem)!important;
    font-weight:500!important;
    line-height:1.46!important;
    letter-spacing:-.006em!important;
    color:#5e5953!important;
  }
}

@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__sub{
    max-width:39ch!important;
    font-size:.72rem!important;
    line-height:1.4!important;
  }
}

/* Mobile header and hero typography: final optical alignment. */
@media (max-width:900px){
  body.home .nav,
  body.home .nav .nav__inner{
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
    border-right:0!important;
    border-left:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }

  body.home .nav .nav__inner{
    padding-right:18px!important;
    padding-left:18px!important;
  }

  /* The source PNG contains generous transparent padding. Scaling the image
     optically enlarges the visible wordmark without changing header height. */
  body.home .nav__logo--desktop{
    width:116px!important;
    max-width:116px!important;
    height:auto!important;
    max-height:none!important;
    margin-left:-20px!important;
    transform:scale(1.5)!important;
    transform-origin:left center!important;
  }

  body.home section.hero .hero__sub{
    max-width:38ch!important;
    font-family:"Avenir Next","Segoe UI Variable Text","Helvetica Neue",Arial,sans-serif!important;
    font-size:clamp(.79rem,3.15vw,.91rem)!important;
    font-weight:500!important;
    line-height:1.46!important;
    letter-spacing:-.006em!important;
    color:#5e5953!important;
  }
}

@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__sub{
    max-width:39ch!important;
    font-size:.72rem!important;
    line-height:1.4!important;
  }
}

/* Final mobile hero CTA anchor — deliberately independent from the copy flow. */
@media (max-width:900px){
  body.home section.hero .hero__inner{position:relative!important;display:block!important}
  body.home section.hero .hero__copy{position:static!important}
  body.home section.hero .hero__cta{
    position:absolute!important;
    z-index:8!important;
    right:18px!important;
    bottom:clamp(78px,11vh,108px)!important;
    left:18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:min(calc(100% - 36px),286px)!important;
    max-width:286px!important;
    margin:0 auto!important;
    gap:8px!important;
    transform:none!important
  }
}
@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__cta{bottom:72px!important;margin:0 auto!important;gap:6px!important}
}

/* Mobile CTA placement: the copy stays at the approved editorial position;
   both actions deliberately occupy the free lower artwork area. */
@media (max-width:900px){
  body.home section.hero .hero__inner{
    position:relative!important;
    display:block!important;
  }
  body.home section.hero .hero__cta{
    position:absolute!important;
    z-index:8!important;
    top:calc(100svh - 236px)!important;
    right:18px!important;
    bottom:auto!important;
    left:18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:min(calc(100% - 36px),286px)!important;
    max-width:286px!important;
    margin:0 auto!important;
    gap:8px!important;
    transform:none!important;
  }
}
@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__cta{
    top:calc(100svh - 208px)!important;
    gap:6px!important;
  }
}

/* Keep the approved mobile copy composition independent from the two CTAs.
   The artwork owns the centre of the stage; actions remain anchored below it. */
@media (max-width:900px){
  body.home section.hero .hero__inner{position:relative!important;display:block!important;padding:0 18px!important}
  body.home section.hero .hero__cta{
    position:absolute!important;
    z-index:6!important;
    right:18px!important;
    bottom:max(28px,env(safe-area-inset-bottom))!important;
    left:18px!important;
    width:auto!important;
    max-width:286px!important;
    margin:0 auto!important;
  }
  body.home .nav__logo--desktop{width:108px!important;max-width:108px!important}
}
@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__cta{bottom:20px!important}
}

/* Mobile hero: keep the editorial copy clear of the artwork and reserve the
   lower part of the supplied scene for the device composition. */
@media (max-width:900px){
  body.home .nav__brand .nav__logo--desktop{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:auto!important;
  }
  body.home section.hero .hero__inner{
    position:relative!important;
    display:block!important;
    min-height:calc(100svh - 2px)!important;
    padding:0 18px!important;
  }
  body.home section.hero .hero__copy{
    position:absolute!important;
    z-index:4!important;
    top:clamp(94px,12.2svh,124px)!important;
    right:18px!important;
    left:18px!important;
    width:auto!important;
    max-width:342px!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  body.home section.hero .eyebrow{
    margin:0 0 12px!important;
    font-size:.57rem!important;
    letter-spacing:.25em!important;
  }
  body.home section.hero .hero__title{
    max-width:100%!important;
    font-size:clamp(1.47rem,6.6vw,2.04rem)!important;
    line-height:1.28!important;
    letter-spacing:.018em!important;
  }
  body.home section.hero .hero__title::after{margin-top:11px!important}
  body.home section.hero .hero__sub{
    max-width:29ch!important;
    margin:11px auto 0!important;
    font-size:clamp(.74rem,3.05vw,.86rem)!important;
    line-height:1.46!important;
  }
  body.home section.hero .hero__cta{
    position:absolute!important;
    z-index:5!important;
    right:18px!important;
    bottom:max(28px,env(safe-area-inset-bottom))!important;
    left:18px!important;
    width:auto!important;
    max-width:286px!important;
    margin:0 auto!important;
  }
}

@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__copy{top:86px!important}
  body.home section.hero .hero__title{font-size:1.4rem!important;line-height:1.25!important}
  body.home section.hero .hero__sub{font-size:.7rem!important;line-height:1.4!important}
  body.home section.hero .hero__cta{bottom:20px!important}
}

/* Definitive mobile header seal. Keep this as the final rule in this file. */
@media (max-width:900px){
  .nav[data-nav],.nav[data-nav]>.container.nav__inner{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .nav[data-nav].is-scrolled,.nav[data-nav].is-open,body.is-menu-open .nav[data-nav],.nav[data-nav].is-scrolled>.container.nav__inner,.nav[data-nav].is-open>.container.nav__inner,body.is-menu-open .nav[data-nav]>.container.nav__inner{background:#f3eee7!important;border-color:rgba(65,52,39,.08)!important;box-shadow:0 12px 32px rgba(46,36,27,.08)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}
  .nav[data-nav] .nav__desktoplinks,.nav[data-nav] .nav__links{display:none!important}
  .nav[data-nav] .nav__brand .nav__logo--desktop{display:block!important;width:92px!important;min-width:92px!important;max-width:92px!important;height:auto!important;margin:0!important;opacity:1!important}
  .nav[data-nav] .nav__brand .nav__logo--mobile{display:none!important}
}

/* One header, one mobile menu. The desktop navigation deliberately uses its
   own class so legacy .nav__links dropdown rules cannot open a second menu. */
.nav__desktoplinks{display:flex;align-items:center;gap:2.35rem;position:absolute;left:50%;transform:translateX(-50%);color:#171719;font-size:.96rem;font-weight:500}
.nav__desktoplinks a{position:relative;padding:.5rem 0}
.nav__desktoplinks a::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav__desktoplinks a:hover::after{transform:scaleX(1)}
@media (max-width:1050px){.nav__desktoplinks{display:none!important}}

@media (max-width:900px){
  .nav[data-nav],.nav[data-nav]>.nav__inner{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .nav[data-nav].is-scrolled,.nav[data-nav].is-open,body.is-menu-open .nav[data-nav],.nav[data-nav].is-scrolled>.nav__inner,.nav[data-nav].is-open>.nav__inner,body.is-menu-open .nav[data-nav]>.nav__inner{background:#f3eee7!important;border-color:rgba(65,52,39,.08)!important;box-shadow:0 12px 32px rgba(46,36,27,.08)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}
  .nav[data-nav] .nav__brand{width:auto!important;height:auto!important;overflow:visible!important;background:none!important}
  .nav[data-nav] .nav__brand .nav__logo--desktop{display:block!important;width:92px!important;min-width:92px!important;max-width:92px!important;height:auto!important;margin:0!important;opacity:1!important;object-fit:contain!important}
  .nav[data-nav] .nav__brand .nav__logo--mobile{display:none!important}
  .nav[data-nav] .nav__links,.nav[data-nav].is-open .nav__links{display:none!important}
}

/* Final mobile navigation authority — intentionally last in the cascade. */
@media (max-width:900px){
  body.home .header,
  body.home .nav,
  body.home .nav .nav__inner{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  body.home .nav.is-scrolled,
  body.home .nav.is-open,
  body.home.is-menu-open .nav,
  body.home .nav.is-scrolled .nav__inner,
  body.home .nav.is-open .nav__inner,
  body.home.is-menu-open .nav .nav__inner{
    background:#f3eee7!important;
    border-color:rgba(65,52,39,.08)!important;
    box-shadow:0 12px 32px rgba(46,36,27,.08)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
  }

  body.home .nav__links,
  body.home .nav.is-open .nav__links{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.home .nav__brand{
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    background:none!important;
  }
  body.home .nav__logo--desktop{
    display:block!important;
    width:100px!important;
    max-width:100px!important;
    height:auto!important;
    opacity:1!important;
  }
  body.home .nav__logo--mobile{display:none!important}

  body.home .mobile-menu{display:none!important}
  body.home .mobilemenu{
    top:var(--header-h,72px)!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    margin:0!important;
    background:#f3eee7!important;
  }
}

/* 2026-08-24 — authoritative mobile header/menu lock. Keep this block at EOF. */
@media (max-width: 900px) {
  body.home .nav {
    overflow: visible !important;
    border-bottom-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.home .nav .nav__inner {
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.home .nav.is-scrolled,
  body.home .nav.is-open,
  body.home.is-menu-open .nav,
  body.home .nav.is-scrolled .nav__inner,
  body.home .nav.is-open .nav__inner,
  body.home.is-menu-open .nav .nav__inner {
    border-bottom-color: rgba(57, 45, 34, .08) !important;
    background: rgba(243, 238, 231, .97) !important;
    box-shadow: 0 8px 28px rgba(47, 38, 29, .055) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
  }

  /* The desktop links must never become a second mobile dropdown. */
  body.home .nav__links,
  body.home .nav.is-open .nav__links {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: none !important;
  }

  body.home .nav__brand {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    background: none !important;
  }

  body.home .nav__logo--desktop {
    display: block !important;
    width: 100px !important;
    max-width: 100px !important;
    height: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    object-fit: contain !important;
  }

  body.home .nav__logo--mobile { display: none !important; }

  /* Only this sheet is the mobile navigation. It attaches directly to the header. */
  body.home .mobilemenu {
    top: var(--header-h, 72px) !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    border-top: 1px solid rgba(57, 45, 34, .08) !important;
    background: #f3eee7 !important;
  }
}

/* 2026-08 mobile landing lock: transparent entry header, attached menu and native contact CTA. */
.mobile-call-fab{display:none}
@media (max-width:900px){
  body.home .nav{
    background:transparent!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease!important;
  }
  body.home .nav.is-scrolled,
  body.home .nav.is-open,
  body.home.is-menu-open .nav{
    background:#f3eee7!important;
    border-bottom:1px solid rgba(65,52,39,.08)!important;
    box-shadow:0 10px 26px rgba(46,36,27,.07)!important;
  }
  body.home .nav__links{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.home .nav__logo--desktop{
    display:block!important;
    width:94px!important;
    max-width:94px!important;
    height:20px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  body.home .nav__logo--mobile{display:none!important}
  body.home .langswitch__trigger{
    grid-template-columns:20px auto 10px!important;
    min-width:88px!important;
    height:44px!important;
    padding:0 13px!important;
    gap:9px!important;
    border:1px solid rgba(51,44,37,.1)!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(42,34,27,.08)!important;
  }
  body.home .langswitch__flag{width:20px!important;height:20px!important}
  body.home .langswitch__current{font-size:.78rem!important;font-weight:700!important;letter-spacing:.08em!important}
  body.home .langswitch__chevron{width:10px!important;stroke:#4a4743!important;stroke-width:2.2!important}
  body.home .nav__burger{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    gap:5px!important;
    border:1px solid rgba(51,44,37,.1)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 8px 22px rgba(42,34,27,.06)!important;
  }
  body.home .nav__burger span{
    display:block!important;
    width:21px!important;
    height:1.5px!important;
    margin:0!important;
    border-radius:2px!important;
    background:#b58a43!important;
  }
  body.home .nav__burger svg{display:block!important;width:22px!important;height:22px!important;color:#b58a43!important;fill:none!important;stroke:currentColor!important;flex:0 0 auto!important}
  body.home .mobilemenu{
    top:calc(var(--header-h,72px) - 1px)!important;
    margin:0!important;
    padding-top:7px!important;
    border-top:0!important;
    border-radius:0 0 22px 22px!important;
    background:#f3eee7!important;
  }
  body.home section.hero .hero__inner{
    position:relative!important;
    padding-top:82px!important;
  }
  body.home section.hero .eyebrow{margin-bottom:10px!important}
  body.home section.hero .hero__sub{
    display:-webkit-box!important;
    max-width:285px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  body.home section.hero .hero__cta{
    position:absolute!important;
    left:50%!important;
    bottom:48px!important;
    z-index:8!important;
    width:min(calc(100% - 48px),306px)!important;
    margin:0!important;
    gap:7px!important;
    transform:translateX(-50%)!important;
  }
  body.home section.hero .hero__cta .btn{min-height:43px!important}
  body.home .chatbot-fab{display:none!important}
  body.home .mobile-call-fab{
    position:fixed;
    right:16px;
    bottom:max(38px,env(safe-area-inset-bottom));
    z-index:120;
    display:grid;
    place-items:center;
    width:56px;
    height:56px;
    border:1px solid rgba(197,154,85,.42);
    border-radius:50%;
    background:linear-gradient(145deg,#211e1a 0%,#12110f 100%);
    color:#d8ae67;
    box-shadow:0 14px 34px rgba(31,25,20,.2),inset 0 1px 0 rgba(255,255,255,.08);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(12px) scale(.94);
    transition:opacity .24s ease,visibility .24s ease,transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease;
  }
  body.home .mobile-call-fab.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  body.home .mobile-call-fab:active{transform:translateY(1px) scale(.97);box-shadow:0 8px 22px rgba(31,25,20,.18),inset 0 1px 0 rgba(255,255,255,.08)}
  body.home .mobile-call-fab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  body.home .partners__title,
  body.home .partners__viewport{
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
}
@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__inner{padding-top:75px!important}
  body.home section.hero .hero__cta{bottom:35px!important}
}

/* ========================================================================== 
   WEXION landing page — final composition lock (2026-08-24)
   Keeps the established sections intact and only resolves the approved hero,
   project-grid and interactive-demo compositions.
   ========================================================================== */
@media (min-width: 901px) {
  /* Preserve the prominent horizontal lead project and the compact 4-card row. */
  body.home section.projects {
    padding-block: clamp(54px, 6vh, 78px) !important;
  }
  body.home section.projects .section__head {
    margin-bottom: 24px !important;
  }
  body.home section.projects .bento {
    grid-template-rows: 288px 184px !important;
    gap: 15px !important;
  }
  body.home section.projects .bcard,
  body.home section.projects .bcard--tall {
    height: 184px !important;
  }
  body.home section.projects .bcard--lg {
    height: 288px !important;
  }

  /* Demo remains compact; copy moves left, while the complete device grows. */
  body.home section.experience {
    padding: 28px 0 36px !important;
  }
  body.home section.experience .section__head {
    margin-bottom: 10px !important;
  }
  body.home .product-demo {
    width: min(100%, 1120px) !important;
    max-width: 1120px !important;
    min-height: 418px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.home .product-demo .lhl-demo {
    grid-template-columns: 340px minmax(0, 1fr) !important;
    gap: 18px !important;
    height: 418px !important;
    min-height: 418px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.home .product-demo .lhl-demo__copy {
    width: 340px !important;
    height: 350px !important;
    margin-left: -126px !important;
    border-radius: 18px !important;
    clip-path: none !important;
    transform: none !important;
  }
  body.home .product-demo .lhl-demo__copy h3 {
    max-width: 8.5ch !important;
    font-size: clamp(2rem, 2.65vw, 2.68rem) !important;
  }
  body.home .product-demo .lhl-demo__stage {
    height: 418px !important;
    min-height: 418px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.home .product-demo .lhl-demo__phone {
    width: 276px !important;
    height: 414px !important;
    margin: 0 !important;
    transform: translateX(-44px) !important;
    rotate: 0deg !important;
  }
  body.home .product-demo__switch {
    top: 15px !important;
    right: 22px !important;
    bottom: auto !important;
    transform: none !important;
  }
}

@media (max-width: 900px) {
  /* One uninterrupted material surface from header through the opened menu. */
  body.home .nav {
    height: 64px !important;
    background: #f3eee7 !important;
    border-bottom-color: rgba(43, 35, 27, .08) !important;
  }
  body.home .nav__inner {
    height: 64px !important;
  }
  body.home .nav__brand {
    width: 137px !important;
    height: 30px !important;
    overflow: hidden !important;
    background: url('../img/wexion_logo_desktop.png') left center / contain no-repeat !important;
  }
  body.home .nav__logo--desktop {
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
  }
  body.home .nav__links {
    inset: 64px 0 auto !important;
    padding: 7px 18px 15px !important;
    border: 0 !important;
    border-top: 1px solid rgba(43, 35, 27, .075) !important;
    border-radius: 0 0 20px 20px !important;
    background: #f3eee7 !important;
    box-shadow: 0 22px 40px rgba(43, 35, 27, .13) !important;
  }
  body.home .nav__links > a {
    color: #171717 !important;
  }

  /* Exact mobile art direction: no outer card, higher copy, two-line title. */
  body.home section.hero {
    min-height: 100svh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #f3eee7 !important;
    background-position: center bottom !important;
  }
  body.home section.hero .hero__inner {
    min-height: 100svh !important;
    padding: clamp(75px, 9.5vh, 96px) 18px clamp(270px, 34vh, 350px) !important;
  }
  body.home section.hero .hero__copy {
    max-width: 430px !important;
  }
  body.home section.hero .eyebrow {
    margin-bottom: 13px !important;
  }
  body.home section.hero .hero__title {
    font-family: "Orbitron", "Rajdhani", sans-serif !important;
    font-size: clamp(1.55rem, 7.15vw, 2.35rem) !important;
    font-weight: 500 !important;
    line-height: 1.34 !important;
    letter-spacing: .02em !important;
  }
  body.home section.hero .hero__title-line--single {
    display: block !important;
    white-space: nowrap !important;
  }
  body.home section.hero .hero__sub {
    max-width: 31ch !important;
    margin-top: 12px !important;
    font-family: "General Sans", "Inter", Arial, sans-serif !important;
    font-size: clamp(.77rem, 3.1vw, .9rem) !important;
    line-height: 1.52 !important;
  }
  body.home section.hero .hero__cta {
    margin-top: 15px !important;
  }
}

@media (max-width: 420px) and (max-height: 780px) {
  body.home section.hero .hero__inner {
    padding-top: 68px !important;
    padding-bottom: 210px !important;
  }
  body.home section.hero .hero__title {
    font-size: 1.39rem !important;
  }
}

/* Mobile header/menu — final cascade lock */
.nav__mobile-meta{display:none}
@media (max-width:760px){
  body.home .nav{overflow:visible!important;background:transparent!important}
  body.home .nav__brand{width:auto!important;height:auto!important;overflow:visible!important;background:none!important}
  body.home .nav__logo--desktop{display:block!important;width:100px!important;height:auto!important;opacity:1!important}
  body.home .nav__logo--mobile{display:none!important}
  body.home .nav__links,
  body.home .nav.is-open .nav__links{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important}
  body.home .nav__links>a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:43px!important;padding:0!important;border-bottom:1px solid rgba(18,18,18,.09)!important;background:transparent!important;color:#151515!important;font-size:.87rem!important;font-weight:500!important}
  body.home .nav__links a:last-child{border-bottom:0!important}
  body.home .nav__mobile-meta{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding-top:13px!important}
  body.home .nav__mobile-meta .btn{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:45px!important;padding:10px 15px!important;border:0!important;border-radius:10px!important;background:#dfb95c!important;color:#151515!important;font-weight:700!important}
  body.home .nav__mobile-meta p{margin:0!important;color:#776f66!important;font-family:"JetBrains Mono",monospace!important;font-size:.61rem!important;letter-spacing:.02em!important}
}

/* ========================================================================== */
/* 2026-08-24 — customer presentation lock (must remain the final CSS layer)  */
/* ========================================================================== */

@media (min-width:901px){
  /* Demo: left editorial card, straight device, no enclosing showcase frame. */
  body.home section.experience{padding:30px 0 38px!important;overflow:hidden}
  body.home section.experience .section__head{margin-bottom:12px!important}
  body.home section.experience .section__head h2{font-size:clamp(2rem,3vw,3.15rem)!important;line-height:.98!important}
  body.home section.experience .section__intro{max-width:650px!important;margin-top:8px!important;font-size:.86rem!important;line-height:1.45!important}
  body.home .product-demo{width:min(100%,1110px)!important;max-width:1110px!important;margin-inline:auto!important;padding:0!important}
  body.home .product-demo .lhl-demo{
    display:grid!important;grid-template-columns:365px minmax(0,1fr)!important;
    width:100%!important;height:418px!important;min-height:418px!important;
    overflow:visible!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important
  }
  body.home .product-demo .lhl-demo__copy{
    position:relative!important;z-index:5!important;align-self:center!important;
    width:365px!important;height:348px!important;margin-left:-72px!important;
    padding:34px 30px 26px!important;overflow:hidden!important;
    border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;
    background:#151517!important;color:#fff!important;box-shadow:0 24px 55px rgba(24,20,16,.18)!important;
    clip-path:none!important;transform:none!important
  }
  body.home .product-demo .lhl-demo__copy::after{display:none!important}
  body.home .product-demo .lhl-demo__copy h3{max-width:9ch!important;margin:12px 0!important;font-size:clamp(2rem,2.8vw,2.75rem)!important;line-height:.94!important}
  body.home .product-demo .lhl-demo__copy>p:not(.eyebrow){max-width:31ch!important;font-size:.76rem!important;line-height:1.52!important}
  body.home .product-demo .lhl-demo__copy ul{margin:15px 0 17px!important;gap:6px!important}
  body.home .product-demo .lhl-demo__copy li{padding:6px 8px!important;font-size:.62rem!important}
  body.home .product-demo .lhl-demo__copy .btn{min-height:38px!important;padding:8px 12px!important;font-size:.66rem!important}
  body.home .product-demo .lhl-demo__stage{
    position:relative!important;display:grid!important;place-items:center!important;
    height:418px!important;min-height:418px!important;overflow:visible!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
  }
  body.home .product-demo .lhl-demo__phone{
    width:258px!important;height:414px!important;padding:8px 8px 59px!important;
    border-width:6px!important;border-radius:36px!important;
    transform:none!important;rotate:none!important;zoom:1!important
  }
  body.home .product-demo__switch{
    top:auto!important;right:72px!important;bottom:8px!important;z-index:30!important;
    transform:none!important;background:rgba(255,255,255,.96)!important
  }
}

@media (max-width:900px){
  /* Header/menu behave as one opaque surface. */
  body.home .header,body.home .nav{background:#f3eee7!important}
  body.home .mobilemenu{
    top:var(--header-h,72px)!important;right:0!important;left:0!important;
    width:100%!important;padding:6px 16px 17px!important;
    border-top:1px solid rgba(65,52,39,.08)!important;border-radius:0 0 22px 22px!important;
    background:#f3eee7!important;box-shadow:0 24px 48px rgba(46,36,27,.13)!important;
    backdrop-filter:none!important
  }
  body.home .mobilemenu__nav a{background:transparent!important}
  body.home .nav__logo--desktop{display:block!important;width:124px!important;height:auto!important}
  body.home .nav__logo--mobile{display:none!important}

  /* Mobile hero: no outer capsule; same supplied artwork, typography and flow. */
  body.home section.hero{
    min-height:calc(100svh - 2px)!important;overflow:hidden!important;
    border:0!important;border-radius:0!important;
    background-color:#f3eee7!important;
    background-image:url('../img/wexion-mobile-hero.png')!important;
    background-repeat:no-repeat!important;background-size:cover!important;
    background-position:center bottom!important
  }
  body.home section.hero .hero__inner{
    min-height:calc(100svh - 2px)!important;
    padding:clamp(92px,11.5vh,116px) 18px clamp(270px,34vh,350px)!important
  }
  body.home section.hero .hero__copy{width:100%!important;max-width:430px!important;margin-inline:auto!important;text-align:center!important}
  body.home section.hero .eyebrow{margin:0 0 16px!important;font-size:.62rem!important;letter-spacing:.27em!important}
  body.home section.hero .hero__title{
    width:100%!important;max-width:none!important;margin:0 auto!important;
    font-family:"Orbitron","Rajdhani",sans-serif!important;font-size:clamp(1.52rem,7vw,2.35rem)!important;
    font-weight:500!important;line-height:1.36!important;letter-spacing:.02em!important;text-align:center!important;text-transform:uppercase!important
  }
  body.home section.hero .hero__title-line{display:block!important}
  body.home section.hero .hero__title-line--single{white-space:nowrap!important}
  body.home section.hero .hero__title::after{width:32px!important;margin:14px auto 0!important}
  body.home section.hero .hero__sub{
    max-width:31ch!important;margin:14px auto 0!important;
    font-family:"General Sans","Inter",Arial,sans-serif!important;font-size:clamp(.78rem,3.15vw,.91rem)!important;
    font-weight:400!important;line-height:1.55!important;letter-spacing:0!important;text-align:center!important
  }
  body.home section.hero .hero__cta{display:grid!important;width:min(100%,286px)!important;margin:17px auto 0!important;gap:8px!important}
  body.home section.hero .hero__cta .btn{width:100%!important;min-height:43px!important;padding:9px 14px!important}
}

@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__inner{padding-top:79px!important;padding-bottom:218px!important}
  body.home section.hero .eyebrow{margin-bottom:10px!important;font-size:.55rem!important}
  body.home section.hero .hero__title{font-size:1.42rem!important;line-height:1.3!important}
  body.home section.hero .hero__title::after{margin-top:10px!important}
  body.home section.hero .hero__sub{margin-top:10px!important;font-size:.72rem!important;line-height:1.42!important}
  body.home section.hero .hero__cta{margin-top:11px!important;gap:6px!important}
  body.home section.hero .hero__cta .btn{min-height:38px!important;font-size:.72rem!important}
}

/* 2026-08-24: authoritative mobile header/menu lock. Keep this block at EOF. */
@media (max-width:900px){
  body.home .nav{
    overflow:visible!important;
    border-bottom-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.home .nav .nav__inner{
    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.home .nav.is-scrolled,
  body.home .nav.is-open,
  body.home.is-menu-open .nav,
  body.home .nav.is-scrolled .nav__inner,
  body.home .nav.is-open .nav__inner,
  body.home.is-menu-open .nav .nav__inner{
    border-bottom-color:rgba(57,45,34,.08)!important;
    background:rgba(243,238,231,.97)!important;
    box-shadow:0 8px 28px rgba(46,36,27,.055)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
  }
  body.home .nav__links,
  body.home .nav.is-open .nav__links{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:none!important;
  }
  body.home .nav__brand{
    width:auto!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    background:none!important;
  }
  body.home .nav__logo--desktop{
    display:block!important;
    width:100px!important;
    max-width:100px!important;
    height:auto!important;
    margin:0!important;
    opacity:1!important;
    object-fit:contain!important;
  }
  body.home .nav__logo--mobile{display:none!important}
  body.home .mobilemenu{
    top:var(--header-h,72px)!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    margin:0!important;
    border-top:1px solid rgba(57,45,34,.08)!important;
    background:#f3eee7!important;
  }
}

/* ========================================================================== */
/* 2026-08-24 — customer review corrections (authoritative final layer)       */
/* ========================================================================== */
@media (min-width: 901px) {
  body.home section.experience {
    padding: 28px 0 36px !important;
  }
  body.home .product-demo {
    width: min(100%, 1100px) !important;
    max-width: 1100px !important;
    overflow: visible !important;
  }
  body.home .product-demo .lhl-demo {
    display: grid !important;
    grid-template-columns: 370px minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    min-height: 420px !important;
    height: 420px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.home .product-demo .lhl-demo__copy {
    position: relative !important;
    z-index: 4 !important;
    align-self: center !important;
    width: 370px !important;
    height: 352px !important;
    margin-left: -84px !important;
    padding: 27px 28px 24px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px !important;
    background: #151517 !important;
    clip-path: none !important;
    box-shadow: 0 26px 60px rgba(30,23,17,.18) !important;
  }
  body.home .product-demo .lhl-demo__copy::before,
  body.home .product-demo .lhl-demo__copy::after {
    display: none !important;
    content: none !important;
  }
  body.home .product-demo .lhl-demo__copy h3 {
    margin: 15px 0 13px !important;
    font-size: clamp(2rem, 2.45vw, 2.65rem) !important;
  }
  body.home .product-demo .lhl-demo__copy > p {
    font-size: .76rem !important;
    line-height: 1.5 !important;
  }
  body.home .product-demo .lhl-demo__copy ul {
    margin: 14px 0 16px !important;
  }
  body.home .product-demo .lhl-demo__stage {
    height: 420px !important;
    min-height: 420px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.home .product-demo .lhl-demo__phone {
    width: 258px !important;
    height: 414px !important;
    margin: 0 0 0 -18px !important;
    padding: 8px 8px 58px !important;
    transform: none !important;
    rotate: none !important;
    zoom: 1 !important;
  }
  body.home .product-demo__switch {
    top: auto !important;
    right: 18px !important;
    bottom: 10px !important;
    left: auto !important;
  }
}

@media (max-width: 900px) {
  body.home .nav,
  body.home .nav__inner,
  body.home .mobilemenu {
    background: #f3eee7 !important;
  }
  body.home .nav {
    border-bottom-color: rgba(57,45,34,.08) !important;
  }
  body.home .mobilemenu {
    top: var(--header-h, 72px) !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(57,45,34,.08) !important;
    border-radius: 0 0 22px 22px !important;
    background: #f3eee7 !important;
    box-shadow: 0 24px 48px rgba(37,29,21,.13) !important;
  }
  body.home section.hero {
    min-height: calc(100svh - var(--header-h, 72px)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-position: center bottom !important;
  }
  body.home section.hero .hero__inner {
    min-height: calc(100svh - var(--header-h, 72px)) !important;
    padding: clamp(58px, 7.5vh, 76px) 20px clamp(252px, 31vh, 318px) !important;
  }
  body.home section.hero .hero__copy {
    width: 100% !important;
    max-width: 430px !important;
  }
  body.home section.hero .eyebrow {
    margin-bottom: 14px !important;
  }
  body.home section.hero .hero__title {
    width: 100% !important;
    max-width: none !important;
    font-family: "Orbitron", sans-serif !important;
    font-size: clamp(1.42rem, 6.85vw, 2rem) !important;
    font-weight: 500 !important;
    line-height: 1.28 !important;
    letter-spacing: .018em !important;
    text-align: center !important;
  }
  body.home section.hero .hero__title-line--single {
    white-space: nowrap !important;
  }
  body.home section.hero .hero__sub {
    max-width: 32ch !important;
    margin: 15px auto 0 !important;
    font-family: "General Sans", "Inter", system-ui, sans-serif !important;
    font-size: clamp(.8rem, 3.25vw, .92rem) !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }
  body.home section.hero .hero__cta {
    width: min(100%, 286px) !important;
    margin-top: 17px !important;
  }
  body.home .nav__logo--desktop {
    width: 124px !important;
    max-height: 30px !important;
  }
}

@media (max-width: 420px) and (max-height: 780px) {
  body.home section.hero .hero__inner {
    padding-top: 40px !important;
    padding-bottom: 218px !important;
  }
  body.home section.hero .hero__title {
    font-size: clamp(1.28rem, 6.3vw, 1.72rem) !important;
  }
}

/* ========================================================================== */
/* WEXION presentation master — 2026-08-24                                    */
/* One authoritative layer for hero, navigation and interactive product demo. */
/* ========================================================================== */

.hero__title-line { display: block; }
.project-live-preview-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

@media (min-width: 901px) {
  body.home section.experience {
    min-height: 0 !important;
    padding: 28px 0 36px !important;
  }
  body.home section.experience .section__head {
    max-width: 720px !important;
    margin: 0 auto 10px !important;
  }
  body.home section.experience .section__head h2 {
    font-size: clamp(1.9rem, 2.65vw, 3rem) !important;
    line-height: .98 !important;
  }
  body.home section.experience .section__intro {
    max-width: 650px !important;
    margin: 6px auto 0 !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
  }
  body.home .product-demo {
    width: min(100%, 1100px) !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  body.home .product-demo .lhl-demo {
    display: grid !important;
    grid-template-columns: 370px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
    height: 420px !important;
    min-height: 420px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.home .product-demo .lhl-demo__copy {
    position: relative !important;
    z-index: 4 !important;
    align-self: center !important;
    width: 370px !important;
    height: 352px !important;
    margin-left: -70px !important;
    padding: 27px 28px 24px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px !important;
    background: #151517 !important;
    box-shadow: 0 26px 60px rgba(30,23,17,.18) !important;
  }
  body.home .product-demo .lhl-demo__copy h3 {
    max-width: 9ch !important;
    margin: 16px 0 14px !important;
    font-size: clamp(2rem, 2.45vw, 2.65rem) !important;
    line-height: .96 !important;
  }
  body.home .product-demo .lhl-demo__copy > p {
    max-width: 35ch !important;
    margin: 0 !important;
    font-size: .76rem !important;
    line-height: 1.52 !important;
  }
  body.home .product-demo .lhl-demo__copy ul {
    margin: 15px 0 17px !important;
    gap: 6px !important;
  }
  body.home .product-demo .lhl-demo__copy li { font-size: .66rem !important; }
  body.home .product-demo .lhl-demo__copy .btn { min-height: 38px !important; font-size: .7rem !important; }
  body.home .product-demo .lhl-demo__stage {
    position: relative !important;
    display: grid !important;
    min-width: 0 !important;
    height: 420px !important;
    min-height: 420px !important;
    place-items: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.home .product-demo .lhl-demo__phone {
    position: relative !important;
    z-index: 3 !important;
    width: 258px !important;
    height: 414px !important;
    margin: 0 0 0 -18px !important;
    padding: 8px 8px 58px !important;
    transform: none !important;
    rotate: none !important;
    zoom: 1 !important;
    box-shadow: 0 28px 58px rgba(37,29,22,.2) !important;
  }
  body.home .product-demo__switch {
    top: auto !important;
    right: 24px !important;
    bottom: 10px !important;
    left: auto !important;
    z-index: 25 !important;
    transform: none !important;
    background: rgba(255,255,255,.96) !important;
  }
}

/* Additional native Bookiq demo screens. */
.bookiq-search { display:block; margin:8px 12px 10px; padding:11px 12px; border:1px solid #e7e3dc; border-radius:12px; background:#fff; color:#777; font-size:8px; }
.bookiq-filter { display:flex; gap:6px; margin:0 12px 10px; }
.bookiq-filter span,.bookiq-filter b { padding:6px 9px; border-radius:999px; background:#f0eee9; color:#777; font-size:7px; font-weight:700; }
.bookiq-filter b { background:#181719; color:#fff; }
.bookiq-salon-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 12px; }
.bookiq-salon-grid article { display:grid; gap:3px; padding:7px; border:1px solid #e7e3dc; border-radius:13px; background:#fff; }
.bookiq-salon-grid i { height:73px; border-radius:9px; background:linear-gradient(135deg,#3b2c24,#b49376); }
.bookiq-salon-grid article:nth-child(2n) i { background:linear-gradient(135deg,#d8d2c8,#9f8c78); }
.bookiq-salon-grid b { font-size:8px; }.bookiq-salon-grid small { color:#777; font-size:6px; }
.bookiq-booking { display:grid; grid-template-columns:62px 1fr auto; gap:10px; align-items:center; margin:0 12px 9px; padding:9px; border:1px solid #e5e2dc; border-radius:14px; background:#fff; }
.bookiq-booking > i { height:66px; border-radius:10px; background:linear-gradient(135deg,#30231c,#ac8a6a); }
.bookiq-booking span { display:grid; gap:3px; }.bookiq-booking small,.bookiq-booking em { color:#777; font-size:6px; }.bookiq-booking b { font-size:10px; }
.bookiq-booking button { padding:7px; border:0; border-radius:8px; background:#181719; color:#fff; font-size:6px; }
.bookiq-favorite { display:grid; grid-template-columns:70px 1fr auto; gap:10px; align-items:center; margin:0 12px 9px; padding:9px; border:1px solid #e5e2dc; border-radius:14px; background:#fff; }
.bookiq-favorite > i { height:66px; border-radius:10px; background:linear-gradient(135deg,#b89c82,#392a22); }
.bookiq-favorite:nth-of-type(2) > i { background:linear-gradient(135deg,#ddd6cb,#8c7968); }
.bookiq-favorite span { display:grid; gap:3px; }.bookiq-favorite b { font-size:9px; }.bookiq-favorite small,.bookiq-favorite em { color:#777; font-size:6px; }.bookiq-favorite strong { font-size:18px; }

@media (max-width: 900px) {
  body.home .nav,
  body.home .nav__inner,
  body.home .mobilemenu {
    background-color: #f3eee7 !important;
  }
  body.home .nav { border-bottom-color: rgba(57,45,34,.08) !important; }
  body.home .mobilemenu {
    top: var(--header-h,72px) !important;
    border-top: 1px solid rgba(57,45,34,.08) !important;
    border-radius: 0 0 22px 22px !important;
    box-shadow: 0 24px 48px rgba(37,29,21,.13) !important;
  }
  body.home .nav__logo--desktop { width: 124px !important; height: auto !important; }
  body.home section.hero {
    min-height: calc(100svh - var(--header-h,72px)) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #f3eee7 !important;
    background-position: center calc(100% + 82px) !important;
  }
  body.home section.hero .hero__inner {
    min-height: calc(100svh - var(--header-h,72px)) !important;
    padding: clamp(80px, 10.5vh, 108px) 20px clamp(250px, 31vh, 320px) !important;
  }
  body.home section.hero .hero__copy { width:100% !important; max-width:430px !important; }
  body.home section.hero .eyebrow { margin-bottom:17px !important; font-size:.68rem !important; }
  body.home section.hero .hero__title {
    width:100% !important;
    max-width:none !important;
    margin-inline:auto !important;
    font-family:"Orbitron","Rajdhani",sans-serif !important;
    font-size:clamp(1.72rem,7.25vw,2.5rem) !important;
    font-weight:500 !important;
    line-height:1.26 !important;
    letter-spacing:.018em !important;
    text-align:center !important;
    text-transform:uppercase !important;
  }
  body.home section.hero .hero__title-line--single { white-space:nowrap !important; }
  body.home section.hero .hero__title::after { margin-top:17px !important; }
  body.home section.hero .hero__sub {
    max-width:32ch !important;
    margin:16px auto 0 !important;
    font-family:"General Sans","Inter",system-ui,sans-serif !important;
    font-size:clamp(.82rem,3.25vw,.94rem) !important;
    line-height:1.55 !important;
    text-align:center !important;
  }
  body.home section.hero .hero__cta { margin-top:18px !important; }
  body.home section.hero .hero__cta .btn { min-height:45px !important; }
}

@media (max-width: 420px) and (max-height: 780px) {
  body.home section.hero { background-position:center calc(100% + 68px) !important; }
  body.home section.hero .hero__inner { padding-top:52px !important; padding-bottom:205px !important; }
  body.home section.hero .eyebrow { margin-bottom:10px !important; }
  body.home section.hero .hero__title { font-size:1.62rem !important; line-height:1.22 !important; }
  body.home section.hero .hero__title::after { margin-top:10px !important; }
  body.home section.hero .hero__sub { margin-top:10px !important; font-size:.73rem !important; }
  body.home section.hero .hero__cta { margin-top:11px !important; gap:6px !important; }
  body.home section.hero .hero__cta .btn { min-height:39px !important; }
}

/* Sticky navigation must not cover anchored section titles. */
#projekte,
#experience { scroll-margin-top: 92px; }

@media (max-width:520px) and (max-height:760px){
  body.home .hero__inner{padding-top:92px!important;padding-bottom:265px!important}
  body.home .hero .eyebrow{margin-bottom:14px!important;font-size:.62rem!important}
  body.home .hero__title{font-size:2.12rem!important;line-height:1.13!important}
  body.home .hero__title::after{margin-top:14px!important}
  body.home .hero__sub{margin-top:14px!important;font-size:.82rem!important;line-height:1.45!important}
  body.home .hero__cta{margin-top:16px!important;gap:8px!important}
  body.home .hero__cta .btn{min-height:43px!important}
}

/* Final homepage composition: preserve hierarchy, remove legacy vertical bulk. */
.experience > .container > .experience__layout{display:none!important}

@media (min-width:901px){
  body.home .projects{padding-block:50px 56px!important}
  body.home .projects .section__head{margin-bottom:25px}
  body.home .projects .bento{grid-auto-rows:142px;gap:12px}
  body.home .projects .bcard--lg{grid-column:span 2;grid-row:span 2}
  body.home .projects .bcard--tall{grid-row:span 1}
  body.home .projects .bcard__mock{height:43%}
  body.home .projects .bcard--lg .bcard__mock{height:50%}
  body.home .projects .bcard__body{padding:13px 16px}
  body.home .projects .bcard--lg .bcard__body{padding:17px 20px}
  body.home .projects .bcard:not(.bcard--lg) .bcard__body p,
  body.home .projects .bcard:not(.bcard--lg) .bcard__tech{display:none}
  body.home .projects .bcard:not(.bcard--lg) h3{font-size:1.2rem}
  body.home .projects .projects__cta{margin-top:20px}

  body.home .experience{padding-block:28px 34px!important}
  body.home .experience .section__head{margin-bottom:18px}
  body.home .experience .section__head .eyebrow{margin-bottom:8px}
  body.home .experience .section__head h2{font-size:clamp(1.9rem,3vw,3.05rem);line-height:1}
  body.home .experience .section__intro{max-width:600px;font-size:.9rem;line-height:1.5}
  .product-demo{max-width:1000px}
  .product-demo .lhl-demo{grid-template-columns:minmax(290px,.8fr) minmax(430px,1.2fr);min-height:450px}
  .product-demo .lhl-demo__copy{padding:56px 30px 28px}
  .product-demo .lhl-demo__copy h3{font-size:clamp(2.05rem,3vw,3.15rem)}
  .product-demo .lhl-demo__copy ul{margin:17px 0 20px}
  .product-demo .lhl-demo__stage{min-height:450px}
  .product-demo .lhl-demo__phone{width:266px;height:455px;padding-bottom:62px;transform:none;zoom:.82}
}

@media (max-width:900px){
  body.home .hero__inner{padding-top:clamp(118px,14vh,145px)!important}
  body.home .hero__title{font-family:"Orbitron",sans-serif!important;font-weight:500!important;letter-spacing:.025em!important;line-height:1.18!important}
  body.home .projects .section__head{text-align:left}
  body.home .experience{padding-block:42px!important}
  body.home .experience .section__head{margin-bottom:18px}
  body.home .experience .section__head h2{font-size:2.35rem}
  body.home .experience .section__intro{font-size:.88rem;line-height:1.48}
  .product-demo .lhl-demo{min-height:0}
  .product-demo .lhl-demo__copy{padding-top:30px}
  .product-demo .lhl-demo__stage{min-height:490px;background:transparent}
  .product-demo .lhl-demo__phone{width:265px;height:462px;transform:none}
}

/* ========================================================================== */
/* 2026-08-24 — final presentation lock                                      */
/* Keeps the established markup, but fixes the three customer-facing stages. */
/* ========================================================================== */

@media (min-width: 901px) {
  /* Projects: one confident lead case, followed by four compact cases. */
  body.home section.projects {
    min-height: 0 !important;
    padding: 58px 0 64px !important;
  }
  body.home section.projects .section__head {
    display: grid !important;
    grid-template-columns: minmax(0, .8fr) minmax(460px, 1.2fr) !important;
    grid-template-areas: "project-kicker project-title" "project-intro project-title" !important;
    grid-template-rows: auto auto !important;
    align-items: end !important;
    min-height: 0 !important;
    margin-bottom: 24px !important;
    column-gap: 80px !important;
    row-gap: 12px !important;
  }
  body.home section.projects .section__head .eyebrow { grid-area: project-kicker !important; margin: 0 !important; align-self: end !important; }
  body.home section.projects .section__head h2 {
    grid-area: project-title !important;
    align-self: center !important;
    max-width: 10ch !important;
    font-size: clamp(2.6rem, 4vw, 4.35rem) !important;
    line-height: .94 !important;
  }
  body.home section.projects .section__head .section__intro {
    grid-area: project-intro !important;
    max-width: 560px !important;
    margin: 0 0 5px !important;
  }
  body.home section.projects .bento {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: 270px 174px !important;
    grid-auto-rows: 174px !important;
    gap: 14px !important;
  }
  body.home section.projects .bcard,
  body.home section.projects .bcard--tall {
    grid-column: auto !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    height: 174px !important;
  }
  body.home section.projects .bcard--lg {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    height: 270px !important;
  }
  body.home section.projects .bcard--lg .bcard__mock {
    width: 100% !important;
    height: 100% !important;
  }
  body.home section.projects .bcard--lg .bcard__body {
    justify-content: center !important;
    padding: 27px 34px !important;
  }
  body.home section.projects .bcard--lg .bcard__body h3 {
    font-size: clamp(1.8rem, 2.5vw, 2.55rem) !important;
  }
  body.home section.projects .bcard--lg .bcard__body p {
    display: block !important;
    max-width: 48ch !important;
    font-size: .83rem !important;
  }
  body.home section.projects .bcard:not(.bcard--lg) {
    display: grid !important;
    grid-template-columns: 40% 60% !important;
  }
  body.home section.projects .bcard:not(.bcard--lg) .bcard__mock {
    width: 100% !important;
    height: 100% !important;
  }
  body.home section.projects .bcard:not(.bcard--lg) .bcard__body {
    min-width: 0 !important;
    justify-content: center !important;
    padding: 14px 15px !important;
  }
  body.home section.projects .bcard:not(.bcard--lg) h3 {
    font-size: 1.05rem !important;
  }
  body.home section.projects .projects__cta {
    margin-top: 22px !important;
  }

  /* Interactive demo: complete, straight device inside a compact section. */
  body.home section.experience {
    min-height: 0 !important;
    padding: 34px 0 42px !important;
  }
  body.home section.experience .section__head {
    margin-bottom: 15px !important;
  }
  body.home section.experience .section__head h2 {
    font-size: clamp(2rem, 3vw, 3.3rem) !important;
  }
  body.home section.experience .section__intro {
    margin-top: 7px !important;
    font-size: .86rem !important;
  }
  body.home .product-demo {
    max-width: 980px !important;
  }
  body.home .product-demo .lhl-demo {
    grid-template-columns: 350px minmax(0, 1fr) !important;
    min-height: 420px !important;
    height: 420px !important;
    background: linear-gradient(106deg, #151517 0 36%, transparent 36%) !important;
  }
  body.home .product-demo .lhl-demo__copy {
    padding: 50px 27px 24px !important;
  }
  body.home .product-demo .lhl-demo__copy h3 {
    font-size: clamp(2rem, 2.7vw, 2.75rem) !important;
  }
  body.home .product-demo .lhl-demo__stage {
    min-height: 420px !important;
    height: 420px !important;
    background: transparent !important;
  }
  body.home .product-demo .lhl-demo__phone {
    width: 238px !important;
    height: 404px !important;
    padding: 8px 8px 56px !important;
    transform: none !important;
    rotate: none !important;
    zoom: 1 !important;
  }
}

@media (max-width: 900px) {
  /* The supplied mobile artwork contains the phone, plinth and stone arch. */
  body.home section.hero {
    min-height: calc(100svh - 8px) !important;
    background-color: #f3eee7 !important;
    background-image: url('../img/wexion-mobile-hero.png') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center calc(100% + 110px) !important;
  }
  body.home section.hero .hero__inner {
    min-height: calc(100svh - 8px) !important;
    padding: clamp(122px, 15vh, 152px) 24px clamp(300px, 35vh, 370px) !important;
  }
  body.home section.hero .hero__copy {
    max-width: 390px !important;
  }
  body.home section.hero .eyebrow {
    margin-bottom: 20px !important;
  }
  body.home section.hero .hero__title {
    max-width: 12ch !important;
    font-family: "Orbitron", sans-serif !important;
    font-size: clamp(2.2rem, 9.4vw, 3rem) !important;
    font-weight: 500 !important;
    line-height: 1.17 !important;
    letter-spacing: .025em !important;
  }
  body.home section.hero .hero__sub {
    max-width: 30ch !important;
    margin-top: 19px !important;
    font-size: clamp(.84rem, 3.45vw, .96rem) !important;
  }
  body.home section.hero .hero__cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100%, 286px) !important;
    margin: 21px auto 0 !important;
    gap: 9px !important;
  }
  body.home section.hero .hero__cta > * {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.home .nav__logo--desktop {
    width: 112px !important;
  }
}

@media (max-width: 420px) and (max-height: 780px) {
  body.home section.hero {
    background-position: center calc(100% + 104px) !important;
  }
  body.home section.hero .hero__inner {
    padding-top: 90px !important;
    padding-bottom: 235px !important;
  }
  body.home section.hero .eyebrow { margin-bottom: 12px !important; }
  body.home section.hero .hero__title { font-size: 1.98rem !important; }
  body.home section.hero .hero__title::after { margin-top: 12px !important; }
  body.home section.hero .hero__sub { margin-top: 12px !important; font-size: .77rem !important; }
  body.home section.hero .hero__cta { margin-top: 13px !important; gap: 7px !important; }
  body.home section.hero .hero__cta .btn { min-height: 41px !important; }
}

/* Final cascade seal: aliases the approved customer lock above after all legacy rules. */
@media (min-width:901px){
  body.home section.experience{min-height:0!important;padding:30px 0 38px!important;overflow:hidden!important}
  body.home section.experience .section__head{margin-bottom:12px!important}
  body.home section.experience .section__head h2{font-size:clamp(2rem,3vw,3.15rem)!important;line-height:.98!important}
  body.home section.experience .section__intro{max-width:650px!important;margin-top:8px!important;font-size:.86rem!important;line-height:1.45!important}
  body.home .product-demo{width:min(100%,1110px)!important;max-width:1110px!important;margin-inline:auto!important;padding:0!important;overflow:visible!important}
  body.home .product-demo .lhl-demo{display:grid!important;grid-template-columns:365px minmax(0,1fr)!important;gap:18px!important;width:100%!important;height:418px!important;min-height:418px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.home .product-demo .lhl-demo__copy{position:relative!important;z-index:5!important;align-self:center!important;width:365px!important;height:348px!important;margin-left:-72px!important;padding:34px 30px 26px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;background:#151517!important;color:#fff!important;box-shadow:0 24px 55px rgba(24,20,16,.18)!important;clip-path:none!important;transform:none!important}
  body.home .product-demo .lhl-demo__copy::before,body.home .product-demo .lhl-demo__copy::after{display:none!important;content:none!important}
  body.home .product-demo .lhl-demo__copy h3{max-width:9ch!important;margin:12px 0!important;font-size:clamp(2rem,2.8vw,2.75rem)!important;line-height:.94!important}
  body.home .product-demo .lhl-demo__copy>p:not(.eyebrow){max-width:31ch!important;font-size:.76rem!important;line-height:1.52!important}
  body.home .product-demo .lhl-demo__copy ul{margin:15px 0 17px!important;gap:6px!important}
  body.home .product-demo .lhl-demo__copy li{padding:6px 8px!important;font-size:.62rem!important}
  body.home .product-demo .lhl-demo__copy .btn{min-height:38px!important;padding:8px 12px!important;font-size:.66rem!important}
  body.home .product-demo .lhl-demo__stage{position:relative!important;display:grid!important;place-items:center!important;height:418px!important;min-height:418px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.home .product-demo .lhl-demo__phone{width:258px!important;height:414px!important;margin:0 0 0 -16px!important;padding:8px 8px 59px!important;border-width:6px!important;border-radius:36px!important;transform:none!important;rotate:none!important;zoom:1!important}
  body.home .product-demo__switch{top:auto!important;right:76px!important;bottom:7px!important;z-index:30!important;transform:none!important;background:rgba(255,255,255,.97)!important}
}
@media (max-width:900px){
  body.home .header,body.home .nav,body.home .nav .nav__inner{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  body.home .nav.is-scrolled,body.home .nav.is-open,body.home.is-menu-open .nav,body.home .nav.is-scrolled .nav__inner,body.home .nav.is-open .nav__inner,body.home.is-menu-open .nav .nav__inner{background:#f3eee7!important;border-color:rgba(65,52,39,.08)!important;box-shadow:0 12px 32px rgba(46,36,27,.08)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}
  body.home .nav__links,body.home .nav.is-open .nav__links{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  body.home .mobile-menu{display:none!important}
  body.home .mobilemenu{top:var(--header-h,72px)!important;right:0!important;left:0!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:6px 16px 17px!important;border:0!important;border-top:1px solid rgba(65,52,39,.08)!important;border-radius:0 0 22px 22px!important;background:#f3eee7!important;box-shadow:0 24px 48px rgba(46,36,27,.13)!important;backdrop-filter:none!important}
  body.home .nav__brand{width:auto!important;height:auto!important;overflow:visible!important;background:none!important}
  body.home .nav__logo--desktop{display:block!important;width:116px!important;max-width:116px!important;height:auto!important;opacity:1!important}
  body.home .nav__logo--mobile{display:none!important}
  body.home section.hero{min-height:calc(100svh - 2px)!important;overflow:hidden!important;border:0!important;border-radius:0!important;background-color:#f3eee7!important;background-image:url('../img/wexion-mobile-hero.png')!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center bottom!important}
  body.home section.hero .hero__inner{position:relative!important;display:block!important;min-height:calc(100svh - 2px)!important;padding:clamp(92px,11.5vh,116px) 18px clamp(270px,34vh,350px)!important}
  body.home section.hero .hero__copy{position:static!important;width:100%!important;max-width:430px!important;margin-inline:auto!important;text-align:center!important;transform:translateY(-140px)!important}
  body.home section.hero .eyebrow{margin:0 0 16px!important;font-size:.62rem!important;letter-spacing:.27em!important}
  body.home section.hero .hero__title{width:100%!important;max-width:none!important;margin:0 auto!important;font-family:"Orbitron","Rajdhani",sans-serif!important;font-size:clamp(1.52rem,7vw,2.35rem)!important;font-weight:500!important;line-height:1.36!important;letter-spacing:.02em!important;text-align:center!important;text-transform:uppercase!important}
  body.home section.hero .hero__title-line{display:block!important}
  body.home section.hero .hero__title-line--single{white-space:nowrap!important}
  body.home section.hero .hero__title::after{width:32px!important;margin:14px auto 0!important}
  body.home section.hero .hero__sub{display:block!important;width:100%!important;max-width:40ch!important;margin:14px auto 0!important;overflow:visible!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif!important;font-size:clamp(.74rem,2.95vw,.86rem)!important;font-weight:450!important;line-height:1.4!important;letter-spacing:-.012em!important;text-align:center!important;text-wrap:balance!important;white-space:normal!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important}
  body.home section.hero .hero__cta{position:absolute!important;z-index:8!important;right:auto!important;bottom:clamp(70px,9vh,92px)!important;left:50%!important;display:grid!important;grid-template-columns:1fr!important;width:min(calc(100% - 36px),286px)!important;max-width:286px!important;margin:0!important;gap:8px!important;transform:translateX(-50%)!important}
  body.home section.hero .hero__cta>*{grid-column:1!important;width:100%!important;min-width:0!important}
  body.home section.hero .hero__cta .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:43px!important;padding:9px 14px!important;border-radius:11px!important;font-family:"General Sans","Inter",Arial,sans-serif!important;font-size:.78rem!important;font-weight:700!important;line-height:1!important;letter-spacing:.005em!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease!important}
  body.home section.hero .hero__cta .btn:first-child{color:#fff!important;border:1px solid #171513!important;background:#171513!important;box-shadow:0 13px 24px rgba(26,20,14,.18)!important}
  body.home section.hero .hero__cta .btn:last-child{color:#1d1a16!important;border:1px solid rgba(135,103,59,.3)!important;background:rgba(250,247,242,.9)!important;box-shadow:0 10px 20px rgba(47,35,21,.08)!important}
  body.home section.hero .hero__cta .btn .ic{width:16px!important;height:16px!important;flex:0 0 16px!important;color:#c59a55!important;stroke:currentColor!important}
  body.home section.hero .hero__cta .btn:active{transform:scale(.985)!important}
}
@media (max-width:420px) and (max-height:780px){
  body.home section.hero .hero__inner{padding-top:79px!important;padding-bottom:218px!important}
  body.home section.hero .eyebrow{margin-bottom:10px!important;font-size:.55rem!important}
  body.home section.hero .hero__title{font-size:1.42rem!important;line-height:1.3!important}
  body.home section.hero .hero__title::after{margin-top:10px!important}
  body.home section.hero .hero__sub{margin-top:10px!important;font-size:.69rem!important;line-height:1.34!important}
  body.home section.hero .hero__copy{transform:translateY(-98px)!important}
  body.home section.hero .hero__cta{bottom:54px!important;margin:0!important;gap:6px!important}
  body.home section.hero .hero__cta .btn{min-height:38px!important;font-size:.72rem!important}
}

/* Definitive 2026-08-25 mobile project composition. */
@media(max-width:900px){
 body.home section.hero .hero__cta .btn{min-height:47px!important;padding-block:11px!important}
 body.home section.projects{padding:58px 0 64px!important;overflow:hidden!important;background:#f4f1ec!important}
 body.home section.projects>.container{width:calc(100% - 32px)!important}
 body.home section.projects .section__head{display:block!important;margin:0 0 27px!important;text-align:left!important}
 body.home section.projects .section__head .eyebrow{margin:0 0 12px!important;font-size:.62rem!important;letter-spacing:.16em!important}
 body.home section.projects .section__head h2{max-width:10ch!important;margin:0!important;font-size:clamp(2.35rem,11vw,3.2rem)!important;line-height:.94!important;letter-spacing:-.065em!important}
 body.home section.projects .section__head .section__intro{max-width:34ch!important;margin:17px 0 0!important;font-size:.88rem!important;line-height:1.55!important}
 body.home section.projects .bento{display:flex!important;width:calc(100% + 16px)!important;margin:0!important;padding:0 16px 20px 0!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
 body.home section.projects .bento::-webkit-scrollbar{display:none!important}
 body.home section.projects .bcard,body.home section.projects .bcard--lg,body.home section.projects .bcard--tall{display:grid!important;flex:0 0 min(86vw,326px)!important;width:min(86vw,326px)!important;height:430px!important;min-height:430px!important;grid-template-rows:104px minmax(0,1fr)!important;overflow:hidden!important;border:1px solid rgba(64,54,44,.11)!important;border-radius:17px!important;background:rgba(255,253,249,.86)!important;box-shadow:0 18px 44px rgba(48,40,32,.07)!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}
 body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{width:auto!important;min-height:0!important;height:86px!important;margin:16px 16px 0!important;overflow:hidden!important;border-radius:2px!important}
 body.home section.projects .bcard__body,body.home section.projects .bcard--lg .bcard__body{display:flex!important;min-width:0!important;min-height:0!important;flex-direction:column!important;justify-content:flex-start!important;padding:86px 19px 17px!important}
 body.home section.projects .bcard__cat,body.home section.projects .tag,body.home section.projects .chip{font-size:.58rem!important}
 body.home section.projects .bcard h3,body.home section.projects .bcard--lg .bcard__body h3{margin:9px 0 6px!important;font-size:1.43rem!important;line-height:1.02!important;letter-spacing:-.045em!important}
 body.home section.projects .bcard p,body.home section.projects .bcard--lg .bcard__body p{display:-webkit-box!important;margin:0!important;overflow:hidden!important;font-size:.75rem!important;line-height:1.48!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
 body.home section.projects .bcard__tech{display:none!important}
 body.home section.projects .bcard__link{margin-top:auto!important;padding-top:13px!important;font-size:.68rem!important}
 body.home section.projects .projects__cta{margin-top:5px!important}
}
@media(max-width:420px) and (max-height:780px){body.home section.hero .hero__cta .btn{min-height:42px!important}}

/* Definitive mobile navigation state — keep this after every legacy override. */
@media (max-width:900px){
  body.home .nav__brand{
    display:flex!important;
    align-items:center!important;
    flex:0 0 150px!important;
    width:150px!important;
    height:38px!important;
    overflow:visible!important;
  }
  body.home .nav__logo--desktop{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    height:auto!important;
    margin-left:-23px!important;
    transform:scale(1.62)!important;
    transform-origin:left center!important;
  }
  body.home .nav.is-open,
  body.home.is-menu-open .nav,
  body.home .nav.is-open .nav__inner,
  body.home.is-menu-open .nav .nav__inner{
    border-bottom:0!important;
    border-radius:0!important;
    background:#f3eee7!important;
    box-shadow:none!important;
  }
  body.home .mobilemenu{
    top:64px!important;
    padding-top:0!important;
    border-top:0!important;
    background:#f3eee7!important;
  }
  body.home .mobilemenu.is-open{
    box-shadow:0 24px 44px rgba(46,36,27,.13)!important;
  }
  body.home .nav[data-nav] .nav__inner{height:64px!important;min-height:64px!important}
  body.home .nav[data-nav] .nav__brand{position:relative!important;flex:0 0 150px!important;width:150px!important;height:42px!important;overflow:visible!important}
  body.home .nav[data-nav] .nav__brand .nav__logo--desktop{position:absolute!important;top:50%!important;left:-30px!important;display:block!important;width:196px!important;min-width:196px!important;max-width:196px!important;height:auto!important;margin:0!important;object-fit:contain!important;transform:translateY(-50%)!important;transform-origin:center!important}

  /* Content-heavy sections read vertically on phones; only the deliberately
     visual project reel remains horizontal. */
  body.home .services__grid,body.home .products__grid,body.home .pricing__grid,body.home .why__list,body.home .tgrid{
    display:grid!important;width:100%!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important
  }
  body.home .services .service,body.home .products .product,body.home .pricing .price,body.home .why__list li,body.home .tgrid .tcard{
    width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;flex:none!important;scroll-snap-align:none!important
  }
  body.home .services .service{padding:21px!important}
  body.home .products .product{min-height:360px!important;border:1px solid rgba(64,54,44,.1)!important;border-radius:18px!important;background:rgba(255,253,249,.62)!important;box-shadow:0 14px 36px rgba(48,40,32,.045)!important}
  body.home .pricing .price{padding:22px!important}
  body.home .why__list li{min-height:0!important;padding:19px!important}
  body.home .tgrid .tcard{padding:21px!important}

  body.home section.projects{background:#f4f1ec!important}
  body.home section.projects .projects__cta{display:flex!important;justify-content:center!important;margin:14px 0 0!important;padding:0!important;background:transparent!important}
  body.home section.projects .projects__cta .btn{width:auto!important;min-width:220px!important;min-height:48px!important;padding:12px 20px!important;border:1px solid rgba(48,41,34,.12)!important;border-radius:999px!important;color:#1d1a17!important;background:rgba(255,253,249,.86)!important;box-shadow:0 12px 30px rgba(42,34,27,.07)!important;backdrop-filter:blur(14px)!important}
  body.home section.projects .projects__cta .btn:hover{background:#fffdfa!important;transform:translateY(-1px)!important;box-shadow:0 16px 36px rgba(42,34,27,.1)!important}
}

/* 2026-08-26 EOF cascade seal. */
@media(max-width:680px){
 body.home .nav[data-nav],body.home .nav[data-nav].is-open,body.home.is-menu-open .nav[data-nav]{height:64px!important;background:#f5f0e9!important;box-shadow:none!important}
 body.home .nav[data-nav] .nav__inner{position:relative!important;z-index:2!important;width:100%!important;height:64px!important;min-height:64px!important;padding:0 14px!important;border:0!important;background:#f5f0e9!important;box-shadow:none!important}
 body.home .nav[data-nav] .nav__brand{position:relative!important;display:block!important;flex:0 0 150px!important;width:150px!important;height:42px!important;margin:0!important;overflow:hidden!important}
 body.home .nav[data-nav] .nav__brand .nav__logo--desktop{position:absolute!important;top:50%!important;left:-37px!important;display:block!important;width:225px!important;min-width:225px!important;max-width:225px!important;height:auto!important;margin:0!important;opacity:1!important;object-fit:contain!important;transform:translateY(-50%)!important}
 body.home .mobilemenu{top:63px!important;right:0!important;left:0!important;width:100%!important;margin:0!important;padding:0 14px 18px!important;border:0!important;border-radius:0 0 20px 20px!important;background:#f5f0e9!important;box-shadow:0 26px 48px rgba(50,39,28,.15)!important}
 body.home .mobilemenu::before{display:block!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(70,56,42,.09) 12%,rgba(70,56,42,.09) 88%,transparent)!important;content:""!important}
 body.home .mobilemenu__nav a{min-height:36px!important;padding:0 2px!important;font-family:"General Sans",system-ui,sans-serif!important;font-size:.78rem!important;font-weight:520!important}
 body.home section.intro#ueber{position:relative!important;display:grid!important;width:100%!important;height:calc(100svh - 64px)!important;min-height:620px!important;max-height:780px!important;padding:0!important;overflow:hidden!important;color:#17171a!important;background:#f4eee7 url('../img/wexion-about-mobile.png') center/cover no-repeat!important}
 body.home section.intro#ueber::before{position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(249,246,241,.97),rgba(249,246,241,.91) 57%,rgba(249,246,241,.12))!important;content:""!important}
 body.home section.intro#ueber>.container{position:relative!important;z-index:1!important;width:calc(100% - 34px)!important;margin-inline:auto!important}
 body.home section.intro#ueber .intro__inner{display:block!important;height:auto!important;padding-top:clamp(38px,6.2vh,58px)!important}
 body.home section.intro#ueber .intro__lead .eyebrow{margin:0 0 18px!important;color:#a87327!important;font-family:var(--font-mono)!important;font-size:.6rem!important;letter-spacing:.2em!important}.intro#ueber .intro__lead .eyebrow__dot{display:none!important}
 body.home section.intro#ueber .intro__title{width:78%!important;max-width:292px!important;margin:0!important;color:#17171a!important;font-family:"General Sans","Helvetica Neue",Arial,sans-serif!important;font-size:clamp(1.72rem,7.9vw,2.16rem)!important;font-weight:500!important;letter-spacing:-.055em!important;line-height:1.06!important}
 body.home section.intro#ueber .intro__title::after{display:block!important;width:34px!important;height:1.5px!important;margin-top:19px!important;background:#b77f2b!important;content:""!important}
 body.home section.intro#ueber .intro__body{width:69%!important;max-width:270px!important;margin:21px 0 0!important;padding:0!important}
 body.home section.intro#ueber .intro__body p{margin:0 0 13px!important;color:#29282b!important;font-family:"General Sans","Helvetica Neue",Arial,sans-serif!important;font-size:clamp(.7rem,2.8vw,.79rem)!important;font-weight:430!important;letter-spacing:-.018em!important;line-height:1.55!important}
 body.home section.intro#ueber>.container:last-child{position:absolute!important;right:17px!important;bottom:17px!important;left:17px!important;width:auto!important}
 body.home section.intro#ueber .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0!important;padding:13px 0 0!important;border-top:1px solid rgba(64,52,40,.13)!important;background:rgba(248,244,238,.56)!important;backdrop-filter:blur(8px)!important}
 body.home section.intro#ueber .stat{min-width:0!important;padding:0 8px!important;border:0!important;border-right:1px solid rgba(64,52,40,.12)!important;background:transparent!important;box-shadow:none!important}
 body.home section.intro#ueber .stat__num{margin:0!important;color:#17171a!important;font-size:1.02rem!important;line-height:1!important}body.home section.intro#ueber .stat__label{margin:6px 0 0!important;color:#4e4a45!important;font-size:.53rem!important;line-height:1.22!important}
}

/* 2026-08-26 repair: preserve transparent header and use cropped mobile logo. */
@media(max-width:680px){
 body.home .nav[data-nav]{height:64px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 body.home .nav[data-nav] .nav__inner{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 body.home .nav[data-nav].is-scrolled,body.home .nav[data-nav].is-open,body.home.is-menu-open .nav[data-nav],body.home .nav[data-nav].is-scrolled .nav__inner,body.home .nav[data-nav].is-open .nav__inner,body.home.is-menu-open .nav[data-nav] .nav__inner{background:#f5f0e9!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}
 body.home .nav[data-nav] .nav__brand{display:flex!important;flex:0 0 150px!important;width:150px!important;height:42px!important;align-items:center!important;margin:0!important;overflow:visible!important}
 body.home .nav[data-nav] .nav__brand .nav__logo--desktop{display:none!important}
 body.home .nav[data-nav] .nav__brand .nav__logo--mobile{position:static!important;display:block!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:auto!important;margin:0!important;opacity:1!important;transform:none!important;object-fit:contain!important}
 body.home .mobilemenu{top:63px!important;background:#f5f0e9!important}

 body.home section.intro#ueber::before{background:linear-gradient(90deg,rgba(249,246,241,.94) 0%,rgba(249,246,241,.82) 54%,rgba(249,246,241,.04) 100%)!important}
 body.home section.intro#ueber .intro__title{font-family:"Clash Display","General Sans",sans-serif!important;font-weight:500!important;letter-spacing:-.045em!important}
 body.home section.intro#ueber .intro__body p{color:#262428!important;font-family:"Clash Display","General Sans",sans-serif!important;font-size:clamp(.75rem,3vw,.84rem)!important;font-weight:400!important;letter-spacing:-.012em!important;line-height:1.52!important;text-rendering:optimizeLegibility!important}
 body.home section.intro#ueber>.container:last-child{right:17px!important;bottom:15px!important;left:17px!important;padding:0!important}
 body.home section.intro#ueber .stats{padding:13px 0 0!important;border:0!important;border-top:1px solid rgba(72,56,40,.18)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 body.home section.intro#ueber .stat{padding:0 9px!important;border:0!important;border-right:1px solid rgba(72,56,40,.14)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 body.home section.intro#ueber .stat:first-child{padding-left:0!important}body.home section.intro#ueber .stat:last-child{padding-right:0!important;border-right:0!important}
 body.home section.intro#ueber .stat__num{font-family:"Clash Display","General Sans",sans-serif!important;font-size:1.08rem!important;font-weight:500!important;letter-spacing:-.025em!important}
 body.home section.intro#ueber .stat__label{font-family:"General Sans",sans-serif!important;font-size:.54rem!important;font-weight:500!important;letter-spacing:-.01em!important}
}

/* 2026-08-26 About mobile refinement: collision-free editorial grid. */
@media(max-width:680px){
 body.home .nav[data-nav] .nav__brand{flex-basis:138px!important;width:138px!important}
 body.home .nav[data-nav] .nav__brand .nav__logo--mobile{width:138px!important;min-width:138px!important;max-width:138px!important}

 body.home section.intro#ueber{
  display:grid!important;height:calc(100svh - 64px)!important;min-height:0!important;max-height:none!important;
  grid-template-rows:minmax(0,1fr) auto!important;padding:0 0 max(14px,env(safe-area-inset-bottom))!important;
  background-position:center!important
 }
 body.home section.intro#ueber::before{background:linear-gradient(90deg,rgba(249,246,241,.97) 0%,rgba(249,246,241,.9) 62%,rgba(249,246,241,.16) 100%)!important}
 body.home section.intro#ueber>.container{width:calc(100% - 34px)!important}
 body.home section.intro#ueber .intro__inner{
  display:grid!important;height:100%!important;min-height:0!important;grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;align-content:start!important;padding:clamp(28px,4.2svh,42px) 0 10px!important
 }
 body.home section.intro#ueber .intro__lead{min-width:0!important}
 body.home section.intro#ueber .intro__lead .eyebrow{margin:0 0 clamp(12px,2svh,17px)!important;font-size:.58rem!important;line-height:1!important}
 body.home section.intro#ueber .intro__title{
  width:82%!important;max-width:310px!important;font-size:clamp(1.56rem,7.15vw,1.92rem)!important;
  line-height:1.045!important;letter-spacing:-.047em!important;text-wrap:balance!important
 }
 body.home section.intro#ueber .intro__title::after{width:32px!important;margin-top:clamp(13px,2.2svh,18px)!important}
 body.home section.intro#ueber .intro__body{
  width:75%!important;max-width:286px!important;margin:clamp(15px,2.4svh,21px) 0 0!important
 }
 body.home section.intro#ueber .intro__body p{
  margin:0 0 clamp(9px,1.6svh,13px)!important;font-family:"General Sans","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(.66rem,2.65vw,.76rem)!important;font-weight:450!important;line-height:1.43!important;
  letter-spacing:-.014em!important;text-wrap:pretty!important
 }
 body.home section.intro#ueber .intro__body p:last-child{margin-bottom:0!important}
 body.home section.intro#ueber>.container:last-child{
  position:relative!important;right:auto!important;bottom:auto!important;left:auto!important;align-self:end!important;
  width:calc(100% - 34px)!important;margin:0 auto!important;padding:0!important
 }
 body.home section.intro#ueber .stats{
  position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;min-height:72px!important;margin:0!important;padding:13px 0 0!important;
  border-top:1px solid rgba(72,56,40,.16)!important
 }
 body.home section.intro#ueber .stat{min-height:58px!important;padding:0 8px!important}
 body.home section.intro#ueber .stat__num{font-size:clamp(.9rem,4.5vw,1.08rem)!important;white-space:nowrap!important}
 body.home section.intro#ueber .stat__label{margin-top:5px!important;font-size:clamp(.47rem,1.95vw,.54rem)!important;line-height:1.2!important}
}

@media(max-width:380px), (max-width:680px) and (max-height:720px){
 body.home section.intro#ueber .intro__inner{padding-top:22px!important}
 body.home section.intro#ueber .intro__lead .eyebrow{margin-bottom:10px!important}
 body.home section.intro#ueber .intro__title{font-size:1.48rem!important}
 body.home section.intro#ueber .intro__title::after{margin-top:11px!important}
 body.home section.intro#ueber .intro__body{margin-top:12px!important}
 body.home section.intro#ueber .intro__body p{margin-bottom:7px!important;font-size:.64rem!important;line-height:1.36!important}
 body.home section.intro#ueber .stats{min-height:62px!important;padding-top:10px!important}
 body.home section.intro#ueber .stat{min-height:50px!important}
}

/* 2026-08-26 About compact sizing and unboxed fact cards. */
@media(max-width:680px){
 body.home section.intro#ueber .intro__mobile-placeholder{display:block!important;width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(145deg,#f0e8dd,#e5d5c4)!important}
 body.home section.intro#ueber .intro__mobile-card--products{display:block!important;padding-bottom:14px!important}
 body.home section.intro#ueber .intro__mobile-phones{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:8px!important;height:118px!important;margin:12px -4px -4px!important;overflow:hidden!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(241,233,224,.35),rgba(224,209,193,.45))!important}
 body.home section.intro#ueber .intro__mobile-phones img{display:block!important;width:43%!important;height:175px!important;object-fit:cover!important;object-position:50% 9%!important;transform:translateY(27px)!important;filter:drop-shadow(0 8px 10px rgba(30,25,20,.16))!important}
 body.home section.intro#ueber .intro__mobile-phones img.intro__mobile-phone--mirror{transform:translateY(27px) scaleX(-1)!important}
 body.home section.intro#ueber .intro__disciplines{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:2px 0 0!important}
 body.home section.intro#ueber .intro__disciplines span{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:32px!important;padding:0 4px!important;border:1px solid rgba(73,57,42,.1)!important;border-radius:9px!important;background:rgba(255,253,250,.72)!important;color:#514a43!important;font-size:.58rem!important;font-weight:550!important}
 body.home section.intro#ueber .stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 body.home section.intro#ueber .stat{display:block!important;min-height:76px!important;padding:13px 14px!important;border:1px solid rgba(73,57,42,.1)!important;border-radius:15px!important;background:rgba(255,253,250,.86)!important;box-shadow:0 10px 24px rgba(55,40,27,.06)!important}
 body.home section.intro#ueber .stat::before{display:none!important}
 body.home section.intro#ueber .stat__num{font-size:1.28rem!important;line-height:1!important}
 body.home section.intro#ueber .stat__label{margin-top:7px!important;font-size:.58rem!important;line-height:1.2!important;color:#625a51!important}
 body.home section.intro#ueber{
  height:min(calc(100svh - 64px),700px)!important;min-height:600px!important;max-height:700px!important;
  row-gap:clamp(10px,1.7svh,15px)!important;padding-bottom:12px!important
 }
 body.home section.intro#ueber .intro__inner{padding-top:clamp(22px,3.5svh,32px)!important}
 body.home section.intro#ueber .intro__lead .eyebrow{margin-bottom:11px!important}
 body.home section.intro#ueber .intro__title{font-size:clamp(1.52rem,6.9vw,1.84rem)!important;line-height:1.035!important}
 body.home section.intro#ueber .intro__title::after{margin-top:9px!important}
 body.home section.intro#ueber .intro__body{width:77%!important;max-width:294px!important;margin-top:9px!important}
 body.home section.intro#ueber .intro__body p{
  margin-bottom:8px!important;font-size:clamp(.75rem,3.05vw,.86rem)!important;line-height:1.4!important;
  letter-spacing:-.004em!important
 }
 body.home section.intro#ueber .stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
  padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important
 }
 body.home section.intro#ueber .stat{
  min-height:54px!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:8px!important;
  padding:8px 10px!important;border:1px solid rgba(89,68,46,.11)!important;border-radius:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(248,242,234,.4))!important;
  box-shadow:0 8px 22px rgba(58,43,29,.055),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:blur(10px) saturate(108%)!important
 }
 body.home section.intro#ueber .stat:nth-child(n){border:1px solid rgba(89,68,46,.11)!important}
 body.home section.intro#ueber .stat::before{width:20px!important;height:20px!important;border-radius:7px!important;font-size:.5rem!important}
 body.home section.intro#ueber .stat__num{font-size:.94rem!important}
 body.home section.intro#ueber .stat__label{margin-top:3px!important;font-size:.49rem!important;line-height:1.12!important}
}

@media(max-width:380px), (max-width:680px) and (max-height:680px){
 body.home section.intro#ueber{height:min(calc(100svh - 64px),620px)!important;min-height:570px!important;row-gap:8px!important}
 body.home section.intro#ueber .intro__inner{padding-top:18px!important}
 body.home section.intro#ueber .intro__title{font-size:1.4rem!important}
 body.home section.intro#ueber .intro__body{margin-top:7px!important}
 body.home section.intro#ueber .intro__body p{margin-bottom:6px!important;font-size:.69rem!important;line-height:1.33!important}
 body.home section.intro#ueber .stats{gap:5px!important}
 body.home section.intro#ueber .stat{min-height:48px!important;padding:6px 8px!important}
}

/* 2026-08-26 About typography + premium facts panel. */
@media(max-width:680px){
 body.home section.intro#ueber{
  grid-template-rows:auto auto!important;align-content:start!important;row-gap:clamp(14px,2.2svh,20px)!important;
  padding-bottom:max(14px,env(safe-area-inset-bottom))!important
 }
 body.home section.intro#ueber .intro__inner{height:auto!important;padding-bottom:0!important}
 body.home section.intro#ueber .intro__body p{
  font-family:"Clash Display","General Sans","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(.7rem,2.82vw,.8rem)!important;font-weight:400!important;line-height:1.48!important;
  letter-spacing:-.006em!important;font-kerning:normal!important;font-synthesis:none!important
 }
 body.home section.intro#ueber .intro__body strong{font-family:"Clash Display","General Sans",sans-serif!important;font-weight:600!important}
 body.home section.intro#ueber>.container:last-child{align-self:start!important}
 body.home section.intro#ueber .stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0!important;
  gap:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
  border:1px solid rgba(89,68,46,.12)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(248,242,234,.48))!important;
  box-shadow:0 16px 38px rgba(58,43,29,.08),inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(14px) saturate(112%)!important
 }
 body.home section.intro#ueber .stat{
  position:relative!important;display:grid!important;min-height:62px!important;grid-template-columns:auto 1fr!important;
  grid-template-rows:auto auto!important;column-gap:8px!important;align-content:center!important;
  padding:10px 12px!important;border:0!important;border-right:1px solid rgba(89,68,46,.1)!important;
  border-bottom:1px solid rgba(89,68,46,.1)!important;background:transparent!important
 }
 body.home section.intro#ueber .stat:nth-child(2n){border-right:0!important}
 body.home section.intro#ueber .stat:nth-last-child(-n+2){border-bottom:0!important}
 body.home section.intro#ueber .stat::before{
  display:grid!important;width:22px!important;height:22px!important;grid-row:1/3!important;place-items:center!important;
  align-self:center!important;border:1px solid rgba(178,126,45,.18)!important;border-radius:8px!important;
  color:#a87327!important;background:rgba(199,151,76,.08)!important;font-family:var(--font-mono)!important;
  font-size:.56rem!important;font-weight:700!important;content:"01"!important
 }
 body.home section.intro#ueber .stat:nth-child(2)::before{content:"02"!important}
 body.home section.intro#ueber .stat:nth-child(3)::before{content:"03"!important}
 body.home section.intro#ueber .stat:nth-child(4)::before{content:"04"!important}
 body.home section.intro#ueber .stat__num{
  align-self:end!important;margin:0!important;font-family:"Clash Display","General Sans",sans-serif!important;
  font-size:1rem!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1!important
 }
 body.home section.intro#ueber .stat__label{
  align-self:start!important;margin:4px 0 0!important;font-family:"General Sans",system-ui,sans-serif!important;
  font-size:.5rem!important;font-weight:500!important;line-height:1.18!important;letter-spacing:.005em!important
 }
}

@media(max-width:380px), (max-width:680px) and (max-height:720px){
 body.home section.intro#ueber{row-gap:10px!important}
 body.home section.intro#ueber .intro__body p{font-size:.65rem!important;line-height:1.37!important}
 body.home section.intro#ueber .stat{min-height:54px!important;padding:7px 9px!important}
 body.home section.intro#ueber .stat::before{width:19px!important;height:19px!important;font-size:.49rem!important}
 body.home section.intro#ueber .stat__num{font-size:.88rem!important}
 body.home section.intro#ueber .stat__label{font-size:.46rem!important}
}

/* 2026-08-26 final compact About seal. */
@media(max-width:680px){
 body.home section.intro#ueber{height:min(calc(100svh - 64px),700px)!important;min-height:600px!important;max-height:700px!important;grid-template-rows:auto auto!important;align-content:start!important;row-gap:clamp(10px,1.7svh,15px)!important;padding-bottom:12px!important}
 body.home section.intro#ueber .intro__inner{height:auto!important;padding-top:clamp(22px,3.5svh,32px)!important;padding-bottom:0!important}
 body.home section.intro#ueber .intro__lead .eyebrow{margin-bottom:11px!important}
 body.home section.intro#ueber .intro__title{font-size:clamp(1.52rem,6.9vw,1.84rem)!important;line-height:1.035!important}
 body.home section.intro#ueber .intro__title::after{margin-top:9px!important}
 body.home section.intro#ueber .intro__body{width:77%!important;max-width:294px!important;margin-top:9px!important}
 body.home section.intro#ueber .intro__body p{margin-bottom:8px!important;font-family:"Clash Display","General Sans",sans-serif!important;font-size:clamp(.75rem,3.05vw,.86rem)!important;font-weight:400!important;line-height:1.4!important;letter-spacing:-.004em!important}
 body.home section.intro#ueber>.container:last-child{align-self:start!important}
 body.home section.intro#ueber .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 body.home section.intro#ueber .stat,body.home section.intro#ueber .stat:nth-child(n){display:grid!important;min-height:54px!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important;align-content:center!important;padding:8px 10px!important;border:1px solid rgba(89,68,46,.11)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(248,242,234,.4))!important;box-shadow:0 8px 22px rgba(58,43,29,.055),inset 0 1px 0 rgba(255,255,255,.82)!important;backdrop-filter:blur(10px) saturate(108%)!important}
 body.home section.intro#ueber .stat::before{width:20px!important;height:20px!important;border-radius:7px!important;font-size:.5rem!important}
 body.home section.intro#ueber .stat__num{font-size:.94rem!important}
 body.home section.intro#ueber .stat__label{margin-top:3px!important;font-size:.49rem!important;line-height:1.12!important}
}
@media(max-width:380px), (max-width:680px) and (max-height:680px){body.home section.intro#ueber{height:min(calc(100svh - 64px),620px)!important;min-height:570px!important;row-gap:8px!important}body.home section.intro#ueber .intro__inner{padding-top:18px!important}body.home section.intro#ueber .intro__title{font-size:1.4rem!important}body.home section.intro#ueber .intro__body{margin-top:7px!important}body.home section.intro#ueber .intro__body p{margin-bottom:6px!important;font-size:.69rem!important;line-height:1.33!important}body.home section.intro#ueber .stats{gap:5px!important}body.home section.intro#ueber .stat{min-height:48px!important;padding:6px 8px!important}}

/* 2026-08-26 concise mobile About copy and open facts layout. */
.intro__copy--mobile{display:none}
@media(max-width:680px){
 body.home section.intro#ueber{height:min(calc(100svh - 64px),650px)!important;min-height:570px!important;max-height:650px!important;grid-template-rows:auto auto!important;align-content:start!important;row-gap:24px!important;padding-bottom:14px!important}
 body.home section.intro#ueber .intro__copy--desktop{display:none!important}
 body.home section.intro#ueber .intro__copy--mobile{display:block!important}
 body.home section.intro#ueber .intro__inner{height:auto!important;padding-top:clamp(22px,3.4svh,30px)!important}
 body.home section.intro#ueber .intro__title{font-size:clamp(1.5rem,6.8vw,1.82rem)!important}
 body.home section.intro#ueber .intro__title::after{margin-top:10px!important}
 body.home section.intro#ueber .intro__body{width:78%!important;max-width:300px!important;margin-top:10px!important}
 body.home section.intro#ueber .intro__body p{margin:0 0 9px!important;font-family:"Clash Display","General Sans",sans-serif!important;font-size:clamp(.78rem,3.15vw,.88rem)!important;font-weight:400!important;line-height:1.42!important;letter-spacing:-.003em!important}
 body.home section.intro#ueber .intro__body p:last-child{margin-bottom:0!important}
 body.home section.intro#ueber>.container:last-child{align-self:start!important}
 body.home section.intro#ueber .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:12px 0 0!important;overflow:visible!important;border:0!important;border-top:1px solid rgba(82,61,40,.16)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 body.home section.intro#ueber .stat,body.home section.intro#ueber .stat:nth-child(n){display:grid!important;min-height:52px!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-content:center!important;padding:7px 12px!important;border:0!important;border-right:1px solid rgba(82,61,40,.12)!important;border-bottom:1px solid rgba(82,61,40,.12)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 body.home section.intro#ueber .stat:nth-child(2n){border-right:0!important}
 body.home section.intro#ueber .stat:nth-last-child(-n+2){border-bottom:0!important}
 body.home section.intro#ueber .stat::before{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;color:#aa7629!important;font-size:.49rem!important;letter-spacing:.08em!important}
 body.home section.intro#ueber .stat__num{font-size:.98rem!important}
 body.home section.intro#ueber .stat__label{margin-top:3px!important;font-size:.5rem!important;line-height:1.14!important}
}
@media(max-width:380px), (max-width:680px) and (max-height:680px){body.home section.intro#ueber{height:min(calc(100svh - 64px),590px)!important;min-height:550px!important;row-gap:18px!important}body.home section.intro#ueber .intro__inner{padding-top:17px!important}body.home section.intro#ueber .intro__body p{font-size:.72rem!important;line-height:1.35!important}body.home section.intro#ueber .stats{padding-top:9px!important}body.home section.intro#ueber .stat{min-height:45px!important;padding-block:5px!important}}

/* 2026-08-26 editorial mobile copy + vertical facts. */
@media(max-width:680px){
 body.home section.intro#ueber{height:min(calc(100svh - 64px),690px)!important;min-height:620px!important;max-height:690px!important;row-gap:26px!important;padding-bottom:14px!important}
 body.home section.intro#ueber .intro__inner{padding-top:clamp(20px,3.2svh,28px)!important}
 body.home section.intro#ueber .intro__title{font-size:clamp(1.48rem,6.65vw,1.78rem)!important}
 body.home section.intro#ueber .intro__body{width:82%!important;max-width:315px!important;margin-top:11px!important}
 body.home section.intro#ueber .intro__copy--mobile{position:relative!important;padding:10px 12px 10px 15px!important;border-left:1px solid rgba(175,119,37,.6)!important;background:linear-gradient(90deg,rgba(255,253,249,.48),rgba(255,253,249,.12) 72%,transparent)!important}
 body.home section.intro#ueber .intro__copy--mobile::before{position:absolute!important;top:0!important;left:-1px!important;width:2px!important;height:24px!important;border-radius:999px!important;background:#b67d29!important;content:""!important}
 body.home section.intro#ueber .intro__body p{margin:0 0 8px!important;font-family:"Clash Display","General Sans",sans-serif!important;font-size:clamp(.73rem,2.98vw,.83rem)!important;font-weight:400!important;line-height:1.39!important;letter-spacing:-.002em!important}
 body.home section.intro#ueber .intro__body p:last-child{margin-bottom:0!important}
 body.home section.intro#ueber .intro__body strong{font-weight:600!important}
 body.home section.intro#ueber .stats{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important;border:0!important;border-top:1px solid rgba(82,61,40,.16)!important;border-bottom:1px solid rgba(82,61,40,.16)!important;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent)!important}
 body.home section.intro#ueber .stat,body.home section.intro#ueber .stat:nth-child(n){display:grid!important;min-height:34px!important;grid-template-columns:28px 54px minmax(0,1fr)!important;grid-template-rows:1fr!important;column-gap:8px!important;align-items:center!important;padding:0 4px!important;border:0!important;border-bottom:1px solid rgba(82,61,40,.1)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 body.home section.intro#ueber .stat:last-child{border-bottom:0!important}
 body.home section.intro#ueber .stat::before{display:block!important;width:auto!important;height:auto!important;grid-row:1!important;align-self:center!important;border:0!important;background:transparent!important;color:#aa7629!important;font-size:.47rem!important;letter-spacing:.09em!important}
 body.home section.intro#ueber .stat__num{align-self:center!important;margin:0!important;font-size:.91rem!important;line-height:1!important}
 body.home section.intro#ueber .stat__label{align-self:center!important;margin:0!important;font-size:.52rem!important;line-height:1.15!important}
}
@media(max-width:380px), (max-width:680px) and (max-height:700px){body.home section.intro#ueber{height:min(calc(100svh - 64px),640px)!important;min-height:590px!important;row-gap:19px!important}body.home section.intro#ueber .intro__inner{padding-top:16px!important}body.home section.intro#ueber .intro__copy--mobile{padding-block:7px!important}body.home section.intro#ueber .intro__body p{margin-bottom:6px!important;font-size:.68rem!important;line-height:1.32!important}body.home section.intro#ueber .stat{min-height:30px!important}}

/* 2026-08-26 final mobile About proportions. */
@media(max-width:680px){
 body.home section.intro#ueber{
  height:min(calc(100svh - 64px),656px)!important;
  min-height:590px!important;
  max-height:656px!important;
  row-gap:clamp(18px,2.8svh,23px)!important;
  background-position:center top!important
 }
 body.home section.intro#ueber .intro__lead .eyebrow{
  font-size:.66rem!important;
  letter-spacing:.15em!important
 }
 body.home section.intro#ueber .intro__title{
  font-family:var(--font-body)!important;
  font-weight:680!important;
  letter-spacing:-.055em!important;
  line-height:1.02!important
 }
 body.home section.intro#ueber .intro__body p{
  font-size:clamp(.79rem,3.25vw,.9rem)!important;
  line-height:1.42!important;
  letter-spacing:-.008em!important
 }
 body.home section.intro#ueber .stats{
  width:74%!important;
  max-width:284px!important;
  margin:0!important
 }
 body.home section.intro#ueber .stat,
 body.home section.intro#ueber .stat:nth-child(n){
  width:100%!important;
  min-height:31px!important;
  grid-template-columns:25px 49px minmax(0,1fr)!important;
  padding:0 2px!important
 }
}
@media(max-width:380px), (max-width:680px) and (max-height:700px){
 body.home section.intro#ueber{
  height:min(calc(100svh - 64px),608px)!important;
  min-height:560px!important;
  max-height:608px!important;
  row-gap:15px!important
 }
 body.home section.intro#ueber .intro__body p{
  font-size:clamp(.74rem,3.16vw,.81rem)!important;
  line-height:1.36!important
 }
 body.home section.intro#ueber .stat,
 body.home section.intro#ueber .stat:nth-child(n){min-height:28px!important}
}

/* 2026-08-26 reference-matched mobile About information system. */
@media(max-width:680px){
 body.home section.intro#ueber{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding-bottom:28px!important}
 body.home section.intro#ueber .intro__mobile-placeholder{display:block!important;width:42px!important;height:42px!important;border-radius:12px!important;background:linear-gradient(145deg,#f0e8dd,#e5d5c4)!important}
 body.home section.intro#ueber .intro__mobile-card--about .intro__mobile-icon{display:none!important}
 body.home section.intro#ueber .intro__mobile-card--products{display:block!important;min-height:0!important;padding:12px!important}
 body.home section.intro#ueber .intro__mobile-phones{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:8px!important;height:112px!important;margin:10px -3px -3px!important;overflow:hidden!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(241,233,224,.35),rgba(224,209,193,.45))!important}
 body.home section.intro#ueber .intro__mobile-phones img{display:block!important;width:43%!important;height:168px!important;object-fit:cover!important;object-position:50% 8%!important;transform:translateY(27px)!important;filter:drop-shadow(0 7px 9px rgba(30,25,20,.15))!important}
 body.home section.intro#ueber .intro__mobile-phones img.intro__mobile-phone--mirror{transform:translateY(27px) scaleX(-1)!important}
 body.home section.intro#ueber::before{
  background:linear-gradient(90deg,rgba(249,246,241,.97) 0%,rgba(249,246,241,.93) 57%,rgba(249,246,241,.45) 70%,transparent 83%)!important
 }
 body.home section.intro#ueber .intro__body{
  width:74%!important;
  max-width:284px!important;
  margin-top:12px!important
 }
 body.home section.intro#ueber .intro__copy--mobile{
  display:grid!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important
 }
 body.home section.intro#ueber .intro__copy--mobile::before{display:none!important}
 body.home section.intro#ueber .intro__mobile-card{
  display:grid!important;
  min-height:64px!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:9px 10px!important;
  border:1px solid rgba(111,88,60,.08)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 8px 22px rgba(72,52,31,.045),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(10px) saturate(108%)!important
 }
 body.home section.intro#ueber .intro__mobile-card--products{display:block!important;grid-template-columns:none!important;align-items:initial!important}
 body.home section.intro#ueber .intro__mobile-icon{
  display:grid!important;
  width:42px!important;
  height:42px!important;
  place-items:center!important;
  border:1px solid rgba(177,124,43,.08)!important;
  border-radius:9px!important;
  color:#b17b2c!important;
  background:linear-gradient(145deg,rgba(248,242,233,.95),rgba(253,250,246,.72))!important
 }
 body.home section.intro#ueber .intro__mobile-icon svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important
 }
 body.home section.intro#ueber .intro__mobile-card p{
  margin:0!important;
  font-family:"General Sans",var(--font-body),sans-serif!important;
  font-size:clamp(.62rem,2.55vw,.72rem)!important;
  font-weight:430!important;
  line-height:1.35!important;
  letter-spacing:-.006em!important
 }
 body.home section.intro#ueber .intro__mobile-card strong{font-weight:650!important}
 body.home section.intro#ueber .intro__disciplines{
  display:grid!important;
  grid-template-columns:.92fr .86fr 1.2fr!important;
  gap:6px!important;
  margin-top:2px!important
 }
 body.home section.intro#ueber .intro__disciplines span{
  display:flex!important;
  min-width:0!important;
  min-height:27px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 6px!important;
  border:1px solid rgba(111,88,60,.07)!important;
  border-radius:7px!important;
  color:#6a635b!important;
  background:rgba(250,246,240,.78)!important;
  font-family:"General Sans",var(--font-body),sans-serif!important;
  font-size:clamp(.5rem,2.05vw,.58rem)!important;
  font-weight:520!important;
  white-space:nowrap!important
 }
 body.home section.intro#ueber .intro__disciplines i{
  color:#b17b2c!important;
  font-family:var(--font-mono)!important;
  font-size:.62rem!important;
  font-style:normal!important
 }
 body.home section.intro#ueber>.container:last-child{width:calc(100% - 34px)!important}
 body.home section.intro#ueber .stats{
  width:74%!important;
  max-width:284px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important
 }
 body.home section.intro#ueber .stat,
 body.home section.intro#ueber .stat:nth-child(n){
  display:grid!important;
  min-height:52px!important;
  grid-template-columns:10px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:3px!important;
  align-content:center!important;
  padding:7px 9px!important;
  border:1px solid rgba(111,88,60,.08)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 7px 18px rgba(72,52,31,.04)!important
 }
 body.home section.intro#ueber .stat::before,
 body.home section.intro#ueber .stat:nth-child(n)::before{
  width:auto!important;
  height:auto!important;
  grid-row:1!important;
  align-self:center!important;
  color:#bd8734!important;
  font-size:.4rem!important;
  line-height:1!important;
  content:"●"!important
 }
 body.home section.intro#ueber .stat__num{
  grid-column:2!important;
  align-self:end!important;
  font-size:1rem!important;
  font-weight:650!important
 }
 body.home section.intro#ueber .stat__label{
  grid-column:2!important;
  margin-top:4px!important;
  font-size:.46rem!important;
  line-height:1.12!important
 }
}
@media(max-width:380px), (max-width:680px) and (max-height:700px){
 body.home section.intro#ueber .intro__body{margin-top:8px!important}
 body.home section.intro#ueber .intro__copy--mobile{gap:6px!important}
 body.home section.intro#ueber .intro__mobile-card{min-height:56px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important;padding:7px 8px!important}
 body.home section.intro#ueber .intro__mobile-icon{width:36px!important;height:36px!important}
 body.home section.intro#ueber .intro__mobile-card p{font-size:.58rem!important;line-height:1.3!important}
 body.home section.intro#ueber .intro__disciplines span{min-height:24px!important;font-size:.47rem!important}
 body.home section.intro#ueber .stat,body.home section.intro#ueber .stat:nth-child(n){min-height:46px!important;padding:5px 7px!important}
}

/* 2026-08-26 true edge-to-edge hero + relaxed About spacing. */
@media(max-width:900px){
 body.home section.hero{
  left:50%!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  margin-right:0!important;
  margin-left:-50vw!important;
  background-size:cover!important;
  background-position:center bottom!important
 }
}
@supports(width:100dvw){
 @media(max-width:900px){
  body.home section.hero{
   width:100dvw!important;
   min-width:100dvw!important;
   margin-left:-50dvw!important
  }
 }
}
@media(max-width:680px){
 body.home section.intro#ueber .intro__body{margin-top:18px!important}
 body.home section.intro#ueber .intro__copy--mobile{gap:12px!important}
 body.home section.intro#ueber .intro__mobile-card{
  min-height:72px!important;
  gap:11px!important;
  padding:11px!important
 }
 body.home section.intro#ueber .intro__disciplines{
  gap:8px!important;
  margin-top:5px!important
 }
 body.home section.intro#ueber .intro__disciplines span{min-height:30px!important}
 body.home section.intro#ueber>.container:last-child{bottom:21px!important}
 body.home section.intro#ueber .stats{gap:8px!important}
 body.home section.intro#ueber .stat,
 body.home section.intro#ueber .stat:nth-child(n){min-height:58px!important;padding:9px 10px!important}
}
@media(max-width:380px), (max-width:680px) and (max-height:700px){
 body.home section.intro#ueber .intro__body{margin-top:11px!important}
 body.home section.intro#ueber .intro__copy--mobile{gap:8px!important}
 body.home section.intro#ueber .intro__mobile-card{min-height:60px!important;padding:8px 9px!important}
 body.home section.intro#ueber .intro__disciplines{gap:6px!important;margin-top:3px!important}
 body.home section.intro#ueber .intro__disciplines span{min-height:25px!important}
 body.home section.intro#ueber>.container:last-child{bottom:14px!important}
 body.home section.intro#ueber .stats{gap:6px!important}
 body.home section.intro#ueber .stat,body.home section.intro#ueber .stat:nth-child(n){min-height:48px!important;padding:6px 7px!important}
}

/* 2026-08-26 definitive mobile type hierarchy and breathing room. */
@media(max-width:900px){
 body.home section.hero .hero__sub{
  max-width:35ch!important;
  font-family:"Manrope","General Sans",system-ui,sans-serif!important;
  font-size:clamp(.8rem,3.28vw,.92rem)!important;
  font-weight:500!important;
  line-height:1.5!important;
  letter-spacing:-.018em!important;
  text-wrap:balance!important
 }
}
@media(max-width:680px){
 body.home section.intro#ueber .intro__body{margin-top:26px!important}
 body.home section.intro#ueber .intro__mobile-card p{
  color:#34312d!important;
  font-family:"Manrope","General Sans",system-ui,sans-serif!important;
  font-size:clamp(.66rem,2.68vw,.76rem)!important;
  font-weight:400!important;
  line-height:1.48!important;
  letter-spacing:-.012em!important
 }
 body.home section.intro#ueber .intro__mobile-card strong{
  color:#24211e!important;
  font-family:"Manrope","General Sans",system-ui,sans-serif!important;
  font-weight:600!important
 }
 body.home section.intro#ueber .intro__disciplines span{
  font-family:"Manrope","General Sans",system-ui,sans-serif!important;
  font-size:clamp(.53rem,2.15vw,.61rem)!important;
  font-weight:500!important;
  letter-spacing:-.006em!important
 }
 body.home section.intro#ueber>.container:last-child{bottom:10px!important}
 body.home section.intro#ueber .stat__num{
  color:#1f1d1a!important;
  font-family:"Clash Display","General Sans",sans-serif!important;
  font-size:clamp(1.08rem,4.5vw,1.22rem)!important;
  font-weight:600!important;
  letter-spacing:-.035em!important
 }
 body.home section.intro#ueber .stat__label{
  margin-top:5px!important;
  color:#645e57!important;
  font-family:"Manrope","General Sans",system-ui,sans-serif!important;
  font-size:clamp(.5rem,2.05vw,.58rem)!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:-.008em!important
 }
}
@media(max-width:380px), (max-width:680px) and (max-height:700px){
 body.home section.intro#ueber .intro__body{margin-top:16px!important}
 body.home section.intro#ueber .intro__mobile-card p{font-size:.62rem!important;line-height:1.4!important}
 body.home section.intro#ueber>.container:last-child{bottom:7px!important}
 body.home section.intro#ueber .stat__num{font-size:1rem!important}
 body.home section.intro#ueber .stat__label{font-size:.48rem!important}
 body.home section.hero .hero__sub{font-size:.76rem!important;line-height:1.44!important}
}

/* Final mobile About composition overrides. */
@media(max-width:680px){
 body.home section.intro#ueber{position:relative!important;overflow:hidden!important}
 body.home section.intro#ueber::before,body.home section.intro#ueber::after{display:none!important;content:none!important}
 body.home section.intro#ueber .intro__lead{padding:0 16px!important}
 body.home section.intro#ueber .intro__title{max-width:315px!important;font-size:clamp(1.82rem,8vw,2.2rem)!important;line-height:1.02!important;letter-spacing:-.055em!important}
 body.home section.intro#ueber .intro__body{margin-top:18px!important;padding:0 16px!important}
 body.home section.intro#ueber .intro__disciplines{display:flex!important;gap:0!important;width:100%!important}
 body.home section.intro#ueber .intro__disciplines span{flex:1 1 0!important;min-height:38px!important;border:1px solid rgba(125,98,62,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;font-size:.6rem!important}
 body.home section.intro#ueber .intro__disciplines span+span{margin-left:7px!important}
 body.home section.intro#ueber .intro__mobile-card{background:#fffdf9!important;border:1px solid rgba(111,86,55,.1)!important;box-shadow:0 12px 28px rgba(61,45,30,.08)!important}
 body.home section.intro#ueber .intro__mobile-card--about{min-height:132px!important}
 body.home section.intro#ueber .intro__mobile-card--products{min-height:146px!important}
 body.home section.intro#ueber .intro__mobile-placeholder{width:64px!important;height:64px!important;background:#ddd1c1!important}
 body.home section.intro#ueber .intro__mobile-arrow{width:38px!important;height:38px!important;border:1px solid rgba(111,86,55,.25)!important;background:#fffdf9!important;font-size:1.45rem!important}
 body.home section.intro#ueber .intro__mobile-phones{width:108px!important;height:116px!important;gap:0!important}
 body.home section.intro#ueber .intro__mobile-phones img{width:51%!important;height:164px!important;transform:translateY(31px)!important}
 body.home section.intro#ueber .intro__mobile-phones img.intro__mobile-phone--mirror{transform:translateY(31px) scaleX(-1)!important}
 body.home section.intro#ueber>.container:last-child{width:calc(100% - 32px)!important;margin:16px 16px 0!important}
 body.home section.intro#ueber .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
 body.home section.intro#ueber .stat{min-height:88px!important;padding:12px 8px!important;border:1px solid rgba(111,86,55,.1)!important;background:#fffdf9!important}
 body.home section.intro#ueber .stat::before{display:block!important;content:'◌'!important;margin:0 0 7px!important;color:#b27f37!important;font-size:.9rem!important;line-height:1!important}
 body.home section.intro#ueber .stat:nth-child(2)::before{content:'▱'!important}
 body.home section.intro#ueber .stat:nth-child(3)::before{content:'◷'!important}
 body.home section.intro#ueber .stat:nth-child(4)::before{content:'◉'!important}
 body.home section.intro#ueber .stat__num{font-size:1.38rem!important;line-height:1!important}
 body.home section.intro#ueber .stat__label{font-size:.52rem!important;line-height:1.25!important}
 body.home section.intro#ueber{height:auto!important;min-height:0!important;max-height:none!important;display:block!important;padding:30px 0 28px!important;background:#f5f0e9 url('../img/wexion-about-mobile-v2.png') center top/100% 100% no-repeat!important}
 body.home section.intro#ueber::after{display:none!important;content:none!important}
 body.home section.intro#ueber::before{display:none!important;content:none!important}
 body.home section.intro#ueber>.container{position:relative!important;z-index:2!important}
 body.home section.intro#ueber .intro__inner{display:block!important;padding:0!important}
 body.home section.intro#ueber .intro__lead .eyebrow{margin-bottom:15px!important;font-size:.62rem!important}
 body.home section.intro#ueber .intro__title{width:100%!important;max-width:100%!important;font-size:clamp(1.9rem,8.4vw,2.35rem)!important;line-height:1.02!important}
 body.home section.intro#ueber .intro__body{width:100%!important;max-width:none!important;margin-top:20px!important}
 body.home section.intro#ueber .intro__copy--mobile{display:flex!important;flex-direction:column!important;gap:12px!important}
 body.home section.intro#ueber .intro__disciplines{order:0!important;width:100%!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin:0!important}
 body.home section.intro#ueber .intro__disciplines span{min-height:42px!important;border-radius:12px!important;font-size:.66rem!important}
 body.home section.intro#ueber .intro__mobile-card{display:grid!important;grid-template-columns:64px minmax(0,1fr) 32px!important;gap:14px!important;align-items:center!important;min-height:138px!important;padding:16px!important;border-radius:20px!important;background:rgba(255,255,255,.86)!important}
 body.home section.intro#ueber .intro__mobile-card--about{order:1!important}
 body.home section.intro#ueber .intro__mobile-card--products{order:2!important;grid-template-columns:112px minmax(0,1fr) 32px!important;min-height:160px!important}
 body.home section.intro#ueber .intro__mobile-placeholder{display:block!important;width:64px!important;height:64px!important;border-radius:50%!important;background:linear-gradient(145deg,#ddd3c6,#c5b6a5)!important}
 body.home section.intro#ueber .intro__mobile-card small{display:block!important;margin-bottom:5px!important;color:#a4773d!important;font-family:var(--font-mono)!important;font-size:.53rem!important;letter-spacing:.18em!important}
 body.home section.intro#ueber .intro__mobile-card h3{margin:0 0 7px!important;font-size:1.15rem!important;letter-spacing:-.04em!important}
 body.home section.intro#ueber .intro__mobile-card p{margin:0!important;font-size:.73rem!important;line-height:1.42!important;color:#403b36!important}
 body.home section.intro#ueber .intro__mobile-arrow{display:grid!important;width:32px!important;height:32px!important;place-items:center!important;border:1px solid rgba(78,61,44,.2)!important;border-radius:50%!important;font-size:1.25rem!important;color:#8f6a39!important}
 body.home section.intro#ueber .intro__mobile-phones{display:flex!important;align-items:flex-end!important;gap:3px!important;width:112px!important;height:128px!important;margin:0!important;overflow:hidden!important;background:transparent!important}
 body.home section.intro#ueber .intro__mobile-phones img{width:54%!important;height:170px!important;object-fit:cover!important;object-position:50% 8%!important;transform:translateY(27px)!important;mix-blend-mode:screen!important;filter:drop-shadow(0 5px 7px rgba(30,25,20,.18))!important}
 body.home section.intro#ueber .intro__mobile-phones img.intro__mobile-phone--mirror{transform:translateY(27px) scaleX(-1)!important}
 body.home section.intro#ueber>.container:last-child{width:calc(100% - 28px)!important;margin-top:14px!important}
 body.home section.intro#ueber .stats{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:9px!important;margin:0!important}
 body.home section.intro#ueber .stat,body.home section.intro#ueber .stat:nth-child(n){display:block!important;min-height:92px!important;padding:16px!important;border-radius:17px!important;background:rgba(255,255,255,.86)!important}
 body.home section.intro#ueber .stat::before{display:none!important}
 body.home section.intro#ueber .stat__num{font-size:1.55rem!important}
 body.home section.intro#ueber .stat__label{margin-top:8px!important;font-size:.63rem!important}
  body.home section.intro#ueber .intro__title{max-width:315px!important;font-size:clamp(1.82rem,8vw,2.2rem)!important}
  body.home section.intro#ueber .intro__disciplines{display:flex!important;gap:0!important}
  body.home section.intro#ueber .intro__disciplines span{border-radius:999px!important;min-height:38px!important;background:rgba(255,255,255,.9)!important}
  body.home section.intro#ueber .intro__disciplines span+span{margin-left:7px!important}
  body.home section.intro#ueber .intro__mobile-card{background:#fffdf9!important;border:1px solid rgba(111,86,55,.1)!important}
  body.home section.intro#ueber .intro__mobile-card--about{min-height:132px!important}
  body.home section.intro#ueber .intro__mobile-card--products{min-height:146px!important}
  body.home section.intro#ueber .intro__mobile-arrow{width:38px!important;height:38px!important;background:#fffdf9!important;font-size:1.45rem!important}
  body.home section.intro#ueber .intro__mobile-phones{width:108px!important;height:116px!important}
  body.home section.intro#ueber .intro__mobile-phones img{width:51%!important;height:164px!important;transform:translateY(31px)!important}
  body.home section.intro#ueber .intro__mobile-phones img.intro__mobile-phone--mirror{transform:translateY(31px) scaleX(-1)!important}
  body.home section.intro#ueber>.container:last-child{width:calc(100% - 32px)!important;margin:16px 16px 0!important}
  body.home section.intro#ueber .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  body.home section.intro#ueber .stat{min-height:88px!important;padding:12px 8px!important;background:#fffdf9!important}
  body.home section.intro#ueber .stat::before{display:block!important;content:'◌'!important;color:#b27f37!important;margin-bottom:7px!important}
  body.home section.intro#ueber .stat:nth-child(2)::before{content:'▱'!important}
  body.home section.intro#ueber .stat:nth-child(3)::before{content:'◷'!important}
  body.home section.intro#ueber .stat:nth-child(4)::before{content:'◉'!important}
  body.home section.intro#ueber .stat__num{font-size:1.38rem!important}
  body.home section.intro#ueber .stat__label{font-size:.52rem!important}
}

/* Mobile-only product artwork remains inert on larger layouts. */
.about-mobile-v3{display:none}

/* Absolute last override for the mobile About product artwork. */
@media (max-width:680px){
  body.home section.intro#ueber > .about-mobile-v3{display:block!important;padding-top:20px!important}
  body.home section.intro#ueber > .about-mobile-v3 .about-mobile-v3__phones{display:flex!important;visibility:visible!important;opacity:1!important;width:128px!important;height:106px!important;overflow:hidden!important;align-items:center!important;justify-content:center!important}
  body.home section.intro#ueber > .about-mobile-v3 .about-mobile-v3__phones img{display:block!important;visibility:visible!important;opacity:1!important;width:128px!important;height:86px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:50% 50%!important;transform:none!important;mix-blend-mode:normal!important;-webkit-mix-blend-mode:normal!important}
}
@media(max-width:680px){
 body.home section.intro#ueber>.intro__inner,body.home section.intro#ueber>.container:not(.about-mobile-v3){display:none!important}
 body.home section.intro#ueber>.about-mobile-v3{display:block!important;position:relative!important;z-index:2!important;padding:20px 16px 18px!important;color:#171719!important}
 body.home .about-mobile-v3__eyebrow{margin:0 0 14px!important;color:#a97735!important;font:600 .63rem/1 var(--font-mono)!important;letter-spacing:.2em!important;text-transform:uppercase!important}
 body.home .about-mobile-v3__title{margin:0!important;max-width:315px!important;font:600 clamp(1.9rem,8.4vw,2.35rem)/1.02 "General Sans",var(--font-body),sans-serif!important;letter-spacing:-.055em!important}
 body.home .about-mobile-v3__disciplines{display:flex!important;align-items:center!important;margin:24px 0 12px!important;padding:4px!important;border-radius:999px!important;background:#fffdf9!important;box-shadow:0 7px 18px rgba(61,45,30,.06)!important}
 body.home .about-mobile-v3__disciplines span{display:flex!important;flex:1!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:9px 2px!important;border-radius:999px!important;background:transparent!important;text-align:center!important;font:500 .8rem/1.1 "General Sans",var(--font-body),sans-serif!important;white-space:nowrap!important}
 body.home .about-mobile-v3__disciplines svg{width:21px!important;height:21px!important;flex:0 0 21px!important;margin:0!important;vertical-align:0!important;fill:none!important;stroke:#171719!important;stroke-width:1.45!important;stroke-linecap:round!important;stroke-linejoin:round!important}
 body.home .about-mobile-v3__disciplines i{width:1px!important;height:20px!important;background:rgba(145,116,78,.35)!important}
 body.home .about-mobile-v3__card{display:grid!important;grid-template-columns:82px minmax(0,1fr) 34px!important;gap:12px!important;align-items:center!important;margin:0 0 12px!important;padding:14px!important;border:1px solid rgba(111,86,55,.1)!important;border-radius:20px!important;background:#fffdf9!important;box-shadow:0 12px 28px rgba(61,45,30,.08)!important}
 body.home .about-mobile-v3__portrait{width:82px!important;height:82px!important;overflow:hidden!important;border-radius:50%!important;background:#d9ccbb!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)!important}
 body.home .about-mobile-v3__portrait img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 26%!important;transform:none!important}
 body.home .about-mobile-v3__card small{display:block!important;margin-bottom:5px!important;color:#a4773d!important;font:500 .5rem/1 var(--font-mono)!important;letter-spacing:.18em!important}
 body.home .about-mobile-v3__card h3{margin:0 0 6px!important;font:600 1.05rem/1.1 "General Sans",var(--font-body),sans-serif!important}
 body.home .about-mobile-v3__card p{margin:0!important;color:#403b36!important;font:400 .72rem/1.35 "General Sans",var(--font-body),sans-serif!important}
 body.home .about-mobile-v3__card>b{display:grid!important;width:40px!important;height:40px!important;place-items:center!important;border:1px solid rgba(31,28,25,.17)!important;border-radius:50%!important;color:#24211e!important;background:rgba(255,255,255,.18)!important;line-height:1!important}
 body.home .about-mobile-v3__card>b svg{display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.35!important;stroke-linecap:round!important;stroke-linejoin:round!important}
 body.home .about-mobile-v3__card--products{grid-template-columns:128px minmax(0,1fr) 34px!important;min-height:132px!important}
 body.home .about-mobile-v3__phones{display:flex!important;position:relative!important;z-index:1!important;align-items:flex-end!important;justify-content:center!important;width:128px!important;height:106px!important;overflow:visible!important}
 body.home .about-mobile-v3__phones img{display:block!important;width:146px!important;height:112px!important;max-width:none!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important;background:transparent!important;mix-blend-mode:normal!important;-webkit-mix-blend-mode:normal!important;filter:none!important}
 body.home .about-mobile-v3__stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
 body.home .about-mobile-v3__stats>div{display:flex!important;min-height:104px!important;padding:12px 8px 10px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;border:1px solid rgba(111,86,55,.11)!important;border-radius:18px!important;background:linear-gradient(145deg,#fffefd 0%,#faf8f5 100%)!important;box-shadow:0 7px 20px rgba(68,48,27,.045)!important}
 body.home .about-mobile-v3__stat-icon{display:block!important;width:20px!important;height:20px!important;margin:0 0 8px!important;color:#b27f37!important;fill:none!important;stroke:currentColor!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important}
 body.home .about-mobile-v3__stat-icon--black{color:#171719!important}
 body.home .about-mobile-v3__stats strong{display:block!important;letter-spacing:-.045em!important;color:#171719!important;font:600 1.5rem/.95 "General Sans",var(--font-body),sans-serif!important}
 body.home .about-mobile-v3__stats strong:first-line{color:#171719!important;font-size:inherit!important}
 body.home .about-mobile-v3__stats small{display:block!important;margin-top:8px!important;color:#4d4843!important;font:500 .62rem/1.27 "General Sans",var(--font-body),sans-serif!important;letter-spacing:-.015em!important}
}
@media(max-width:680px){
  .nav[data-nav] .nav__burger{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
  .nav[data-nav] .nav__burger svg{display:block!important;width:22px!important;height:22px!important;color:#b58a43!important;fill:none!important;stroke:currentColor!important;pointer-events:none!important}
}
.product__phone-mobile,.product__soon-art{display:none}

/* ========================================================================
   Mobile Leistungen v2 — isolated composition, desktop remains untouched.
   ======================================================================== */
.wxn-service-mobile-v2{display:none}

@media (max-width:680px){
  body.home section.services#leistungen{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    min-height:100svh!important;
    padding:0!important;
    background:linear-gradient(145deg,#fbfaf8 0%,#f6f1e9 100%)!important;
  }
  body.home section.services#leistungen>.container{display:none!important}
  body.home section.services#leistungen>.wxn-service-mobile-v2{
    display:block!important;
    position:relative!important;
    min-height:100svh!important;
    padding:52px clamp(24px,7.5vw,34px) 0!important;
    overflow:hidden!important;
    color:#151515!important;
    font-family:var(--font-sans,"General Sans",Arial,sans-serif)!important;
  }
  body.home .wxn-service-mobile-v2__intro{position:relative!important;z-index:5!important;max-width:330px!important}
  body.home .wxn-service-mobile-v2__eyebrow{
    display:flex!important;align-items:center!important;gap:11px!important;margin:0 0 20px!important;
    color:#ae813e!important;font-family:var(--font-mono,monospace)!important;font-size:.72rem!important;
    font-weight:700!important;letter-spacing:.19em!important;text-transform:uppercase!important;
    opacity:0;transform:translateY(10px);transition:opacity .54s ease,transform .54s ease;
  }
  body.home .wxn-service-mobile-v2__eyebrow span{display:block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#bc914f!important}
  body.home .wxn-service-mobile-v2__intro h2{
    margin:0!important;color:#121212!important;font-family:var(--font-display,"General Sans",Arial,sans-serif)!important;
    font-size:clamp(2.3rem,10.7vw,3.15rem)!important;font-weight:650!important;letter-spacing:-.065em!important;
    line-height:.97!important;opacity:0;transform:translateY(14px);transition:opacity .6s .08s ease,transform .6s .08s cubic-bezier(.2,.8,.2,1);
  }
  body.home .wxn-service-mobile-v2__intro>p:last-child{
    max-width:315px!important;margin:25px 0 0!important;color:#57595d!important;
    font-family:var(--font-sans,"General Sans",Arial,sans-serif)!important;font-size:1.02rem!important;
    font-weight:400!important;line-height:1.52!important;letter-spacing:-.02em!important;
    opacity:0;transform:translateY(14px);transition:opacity .62s .16s ease,transform .62s .16s cubic-bezier(.2,.8,.2,1);
  }
  body.home .wxn-service-mobile-v2__fan{
    position:relative!important;z-index:2!important;height:325px!important;margin:13px -34px -118px!important;
    pointer-events:none!important;perspective:1100px!important;
  }
  body.home .wxn-service-mobile-v2__fan-card{
    position:absolute!important;left:50%!important;bottom:0!important;width:330px!important;height:auto!important;max-width:none!important;
    transform-origin:50% 100%!important;opacity:0!important;filter:blur(1.5px)!important;
    transition:transform .82s cubic-bezier(.16,.84,.2,1),opacity .45s ease,filter .55s ease!important;
    will-change:transform,opacity!important;
  }
  body.home .wxn-service-mobile-v2__fan-card--1{z-index:1;transform:translate(-110%,35px) rotate(-27deg) scale(.72)}
  body.home .wxn-service-mobile-v2__fan-card--2{z-index:2;transform:translate(-91%,22px) rotate(-19deg) scale(.78);transition-delay:.05s!important}
  body.home .wxn-service-mobile-v2__fan-card--3{z-index:3;transform:translate(-72%,11px) rotate(-11deg) scale(.87);transition-delay:.1s!important}
  body.home .wxn-service-mobile-v2__fan-card--4{z-index:7;transform:translate(-50%,25px) rotate(-3deg) scale(1.02);transition-delay:.2s!important}
  body.home .wxn-service-mobile-v2__fan-card--5{z-index:4;transform:translate(-30%,11px) rotate(10deg) scale(.87);transition-delay:.14s!important}
  body.home .wxn-service-mobile-v2__fan-card--6{z-index:5;transform:translate(-10%,22px) rotate(19deg) scale(.78);transition-delay:.09s!important}
  body.home .wxn-service-mobile-v2__fan-card--7{z-index:6;transform:translate(10%,35px) rotate(27deg) scale(.72);transition-delay:.04s!important}
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__eyebrow,
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__intro h2,
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__intro>p:last-child{opacity:1;transform:translateY(0)}
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card{opacity:1!important;filter:blur(0)!important}
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--1{transform:translate(-114%,5px) rotate(-27deg) scale(.72)}
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--2{transform:translate(-91%,-4px) rotate(-19deg) scale(.78)}
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--3{transform:translate(-69%,-12px) rotate(-11deg) scale(.87)}
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--4{transform:translate(-50%,-18px) rotate(-3deg) scale(1.02)}
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--5{transform:translate(-31%,-12px) rotate(10deg) scale(.87)}
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--6{transform:translate(-9%,-4px) rotate(19deg) scale(.78)}
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--7{transform:translate(14%,5px) rotate(27deg) scale(.72)}
  body.home .wxn-service-mobile-v2__panel{
    position:relative!important;z-index:10!important;width:132%!important;min-height:452px!important;margin:0 0 0 -16%!important;
    padding:42px 17% 29px!important;border-radius:50% 50% 0 0 / 10% 10% 0 0!important;
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,247,244,.99))!important;
    box-shadow:0 -2px 0 rgba(255,255,255,.8),0 -18px 48px rgba(69,50,25,.08)!important;text-align:center!important;
    transform:translateY(38px);opacity:0;transition:transform .78s .3s cubic-bezier(.16,.84,.2,1),opacity .5s .3s ease;
  }
  body.home .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__panel{opacity:1;transform:translateY(0)}
  body.home .wxn-service-mobile-v2__handle{display:block!important;width:42px!important;height:5px!important;margin:0 auto 28px!important;border-radius:999px!important;background:#d7d0c9!important}
  body.home .wxn-service-mobile-v2__number{margin:0 0 27px!important;color:#ad8746!important;font-size:1.42rem!important;font-weight:600!important;line-height:1!important;letter-spacing:.04em!important}
  body.home .wxn-service-mobile-v2__panel h3{margin:0!important;color:#171717!important;font-size:2rem!important;font-weight:650!important;letter-spacing:-.055em!important;line-height:1.03!important}
  body.home .wxn-service-mobile-v2__arrow{
    position:absolute!important;top:123px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:45px!important;height:45px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#3d3e40!important;
  }
  body.home .wxn-service-mobile-v2__arrow--prev{left:13%!important}
  body.home .wxn-service-mobile-v2__arrow--next{right:13%!important}
  body.home .wxn-service-mobile-v2__arrow svg{width:31px!important;height:31px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.home .wxn-service-mobile-v2__description{margin:33px auto 0!important;color:#5e6064!important;font-size:1.05rem!important;line-height:1.58!important;letter-spacing:-.018em!important}
  body.home .wxn-service-mobile-v2__progress{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:7px!important;max-width:245px!important;margin:79px auto 0!important}
  body.home .wxn-service-mobile-v2__progress i{display:block!important;height:6px!important;border-radius:999px!important;background:#d9d2ca!important}
  body.home .wxn-service-mobile-v2__progress i.is-active{background:#b38a47!important}
}

@media (prefers-reduced-motion:reduce){
  body.home .wxn-service-mobile-v2 *,body.home .wxn-service-mobile-v2 *::before,body.home .wxn-service-mobile-v2 *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  body.home .wxn-service-mobile-v2 .wxn-service-mobile-v2__eyebrow,body.home .wxn-service-mobile-v2 .wxn-service-mobile-v2__intro h2,body.home .wxn-service-mobile-v2 .wxn-service-mobile-v2__intro>p:last-child,body.home .wxn-service-mobile-v2 .wxn-service-mobile-v2__fan-card,body.home .wxn-service-mobile-v2 .wxn-service-mobile-v2__panel{opacity:1!important;transform:none!important;filter:none!important}
}

/* Final mobile services-v2 composition correction.
   The source PNGs have intentional transparent margins: keep every layer
   centered and let those margins create the physical fan instead of shifting
   the image boxes by percentage (which pushed the side cards off-stage). */
@media (max-width:680px){
  body.home section.services#leistungen>.wxn-service-mobile-v2__intro h2{
    text-shadow:none!important;
    -webkit-text-stroke:0!important;
    filter:none!important;
    font-synthesis:none!important;
    paint-order:normal!important;
  }
  body.home section.services#leistungen>.wxn-service-mobile-v2__fan-card,
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card{
    left:50%!important;
    width:620px!important;
    max-width:none!important;
    height:auto!important;
    transform-origin:50% 100%!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--1{z-index:1!important;transform:translateX(-50%) rotate(-2deg) scale(.72)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--2{z-index:2!important;transform:translateX(-50%) rotate(-1deg) scale(.72)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--3{z-index:3!important;transform:translateX(-50%) rotate(0deg) scale(.72)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--4{z-index:7!important;transform:translateX(-50%) rotate(0deg) scale(.72)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--5{z-index:4!important;transform:translateX(-50%) rotate(0deg) scale(.72)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--6{z-index:5!important;transform:translateX(-50%) rotate(1deg) scale(.72)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--7{z-index:6!important;transform:translateX(-50%) rotate(2deg) scale(.72)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--1{transform:translateX(-50%) rotate(-18deg) scale(.78)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--2{transform:translateX(-50%) rotate(-12deg) scale(.84)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--3{transform:translateX(-50%) rotate(-7deg) scale(.9)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--4{transform:translateX(-50%) rotate(0deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--5{transform:translateX(-50%) rotate(7deg) scale(.9)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--6{transform:translateX(-50%) rotate(12deg) scale(.84)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--7{transform:translateX(-50%) rotate(18deg) scale(.78)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan{transform-style:preserve-3d!important;isolation:isolate!important;overflow:visible!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card{transform:translateX(-50%) rotate(0deg) scale(.9)!important;opacity:1!important}
}

/* Compact mobile services composition: one complete screen, with the full fan visible. */
@media (max-width:680px){
  body.home section.services#leistungen{
    /* Content decides the section height: the panel must never be cut off. */
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.home section.services#leistungen>.wxn-service-mobile-v2{
    height:auto!important;
    min-height:0!important;
    padding:18px clamp(22px,6.4vw,30px) 34px!important;
    overflow:visible!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__intro{max-width:286px!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__intro .wxn-service-mobile-v2__eyebrow{
    gap:8px!important;
    margin-bottom:9px!important;
    font-size:.57rem!important;
    letter-spacing:.17em!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__intro .wxn-service-mobile-v2__eyebrow span{width:7px!important;height:7px!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__intro h2{
    max-width:10.75ch!important;
    color:#121212!important;
    font-family:"General Sans",var(--font-body),Arial,sans-serif!important;
    font-size:clamp(1.9rem,8.4vw,2.35rem)!important;
    font-weight:600!important;
    line-height:1.02!important;
    letter-spacing:-.06em!important;
    text-shadow:none!important;
    -webkit-text-stroke:0 transparent!important;
    filter:none!important;
  }
  /* Hard reset: an old heading decoration must not create a second glyph layer. */
  body.home section.services#leistungen .wxn-service-mobile-v2__intro h2::before,
  body.home section.services#leistungen .wxn-service-mobile-v2__intro h2::after{
    display:none!important;
    content:none!important;
    text-shadow:none!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__intro>p:last-child{
    display:none!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__fan{
    /* A real 50% reduction: the wrapper reserves only the smaller visual area. */
    height:238px!important;
    margin:5px -10px -22px!important;
    perspective:900px!important;
    overflow:visible!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card{
    left:50%!important;
    bottom:0!important;
    height:auto!important;
    max-width:none!important;
    transform-origin:50% 100%!important;
  }
  /* Seven real card dimensions and matching individual fan positions. */
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--1{z-index:1!important;width:280px!important;transform:translateX(-50%) rotate(-2deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--2{z-index:2!important;width:302px!important;transform:translateX(-50%) rotate(-1deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--3{z-index:3!important;width:322px!important;transform:translateX(-50%) rotate(0deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--4{z-index:10!important;width:342px!important;transform:translateX(-50%) rotate(0deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--5{z-index:3!important;width:322px!important;transform:translateX(-50%) rotate(0deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--6{z-index:2!important;width:302px!important;transform:translateX(-50%) rotate(1deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__fan-card--7{z-index:1!important;width:280px!important;transform:translateX(-50%) rotate(2deg) scale(.66)!important}
  /* Position / layering only: existing card dimensions and scales remain untouched. */
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--1{transform:translateX(-50%) rotate(-24deg) scale(.74)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--2{transform:translateX(-50%) rotate(-17deg) scale(.79)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--3{transform:translateX(-50%) rotate(-9deg) scale(.84)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--4{transform:translateX(-50%) rotate(2deg) scale(.92)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--5{transform:translateX(-50%) rotate(8deg) scale(.84)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--6{transform:translateX(-50%) rotate(16deg) scale(.79)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-visible .wxn-service-mobile-v2__fan-card--7{transform:translateX(-50%) rotate(23deg) scale(.74)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__panel{
    width:136%!important;
    min-height:248px!important;
    margin-left:-18%!important;
    padding:18px 11% 15px!important;
    /* Two half-ellipses meeting at the centre: no flat top edge. */
    border-radius:50% 50% 0 0 / 30% 30% 0 0!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__handle{width:32px!important;height:4px!important;margin-bottom:10px!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__number{margin-bottom:9px!important;font-size:1rem!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__panel h3{font-size:1.4rem!important;line-height:1!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__arrow{top:50px!important;width:32px!important;height:32px!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__arrow--prev{left:14%!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__arrow--next{right:14%!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__arrow svg{width:22px!important;height:22px!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__description{margin-top:11px!important;font-size:.77rem!important;line-height:1.4!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__progress{max-width:180px!important;gap:5px!important;margin-top:22px!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__progress i{height:4px!important}
}

/* Webanwendungen (Punkt 3): six supplied layers share one exact canvas. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2__layer-visual{
    display:none!important;
    position:relative!important;
    z-index:2!important;
    width:min(150px,42vw)!important;
    aspect-ratio:206 / 380!important;
    margin:4px auto -60px!important;
    perspective:1000px!important;
    opacity:0!important;
    transform:translateY(28px) scale(.965)!important;
    transition:opacity .72s ease,transform .9s cubic-bezier(.22,1,.36,1)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__layer-visual .wxn-service-mobile-v2__visual-layer{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    pointer-events:none!important;
    opacity:0!important;
    filter:blur(2px)!important;
    transition:opacity .5s ease,transform .72s cubic-bezier(.22,1,.36,1),filter .6s ease!important;
    will-change:transform,opacity!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__visual-layer--1{z-index:1!important;transform:translate3d(-10px,18px,0) rotate(-1.5deg) scale(.985)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__visual-layer--2{z-index:2!important;transform:translate3d(-6px,14px,0) rotate(-1deg) scale(.987)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__visual-layer--3{z-index:3!important;transform:translate3d(7px,16px,0) rotate(1.5deg) scale(.985)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__visual-layer--4{z-index:4!important;transform:translate3d(0,20px,0) scale(.975)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__visual-layer--5{z-index:5!important;transform:translate3d(10px,10px,0) rotate(2deg) scale(.96)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__visual-layer--6{z-index:6!important;transform:translate3d(13px,14px,0) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps .wxn-service-mobile-v2__fan{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps .wxn-service-mobile-v2__layer-visual{display:block!important;opacity:1!important;transform:translateY(0) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__visual-layer{opacity:1!important;filter:blur(0)!important;transform:translate3d(0,0,0) rotate(0deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__layer-visual + .wxn-service-mobile-v2__panel{position:relative!important}
}

/* Webseiten (Punkt 1): supplied desktop workspace visual, kept as three independent layers. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2__website-visual{display:none!important;position:relative!important;z-index:2!important;width:100%!important;height:280px!important;margin:-6px auto 0!important;overflow:visible!important;perspective:1000px!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__fan,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__layer-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__rocket-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__software-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__pwa-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__maintenance-visual{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual{display:block!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset{position:absolute!important;display:block!important;width:auto!important;height:auto!important;max-width:none!important;object-fit:contain!important;opacity:0!important;filter:blur(1.5px)!important;will-change:transform,opacity!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--monitor{z-index:2!important;left:2%!important;top:-8px!important;width:82%!important;transform:translateY(16px) scale(.965)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--keyboard{z-index:3!important;left:3%!important;top:36%!important;width:76%!important;transform:translateY(12px) scale(.96)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--plant{z-index:4!important;right:7%!important;top:42%!important;width:24%!important;transform:translateY(10px) scale(.94) rotate(1deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-asset{opacity:.94!important;filter:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset{opacity:1!important;filter:none!important}
  @keyframes wxnWebsiteMonitor{0%{opacity:0;filter:blur(1.5px);transform:translateY(16px) scale(.965)}100%{opacity:1;filter:none;transform:translateY(0) scale(1)}}
  @keyframes wxnWebsiteKeyboard{0%{opacity:0;filter:blur(1.5px);transform:translateY(12px) scale(.96)}100%{opacity:1;filter:none;transform:translateY(0) scale(1)}}
  @keyframes wxnWebsitePlant{0%{opacity:0;filter:blur(1.5px);transform:translateY(10px) scale(.94) rotate(1deg)}100%{opacity:1;filter:none;transform:translateY(0) scale(1) rotate(0deg)}}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--monitor{animation:wxnWebsiteMonitor .78s .08s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--keyboard{animation:wxnWebsiteKeyboard .72s .2s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--plant{animation:wxnWebsitePlant .7s .32s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset{animation:none!important;opacity:0!important;filter:blur(1.5px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--monitor{transform:translateY(16px) scale(.965)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--keyboard{transform:translateY(12px) scale(.96)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--plant{transform:translateY(10px) scale(.94) rotate(1deg)!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-asset{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}

/* Webanwendungen (Punkt 3): supplied rocket launch system, each PNG remains an independent layer. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-visual{display:none!important;position:relative!important;z-index:2!important;width:100%!important;height:280px!important;margin:-6px auto 0!important;overflow:visible!important;perspective:1000px!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps .wxn-service-mobile-v2__layer-visual{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps .wxn-service-mobile-v2__rocket-visual{display:block!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset{position:absolute!important;display:block!important;width:auto!important;height:auto!important;max-width:none!important;object-fit:contain!important;opacity:0!important;pointer-events:none!important;will-change:transform,opacity,filter!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--smoke{z-index:2!important;left:10%!important;top:25%!important;width:80%!important;opacity:.58!important;transform:translateY(5px) scale(.92)!important;filter:blur(.3px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--rocket{z-index:5!important;left:31%!important;top:8%!important;width:53%!important;opacity:1!important;transform:translate(0,8px) rotate(0deg) scale(.98)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--card-1{z-index:3!important;left:2%!important;top:31%!important;width:27%!important;transform:translate(-5px,2px) rotate(-16deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--card-2{z-index:3!important;right:2%!important;top:39%!important;width:27%!important;transform:translate(5px,-1px) rotate(12deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--card-3{z-index:3!important;left:7%!important;top:57%!important;width:28%!important;transform:translate(-4px,4px) rotate(10deg) scale(.93)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--card-4{z-index:3!important;right:6%!important;top:56%!important;width:30%!important;transform:translate(4px,4px) rotate(-12deg) scale(.93)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--card-1,
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--card-2,
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--card-3,
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--card-4{opacity:.92!important;filter:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-asset--debris{z-index:4!important;left:8%!important;top:0!important;width:84%!important;opacity:0!important;transform:scale(.96)!important;filter:blur(1px)!important}
  @keyframes wxnRocketSmoke{0%{opacity:.58;transform:translateY(5px) scale(.92)}48%{opacity:1;transform:translateY(0) scale(1.02)}100%{opacity:.9;transform:translateY(0) scale(1)}}
  @keyframes wxnRocketCore{0%{opacity:1;transform:translate(0,8px) rotate(0deg) scale(.98)}15%{transform:translate(-1px,7px) rotate(-.3deg) scale(.985)}23%{transform:translate(1px,7px) rotate(.25deg) scale(.99)}38%{transform:translate(5px,-4px) rotate(0deg) scale(.99)}66%{transform:translate(15px,-20px) rotate(0deg) scale(.985)}82%{opacity:.96;transform:translate(6px,-7px) rotate(0deg) scale(1)}100%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1)}}
  @keyframes wxnRocketCardLeft{0%{opacity:.92;transform:translate(-5px,2px) rotate(-16deg) scale(.94)}45%{opacity:1;transform:translate(-11px,3px) rotate(-18deg) scale(.97)}100%{opacity:1;transform:translate(0,0) rotate(-16deg) scale(1)}}
  @keyframes wxnRocketCardRight{0%{opacity:.92;transform:translate(5px,-1px) rotate(12deg) scale(.94)}45%{opacity:1;transform:translate(11px,-3px) rotate(14deg) scale(.97)}100%{opacity:1;transform:translate(0,0) rotate(12deg) scale(1)}}
  @keyframes wxnRocketCardFront{0%{opacity:.92;transform:translate(-4px,4px) rotate(10deg) scale(.93)}45%{opacity:1;transform:translate(-8px,7px) rotate(12deg) scale(.97)}100%{opacity:1;transform:translate(0,0) rotate(10deg) scale(1)}}
  @keyframes wxnRocketCardBack{0%{opacity:.92;transform:translate(4px,4px) rotate(-12deg) scale(.93)}45%{opacity:1;transform:translate(8px,6px) rotate(-14deg) scale(.97)}100%{opacity:1;transform:translate(0,0) rotate(-12deg) scale(1)}}
  @keyframes wxnRocketDebris{0%{opacity:0;transform:scale(.94)}34%{opacity:.86;transform:scale(1)}100%{opacity:.48;transform:scale(1)}}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--smoke{animation:wxnRocketSmoke 1.45s .16s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--rocket{animation:wxnRocketCore 1.55s .08s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--card-1{animation:wxnRocketCardLeft 1.2s .55s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--card-2{animation:wxnRocketCardRight 1.2s .62s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--card-3{animation:wxnRocketCardFront 1.2s .7s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--card-4{animation:wxnRocketCardBack 1.2s .76s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--debris{animation:wxnRocketDebris 1.18s .68s ease-out both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible.is-webapps-replay .wxn-service-mobile-v2__rocket-asset{animation:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible.is-webapps-replay .wxn-service-mobile-v2__rocket-asset--smoke{opacity:.58!important;transform:translateY(5px) scale(.92)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible.is-webapps-replay .wxn-service-mobile-v2__rocket-asset--rocket{opacity:1!important;transform:translate(0,8px) rotate(0deg) scale(.98)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--card-1,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--card-2,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--card-3,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible .wxn-service-mobile-v2__rocket-asset--card-4{opacity:1!important;filter:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible.is-webapps-replay .wxn-service-mobile-v2__rocket-asset--card-1{opacity:.92!important;transform:translate(-5px,2px) rotate(-16deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible.is-webapps-replay .wxn-service-mobile-v2__rocket-asset--card-2{opacity:.92!important;transform:translate(5px,-1px) rotate(12deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible.is-webapps-replay .wxn-service-mobile-v2__rocket-asset--card-3{opacity:.92!important;transform:translate(-4px,4px) rotate(10deg) scale(.93)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible.is-webapps-replay .wxn-service-mobile-v2__rocket-asset--card-4{opacity:.92!important;transform:translate(4px,4px) rotate(-12deg) scale(.93)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps.is-visible.is-webapps-replay .wxn-service-mobile-v2__rocket-asset--debris{opacity:0!important;transform:scale(.94)!important}
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-webapps .wxn-service-mobile-v2__rocket-asset{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}

/* Individuelle Software (Punkt 5): supplied dashboard system visual. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2__software-visual{display:none!important;position:relative!important;z-index:2!important;width:100%!important;height:245px!important;margin:-12px auto -54px!important;overflow:visible!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__fan,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__layer-visual{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-visual{display:block!important;perspective:900px!important;transform-style:preserve-3d!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset{position:absolute!important;display:block!important;width:auto!important;height:auto!important;max-width:none!important;object-fit:contain!important;opacity:0!important;filter:blur(2px)!important;transition:opacity .45s ease,transform .72s cubic-bezier(.22,1,.36,1),filter .55s ease!important;will-change:transform,opacity!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset{opacity:1!important;filter:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--dashboard{transform:translateY(0) rotate(-3deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--code{transform:translateX(0) rotate(-9deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--cloud{transform:translateY(0) rotate(0deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--gear{transform:translate(0,0) rotate(-8deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--database{transform:translateY(0) rotate(1deg) scale(1)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--dashboard{z-index:5!important;left:15%!important;top:18%!important;width:70%!important;transform:translateY(22px) rotate(-3deg) scale(.97)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--code{z-index:3!important;left:4%!important;top:40%!important;width:20%!important;transform:translateX(8px) rotate(-9deg) scale(.92)!important;transition-delay:.35s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--cloud{z-index:2!important;left:69%!important;top:0!important;width:25%!important;transform:translateY(10px) scale(.95)!important;transition-delay:.85s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--gear{z-index:7!important;left:16%!important;top:64%!important;width:17%!important;transform:scale(.85) rotate(-18deg)!important;transition-delay:1.25s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--database{z-index:4!important;right:0!important;top:58%!important;width:20%!important;transform:translateY(12px) scale(.94)!important;transition-delay:1.7s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-lines{position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;overflow:visible!important;pointer-events:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-lines path{fill:none!important;stroke:#c19a5b!important;stroke-width:.52!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:1!important;stroke-dashoffset:1!important;opacity:0!important;transition:stroke-dashoffset .45s cubic-bezier(.22,1,.36,1),opacity .2s ease!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-lines path{stroke-dashoffset:0!important;opacity:1!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-lines path:nth-child(1){transition-delay:.9s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-lines path:nth-child(2){transition-delay:1.28s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-lines path:nth-child(3){transition-delay:1.72s!important}
  /* Re-entering Punkt 5 always starts from the same composed start state. */
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset{opacity:0!important;filter:blur(2px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--dashboard{transform:translateY(22px) rotate(-3deg) scale(.97)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--code{transform:translateX(8px) rotate(-9deg) scale(.92)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--cloud{transform:translateY(10px) rotate(0deg) scale(.95)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--gear{transform:translate(0,0) rotate(-18deg) scale(.85)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--database{transform:translateY(12px) rotate(0deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-lines path{stroke-dashoffset:1!important;opacity:0!important}
}

/* 2026-08-26 supplied mobile product composition. */
@media(max-width:680px){
 body.home section.products#produkte{
  position:relative!important;padding:72px 0 18px!important;overflow:hidden!important;
  background-color:#f5f0ea!important;background-image:url('../img/wexion-products-mobile-bg.png')!important;
  background-repeat:no-repeat!important;background-position:center top!important;background-size:100% auto!important
 }
 body.home section.products#produkte::before{display:none!important}
 body.home section.products#produkte>.container{position:relative!important;z-index:1!important;width:calc(100% - 30px)!important}
 body.home section.products#produkte .section__head{width:66%!important;max-width:310px!important;margin:0 0 28px!important;transform:none!important}
 body.home section.products#produkte .section__head .eyebrow{margin:0 0 15px!important;color:#a87327!important;font-family:var(--font-mono)!important;font-size:.63rem!important;font-weight:500!important;letter-spacing:.19em!important}
 body.home section.products#produkte .section__head .eyebrow__dot{display:none!important}
 body.home section.products#produkte .section__title{max-width:9.5ch!important;color:#19191b!important;font-family:"General Sans",var(--font-body),sans-serif!important;font-size:clamp(1.75rem,7.7vw,2.15rem)!important;font-weight:600!important;letter-spacing:-.052em!important;line-height:1.03!important;text-transform:none!important;text-wrap:balance!important}
 body.home section.products#produkte .section__intro{max-width:29ch!important;margin:17px 0 0!important;color:#46413c!important;font-family:"Manrope","General Sans",sans-serif!important;font-size:clamp(.72rem,2.95vw,.84rem)!important;font-weight:400!important;line-height:1.55!important;letter-spacing:-.012em!important}
 body.home section.products#produkte .products__grid{display:grid!important;width:100%!important;grid-template-columns:1fr!important;gap:11px!important;margin:0!important;padding:0!important;overflow:visible!important}
 body.home section.products#produkte .product,body.home section.products#produkte .product:nth-child(n){position:relative!important;display:block!important;width:100%!important;height:306px!important;min-height:306px!important;overflow:hidden!important;border:1px solid rgba(91,70,49,.1)!important;border-radius:17px!important;background:rgba(255,255,255,.7)!important;box-shadow:0 15px 38px rgba(67,49,32,.065),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(10px) saturate(106%)!important;transform:none!important}
 body.home section.products#produkte .product__media{position:absolute!important;inset:0!important;z-index:1!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;pointer-events:none!important}
 body.home section.products#produkte .product__media .tag{position:absolute!important;top:23px!important;left:112px!important;z-index:4!important;padding:4px 9px!important;border:0!important;border-radius:999px!important;color:#a87327!important;background:rgba(244,236,224,.82)!important;font-family:"Manrope","General Sans",sans-serif!important;font-size:.52rem!important;font-weight:600!important;letter-spacing:.07em!important;line-height:1!important;text-transform:uppercase!important}
 body.home section.products#produkte .product__badge{position:absolute!important;top:54px!important;left:17px!important;z-index:4!important;display:grid!important;width:68px!important;height:68px!important;place-items:center!important;border:1px solid rgba(115,91,62,.07)!important;border-radius:16px!important;color:#171719!important;background:rgba(249,246,241,.84)!important;box-shadow:0 9px 24px rgba(67,49,32,.05)!important;font-family:"Clash Display","General Sans",sans-serif!important;font-size:1.72rem!important;font-weight:500!important;letter-spacing:-.06em!important}
 body.home section.products#produkte .product__logo,body.home section.products#produkte .product__glow{display:none!important}
 body.home section.products#produkte .product__phone-mobile{position:absolute!important;top:13px!important;right:5px!important;z-index:2!important;display:block!important;width:42%!important;max-width:160px!important;height:286px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;object-position:center!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 13px 18px rgba(31,24,18,.14))!important}
 body.home section.products#produkte .product:nth-child(2) .product__phone-mobile{right:11px!important;transform:rotate(-1.2deg)!important}
 body.home section.products#produkte .product__body{position:absolute!important;top:56px!important;right:39%!important;bottom:19px!important;left:112px!important;z-index:3!important;display:flex!important;min-width:0!important;padding:0!important;flex-direction:column!important}
 body.home section.products#produkte .product h3{margin:0 0 8px!important;color:#171719!important;font-family:"Clash Display","General Sans",sans-serif!important;font-size:1.45rem!important;font-weight:600!important;letter-spacing:-.042em!important;line-height:1!important}
 body.home section.products#produkte .product__desc{display:-webkit-box!important;margin:0!important;overflow:hidden!important;color:#514c45!important;font-family:"Manrope","General Sans",sans-serif!important;font-size:.61rem!important;font-weight:400!important;line-height:1.43!important;letter-spacing:-.006em!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important}
 body.home section.products#produkte .product__feats{display:grid!important;gap:4px!important;margin:10px 0 9px!important;padding:0!important;color:#48433d!important;list-style:none!important}
 body.home section.products#produkte .product__feats li{position:relative!important;padding-left:15px!important;font-family:"Manrope","General Sans",sans-serif!important;font-size:.56rem!important;font-weight:500!important;line-height:1.3!important;white-space:nowrap!important}
 body.home section.products#produkte .product__feats li::before{position:absolute!important;top:.08em!important;left:0!important;display:grid!important;width:10px!important;height:10px!important;place-items:center!important;border:1px solid #b47b26!important;border-radius:50%!important;color:#a87327!important;content:"✓"!important;font-size:.42rem!important;font-weight:700!important;line-height:1!important}
 body.home section.products#produkte .product .btn--outline{display:inline-flex!important;width:max-content!important;min-width:0!important;min-height:31px!important;margin-top:auto!important;padding:7px 11px!important;gap:9px!important;border:1px solid rgba(20,19,17,.95)!important;border-radius:999px!important;color:#fff!important;background:#171715!important;box-shadow:0 8px 18px rgba(24,20,16,.14)!important;font-family:"Manrope","General Sans",sans-serif!important;font-size:.56rem!important;font-weight:600!important}
 body.home section.products#produkte .product .btn--outline .ic{width:13px!important;height:13px!important;color:#c8923e!important}
 body.home section.products#produkte .product--soon{height:126px!important;min-height:126px!important}
 body.home section.products#produkte .product__soon{position:relative!important;display:grid!important;width:100%!important;height:100%!important;grid-template-columns:70px minmax(0,1fr) 38%!important;grid-template-rows:auto auto 1fr!important;column-gap:14px!important;align-content:center!important;padding:20px 13px 17px 17px!important;overflow:hidden!important}
 body.home section.products#produkte .product__soon .tag{grid-column:2!important;width:max-content!important;margin:0 0 7px!important;padding:4px 8px!important;border:0!important;border-radius:999px!important;color:#a87327!important;background:rgba(244,236,224,.82)!important;font-family:"Manrope","General Sans",sans-serif!important;font-size:.5rem!important;font-weight:600!important;letter-spacing:.07em!important}
 body.home section.products#produkte .product__soon-ic{grid-column:1!important;grid-row:1/4!important;display:grid!important;width:62px!important;height:62px!important;place-items:center!important;align-self:center!important;border:1px solid rgba(115,91,62,.07)!important;border-radius:15px!important;color:#ad7729!important;background:rgba(249,246,241,.84)!important}
 body.home section.products#produkte .product__soon-ic .ic{width:31px!important;height:31px!important;stroke-width:1.35!important;overflow:visible!important}
 body.home section.products#produkte .product__soon-ic .ic path{fill:none!important;stroke:currentColor!important;stroke-width:1.35!important;stroke-linecap:round!important;animation:soonIconPulse 1.8s cubic-bezier(.4,0,.2,1) infinite!important}
 body.home section.products#produkte .product__soon-ic .ic path:nth-child(1){animation-delay:-1.575s!important}
 body.home section.products#produkte .product__soon-ic .ic path:nth-child(2){animation-delay:-1.35s!important}
 body.home section.products#produkte .product__soon-ic .ic path:nth-child(3){animation-delay:-1.125s!important}
 body.home section.products#produkte .product__soon-ic .ic path:nth-child(4){animation-delay:-.9s!important}
 body.home section.products#produkte .product__soon-ic .ic path:nth-child(5){animation-delay:-.675s!important}
 body.home section.products#produkte .product__soon-ic .ic path:nth-child(6){animation-delay:-.45s!important}
 body.home section.products#produkte .product__soon-ic .ic path:nth-child(7){animation-delay:-.225s!important}
 body.home section.products#produkte .product__soon-ic .ic path:nth-child(8){animation-delay:0s!important}
 @keyframes soonIconPulse{0%,100%{opacity:.2;stroke:#d1b17d}18%{opacity:1;stroke:#b47d2b}36%{opacity:.35;stroke:#c69958}65%{opacity:.2;stroke:#d1b17d}}
 body.home section.products#produkte .product--soon h3{grid-column:2!important;margin:0 0 5px!important;font-family:"Clash Display","General Sans",sans-serif!important;font-size:1.16rem!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1!important}
 body.home section.products#produkte .product--soon p{grid-column:2!important;margin:0!important;color:#514c45!important;font-family:"Manrope","General Sans",sans-serif!important;font-size:.58rem!important;line-height:1.4!important}
 body.home section.products#produkte .product__soon-art{position:absolute!important;right:-9px!important;bottom:-5px!important;z-index:0!important;display:block!important;width:42%!important;height:112px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;object-position:right bottom!important;background:transparent!important;box-shadow:none!important}
 body.home section.products#produkte .products__cta{display:flex!important;justify-content:center!important;margin:11px 0 0!important}
 body.home section.products#produkte .products__cta .btn{position:relative!important;display:flex!important;width:92%!important;min-width:0!important;min-height:52px!important;align-items:center!important;justify-content:center!important;gap:18px!important;padding:11px 19px!important;overflow:hidden!important;border:1px solid rgba(164,119,51,.26)!important;border-radius:999px!important;color:#1d1a17!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(246,239,230,.7))!important;box-shadow:0 12px 28px rgba(55,41,27,.08),inset 0 1px 0 rgba(255,255,255,.94)!important;backdrop-filter:blur(16px) saturate(115%)!important;font-family:"Manrope","General Sans",sans-serif!important;font-size:.79rem!important;font-weight:600!important;letter-spacing:-.012em!important}
 body.home section.products#produkte .products__cta .btn::before{position:absolute!important;inset:1px!important;border-radius:inherit!important;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.42) 48%,transparent 75%)!important;content:""!important;pointer-events:none!important}
 body.home section.products#produkte .products__cta .btn .ic{width:18px!important;height:18px!important;color:#ad7729!important;stroke-width:1.6!important}
}
@media(max-width:380px){
 body.home section.products#produkte{padding-top:62px!important}
 body.home section.products#produkte .section__head{margin-bottom:22px!important}
 body.home section.products#produkte .product,body.home section.products#produkte .product:nth-child(n){height:286px!important;min-height:286px!important}
 body.home section.products#produkte .product__media .tag{left:101px!important}
 body.home section.products#produkte .product__badge{width:61px!important;height:61px!important}
 body.home section.products#produkte .product__body{right:38%!important;left:101px!important}
 body.home section.products#produkte .product__phone-mobile{height:268px!important}
 body.home section.products#produkte .product h3{font-size:1.3rem!important}
 body.home section.products#produkte .product__desc{font-size:.57rem!important}
 body.home section.products#produkte .product__feats li{font-size:.52rem!important}
 body.home section.products#produkte .product--soon{height:118px!important;min-height:118px!important}
 body.home section.products#produkte .product__soon{grid-template-columns:62px minmax(0,1fr) 36%!important;column-gap:11px!important;padding-left:13px!important}
 body.home section.products#produkte .product__soon-ic{width:56px!important;height:56px!important}
 body.home section.products#produkte .product__soon-art{height:104px!important}
}

/* 2026-08-26 resilient product artwork and readable card type. */
@media(max-width:680px){
 body.home section.products#produkte .product,body.home section.products#produkte .product:nth-child(n){height:320px!important;min-height:320px!important}
 body.home section.products#produkte .product__phone-mobile{display:none!important}
 body.home section.products#produkte .product__media::after{position:absolute!important;top:10px!important;right:3px!important;bottom:8px!important;z-index:2!important;display:block!important;width:48%!important;max-width:180px!important;background-image:url('../img/wexion-product-phone-mobile.png')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;content:""!important;filter:drop-shadow(0 13px 18px rgba(31,24,18,.14))!important}
 body.home section.products#produkte .product:nth-child(2) .product__media::after{right:8px!important}
 body.home section.products#produkte .product--bookiq .product__media::after{background-image:url('../img/bookiq-product-phone-mockup.png')!important}
 body.home section.products#produkte .product__media .tag{left:100px!important;font-size:.56rem!important}
 body.home section.products#produkte .product__badge{left:16px!important;width:64px!important;height:64px!important;font-size:1.62rem!important}
 body.home section.products#produkte .product__body{top:57px!important;right:34%!important;bottom:18px!important;left:100px!important}
 body.home section.products#produkte .product h3{font-size:1.5rem!important}
 body.home section.products#produkte .product__desc{font-size:.66rem!important;line-height:1.46!important;-webkit-line-clamp:4!important}
 body.home section.products#produkte .product__feats{gap:5px!important;margin:11px 0 10px!important}
 body.home section.products#produkte .product__feats li{font-size:.6rem!important;line-height:1.34!important}
 body.home section.products#produkte .product .btn--outline{min-height:33px!important;padding:7px 12px!important;font-size:.61rem!important}
 body.home section.products#produkte .product--soon{height:130px!important;min-height:130px!important}
 body.home section.products#produkte .product__soon-art{display:none!important}
 body.home section.products#produkte .product__soon::after{position:absolute!important;right:-7px!important;bottom:-4px!important;z-index:0!important;display:block!important;width:43%!important;height:119px!important;background-image:url('../img/wexion-new-product-mobile.png')!important;background-repeat:no-repeat!important;background-position:right bottom!important;background-size:contain!important;content:""!important}
 body.home section.products#produkte .product__soon>.tag,body.home section.products#produkte .product__soon>.product__soon-ic,body.home section.products#produkte .product__soon>h3,body.home section.products#produkte .product__soon>p{position:relative!important;z-index:2!important}
 body.home section.products#produkte .product--soon h3{font-size:1.2rem!important}
 body.home section.products#produkte .product--soon p{font-size:.62rem!important;line-height:1.44!important}
}
@media(max-width:380px){
 body.home section.products#produkte .product,body.home section.products#produkte .product:nth-child(n){height:304px!important;min-height:304px!important}
 body.home section.products#produkte .product__media::after{top:9px!important;right:-2px!important;bottom:7px!important;width:49%!important}
 body.home section.products#produkte .product__media .tag{left:88px!important;font-size:.5rem!important}
 body.home section.products#produkte .product__badge{left:13px!important;width:56px!important;height:56px!important;font-size:1.42rem!important}
 body.home section.products#produkte .product__body{top:54px!important;right:33%!important;left:88px!important}
 body.home section.products#produkte .product h3{font-size:1.34rem!important}
 body.home section.products#produkte .product__desc{font-size:.61rem!important;line-height:1.42!important}
 body.home section.products#produkte .product__feats{gap:4px!important;margin-block:9px!important}
 body.home section.products#produkte .product__feats li{font-size:.55rem!important}
 body.home section.products#produkte .product .btn--outline{font-size:.56rem!important}
 body.home section.products#produkte .product--soon{height:122px!important;min-height:122px!important}
 body.home section.products#produkte .product__soon::after{width:42%!important;height:109px!important}
 body.home section.products#produkte .product--soon p{font-size:.57rem!important}
}

/* 2026-08-26 final mobile product alignment. */
@media(max-width:680px){
 body.home section.products#produkte{padding-top:clamp(20px,3.2svh,28px)!important}
 body.home section.products#produkte .section__head{margin-bottom:30px!important}
 body.home section.products#produkte .product,body.home section.products#produkte .product:nth-child(n){height:326px!important;min-height:326px!important}
 body.home section.products#produkte .product__media::after{top:12px!important;right:7px!important;bottom:10px!important;width:42%!important;max-width:158px!important}
 body.home section.products#produkte .product:nth-child(2) .product__media::after{right:7px!important}
 body.home section.products#produkte .product__media .tag{left:98px!important}
 body.home section.products#produkte .product__badge{top:57px!important;left:16px!important;width:62px!important;height:62px!important}
 body.home section.products#produkte .product__body{top:59px!important;right:44%!important;bottom:18px!important;left:98px!important}
 body.home section.products#produkte .product h3{margin-bottom:9px!important;font-size:1.42rem!important}
 body.home section.products#produkte .product__desc{font-size:.64rem!important;line-height:1.47!important}
 body.home section.products#produkte .product__feats{gap:4px!important;margin:10px 0 9px!important}
 body.home section.products#produkte .product__feats li{padding-left:15px!important;font-size:.57rem!important;line-height:1.28!important;white-space:normal!important}
 body.home section.products#produkte .product .btn--outline{min-height:32px!important;padding:7px 11px!important;font-size:.59rem!important}

 body.home section.products#produkte .products__grid>.product.product--soon,
 body.home section.products#produkte .products__grid>.product.product--soon:nth-child(3){height:116px!important;min-height:116px!important}
 body.home section.products#produkte .product__soon{display:grid!important;height:116px!important;grid-template-columns:58px minmax(0,1fr) 34%!important;grid-template-rows:auto auto auto!important;column-gap:12px!important;align-content:center!important;padding:12px 10px 12px 14px!important}
 body.home section.products#produkte .product__soon-ic{width:52px!important;height:52px!important;border-radius:13px!important}
 body.home section.products#produkte .product__soon-ic .ic{width:26px!important;height:26px!important}
 body.home section.products#produkte .product__soon .tag{margin:0 0 5px!important;padding:3px 7px!important;font-size:.46rem!important}
 body.home section.products#produkte .product--soon h3{margin:0 0 4px!important;font-size:1.04rem!important;line-height:1!important}
 body.home section.products#produkte .product--soon p{max-width:22ch!important;font-size:.54rem!important;line-height:1.35!important}
 body.home section.products#produkte .product__soon::after{top:50%!important;right:5px!important;bottom:auto!important;width:33%!important;height:88px!important;background-position:center!important;transform:translateY(-50%)!important}
}
@media(max-width:380px){
 body.home section.products#produkte{padding-top:20px!important}
 body.home section.products#produkte .section__head{margin-bottom:24px!important}
 body.home section.products#produkte .product,body.home section.products#produkte .product:nth-child(n){height:310px!important;min-height:310px!important}
 body.home section.products#produkte .product__media::after{right:3px!important;width:41%!important}
 body.home section.products#produkte .product__media .tag{left:84px!important}
 body.home section.products#produkte .product__badge{left:12px!important;width:54px!important;height:54px!important;font-size:1.36rem!important}
 body.home section.products#produkte .product__body{top:55px!important;right:43%!important;left:84px!important}
 body.home section.products#produkte .product h3{font-size:1.27rem!important}
 body.home section.products#produkte .product__desc{font-size:.58rem!important;line-height:1.4!important}
 body.home section.products#produkte .product__feats li{font-size:.52rem!important;line-height:1.22!important}
 body.home section.products#produkte .product .btn--outline{font-size:.54rem!important}
 body.home section.products#produkte .products__grid>.product.product--soon,
 body.home section.products#produkte .products__grid>.product.product--soon:nth-child(3){height:108px!important;min-height:108px!important}
 body.home section.products#produkte .product__soon{height:108px!important;grid-template-columns:52px minmax(0,1fr) 32%!important;column-gap:10px!important;padding:10px 8px 10px 12px!important}
 body.home section.products#produkte .product__soon-ic{width:47px!important;height:47px!important}
 body.home section.products#produkte .product--soon h3{font-size:.96rem!important}
 body.home section.products#produkte .product--soon p{font-size:.5rem!important}
 body.home section.products#produkte .product__soon::after{right:3px!important;width:31%!important;height:78px!important}
}

/* 2026-08-26 compact product cards and editorial product intro. */
@media(max-width:680px){
 body.home section.products#produkte .section__intro{
  font-family:"Clash Display","General Sans",sans-serif!important;
  font-size:clamp(.78rem,3.12vw,.88rem)!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:-.012em!important
 }
 body.home section.products#produkte .product,body.home section.products#produkte .product:nth-child(n){height:288px!important;min-height:288px!important}
 body.home section.products#produkte .product__media::after{top:9px!important;bottom:9px!important;width:41%!important;max-width:152px!important}
 body.home section.products#produkte .product__media .tag{top:18px!important;left:96px!important;padding:3px 8px!important;font-size:.51rem!important}
 body.home section.products#produkte .product__badge{top:49px!important;left:15px!important;width:57px!important;height:57px!important;border-radius:14px!important;font-size:1.48rem!important}
 body.home section.products#produkte .product__body{top:51px!important;right:43%!important;bottom:14px!important;left:96px!important}
 body.home section.products#produkte .product h3{margin-bottom:7px!important;font-size:1.34rem!important}
 body.home section.products#produkte .product__desc{font-size:.61rem!important;line-height:1.4!important;-webkit-line-clamp:3!important}
 body.home section.products#produkte .product__feats{gap:3px!important;margin:8px 0!important}
 body.home section.products#produkte .product__feats li{padding-left:14px!important;font-size:.54rem!important;line-height:1.2!important}
 body.home section.products#produkte .product__feats li::before{width:9px!important;height:9px!important;font-size:.38rem!important}
 body.home section.products#produkte .product .btn--outline{min-height:30px!important;padding:6px 10px!important;font-size:.56rem!important}
}
@media(max-width:380px){
 body.home section.products#produkte .product,body.home section.products#produkte .product:nth-child(n){height:276px!important;min-height:276px!important}
 body.home section.products#produkte .product__media::after{right:1px!important;width:40%!important}
 body.home section.products#produkte .product__media .tag{top:16px!important;left:80px!important;font-size:.47rem!important}
 body.home section.products#produkte .product__badge{top:46px!important;left:11px!important;width:50px!important;height:50px!important;font-size:1.28rem!important}
 body.home section.products#produkte .product__body{top:48px!important;right:42%!important;bottom:12px!important;left:80px!important}
 body.home section.products#produkte .product h3{font-size:1.2rem!important}
 body.home section.products#produkte .product__desc{font-size:.56rem!important;line-height:1.34!important}
 body.home section.products#produkte .product__feats{gap:2px!important;margin:7px 0!important}
 body.home section.products#produkte .product__feats li{font-size:.49rem!important;line-height:1.18!important}
 body.home section.products#produkte .product .btn--outline{min-height:28px!important;padding:5px 9px!important;font-size:.51rem!important}
 body.home section.products#produkte .products__grid>.product.product--soon,
 body.home section.products#produkte .products__grid>.product.product--soon:nth-child(3){height:108px!important;min-height:108px!important}
}

/* Product identity assets used by static and database-rendered cards. */
.product__tag-logo{display:none!important}
.product__badge-logo{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;object-fit:cover;background:transparent;box-shadow:none}

/* 2026-08-26 final product identity and interaction polish. */
@media(max-width:680px){
 body.home section.products#produkte .product__media .tag{gap:6px!important}
 body.home section.products#produkte .product__media .tag::before{
  display:block!important;width:14px!important;height:14px!important;flex:0 0 14px!important;
  background-image:url('../img/wexion-product-mark.png')!important;background-repeat:no-repeat!important;
  background-position:center!important;background-size:52px 35px!important;content:""!important
 }
 body.home section.products#produkte .product__badge{overflow:hidden!important;padding:0!important}
 body.home section.products#produkte .product__badge-logo{width:100%!important;height:100%!important;max-width:none!important;padding:0!important;border:0!important;box-shadow:none!important}
 body.home section.products#produkte .product__badge-logo--bookiq{border-radius:23%!important;object-fit:cover!important}
 body.home section.products#produkte .product__badge-logo--lernexai{width:168%!important;height:168%!important;max-width:none!important;object-fit:cover!important;transform:scale(1.02)!important}
 body.home section.products#produkte .product__media::after{right:-4px!important}
 body.home section.products#produkte .product:nth-child(2) .product__media::after{right:-2px!important}
 body.home section.products#produkte .product__feats{gap:5px!important;margin:9px 0 10px!important}
 body.home section.products#produkte .product__feats li{min-height:13px!important;padding-left:18px!important;line-height:1.3!important}
 body.home section.products#produkte .product__feats li::before{
  top:0!important;width:12px!important;height:12px!important;border:1px solid rgba(177,119,33,.3)!important;
  color:#a66f22!important;background:linear-gradient(145deg,#fffaf1,#f2e2c8)!important;
  box-shadow:0 2px 5px rgba(116,78,27,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
  font-family:"General Sans",sans-serif!important;font-size:.5rem!important;font-weight:700!important
 }
 body.home section.products#produkte .product .btn--outline{
  min-height:38px!important;padding:8px 14px!important;gap:10px!important;
  font-size:.62rem!important;box-shadow:0 10px 22px rgba(24,20,16,.16)!important
 }
 body.home section.products#produkte .product--soon h3{
  max-width:none!important;font-size:.94rem!important;letter-spacing:-.025em!important;white-space:nowrap!important
 }
 body.home section.products#produkte .product--soon p{
  max-width:27ch!important;color:#47423c!important;font-family:"Clash Display","General Sans",sans-serif!important;
  font-size:.61rem!important;font-weight:400!important;line-height:1.4!important;letter-spacing:-.006em!important
 }
}
@media(max-width:380px){
 body.home section.products#produkte .product__media::after{right:-6px!important}
 body.home section.products#produkte .product:nth-child(2) .product__media::after{right:-4px!important}
 body.home section.products#produkte .product__feats{gap:4px!important;margin:8px 0 9px!important}
 body.home section.products#produkte .product__feats li{min-height:12px!important;padding-left:16px!important}
 body.home section.products#produkte .product__feats li::before{width:11px!important;height:11px!important;font-size:.45rem!important}
 body.home section.products#produkte .product .btn--outline{min-height:35px!important;padding:7px 11px!important;font-size:.56rem!important}
 body.home section.products#produkte .product--soon h3{font-size:.86rem!important}
 body.home section.products#produkte .product--soon p{max-width:25ch!important;font-size:.55rem!important;line-height:1.36!important}
}

/* 2026-08-26 logo cleanup, complete copy and non-check feature marks. */
@media(max-width:680px){
 body.home section.products#produkte .product__badge-logo{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;margin:auto!important;object-position:center!important
 }
 body.home section.products#produkte .product__badge-logo--bookiq{
  width:108%!important;height:108%!important;border-radius:27%!important;
  object-fit:cover!important;clip-path:inset(3.5% round 24%)!important;transform:scale(1.12)!important
 }
 body.home section.products#produkte .product__badge-logo--lernexai{
  width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(1.16)!important
 }
 body.home section.products#produkte .product__body{overflow:visible!important}
 body.home section.products#produkte .product__desc{
  display:block!important;overflow:visible!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important
 }
 body.home section.products#produkte .product__feats{gap:6px!important;margin:10px 0 11px!important}
 body.home section.products#produkte .product__feats li{
  min-height:11px!important;padding-left:17px!important;overflow:visible!important;line-height:1.28!important
 }
 body.home section.products#produkte .product__feats li::before{
  top:.15em!important;left:1px!important;width:10px!important;height:10px!important;
  border:0!important;border-radius:0!important;background:#b47d2b!important;box-shadow:none!important;
  clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)!important;
  content:""!important
 }
}
@media(max-width:380px){
 body.home section.products#produkte .product__badge-logo--bookiq{transform:scale(1.14)!important}
 body.home section.products#produkte .product__badge-logo--lernexai{transform:scale(1.1)!important}
 body.home section.products#produkte .product__feats{gap:5px!important;margin:9px 0 10px!important}
 body.home section.products#produkte .product__feats li{padding-left:15px!important;line-height:1.22!important}
 body.home section.products#produkte .product__feats li::before{width:9px!important;height:9px!important}
}

/* 2026-08-26 product flow guard and premium mobile Why section. */
@media(max-width:680px){
 body.home section.products#produkte .section__head{
  width:61%!important;max-width:245px!important;margin-bottom:30px!important
 }
 body.home section.products#produkte .section__intro{
  width:100%!important;max-width:24ch!important;margin-top:15px!important;
  font-family:"Manrope","General Sans",sans-serif!important;font-size:clamp(.72rem,2.85vw,.82rem)!important;
  line-height:1.48!important;text-wrap:pretty!important
 }
 body.home section.products#produkte .product,
 body.home section.products#produkte .product:nth-child(n){height:314px!important;min-height:314px!important}
 body.home section.products#produkte .product__body{
  top:51px!important;bottom:14px!important;padding-bottom:43px!important;overflow:hidden!important
 }
 body.home section.products#produkte .product__desc{
  display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important
 }
 body.home section.products#produkte .product__feats{
  display:grid!important;gap:4px!important;margin:8px 0 0!important
 }
 body.home section.products#produkte .product__feats li{
  display:flex!important;min-height:18px!important;align-items:center!important;padding:3px 5px 3px 17px!important;
  border:1px solid rgba(162,118,57,.1)!important;border-radius:6px!important;
  background:rgba(255,252,247,.55)!important;font-size:.54rem!important;line-height:1.22!important;
  white-space:normal!important
 }
 body.home section.products#produkte .product__feats li::before{
  top:50%!important;left:5px!important;width:7px!important;height:7px!important;
  clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)!important;
  transform:translateY(-50%)!important
 }
 body.home section.products#produkte .product .btn--outline{
  position:absolute!important;right:auto!important;bottom:0!important;left:0!important;z-index:7!important;
  min-height:36px!important;margin:0!important;padding:8px 13px!important;font-size:.59rem!important
 }

 body.home section.why#warum-wexion{
  position:relative!important;display:block!important;padding:58px 0 26px!important;overflow:hidden!important;
  background-color:#f6f1eb!important;background-image:url('../img/wexion-why-mobile-bg.png')!important;
  background-repeat:no-repeat!important;background-position:center top!important;background-size:100% 100%!important
 }
 body.home section.why#warum-wexion::before,
 body.home section.why#warum-wexion::after{display:none!important}
 body.home section.why#warum-wexion .why__inner{
  display:block!important;width:calc(100% - 32px)!important;max-width:none!important;margin:0 auto!important;padding:0!important
 }
 body.home section.why#warum-wexion .why__head{
  width:74%!important;max-width:285px!important;margin:0 0 27px!important;padding:0!important
 }
 body.home section.why#warum-wexion .why__head .eyebrow{
  margin:0 0 14px!important;color:#a87327!important;font-family:var(--font-mono)!important;
  font-size:.62rem!important;font-weight:600!important;letter-spacing:.2em!important;line-height:1.2!important
 }
 body.home section.why#warum-wexion .why__head .eyebrow__dot{
  display:inline-block!important;width:5px!important;height:5px!important;margin-right:9px!important;border-radius:50%!important;background:#b77e29!important
 }
 body.home section.why#warum-wexion .why__head .section__title{
  max-width:10.5ch!important;margin:0!important;color:#171719!important;
  font-family:"General Sans","Clash Display",sans-serif!important;font-size:clamp(2rem,9.2vw,2.5rem)!important;
  font-weight:650!important;letter-spacing:-.055em!important;line-height:.98!important;text-transform:none!important;text-wrap:balance!important
 }
 body.home section.why#warum-wexion .why__head .section__intro{
  max-width:30ch!important;margin:18px 0 0!important;color:#3f3b37!important;
  font-family:"Manrope","General Sans",sans-serif!important;font-size:.78rem!important;font-weight:400!important;
  letter-spacing:-.01em!important;line-height:1.5!important;text-wrap:pretty!important
 }
 body.home section.why#warum-wexion .why__head .btn{
  display:flex!important;width:100%!important;min-width:0!important;min-height:50px!important;margin:20px 0 0!important;
  align-items:center!important;justify-content:center!important;gap:17px!important;padding:10px 17px!important;
  border:1px solid rgba(164,112,29,.45)!important;border-radius:10px!important;color:#17130d!important;
  background:linear-gradient(105deg,#f1ca75 0%,#ddb252 55%,#d5a33d 100%)!important;
  box-shadow:0 12px 25px rgba(143,95,25,.18),inset 0 1px 0 rgba(255,255,255,.55)!important;
  font-family:"Manrope","General Sans",sans-serif!important;font-size:.8rem!important;font-weight:650!important
 }
 body.home section.why#warum-wexion .why__head .btn .ic{width:16px!important;height:16px!important;stroke-width:1.65!important}
 body.home section.why#warum-wexion .why__list{
  display:grid!important;width:100%!important;grid-template-columns:1fr!important;gap:9px!important;
  margin:0!important;padding:0!important;overflow:visible!important;list-style:none!important;scroll-snap-type:none!important
 }
 body.home section.why#warum-wexion .why__list li{
  position:relative!important;display:grid!important;width:100%!important;height:70px!important;min-height:70px!important;
  grid-template-columns:45px minmax(0,1fr) 13px!important;gap:11px!important;align-items:center!important;
  margin:0!important;padding:9px 12px!important;overflow:hidden!important;border:1px solid rgba(119,91,60,.1)!important;
  border-radius:12px!important;background:rgba(255,255,255,.58)!important;
  box-shadow:0 8px 22px rgba(73,55,38,.045),inset 0 1px 0 rgba(255,255,255,.84)!important;
  backdrop-filter:blur(9px) saturate(106%)!important;transform:none!important;scroll-snap-align:none!important
 }
 body.home section.why#warum-wexion .why__list li:first-child{
  display:flex!important;height:218px!important;min-height:218px!important;align-items:flex-start!important;padding:20px 50% 18px 17px!important;
  background-color:rgba(255,255,255,.62)!important;
  background-image:linear-gradient(90deg,rgba(255,252,247,.98) 0%,rgba(255,252,247,.93) 43%,rgba(255,252,247,.18) 61%,rgba(255,252,247,0) 100%),url('../img/wexion-why-feature-mobile.png')!important;
  background-repeat:no-repeat!important;background-position:center,right center!important;background-size:100% 100%,auto 100%!important
 }
 body.home section.why#warum-wexion .why__ic{
  display:grid!important;width:43px!important;height:43px!important;place-items:center!important;margin:0!important;
  border:1px solid rgba(177,126,53,.12)!important;border-radius:11px!important;color:#ad7728!important;
  background:rgba(255,251,245,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important
 }
 body.home section.why#warum-wexion .why__ic .ic{width:21px!important;height:21px!important;stroke-width:1.45!important}
 body.home section.why#warum-wexion .why__list li>div{min-width:0!important}
 body.home section.why#warum-wexion .why__list b{
  display:block!important;margin:0 0 3px!important;color:#19191b!important;
  font-family:"General Sans","Clash Display",sans-serif!important;font-size:.77rem!important;font-weight:650!important;
  letter-spacing:-.025em!important;line-height:1.15!important
 }
 body.home section.why#warum-wexion .why__list small{
  display:block!important;color:#66615b!important;font-family:"Manrope","General Sans",sans-serif!important;
  font-size:.59rem!important;font-weight:400!important;letter-spacing:-.006em!important;line-height:1.35!important
 }
 body.home section.why#warum-wexion .why__list li:not(:first-child)::after{
  display:block!important;color:#ad7728!important;content:"›"!important;font-family:Arial,sans-serif!important;
  font-size:1.35rem!important;font-weight:300!important;line-height:1!important
 }
 body.home section.why#warum-wexion .why__list li:first-child .why__ic{position:absolute!important;top:18px!important;left:17px!important}
 body.home section.why#warum-wexion .why__list li:first-child>div{
  position:relative!important;z-index:2!important;width:100%!important;margin-top:60px!important
 }
 body.home section.why#warum-wexion .why__list li:first-child b{
  margin-bottom:15px!important;font-size:1.28rem!important;line-height:1.02!important
 }
 body.home section.why#warum-wexion .why__list li:first-child b::after{
  display:block!important;width:24px!important;height:1px!important;margin-top:12px!important;background:#b57c27!important;content:""!important
 }
 body.home section.why#warum-wexion .why__list li:first-child small{font-size:.68rem!important;line-height:1.45!important}
}
@media(max-width:380px){
 body.home section.products#produkte .section__head{width:64%!important}
 body.home section.products#produkte .product,
 body.home section.products#produkte .product:nth-child(n){height:300px!important;min-height:300px!important}
 body.home section.products#produkte .product__body{padding-bottom:40px!important}
 body.home section.products#produkte .product__feats li{min-height:16px!important;padding-block:2px!important;font-size:.49rem!important}
 body.home section.why#warum-wexion{padding-top:50px!important}
 body.home section.why#warum-wexion .why__head{width:78%!important}
 body.home section.why#warum-wexion .why__list li:first-child{height:205px!important;min-height:205px!important}
 body.home section.why#warum-wexion .why__list li{height:66px!important;min-height:66px!important}
 body.home section.why#warum-wexion .why__list b{font-size:.71rem!important}
 body.home section.why#warum-wexion .why__list small{font-size:.54rem!important}
}

.mobile-break,.process__mobile-foot,.pstep__icon,.testimonials__mobile-foot,.testimonials__google{display:none}

/* 2026-08-26 visible product CTAs, aligned benefits and mobile process scene. */
@media(max-width:680px){
 body.home section.products#produkte .product__body{overflow:visible!important}
 body.home section.products#produkte .product__feats{
  width:100%!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important
 }
 body.home section.products#produkte .product__feats li{
  width:100%!important;height:22px!important;min-height:22px!important;box-sizing:border-box!important;
  align-items:center!important;padding-top:3px!important;padding-bottom:3px!important;overflow:hidden!important
 }
 body.home section.products#produkte .product .btn--outline{
  width:max-content!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important
 }

 body.home section.why#warum-wexion{padding-top:20px!important}
 body.home section.why#warum-wexion .why__head{
  width:61%!important;max-width:245px!important;margin-bottom:28px!important
 }
 body.home section.why#warum-wexion .why__head .section__intro{
  width:100%!important;max-width:27ch!important;margin-top:16px!important;font-size:.75rem!important;line-height:1.48!important
 }
 body.home section.why#warum-wexion .why__head .btn{
  position:relative!important;width:100%!important;min-height:46px!important;margin-top:18px!important;padding:9px 15px!important;
  overflow:hidden!important;border:1px solid rgba(24,22,19,.94)!important;border-radius:999px!important;color:#fff!important;
  background:linear-gradient(145deg,#211f1b 0%,#121210 72%,#1d1812 100%)!important;
  box-shadow:0 12px 25px rgba(27,23,18,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
  font-size:.73rem!important;font-weight:600!important;letter-spacing:-.008em!important
 }
 body.home section.why#warum-wexion .why__head .btn::before{
  position:absolute!important;inset:1px!important;border-radius:inherit!important;
  background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.08) 48%,transparent 72%)!important;
  content:""!important;pointer-events:none!important
 }
 body.home section.why#warum-wexion .why__head .btn .ic{color:#d2a652!important}
 body.home section.why#warum-wexion .mobile-break{display:inline!important}
 body.home section.why#warum-wexion .why__list li:first-child{
  height:184px!important;min-height:184px!important;padding:16px 50% 14px 15px!important;
  background-size:100% 100%,auto 100%!important
 }
 body.home section.why#warum-wexion .why__list li:first-child .why__ic{
  top:15px!important;left:15px!important;width:39px!important;height:39px!important;border-radius:10px!important
 }
 body.home section.why#warum-wexion .why__list li:first-child .why__ic .ic{width:19px!important;height:19px!important}
 body.home section.why#warum-wexion .why__list li:first-child>div{margin-top:51px!important}
 body.home section.why#warum-wexion .why__list li:first-child b{
  margin-bottom:11px!important;font-size:1.08rem!important;line-height:1.03!important
 }
 body.home section.why#warum-wexion .why__list li:first-child b::after{margin-top:9px!important}
 body.home section.why#warum-wexion .why__list li:first-child small{font-size:.61rem!important;line-height:1.4!important}

 body.home section.process#prozess{
  position:relative!important;display:block!important;padding:58px 0 32px!important;overflow:hidden!important;
  background-color:#f5efe8!important;background-image:url('../img/wexion-process-mobile-bg.png')!important;
  background-repeat:no-repeat!important;background-position:center top!important;background-size:100% 100%!important
 }
 body.home section.process#prozess::before,
 body.home section.process#prozess::after{display:none!important}
 body.home section.process#prozess>.container{
  position:relative!important;z-index:1!important;width:calc(100% - 32px)!important;max-width:none!important;margin:0 auto!important;padding:0!important
 }
 body.home section.process#prozess .section__head{
  width:64%!important;max-width:252px!important;margin:0 0 30px!important;padding:0!important
 }
 body.home section.process#prozess .eyebrow{
  margin:0 0 16px!important;color:#a87327!important;font-family:var(--font-mono)!important;
  font-size:.61rem!important;font-weight:600!important;letter-spacing:.16em!important;line-height:1.2!important
 }
 body.home section.process#prozess .eyebrow__dot{display:none!important}
 body.home section.process#prozess .section__title{
  max-width:10ch!important;margin:0!important;color:#171719!important;
  font-family:"General Sans","Clash Display",sans-serif!important;font-size:clamp(2rem,9vw,2.42rem)!important;
  font-weight:650!important;letter-spacing:-.055em!important;line-height:1.01!important;text-transform:none!important;text-wrap:balance!important
 }
 body.home section.process#prozess .section__title::after{
  display:block!important;width:26px!important;height:1.5px!important;margin-top:15px!important;background:#b37b2a!important;content:""!important
 }
 body.home section.process#prozess .process__intro{
  max-width:29ch!important;margin:15px 0 0!important;color:#55504a!important;
  font-family:"Manrope","General Sans",sans-serif!important;font-size:.76rem!important;font-weight:400!important;
  letter-spacing:-.008em!important;line-height:1.55!important;text-wrap:pretty!important
 }
 body.home section.process#prozess .process__scroller{
  width:calc(100vw - 16px)!important;margin:0!important;padding:0 16px 4px 0!important;overflow-x:auto!important;
  overflow-y:visible!important;scroll-padding-left:0!important;scroll-snap-type:x mandatory!important;cursor:grab!important;
  scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important
 }
 body.home section.process#prozess .process__track{
  display:flex!important;width:max-content!important;min-width:0!important;grid-template-columns:none!important;gap:10px!important;margin:0!important;padding:0!important
 }
 body.home section.process#prozess .pstep{
  position:relative!important;display:flex!important;width:158px!important;min-width:158px!important;height:258px!important;min-height:258px!important;
  flex:0 0 158px!important;flex-direction:column!important;margin:0!important;padding:17px!important;overflow:hidden!important;
  border:1px solid rgba(126,96,62,.1)!important;border-radius:15px!important;color:#1a1917!important;
  background:rgba(255,255,255,.57)!important;box-shadow:0 13px 30px rgba(68,50,34,.055),inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(10px) saturate(106%)!important;scroll-snap-align:start!important;transform:none!important
 }
 body.home section.process#prozess .pstep__no{
  display:block!important;margin:0 0 19px!important;color:#b27a2a!important;
  font-family:"Manrope","General Sans",sans-serif!important;font-size:.72rem!important;font-weight:550!important;line-height:1!important
 }
 body.home section.process#prozess .pstep__icon{
  display:grid!important;width:49px!important;height:49px!important;place-items:center!important;margin:0 0 20px!important;
  border:1px solid rgba(174,122,48,.08)!important;border-radius:50%!important;color:#b17a2b!important;
  background:rgba(240,232,222,.73)!important
 }
 body.home section.process#prozess .pstep__icon svg{
  width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.45!important;
  stroke-linecap:round!important;stroke-linejoin:round!important
 }
 body.home section.process#prozess .pstep h3{
  margin:0 0 10px!important;color:#19191b!important;font-family:"General Sans","Clash Display",sans-serif!important;
  font-size:.82rem!important;font-weight:650!important;letter-spacing:-.025em!important;line-height:1.12!important
 }
 body.home section.process#prozess .pstep p{
  margin:0!important;color:#68625c!important;font-family:"Manrope","General Sans",sans-serif!important;
  font-size:.61rem!important;font-weight:400!important;letter-spacing:-.006em!important;line-height:1.45!important
 }
 body.home section.process#prozess .pstep::after{
  position:absolute!important;bottom:17px!important;left:17px!important;color:#b17a2b!important;
  content:"⟶"!important;font-family:Arial,sans-serif!important;font-size:1.25rem!important;font-weight:300!important;line-height:1!important
 }
 body.home section.process#prozess .process__mobile-foot{
  display:flex!important;width:100%!important;flex-direction:column!important;align-items:center!important;margin:17px 0 0!important
 }
 body.home section.process#prozess .process__dots{display:flex!important;gap:11px!important;align-items:center!important;justify-content:center!important}
 body.home section.process#prozess .process__dots i{
  display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:rgba(153,126,94,.2)!important
 }
 body.home section.process#prozess .process__dots i.is-active{background:#b58238!important}
 body.home section.process#prozess .process__mobile-foot p{
  display:flex!important;align-items:center!important;gap:13px!important;margin:18px 0 0!important;color:#5e5953!important;
  font-family:"Manrope","General Sans",sans-serif!important;font-size:.7rem!important;line-height:1.45!important
 }
 body.home section.process#prozess .process__swipe-icon{
  color:#b17a2b!important;font-family:Arial,sans-serif!important;font-size:1.7rem!important;line-height:1!important;transform:rotate(180deg)!important
 }
}
@media(max-width:380px){
 body.home section.products#produkte .product__feats li{height:20px!important;min-height:20px!important}
 body.home section.why#warum-wexion{padding-top:20px!important}
 body.home section.why#warum-wexion .why__head{width:64%!important}
 body.home section.why#warum-wexion .why__list li:first-child{height:176px!important;min-height:176px!important}
 body.home section.process#prozess{padding-top:50px!important}
 body.home section.process#prozess .section__head{width:68%!important}
 body.home section.process#prozess .pstep{width:150px!important;min-width:150px!important;flex-basis:150px!important}
}

@keyframes processSwipeCue{
 0%,18%,100%{transform:translate3d(0,0,0)}
 48%{transform:translate3d(8px,0,0)}
 68%{transform:translate3d(3px,0,0)}
}

/* 2026-08-26 compact, axis-locked process section. */
@media(max-width:680px){
 body.home section.process#prozess{padding:20px 0 22px!important}
 body.home section.process#prozess .section__head{
  width:61%!important;max-width:245px!important;margin:0 0 24px!important
 }
 body.home section.process#prozess .eyebrow{
  margin-bottom:15px!important;font-size:.63rem!important;letter-spacing:.19em!important
 }
 body.home section.process#prozess .section__title{
  max-width:10ch!important;font-size:clamp(1.75rem,7.7vw,2.15rem)!important;line-height:1.03!important
 }
 body.home section.process#prozess .section__title::after{
  width:24px!important;margin-top:12px!important
 }
 body.home section.process#prozess .process__intro{
  max-width:26ch!important;margin-top:12px!important;font-size:clamp(.72rem,2.85vw,.82rem)!important;line-height:1.48!important
 }
 body.home section.process#prozess .process__scroller{
  overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:2px!important;
  touch-action:pan-x!important;overscroll-behavior-x:contain!important;overscroll-behavior-y:none!important
 }
 body.home section.process#prozess .process__track{
  align-items:stretch!important;touch-action:pan-x!important
 }
 body.home section.process#prozess .pstep{
  width:146px!important;min-width:146px!important;height:220px!important;min-height:220px!important;
  flex:0 0 146px!important;padding:14px!important;touch-action:pan-x!important;user-select:none!important
 }
 body.home section.process#prozess .pstep__no{
  margin-bottom:14px!important;font-size:.67rem!important
 }
 body.home section.process#prozess .pstep__icon{
  width:42px!important;height:42px!important;margin-bottom:14px!important
 }
 body.home section.process#prozess .pstep__icon svg{width:21px!important;height:21px!important}
 body.home section.process#prozess .pstep h3{
  margin-bottom:7px!important;font-size:.76rem!important
 }
 body.home section.process#prozess .pstep p{
  font-size:.56rem!important;line-height:1.4!important
 }
 body.home section.process#prozess .pstep::after{
  bottom:13px!important;left:14px!important;font-size:1.08rem!important
 }
 body.home section.process#prozess .process__mobile-foot{margin-top:13px!important}
 body.home section.process#prozess .process__dots{gap:9px!important}
 body.home section.process#prozess .process__dots i{width:6px!important;height:6px!important}
 body.home section.process#prozess .process__mobile-foot p{
  gap:11px!important;margin-top:13px!important;font-size:.64rem!important;line-height:1.4!important
 }
 body.home section.process#prozess .process__swipe-icon{
  display:block!important;width:32px!important;height:32px!important;flex:0 0 32px!important;color:#bf976d!important;
  font-size:0!important;line-height:0!important;transform:none!important;animation:processSwipeCue 2.2s cubic-bezier(.4,0,.2,1) infinite!important
 }
 body.home section.process#prozess .process__swipe-icon svg{display:block!important;width:100%!important;height:100%!important}
}
@media(max-width:380px){
 body.home section.process#prozess{padding-top:20px!important}
 body.home section.process#prozess .section__head{width:64%!important;margin-bottom:21px!important}
 body.home section.process#prozess .pstep{
  width:140px!important;min-width:140px!important;height:210px!important;min-height:210px!important;flex-basis:140px!important
 }
}
@media(prefers-reduced-motion:reduce){
 body.home section.process#prozess .process__swipe-icon{animation:none!important}
}

@keyframes processSwipeNudge{
 0%,100%{transform:translate3d(-2px,0,0);opacity:.72}
 42%{transform:translate3d(9px,0,0);opacity:1}
 68%{transform:translate3d(3px,0,0);opacity:.9}
}

/* 2026-08-26 refined mobile process, why and section transitions. */
@media(max-width:680px){
 body.home section.products#produkte,
 body.home section.process#prozess,
 body.home section.why#warum-wexion,
 body.home section.pricing#preise{
  position:relative!important;isolation:isolate!important
 }
 body.home section.products#produkte::before,
 body.home section.process#prozess::before,
 body.home section.why#warum-wexion::before,
 body.home section.pricing#preise::before{
  position:absolute!important;top:0!important;right:0!important;left:0!important;z-index:0!important;display:block!important;
  height:46px!important;background:linear-gradient(180deg,#f3eee7 0%,rgba(243,238,231,0) 100%)!important;
  content:""!important;pointer-events:none!important
 }
 body.home section.products#produkte::after,
 body.home section.process#prozess::after,
 body.home section.why#warum-wexion::after,
 body.home section.pricing#preise::after{
  position:absolute!important;right:0!important;bottom:0!important;left:0!important;z-index:0!important;display:block!important;
  height:52px!important;background:linear-gradient(0deg,#f3eee7 0%,rgba(243,238,231,0) 100%)!important;
  content:""!important;pointer-events:none!important
 }
 body.home section.products#produkte>.container,
 body.home section.process#prozess>.container,
 body.home section.why#warum-wexion>.container,
 body.home section.pricing#preise>.container{
  position:relative!important;z-index:1!important
 }

 body.home section.products#produkte .section__intro .mobile-break,
 body.home section.process#prozess .process__intro .mobile-break,
 body.home section.why#warum-wexion .mobile-break{display:inline!important}
 body.home section.products#produkte .section__intro{
  max-width:31ch!important;line-height:1.5!important
 }

 body.home section.process#prozess{
  padding:26px 0 26px!important;background-position:center top!important;background-size:cover!important
 }
 body.home section.process#prozess .section__head{
  width:64%!important;max-width:255px!important;margin:0 0 25px!important
 }
 body.home section.process#prozess .process__intro{
  max-width:31ch!important;font-size:.78rem!important;line-height:1.5!important
 }
 body.home section.process#prozess .process__scroller{
  width:calc(100vw - 16px)!important;overflow-x:auto!important;overflow-y:hidden!important;
  touch-action:pan-x!important;overscroll-behavior-x:contain!important;overscroll-behavior-y:none!important
 }
 body.home section.process#prozess .process__track{gap:11px!important;touch-action:pan-x!important}
 body.home section.process#prozess .pstep{
  width:172px!important;min-width:172px!important;height:244px!important;min-height:244px!important;flex:0 0 172px!important;
  padding:16px!important;border-radius:17px!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;
  background:rgba(255,255,255,.64)!important;box-shadow:0 15px 34px rgba(68,50,34,.065),inset 0 1px 0 rgba(255,255,255,.9)!important
 }
 body.home section.process#prozess .pstep__no{margin-bottom:16px!important;font-size:.72rem!important}
 body.home section.process#prozess .pstep__icon{width:47px!important;height:47px!important;margin-bottom:17px!important}
 body.home section.process#prozess .pstep__icon svg{width:23px!important;height:23px!important}
 body.home section.process#prozess .pstep h3{font-size:.86rem!important;line-height:1.12!important}
 body.home section.process#prozess .pstep p{font-size:.62rem!important;line-height:1.46!important}
 body.home section.process#prozess .pstep::after{bottom:16px!important;left:16px!important;font-size:1.22rem!important}
 body.home section.process#prozess .process__mobile-foot{margin-top:16px!important}
 body.home section.process#prozess .process__dots{gap:7px!important}
 body.home section.process#prozess .process__dots i{
  width:7px!important;height:7px!important;border-radius:999px!important;background:rgba(151,124,94,.22)!important;
  transition:width .28s ease,background-color .28s ease,opacity .28s ease!important
 }
 body.home section.process#prozess .process__dots i.is-active{
  width:19px!important;background:#b58238!important;opacity:1!important
 }
 body.home section.process#prozess .process__swipe-icon{
  width:36px!important;height:36px!important;flex-basis:36px!important;color:#bf976d!important;
  animation:processSwipeNudge 1.85s cubic-bezier(.42,0,.18,1) infinite!important;
  filter:drop-shadow(0 5px 8px rgba(145,98,43,.16))!important
 }
 body.home section.process#prozess .process__swipe-icon svg g{stroke-width:1.75!important}

 body.home section.why#warum-wexion{
  padding:54px 0 34px!important;background-color:#f3eee7!important;background-image:none!important
 }
 body.home section.why#warum-wexion .why__inner{
  width:calc(100% - 32px)!important;max-width:none!important;margin:0 auto!important;padding:0!important
 }
 body.home section.why#warum-wexion .why__head{
  width:100%!important;max-width:318px!important;margin:0 auto 28px!important;text-align:center!important
 }
 body.home section.why#warum-wexion .why__head .eyebrow{
  justify-content:center!important;margin-bottom:15px!important;text-align:center!important
 }
 body.home section.why#warum-wexion .why__head .section__title{
  max-width:11ch!important;margin:0 auto!important;text-align:center!important;line-height:1.02!important
 }
 body.home section.why#warum-wexion .why__head .section__title::after{
  display:block!important;width:28px!important;height:1.5px!important;margin:14px auto 0!important;background:#b37b2a!important;content:""!important
 }
 body.home section.why#warum-wexion .why__head .section__intro{
  max-width:34ch!important;margin:16px auto 0!important;text-align:center!important;font-size:.78rem!important;line-height:1.5!important
 }
 body.home section.why#warum-wexion .why__head .btn{
  width:min(100%,245px)!important;min-height:46px!important;margin:18px auto 0!important
 }
 body.home section.why#warum-wexion .why__list{
  gap:9px!important
 }
 body.home section.why#warum-wexion .why__list li,
 body.home section.why#warum-wexion .why__list li:first-child{
  display:grid!important;width:100%!important;height:68px!important;min-height:68px!important;
  grid-template-columns:44px minmax(0,1fr) 13px!important;gap:11px!important;align-items:center!important;
  padding:9px 12px!important;background:rgba(255,253,249,.72)!important;background-image:none!important;
  border-radius:13px!important;box-shadow:0 10px 24px rgba(73,55,38,.045),inset 0 1px 0 rgba(255,255,255,.88)!important
 }
 body.home section.why#warum-wexion .why__list li:first-child .why__ic{
  position:static!important;width:43px!important;height:43px!important
 }
 body.home section.why#warum-wexion .why__list li:first-child>div{
  position:static!important;width:auto!important;margin:0!important
 }
 body.home section.why#warum-wexion .why__list li:first-child b,
 body.home section.why#warum-wexion .why__list b{
  margin:0 0 3px!important;font-size:.78rem!important;line-height:1.15!important
 }
 body.home section.why#warum-wexion .why__list li:first-child b::after{display:none!important}
 body.home section.why#warum-wexion .why__list li:first-child small,
 body.home section.why#warum-wexion .why__list small{
  font-size:.58rem!important;line-height:1.35!important
 }
}
@media(max-width:380px){
 body.home section.process#prozess .pstep{
  width:160px!important;min-width:160px!important;height:232px!important;min-height:232px!important;flex-basis:160px!important
 }
 body.home section.why#warum-wexion .why__head{max-width:300px!important}
 body.home section.why#warum-wexion .why__list li,
 body.home section.why#warum-wexion .why__list li:first-child{height:66px!important;min-height:66px!important}
}
@media(prefers-reduced-motion:reduce){
 body.home section.process#prozess .process__swipe-icon{animation:none!important}
 body.home section.process#prozess .process__dots i{transition:none!important}
}

/* 2026-08-26 product card CTA visibility and uniform mobile feature rows. */
@media(max-width:680px){
 body.home section.products#produkte .product,
 body.home section.products#produkte .product:nth-child(n){
  height:322px!important;min-height:322px!important
 }
 body.home section.products#produkte .product__body{
  top:51px!important;right:43%!important;bottom:18px!important;overflow:visible!important;padding-bottom:45px!important
 }
 body.home section.products#produkte .product__feats{
  display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:9px 0 0!important
 }
 body.home section.products#produkte .product__feats li{
  display:flex!important;width:100%!important;height:23px!important;min-height:23px!important;align-items:center!important;
  padding:3px 6px 3px 18px!important;overflow:hidden!important;border-radius:7px!important;
  font-size:.54rem!important;line-height:1.15!important;white-space:nowrap!important;text-overflow:ellipsis!important
 }
 body.home section.products#produkte .product__feats li::before{
  top:50%!important;left:6px!important;width:7px!important;height:7px!important;transform:translateY(-50%)!important
 }
 body.home section.products#produkte .product .btn--outline{
  position:absolute!important;bottom:0!important;left:0!important;display:inline-flex!important;
  min-height:38px!important;padding:8px 14px!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;white-space:nowrap!important
 }
}
@media(max-width:380px){
 body.home section.products#produkte .product,
 body.home section.products#produkte .product:nth-child(n){
  height:310px!important;min-height:310px!important
 }
 body.home section.products#produkte .product__body{
  bottom:16px!important;padding-bottom:41px!important
 }
 body.home section.products#produkte .product__feats{gap:4px!important;margin-top:8px!important}
 body.home section.products#produkte .product__feats li{
  height:21px!important;min-height:21px!important;font-size:.49rem!important
 }
 body.home section.products#produkte .product .btn--outline{
  min-height:35px!important;padding:7px 12px!important;font-size:.52rem!important
 }
}

/* 2026-08-26 restored why feature card and premium mobile testimonials. */
@media(max-width:680px){
 /* Soft section hand-offs keep image and color surfaces visually connected. */
 body.home section.services,
 body.home section.products#produkte,
 body.home section.projects,
 body.home section.testimonials{position:relative!important;isolation:isolate!important}
 body.home section.services::after,
 body.home section.products#produkte::after,
 body.home section.projects::after,
 body.home section.testimonials::after{
  position:absolute!important;right:0!important;bottom:-1px!important;left:0!important;z-index:0!important;display:block!important;height:72px!important;
  background:linear-gradient(180deg,rgba(247,244,239,0) 0%,rgba(247,244,239,.74) 58%,#f1eee9 100%)!important;
  content:""!important;pointer-events:none!important
 }
 body.home section.services>.container,
 body.home section.products#produkte>.container,
 body.home section.projects>.container,
 body.home section.testimonials>.container{position:relative!important;z-index:1!important}
 body.home section.projects::after{background:linear-gradient(180deg,rgba(244,241,236,0) 0%,rgba(244,241,236,.72) 58%,#f1eee9 100%)!important}
 body.home section.testimonials::after{height:88px!important;background:linear-gradient(180deg,rgba(243,238,231,0) 0%,rgba(243,238,231,.7) 58%,#f1eee9 100%)!important}
 body.home section.experience::before{position:absolute!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;z-index:0!important;display:block!important;height:70px!important;background:linear-gradient(180deg,#f1eee9 0%,rgba(241,238,233,.7) 55%,rgba(241,238,233,0) 100%)!important;content:""!important;pointer-events:none!important}

 body.home section.process#prozess{padding:28px 0 30px!important}
 body.home section.process#prozess .section__title{
  max-width:11.2ch!important;font-size:clamp(1.82rem,7.9vw,2.22rem)!important;line-height:1.04!important
 }
 body.home section.process#prozess .pstep{
  width:178px!important;min-width:178px!important;height:272px!important;min-height:272px!important;flex-basis:178px!important;
  padding:17px!important
 }
 body.home section.process#prozess .pstep__icon{
  width:51px!important;height:51px!important;margin-bottom:19px!important;border-radius:50%!important
 }
 body.home section.process#prozess .pstep__icon svg{width:26px!important;height:26px!important}
 body.home section.process#prozess .pstep h3{font-size:.9rem!important}
 body.home section.process#prozess .pstep p{font-size:.64rem!important;line-height:1.48!important}
 body.home section.process#prozess .pstep::after{
  bottom:18px!important;left:17px!important;font-size:1.72rem!important;color:#b17a2b!important
 }

 body.home section.why#warum-wexion{
  padding:54px 0 36px!important;background:#f3eee7!important;background-image:none!important
 }
 body.home section.why#warum-wexion .why__head{
  width:100%!important;max-width:314px!important;margin:0 0 28px!important;text-align:left!important
 }
 body.home section.why#warum-wexion .why__head .eyebrow{
  justify-content:flex-start!important;text-align:left!important
 }
 body.home section.why#warum-wexion .why__head .section__title{
  width:100%!important;max-width:12ch!important;margin:0!important;text-align:center!important;
  font-size:clamp(2rem,9vw,2.45rem)!important;line-height:1.01!important
 }
 body.home section.why#warum-wexion .why__head .section__intro{
  max-width:34ch!important;margin:16px 0 0!important;text-align:left!important
 }
 body.home section.why#warum-wexion .why__head .btn{
  margin:18px auto 0!important
 }
 body.home section.why#warum-wexion .why__list li:first-child{
  display:flex!important;height:184px!important;min-height:184px!important;align-items:flex-start!important;
  padding:16px 50% 14px 15px!important;background-color:rgba(255,253,249,.72)!important;
  background-image:linear-gradient(90deg,rgba(255,252,247,.98) 0%,rgba(255,252,247,.93) 43%,rgba(255,252,247,.18) 61%,rgba(255,252,247,0) 100%),url('../img/wexion-why-feature-mobile.png')!important;
  background-repeat:no-repeat!important;background-position:center,right center!important;background-size:100% 100%,auto 100%!important
 }
 body.home section.why#warum-wexion .why__list li:first-child .why__ic{
  position:absolute!important;top:15px!important;left:15px!important;width:39px!important;height:39px!important
 }
 body.home section.why#warum-wexion .why__list li:first-child>div{
  position:relative!important;z-index:2!important;width:100%!important;margin-top:51px!important
 }
 body.home section.why#warum-wexion .why__list li:first-child b{
  margin-bottom:11px!important;font-size:1.08rem!important;line-height:1.03!important;text-align:left!important
 }
 body.home section.why#warum-wexion .why__list li:first-child b::after{
  display:block!important;width:24px!important;height:1px!important;margin-top:9px!important;background:#b57c27!important;content:""!important
 }
 body.home section.why#warum-wexion .why__list li:first-child small{
  font-size:.61rem!important;line-height:1.4!important;text-align:left!important
 }

 body.home section.testimonials{
  position:relative!important;isolation:isolate!important;padding:64px 0 36px!important;overflow:hidden!important;
  background-color:#f3eee7!important;background-image:url('../img/wexion-testimonials-mobile-bg.png?v=20260826-26')!important;
  background-repeat:no-repeat!important;background-position:center top!important;background-size:100% 100%!important
 }
 body.home section.testimonials::before{
  position:absolute!important;top:0!important;right:0!important;left:0!important;z-index:0!important;display:block!important;
  height:58px!important;background:linear-gradient(180deg,#f3eee7 0%,rgba(243,238,231,.74) 38%,rgba(243,238,231,0) 100%)!important;
  content:""!important;pointer-events:none!important
 }
 body.home section.testimonials::after{
  position:absolute!important;right:0!important;bottom:0!important;left:0!important;z-index:0!important;display:block!important;
  height:88px!important;background:linear-gradient(0deg,#f1eee9 0%,rgba(243,238,231,.7) 58%,rgba(243,238,231,0) 100%)!important;
  content:""!important;pointer-events:none!important
 }
 body.home section.faq{position:relative!important;isolation:isolate!important}
 body.home section.faq::before{position:absolute!important;top:0!important;right:0!important;left:0!important;z-index:0!important;display:block!important;height:54px!important;background:linear-gradient(180deg,rgba(241,238,233,0) 0%,#f1eee9 100%)!important;content:""!important;pointer-events:none!important}
 body.home section.faq>.container{position:relative!important;z-index:1!important}
 body.home section.testimonials>.container{
  position:relative!important;z-index:1!important;width:calc(100% - 32px)!important;max-width:none!important;margin:0 auto!important;padding:0!important
 }
 body.home section.testimonials .section__head{
  width:76%!important;max-width:304px!important;margin:0 0 28px!important;padding:0!important;text-align:left!important
 }
 body.home section.testimonials .eyebrow{
  margin:0 0 16px!important;color:#a87327!important;font-family:var(--font-mono)!important;
  font-size:.63rem!important;font-weight:600!important;letter-spacing:.2em!important;line-height:1.2!important
 }
 body.home section.testimonials .eyebrow__dot{
  display:inline-block!important;width:5px!important;height:5px!important;margin-right:9px!important;border-radius:50%!important;background:#b77e29!important
 }
 body.home section.testimonials .section__title{
  max-width:9.5ch!important;margin:0!important;color:#171719!important;
  font-family:"General Sans","Clash Display",sans-serif!important;font-size:clamp(2.05rem,9.4vw,2.55rem)!important;
  font-weight:650!important;letter-spacing:-.055em!important;line-height:1.02!important;text-align:left!important;text-transform:none!important
 }
 body.home section.testimonials .section__intro{
  max-width:27ch!important;margin:17px 0 0!important;color:#56514b!important;
  font-family:"Manrope","General Sans",sans-serif!important;font-size:.86rem!important;font-weight:400!important;
  letter-spacing:-.012em!important;line-height:1.55!important;text-align:left!important
 }
 body.home section.testimonials .testimonials__controls{display:none!important}
 body.home section.testimonials .tgrid{
  display:flex!important;width:calc(100vw + 64px)!important;margin:0 -48px!important;padding:0 48px 4px!important;
  gap:16px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
  scroll-padding-left:48px!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important
 }
 body.home section.testimonials .tgrid::-webkit-scrollbar{display:none!important}
 body.home section.testimonials .tcard{
  display:flex!important;width:244px!important;min-width:244px!important;height:290px!important;min-height:290px!important;
  flex:0 0 244px!important;flex-direction:column!important;justify-content:flex-start!important;margin:0!important;padding:29px 27px 24px!important;
  overflow:hidden!important;border:1px solid rgba(112,88,57,.1)!important;border-radius:17px!important;background:rgba(255,253,249,.72)!important;
  box-shadow:0 18px 40px rgba(67,49,32,.075),inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(12px) saturate(108%)!important;scroll-snap-align:center!important;transform:none!important
 }
 body.home section.testimonials .tcard__stars{
  margin:0 0 22px!important;color:#bd8840!important;font-size:1.02rem!important;letter-spacing:.2em!important
 }
 body.home section.testimonials .tcard blockquote{
  margin:0!important;color:#1c1c1d!important;font-family:"Manrope","General Sans",sans-serif!important;
  font-size:.93rem!important;font-weight:400!important;letter-spacing:-.02em!important;line-height:1.55!important
 }
 body.home section.testimonials .tcard__foot{
  display:flex!important;align-items:center!important;gap:16px!important;margin:auto 0 0!important
 }
 body.home section.testimonials .tcard__ava{
  display:grid!important;width:57px!important;height:57px!important;place-items:center!important;border-radius:50%!important;
  color:#c49552!important;background:rgba(239,229,214,.72)!important;font-size:1.03rem!important;font-weight:500!important
 }
 body.home section.testimonials .tcard__who b{
  color:#19191b!important;font-size:.9rem!important;line-height:1.15!important
 }
 body.home section.testimonials .tcard__who small{
  color:#6a645d!important;font-size:.7rem!important;line-height:1.3!important
 }
 body.home section.testimonials .testimonials__dots{
  display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:17px 0 0!important
 }
 body.home section.testimonials .testimonials__dots span{
  display:block!important;width:8px!important;height:8px!important;border-radius:999px!important;background:rgba(151,124,94,.24)!important;
  transition:width .28s ease,background-color .28s ease!important
 }
 body.home section.testimonials .testimonials__dots span.is-active{
  width:19px!important;background:#b58238!important
 }
 body.home section.testimonials .testimonials__mobile-foot{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  margin:18px 0 0!important;color:#5f5952!important;font-family:"Manrope","General Sans",sans-serif!important;
  font-size:.76rem!important;line-height:1.4!important
 }
 body.home section.testimonials .testimonials__swipe-icon{
  display:block!important;width:36px!important;height:36px!important;flex:0 0 36px!important;color:#bf976d!important;
  animation:processSwipeNudge 1.85s cubic-bezier(.42,0,.18,1) infinite!important;
  filter:drop-shadow(0 5px 8px rgba(145,98,43,.16))!important
 }
 body.home section.testimonials .testimonials__swipe-icon svg{display:block!important;width:100%!important;height:100%!important}
 body.home section.testimonials .testimonials__swipe-icon svg g{stroke-width:1.75!important}
 body.home section.testimonials .testimonials__google{
  display:flex!important;width:min(100%,260px)!important;min-height:49px!important;margin:19px auto 0!important;
  align-items:center!important;justify-content:center!important;gap:14px!important;padding:10px 16px!important;
  border:1px solid rgba(122,95,62,.12)!important;border-radius:999px!important;color:#1b1917!important;
  background:rgba(255,253,249,.78)!important;box-shadow:0 13px 30px rgba(67,49,32,.07),inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(14px) saturate(108%)!important;font-family:"Manrope","General Sans",sans-serif!important;
  font-size:.82rem!important;font-weight:500!important;text-decoration:none!important
 }
 body.home section.testimonials .testimonials__google-g{
  width:19px!important;height:19px!important;flex:0 0 19px!important
 }
 body.home section.testimonials .testimonials__google .ic{
  width:18px!important;height:18px!important;color:#b37b2a!important;stroke-width:1.55!important
 }
}
@media(max-width:380px){
 body.home section.process#prozess .pstep{
  width:168px!important;min-width:168px!important;height:260px!important;min-height:260px!important;flex-basis:168px!important
 }
 body.home section.testimonials{padding-top:58px!important}
 body.home section.testimonials .section__head{width:79%!important}
 body.home section.testimonials .tcard{
  width:228px!important;min-width:228px!important;height:276px!important;min-height:276px!important;padding:26px 24px 22px!important
 }
 body.home section.testimonials .tcard blockquote{font-size:.86rem!important}
}
@media(prefers-reduced-motion:reduce){
 body.home section.testimonials .testimonials__swipe-icon{animation:none!important}
 body.home section.testimonials .testimonials__dots span{transition:none!important}
}

/* 2026-08-26 final mobile polish: hero, process peek, why panel and consent. */
@media (max-width:680px){
  /* Keep the hero copy optically two pixels higher without changing its layout. */
  body.home section.hero .hero__copy{transform:translateY(-130px)!important}

  /* One complete process card plus a deliberate glimpse of the next card. */
  body.home section.process#prozess .process__scroller{
    width:calc(100vw - 16px)!important;padding-right:16px!important;overflow-x:auto!important;overflow-y:hidden!important;
    touch-action:pan-x!important;scroll-snap-type:x mandatory!important
  }
  body.home section.process#prozess .pstep,
  body.home section.process#prozess .pstep.scroll-reveal-item{
    width:calc((100vw - 32px) * .8)!important;min-width:calc((100vw - 32px) * .8)!important;
    flex-basis:calc((100vw - 32px) * .8)!important;height:272px!important;min-height:272px!important;
    opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important
  }
  body.home section.process#prozess .pstep::after{
    bottom:16px!important;left:17px!important;font-size:2rem!important;font-weight:500!important;line-height:1!important
  }
  body.home section.process#prozess .process__dots i{transition:transform .28s ease,background-color .28s ease,width .28s ease!important}
  body.home section.process#prozess .process__dots i.is-active{width:18px!important;border-radius:99px!important;transform:scaleY(.9)!important}
  body.home section.process#prozess .process__mobile-foot{opacity:1!important;visibility:visible!important}

  /* White editorial panel that carries the Why WEXION intro. */
  body.home section.why#warum-wexion .why__head{
    width:calc(100% - 32px)!important;max-width:360px!important;margin:0 auto 28px!important;padding:23px 22px 20px!important;
    border:1px solid rgba(120,94,61,.1)!important;border-radius:20px!important;background:rgba(255,253,249,.96)!important;
    box-shadow:0 16px 34px rgba(65,48,31,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
    text-align:left!important
  }
  body.home section.why#warum-wexion .why__head .eyebrow{margin:0 0 13px!important;text-align:left!important}
  body.home section.why#warum-wexion .why__head .section__title{
    max-width:13ch!important;margin:0 auto!important;font-size:clamp(1.85rem,8.6vw,2.3rem)!important;line-height:1.02!important;text-align:center!important
  }
  body.home section.why#warum-wexion .why__head .section__title::after{display:block!important;width:25px!important;height:1px!important;margin:13px auto 0!important;background:#b57c27!important;content:""!important}
  body.home section.why#warum-wexion .why__head .section__intro{
    max-width:31ch!important;margin:14px auto 0!important;font-size:.68rem!important;line-height:1.45!important;text-align:left!important
  }
  body.home section.why#warum-wexion .why__head .btn{display:flex!important;width:min(100%,232px)!important;min-height:42px!important;margin:15px auto 0!important;padding:9px 16px!important;justify-content:center!important}
  body.home section.why#warum-wexion .why__list li:first-child{margin-top:0!important}

  /* Testimonials keep the same premium look while using less vertical space. */
  body.home section.testimonials{padding:48px 0 28px!important}
  body.home section.testimonials .section__head{margin-bottom:21px!important}
  body.home section.testimonials .tcard{
    width:238px!important;min-width:238px!important;height:262px!important;min-height:262px!important;padding:24px 23px 21px!important
  }
  body.home section.testimonials .tcard__stars{margin-bottom:16px!important;font-size:.94rem!important}
  body.home section.testimonials .tcard blockquote{font-size:.84rem!important;line-height:1.48!important}
  body.home section.testimonials .tcard__ava{width:50px!important;height:50px!important}
  body.home section.testimonials .testimonials__google{margin-top:15px!important}

  /* Consent is a crisp floating sheet; the page beneath remains sharp. */
  body.home .cookie{
    inset:0!important;display:grid!important;padding:12px!important;place-items:end center!important;
    background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important
  }
  body.home .cookie__inner{
    width:100%!important;max-width:390px!important;padding:20px 18px 16px!important;border:1px solid rgba(120,94,61,.14)!important;
    border-radius:24px!important;background:#fffdf9!important;box-shadow:0 20px 55px rgba(41,31,21,.2),inset 0 1px 0 #fff!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important
  }
  body.home .cookie__copy{grid-template-columns:34px 1fr!important;gap:12px!important;align-items:start!important}
  body.home .cookie__mark{width:34px!important;height:34px!important;border-radius:11px!important;background:#f1e2c5!important;color:#986b28!important}
  body.home .cookie__eyebrow{margin-bottom:5px!important;font-size:.55rem!important;letter-spacing:.15em!important}
  body.home .cookie h2{margin-bottom:7px!important;font-size:1.02rem!important;line-height:1.16!important}
  body.home .cookie__copy p:not(.cookie__eyebrow){font-size:.66rem!important;line-height:1.48!important}
  body.home .cookie__copy a{margin-top:8px!important;font-size:.62rem!important}
  body.home .cookie__settings{margin-top:14px!important}
  body.home .cookie__btns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:14px!important}
  body.home .cookie__btns .btn{width:100%!important;min-height:42px!important;padding:8px 9px!important;font-size:.62rem!important}
  body.home .cookie__btns [data-cookie-accept]{grid-column:1 / -1!important;order:-1!important}
}
@media (max-width:380px){
  body.home section.process#prozess .pstep,
  body.home section.process#prozess .pstep.scroll-reveal-item{
    width:calc((100vw - 28px) * .8)!important;min-width:calc((100vw - 28px) * .8)!important;flex-basis:calc((100vw - 28px) * .8)!important;height:252px!important;min-height:252px!important
  }
  body.home section.why#warum-wexion .why__head{padding:20px 18px 17px!important}
  body.home section.testimonials{padding-top:44px!important}
  body.home section.testimonials .tcard{width:222px!important;min-width:222px!important;height:250px!important;min-height:250px!important;padding:22px 20px 18px!important}
  body.home section.testimonials .tcard blockquote{font-size:.79rem!important}
}

/* 2026-08-26 mobile live-demo stage: podium background and transparent device. */
@media (max-width:680px){
  body.home section.experience{
    background:#f4eee7 url('../img/live_demo_background_mobile.png?v=20260826-1') center bottom / cover no-repeat!important;
  }
  body.home section.experience .lhl-demo__copy{display:none!important}
  body.home section.experience .lhl-demo{
    display:block!important;min-height:0!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
  }
  body.home section.experience .lhl-demo__stage{
    display:grid!important;min-height:570px!important;height:570px!important;place-items:end center!important;background:transparent!important;overflow:visible!important
  }
  body.home section.experience .lhl-demo__phone{
    width:min(78vw,310px)!important;height:520px!important;margin:0 0 19px!important;padding:9px 9px 63px!important;
    border:6px solid #171719!important;border-radius:42px!important;background:#f5f4f1!important;box-shadow:0 28px 54px rgba(38,28,20,.22)!important;transform:none!important;rotate:none!important
  }
  body.home section.experience .lhl-demo__phone nav{
    background:rgba(255,255,255,.72)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important
  }
  body.home section.experience .lhl-demo__phone header>img:first-child{width:94px!important;height:24px!important}
  body.home section.experience .lhl-demo__phone header{height:50px!important;padding-top:11px!important}
  body.home section.experience .lhl-demo__bell,body.home section.experience .lhl-demo__avatar{width:28px!important;height:28px!important}
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__stage{min-height:520px!important;height:520px!important}
  body.home section.experience .lhl-demo__phone{width:80vw!important;height:474px!important;margin-bottom:16px!important}
}

/* 2026-08-26 cookie and organic Why-panel refinement. */
@media (max-width:680px){
  .cookie .cookie__copy{grid-template-columns:78px 1fr!important;gap:11px!important}
  .cookie .cookie__mark{display:grid!important;width:78px!important;height:28px!important;place-items:center!important;overflow:visible!important;padding:0!important;border-radius:0!important;background:transparent!important}
  .cookie .cookie__mark img{display:block!important;width:100%!important;height:auto!important;max-height:28px!important;object-fit:contain!important;object-position:center!important}
  .cookie .cookie__inner{position:relative!important;border-radius:26px 26px 18px 18px!important}
  .cookie .cookie__close{position:absolute!important;top:13px!important;right:14px!important;display:grid!important;width:27px!important;height:27px!important;place-items:center!important;padding:0!important;border:1px solid rgba(120,94,61,.13)!important;border-radius:50%!important;color:#8b6b3d!important;background:#f8f1e7!important;font-size:1.05rem!important;line-height:1!important;cursor:pointer!important}
  .cookie .cookie__copy{padding-right:26px!important}
  body.home .cookie__mark{display:grid!important;place-items:center!important;overflow:hidden!important;padding:7px!important}
  body.home .cookie__mark img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  body.home .cookie__inner{position:relative!important;padding:22px 18px 17px!important;border-radius:26px 26px 18px 18px!important}
  body.home .cookie__close{position:absolute!important;top:13px!important;right:14px!important;display:grid!important;width:27px!important;height:27px!important;place-items:center!important;padding:0!important;border:1px solid rgba(120,94,61,.13)!important;border-radius:50%!important;color:#8b6b3d!important;background:#f8f1e7!important;font-size:1.05rem!important;line-height:1!important;cursor:pointer!important}
  body.home .cookie__copy{padding-right:26px!important}
  body.home .cookie__btns{padding-top:2px!important}

  body.home section.why#warum-wexion .why__head{
    border-radius:68% 18% 7px 24px / 30% 17% 6px 13px!important;
    clip-path:none!important
  }
}

@media (max-width:680px){
  body.home .cookie__copy{grid-template-columns:78px 1fr!important;gap:11px!important}
  body.home .cookie__mark{width:78px!important;height:28px!important;padding:0!important;border-radius:0!important;background:transparent!important}
  body.home .cookie__mark img{width:100%!important;height:auto!important;max-height:28px!important}
}

/* 2026-08-26 mobile interactive demo composition. */
@media (max-width:680px){
  body.home section.experience{
    position:relative!important;isolation:isolate!important;min-height:0!important;padding:46px 0 34px!important;overflow:hidden!important;
    background:#f4eee7 url('../img/live_demo_background_mobile.png?v=20260826-1') center bottom / cover no-repeat!important
  }
  body.home section.experience::before{
    position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(180deg,rgba(247,242,235,.3),rgba(247,242,235,.08) 62%,rgba(247,242,235,.45))!important;content:""!important;pointer-events:none!important
  }
  body.home section.experience>.experience__bg{display:none!important}
  body.home section.experience .section__head{margin-bottom:18px!important}
  body.home section.experience .product-demo{width:100%!important;max-width:none!important;margin:0!important;padding-top:0!important}
  body.home section.experience .product-demo__switch{
    position:relative!important;top:auto!important;right:auto!important;width:max-content!important;margin:0 auto 14px!important;transform:none!important
  }
  body.home section.experience .lhl-demo{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
  }
  body.home section.experience .lhl-demo__copy{display:none!important}
  body.home section.experience .lhl-demo__stage{
    display:grid!important;width:100%!important;height:548px!important;min-height:548px!important;place-items:end center!important;overflow:visible!important;background:transparent!important
  }
  body.home section.experience .lhl-demo__phone{
    position:relative!important;z-index:2!important;width:min(76vw,302px)!important;height:500px!important;margin:0 0 18px!important;padding:9px 9px 63px!important;
    border:6px solid #171719!important;border-radius:40px!important;background:#f5f4f1!important;box-shadow:0 26px 48px rgba(38,28,20,.22)!important;transform:none!important;rotate:none!important
  }
  body.home section.experience .lhl-demo__phone::after{
    position:absolute!important;right:10px!important;bottom:7px!important;left:10px!important;height:58px!important;border-radius:22px!important;background:rgba(255,255,255,.8)!important;box-shadow:0 10px 24px rgba(28,24,20,.13)!important;content:""!important;pointer-events:none!important
  }
  body.home section.experience .lhl-demo__phone nav{z-index:3!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
  body.home section.experience .lhl-demo__phone header{height:49px!important;padding-top:11px!important}
  body.home section.experience .lhl-demo__phone header>img:first-child{width:92px!important;height:24px!important}
  body.home section.experience .lhl-demo__bell,body.home section.experience .lhl-demo__avatar{width:28px!important;height:28px!important}
  body.home section.experience .lhl-demo__bell svg{width:16px!important;height:16px!important}
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__stage{height:500px!important;min-height:500px!important}
  body.home section.experience .lhl-demo__phone{width:78vw!important;height:458px!important;margin-bottom:16px!important}
}

/* Keep the native hidden state authoritative even when the modal uses a grid layout. */
.cookie[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.cookie{pointer-events:auto!important}
.cookie__inner{pointer-events:auto!important}
.cookie .cookie__close,
.cookie .cookie__btns button{position:relative;z-index:4;pointer-events:auto;cursor:pointer}

/* Final mobile device proportions: slimmer silhouette, taller presence and lifted on the podium. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__stage{
    height:590px!important;min-height:590px!important
  }
  body.home section.experience .lhl-demo__phone{
    width:min(70vw,280px)!important;height:540px!important;margin-bottom:30px!important
  }
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__stage{
    height:555px!important;min-height:555px!important
  }
  body.home section.experience .lhl-demo__phone{
    width:72vw!important;height:505px!important;margin-bottom:26px!important
  }
}

/* Final lift/scale pass for the mobile live-demo handset. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__stage{
    height:630px!important;min-height:630px!important
  }
  body.home section.experience .lhl-demo__phone{
    width:min(73vw,290px)!important;height:565px!important;margin-bottom:42px!important
  }
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__stage{
    height:590px!important;min-height:590px!important
  }
  body.home section.experience .lhl-demo__phone{
    width:75vw!important;height:530px!important;margin-bottom:36px!important
  }
}

/* Lift the handset further while preserving its current proportions. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{margin-bottom:60px!important}
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__phone{margin-bottom:52px!important}
}

/* Show the complete supplied portrait artwork across the mobile viewport (no cover crop). */
@media (max-width:680px){
  body.home section.experience{
    background-image:url('../img/live_demo_background_mobile.png?v=20260826-2')!important;
    background-position:center top!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important
  }
}

/* Final vertical adjustment: lift the interactive handset further above the podium. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{margin-bottom:78px!important}
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__phone{margin-bottom:68px!important}
}

/* Additional lift requested for the mobile handset. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{margin-bottom:96px!important}
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__phone{margin-bottom:84px!important}
}

@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{margin-bottom:118px!important}
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__phone{margin-bottom:104px!important}
}

/* Podium alignment: the phone base now rests on the upper tablet surface. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{margin-bottom:176px!important}
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__phone{margin-bottom:158px!important}
}

/* Position independently from the surrounding copy/button spacing. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{transform:translateY(-54px)!important}
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__phone{transform:translateY(-46px)!important}
}

/* Natural placement on the tablet: lower contact point with a restrained grounding shadow. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{
    margin-bottom:155px!important;
    transform:translateY(-24px)!important;
    box-shadow:0 22px 38px rgba(38,28,20,.24),0 5px 10px rgba(191,151,109,.16),inset 0 1px 0 rgba(255,255,255,.72)!important
  }
}

/* Compact the complete handset proportionally while keeping every app element visible. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{
    transform:translateY(-24px) scale(.92)!important;
    transform-origin:center bottom!important
  }
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__phone{
    transform:translateY(-20px) scale(.9)!important;
    transform-origin:center bottom!important
  }
}

/* Tighten the in-app hero rhythm and pull it closer to the app header. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__hero{
    padding:14px 14px 28px!important
  }
  body.home section.experience .lhl-demo__hero small{
    display:block!important;margin:0 0 4px!important
  }
  body.home section.experience .lhl-demo__hero h4{
    margin:0 0 3px!important
  }
  body.home section.experience .lhl-demo__hero p{
    margin:0!important
  }
  body.home section.experience .lhl-demo__season{
    margin-top:9px!important
  }
}

@media (max-width:680px){
  body.home section.experience .lhl-demo__hero small{margin-bottom:1px!important;line-height:1.1!important}
  body.home section.experience .lhl-demo__hero h4{margin:0!important;line-height:1.04!important}
  body.home section.experience .lhl-demo__hero p{line-height:1.15!important}
}

@media (max-width:680px){
  body.home section.experience .lhl-demo__hero small{margin-bottom:3px!important;line-height:1.15!important}
  body.home section.experience .lhl-demo__hero h4{line-height:1.08!important}
  body.home section.experience .lhl-demo__hero p{line-height:1.25!important}
  body.home section.experience .lhl-demo__next{padding-top:9px!important;padding-bottom:7px!important}
  body.home section.experience .lhl-demo__next h5{margin-top:1px!important}
}

/* Transparent physical mockup aligned over the interactive SVG handset frame. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    position:absolute!important;
    top:-10.7%!important;
    left:-77.9%!important;
    z-index:4!important;
    width:254.7%!important;
    height:122.6%!important;
    max-width:none!important;
    pointer-events:none!important;
    object-fit:fill!important
  }
  body.home section.experience .lhl-demo__phone::before{display:none!important}
}

@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>header>img:first-child{
    transform:translateX(-6px)!important
  }
}

/* LHL app view polish: use the original Late Night Hockey visual language for every tab. */
@media (max-width:680px){
  body.home section.experience .demo-screen[data-demo-screen="lhl-games"]{
    background:#f7f7f5 url('../img/projects/lhl-tippspiel/spiele.png') center top/100% auto no-repeat!important;
  }
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"]{
    background:#f7f7f5 url('../img/projects/lhl-tippspiel/tipps.png') center top/100% auto no-repeat!important;
  }
  body.home section.experience .demo-screen[data-demo-screen="lhl-ranking"]{
    background:#f7f7f5 url('../img/projects/lhl-tippspiel/rangliste.png') center top/100% auto no-repeat!important;
  }
  body.home section.experience .demo-screen[data-demo-screen="lhl-profile"]{
    background:#f7f7f5 url('../img/projects/lhl-tippspiel/dashboard.png') center top/100% auto no-repeat!important;
  }
  body.home section.experience .demo-screen[data-demo-screen^="lhl-"] .demo-page-head{
    position:relative!important;
    z-index:1!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.78))!important;
  }
  body.home section.experience .demo-screen[data-demo-screen^="lhl-"] article,
  body.home section.experience .demo-screen[data-demo-screen^="lhl-"] .demo-kpis,
  body.home section.experience .demo-screen[data-demo-screen^="lhl-"] ol,
  body.home section.experience .demo-screen[data-demo-screen^="lhl-"] .demo-person{
    position:relative!important;
    z-index:1!important;
  }
}

/* Remove only the CSS/SVG handset border; keep the transparent PNG rim and live app intact. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{
    border-color:transparent!important
  }
}

@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    z-index:50!important;
    pointer-events:none!important
  }
}

/* Keep the transparent rim fully inside the live phone canvas (no right-edge overflow). */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    left:-79.5%!important;
    width:258%!important;
  }
}

/* Slightly enlarge the physical mockup so its inner rim wraps the app content cleanly. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    top:-13%!important;
    left:-80.5%!important;
    width:262%!important;
    height:130%!important;
  }
}

/* The PNG has a large transparent canvas; clip that canvas so it cannot create page-wide horizontal overflow. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{
    overflow:hidden!important;
    contain:paint!important;
  }
}

/* Guard the mobile viewport itself against any legacy/off-canvas rule creating a right strip. */
@media (max-width:680px){
  html, body.home{
    max-width:100%;
    overflow-x:hidden!important;
  }
}

/* Let the live app canvas reach the mockup's inner edge; the PNG supplies the only visible rim. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{
    border-width:0!important
  }
}

/* Slightly enlarge the transparent inner rim for a flush fit around the live UI. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    top:-12.2%!important;
    left:-82.4%!important;
    width:270%!important;
    height:128.5%!important
  }
}

@media (max-width:680px){
  body.home section.experience .lhl-demo__hero h4{margin-bottom:5px!important}
  body.home section.experience .lhl-demo__stats span{padding:8px 10px!important}
  body.home section.experience .lhl-demo__stats b{margin-top:3px!important;font-size:16px!important}
}
@media (max-width:380px){
  body.home section.experience .lhl-demo__phone{
    margin-bottom:140px!important;
    transform:translateY(-20px)!important
  }
}

/* Match the mobile section-head rhythm used by the product section. */
@media (max-width:680px){
  body.home section.experience>.container>.section__head{
    margin-top:-22px!important
  }
}

@media (max-width:680px){
  body.home section.experience .product-demo__switch{
    transform:translateY(-14px)!important
  }
}

/* Clip the demo header cleanly inside the handset's rounded top frame. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>header{
    width:calc(100% + 2px)!important;
    margin:-1px -1px 0!important;
    padding-right:12px!important;
    padding-left:12px!important;
    overflow:hidden!important;
    border-radius:31px 31px 0 0!important;
    clip-path:inset(0 round 31px 31px 0 0)!important
  }
}

/* Absolute last override: later legacy blocks must not enlarge the transparent canvas again. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    left:-79.5%!important;
    width:258%!important;
  }
}

/* Final mobile positioning: move the hero copy two pixels down, after all legacy overrides. */
@media (max-width:680px){
  body.home section.hero .hero__inner .hero__copy{
    position:static!important;
    top:auto!important;
    transform:translateY(-128px)!important;
    margin-top:0!important;
  }
  body.home section.hero .hero__inner .hero__cta{
    bottom:52px!important;
    transform:translateX(-50%)!important;
  }
}

/* Full-bleed app canvas inside the handset frame. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone{
    padding:0 0 63px!important
  }
  body.home section.experience .lhl-demo__phone>header{
    width:100%!important;
    margin:0!important;
    padding-right:14px!important;
    padding-left:14px!important;
    border-radius:32px 32px 0 0!important;
    clip-path:inset(0 round 32px 32px 0 0)!important
  }
  body.home section.experience .lhl-demo__phone>.demo-screen{
    width:100%!important;
    margin:0!important
  }
}

@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>header{
    height:58px!important;
    padding-top:13px!important
  }
  body.home section.experience .lhl-demo__phone>header>img:first-child{
    width:104px!important;height:27px!important
  }
  body.home section.experience .lhl-demo__bell,
  body.home section.experience .lhl-demo__avatar{
    width:32px!important;height:32px!important
  }
}

/* True final override: keep the transparent mockup canvas inside the handset. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    left:-79.5%!important;
    width:258%!important;
  }
}

/* Final size adjustment (must remain after every legacy mockup rule). */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    top:-13%!important;
    left:-80.5%!important;
    width:262%!important;
    height:130%!important;
  }
}

/* Optical fit: inset the live app canvas slightly so it sits inside the enlarged physical rim. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>header,
  body.home section.experience .lhl-demo__phone>.demo-screen{
    width:calc(100% - 8px)!important;
    margin-inline:4px!important;
  }
  body.home section.experience .lhl-demo__phone>nav{
    right:10px!important;
    left:10px!important;
  }
}

/* Vertical rim alignment: tighten the transparent frame evenly at the top and bottom. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    top:-11.5%!important;
    height:126%!important;
  }
}

/* Bottom-only refinement: keep the already-correct top edge and lift the lower rim slightly. */
@media (max-width:680px){
  body.home section.experience .lhl-demo__phone>.lhl-demo__mockup{
    height:125%!important;
  }
}

/* FINAL LHL tab visuals: original app screenshots as responsive tab backgrounds. */
@media (max-width:680px){
  body.home section.experience .demo-screen[data-demo-screen="lhl-games"]{background:#f7f7f5 url('../img/projects/lhl-tippspiel/spiele.png') center top/100% auto no-repeat!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"]{background:#f7f7f5 url('../img/projects/lhl-tippspiel/tipps.png') center top/100% auto no-repeat!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-ranking"]{background:#f7f7f5 url('../img/projects/lhl-tippspiel/rangliste.png') center top/100% auto no-repeat!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-profile"]{background:#f7f7f5 url('../img/projects/lhl-tippspiel/dashboard.png') center top/100% auto no-repeat!important}
}

/* Games tab composition mirrors the native Late Night Hockey schedule hierarchy. */
@media (max-width:680px){
  body.home section.experience .demo-games-command{margin:0 10px 10px;border:1px solid #e4e2de;border-radius:15px;background:rgba(255,255,255,.92);overflow:hidden;box-shadow:0 8px 20px rgba(30,25,20,.06)}
  body.home section.experience .demo-games-command>div{display:grid!important;grid-template-columns:1fr 1fr!important;padding:0!important}
  body.home section.experience .demo-games-command>div>*{padding:11px 6px;text-align:center;font-size:8px}
  body.home section.experience .demo-games-command>div>b{border-bottom:2px solid #ed1b2f;color:#ed1b2f}
  body.home section.experience .demo-games-command>p{display:grid!important;grid-template-columns:24px 1fr auto 14px!important;align-items:center!important;gap:5px!important;margin:0!important;padding:10px!important;border-top:1px solid #eee!important}
  body.home section.experience .demo-games-command>p strong{font-size:15px}
  body.home section.experience .demo-games-command>p b{font-size:8px}
  body.home section.experience .demo-games-command>p small{font-size:6px;color:#999}
  body.home section.experience .demo-games-command>p em{font-size:17px;font-style:normal}
  body.home section.experience .demo-list .demo-tabs{padding:8px 4px!important;font-size:7px!important}
  body.home section.experience .demo-matchday{display:flex;justify-content:space-between;align-items:center;margin:7px 10px 0;padding:7px 10px 5px;color:#777;font-size:6px;text-transform:uppercase}
  body.home section.experience .demo-matchday small{font-size:6px}
  body.home section.experience .demo-list article>div:not(.demo-saved){display:grid;grid-template-columns:1fr 34px 1fr;place-items:center;padding:12px 10px}
  body.home section.experience .demo-list article>div span{display:grid;place-items:center;gap:3px}
  body.home section.experience .demo-list article>div span img{width:42px;height:42px}
  body.home section.experience .demo-list article>div span em{font-size:7px;font-style:normal;font-weight:700}
  body.home section.experience .demo-list .demo-saved{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:6px!important;margin:0 8px 8px;padding:9px!important;border:1px solid #e4e2de;border-radius:10px;background:#fafaf9}
  body.home section.experience .demo-list .demo-saved small,.demo-list .demo-saved em{font-size:6px;color:#777}
  body.home section.experience .demo-list .demo-saved b{font-size:16px}
  body.home section.experience .demo-list .demo-saved em{text-align:right;color:#ed1b2f;font-style:normal}
}

/* Tips tab: match the complete native "Meine Tipps" screen proportions. */
@media (max-width:680px){
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"]{background-color:#f7f7f5!important;background-position:center top!important;background-size:100% auto!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-page-head{padding:30px 14px 13px!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.72))!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-page-head small{font-size:6px!important;letter-spacing:.18em!important;color:#ed1b2f!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-page-head h4{margin:6px 0 0!important;font-size:24px!important;line-height:1.05!important;letter-spacing:-.055em!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-kpis{height:82px!important;margin:0 10px 18px!important;border-radius:15px!important;background:rgba(255,255,255,.94)!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-kpis>b{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:8px 4px!important;font-size:18px!important;line-height:1!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-kpis small{margin-top:8px!important;font-size:5px!important;letter-spacing:.02em!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] article{grid-template-columns:38px 1fr auto auto!important;min-height:75px!important;margin:0 12px!important;padding:10px 4px!important;border:0!important;border-bottom:1px solid #e3e1dd!important;border-radius:0!important;background:transparent!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] article img{width:35px!important;height:35px!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] article span{font-size:8px!important;line-height:1.2!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] article span small{margin-top:3px!important;font-size:5px!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] article>b{font-size:16px!important;color:#171719!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] article>strong{font-size:8px!important;color:#ed1b2f!important}
}

/* Full tips archive UI: gauge, filters and detailed result rows from the native app. */
@media (max-width:680px){
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-tip-summary{display:grid;grid-template-columns:1.25fr repeat(3,1fr);margin:0 10px;border:1px solid #e4e2de;border-radius:15px;background:rgba(255,255,255,.94);overflow:hidden}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 4px;border-right:1px solid #e7e5e1}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-gauge b{font-size:20px!important}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-tip-summary>div:not(.demo-gauge){display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 3px;border-right:1px solid #e7e5e1}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-tip-summary>div b{font-size:18px;line-height:1}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-tip-summary small{margin-top:7px;color:#777;font-size:5px;text-transform:uppercase}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-tip-summary nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);height:39px;border-top:1px solid #e7e5e1}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-tip-summary nav>*{display:grid;place-items:center;font-size:7px;color:#777}
  body.home section.experience .demo-screen[data-demo-screen="lhl-bets"] .demo-tip-summary nav b{color:#171719;border-bottom:2px solid #ed1b2f}
  body.home section.experience .demo-archive-head{position:relative;margin:25px 12px 9px}
  body.home section.experience .demo-archive-head small{color:#ed1b2f;font-size:6px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
  body.home section.experience .demo-archive-head h5{margin:5px 0 0;font-size:22px;letter-spacing:-.05em}
  body.home section.experience .demo-archive-head button{position:absolute;right:0;bottom:0;width:30px;height:30px;border:1px solid #e2dfda;border-radius:50%;background:#fff;font-size:14px}
  body.home section.experience .demo-tip-list{margin:0 12px;border:1px solid #e3e1dd;border-radius:15px;background:rgba(255,255,255,.82);overflow:hidden}
  body.home section.experience .demo-tip-list article{display:grid;grid-template-columns:28px 1fr 35px 1fr 30px;align-items:center;gap:4px;min-height:82px;margin:0 10px;padding:9px 0;border:0;border-bottom:1px solid #e5e3df;border-radius:0;background:transparent}
  body.home section.experience .demo-tip-list article:last-child{border-bottom:0}
  body.home section.experience .demo-tip-list time{font-size:18px;font-weight:700;line-height:.9}
  body.home section.experience .demo-tip-list time small{display:block;margin-top:4px;color:#777;font-size:5px;font-weight:500}
  body.home section.experience .demo-tip-list article>div{display:flex!important;flex-direction:column;align-items:center;gap:2px;padding:0!important}
  body.home section.experience .demo-tip-list article>div img{width:30px;height:30px}
  body.home section.experience .demo-tip-list article>div b{font-size:5px;text-align:center;white-space:nowrap}
  body.home section.experience .demo-tip-list article>strong{font-size:16px;text-align:center}
  body.home section.experience .demo-tip-list article>em{font-size:6px;color:#999;font-style:normal;text-align:right}
  body.home section.experience .demo-tip-list article>em strong{display:block;margin-top:5px;color:#ed1b2f;font-size:8px}
}

/* Mobile projects carousel: centered lead card with deliberate side peeks. */
.projects__mobile-foot{display:none}
@media (max-width:680px){
  body.home section.projects{padding:42px 0 36px!important;overflow:hidden!important;background:#f4f1ec!important}
  body.home section.projects>.container{width:100%!important;max-width:none!important}
  body.home section.projects .section__head{width:calc(100% - 32px)!important;margin:0 16px 20px!important;text-align:left!important}
  body.home section.projects .section__head .eyebrow{margin:0 0 12px!important;font-size:.62rem!important;letter-spacing:.17em!important}
  body.home section.projects .section__head h2{max-width:11ch!important;margin:0!important;font-size:clamp(2.2rem,10.8vw,3rem)!important;line-height:.96!important;letter-spacing:-.06em!important}
  body.home section.projects .section__head .section__intro{max-width:32ch!important;margin:16px 0 0!important;font-size:.9rem!important;line-height:1.5!important}
  body.home section.projects .bento{display:flex!important;align-items:stretch!important;width:100vw!important;margin:0!important;padding:0 calc((100vw - 80vw)/2) 12px!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important;overscroll-behavior-y:none!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scroll-padding-inline:calc((100vw - 80vw)/2)!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  body.home section.projects .bento::-webkit-scrollbar{display:none!important}
  body.home section.projects .bcard,body.home section.projects .bcard--lg,body.home section.projects .bcard--tall{display:grid!important;flex:0 0 80vw!important;width:80vw!important;height:360px!important;min-height:360px!important;grid-template-rows:130px minmax(0,1fr)!important;overflow:hidden!important;border:1px solid rgba(64,54,44,.11)!important;border-radius:17px!important;background:rgba(255,253,249,.93)!important;box-shadow:0 14px 34px rgba(48,40,32,.08)!important;scroll-snap-align:center!important;scroll-snap-stop:always!important}
  body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{width:auto!important;height:130px!important;min-height:0!important;margin:13px 13px 0!important;overflow:hidden!important;border-radius:5px!important}
  body.home section.projects .bcard__mock img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  body.home section.projects .bcard__body,body.home section.projects .bcard--lg .bcard__body{display:flex!important;min-width:0!important;min-height:0!important;flex-direction:column!important;justify-content:flex-start!important;padding:15px 17px 14px!important}
  body.home section.projects .bcard__meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:18px!important}
  body.home section.projects .bcard__cat,body.home section.projects .bcard .tag,body.home section.projects .bcard .chip{font-size:.58rem!important;line-height:1.2!important}
  body.home section.projects .bcard h3,body.home section.projects .bcard--lg .bcard__body h3{margin:9px 0 5px!important;font-size:1.28rem!important;line-height:1.02!important;letter-spacing:-.045em!important}
  body.home section.projects .bcard p,body.home section.projects .bcard--lg .bcard__body p{display:-webkit-box!important;margin:0!important;overflow:hidden!important;font-size:.7rem!important;line-height:1.42!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important}
  body.home section.projects .bcard__tech{display:none!important}
  body.home section.projects .bcard__link{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid rgba(64,54,44,.12)!important;font-size:.72rem!important}
  body.home section.projects .projects__mobile-foot{display:flex!important;flex-direction:column!important;align-items:center!important;gap:15px!important;margin:2px 0 0!important;color:#7b7771!important}
  body.home section.projects .projects__dots{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;height:14px!important}
  body.home section.projects .projects__dots i{display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#d8d3cb!important;transition:transform .3s ease,background-color .3s ease!important}
  body.home section.projects .projects__dots i.is-active{width:9px!important;height:9px!important;background:#bf976d!important;transform:scale(1.05)!important}
  body.home section.projects .projects__mobile-foot p{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;font-size:.86rem!important;line-height:1.2!important}
  body.home section.projects .projects__swipe-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;animation:projectsSwipeHint 2.4s ease-in-out infinite!important}
  body.home section.projects .projects__cta{display:flex!important;justify-content:center!important;margin:21px 16px 0!important;padding:0!important}
  body.home section.projects .projects__cta .btn{width:100%!important;min-height:50px!important;justify-content:center!important;border:0!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(135deg,#d0a45a,#b88435)!important;box-shadow:0 10px 22px rgba(174,125,55,.2)!important}
}
@keyframes projectsSwipeHint{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}

/* Keep media edge-to-edge while restoring the carousel footer and CTA. */
@media (max-width:900px){
  body.home section.projects{height:auto!important;min-height:calc(100svh - 28px)!important;padding-bottom:36px!important;overflow:hidden!important}
  body.home section.projects .bento{height:auto!important;min-height:0!important;padding:0 13vw 14px!important;overflow-x:auto!important;overflow-y:hidden!important}
  body.home section.projects .bcard,body.home section.projects .bcard--lg,body.home section.projects .bcard--tall{height:clamp(370px,56svh,430px)!important;min-height:clamp(370px,56svh,430px)!important}
  body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{height:clamp(128px,20svh,158px)!important;margin:0!important;border-radius:17px 17px 0 0!important}
  body.home section.projects .projects__mobile-foot{display:flex!important;visibility:visible!important;position:relative!important;z-index:2!important;margin-top:8px!important}
  body.home section.projects .projects__cta{display:flex!important;visibility:visible!important;position:relative!important;z-index:2!important;margin-top:16px!important}
}

/* Same mobile treatment for narrow tablets/iPhone landscape emulation (<=900px). */
@media (max-width:900px){
  body.home section.projects{min-height:calc(100svh - 36px)!important;height:calc(100svh - 36px)!important;padding:44px 0 34px!important;overflow:visible!important;background:#f4f1ec!important}
  body.home section.projects>.container{width:100%!important;max-width:none!important;display:flex!important;flex-direction:column!important;min-height:0!important}
  body.home section.projects .section__head{width:calc(100% - 32px)!important;margin:0 16px 24px!important;text-align:left!important}
  body.home section.projects .section__head .eyebrow{font-size:.62rem!important;letter-spacing:.17em!important;margin:0 0 10px!important}
  body.home section.projects .section__head h2{max-width:12ch!important;margin:0!important;font-size:clamp(2rem,8vw,2.7rem)!important;line-height:.98!important;letter-spacing:-.06em!important}
  body.home section.projects .section__head .section__intro{max-width:34ch!important;margin:12px 0 0!important;font-size:.84rem!important;line-height:1.42!important}
  body.home section.projects .bento{display:flex!important;flex:0 0 auto!important;width:100vw!important;height:clamp(388px,calc(58svh + 18px),458px)!important;margin:0!important;padding:0 13vw 18px!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important;overscroll-behavior:contain!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scroll-padding-inline:13vw!important;scrollbar-width:none!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important}
  body.home section.projects .bento::-webkit-scrollbar{display:none!important}
  body.home section.projects .bcard,body.home section.projects .bcard--lg,body.home section.projects .bcard--tall{display:grid!important;flex:0 0 74vw!important;width:74vw!important;height:clamp(370px,58svh,440px)!important;min-height:0!important;grid-template-rows:clamp(128px,20svh,158px) minmax(0,1fr)!important;border-radius:18px!important;scroll-snap-align:center!important;scroll-snap-stop:always!important}
  body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{height:clamp(128px,20svh,158px)!important;margin:0!important;border-radius:17px 17px 0 0!important}
  body.home section.projects .bcard__body,body.home section.projects .bcard--lg .bcard__body{padding:15px 17px 13px!important}
  body.home section.projects .bcard h3,body.home section.projects .bcard--lg .bcard__body h3{font-size:1.2rem!important;margin:8px 0 5px!important}
  body.home section.projects .bcard p,body.home section.projects .bcard--lg .bcard__body p{font-size:.68rem!important;line-height:1.38!important;-webkit-line-clamp:4!important}
  body.home section.projects .bcard__link{padding-top:10px!important;font-size:.66rem!important}
  body.home section.projects .projects__mobile-foot{gap:11px!important;margin-top:10px!important}
  body.home section.projects .projects__mobile-foot p{font-size:.74rem!important}
  body.home section.projects .projects__swipe-icon{width:29px!important;height:29px!important;flex-basis:29px!important}
  body.home section.projects .projects__cta{margin:14px 16px 0!important}
  body.home section.projects .projects__cta .btn{min-height:48px!important;font-size:.8rem!important}
}

/* Legacy product-stage overrides placed before later legacy rules. */
@media (max-width:680px){
  body.home section.products#produkte .wxn-products-mobile__pedestal{left:2%!important;bottom:4px!important;width:53%!important;z-index:2!important}
  body.home section.products#produkte .wxn-products-mobile__device{left:4%!important;bottom:28px!important;width:43%!important;height:224px!important;z-index:4!important}
  body.home section.products#produkte .wxn-products-mobile__info-card{left:50%!important;right:auto!important;top:39px!important;width:46%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:3!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:5%!important;width:41%!important;height:224px!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:4%!important;width:43%!important;height:184px!important;bottom:30px!important}
  body.home section.products#produkte .wxn-products-mobile__selector button,
  body.home section.products#produkte .wxn-products-mobile__selector button.is-active{background:transparent!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching .wxn-products-mobile__info-card{transform:translate3d(0,3px,0) scale(.99)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__pedestal{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__device{opacity:1!important;filter:drop-shadow(0 10px 13px rgba(52,39,27,.18))!important;transform:translate3d(0,0,0) scale(1) rotateZ(0)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__info-card{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__info-card>*{opacity:1!important;transform:translateY(0)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__all-cta{opacity:1!important;transform:translateY(0)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__pedestal{animation:wxnProductsPedestalIn .58s .02s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__device{animation:wxnProductsDeviceIn .76s .1s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__info-card{animation:wxnProductsCardIn .56s .32s cubic-bezier(.22,1,.36,1) both!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.products#produkte .wxn-products-mobile__pedestal,
  body.home section.products#produkte .wxn-products-mobile__device,
  body.home section.products#produkte .wxn-products-mobile__info-card{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}

/* Final product-stage overrides (kept last so legacy mobile rules cannot overwrite them). */
@media (max-width:680px){
  body.home section.products#produkte .wxn-products-mobile__pedestal{left:2%!important;bottom:4px!important;width:53%!important;z-index:2!important}
  body.home section.products#produkte .wxn-products-mobile__device{left:4%!important;bottom:28px!important;width:43%!important;height:224px!important;z-index:4!important}
  body.home section.products#produkte .wxn-products-mobile__info-card{left:50%!important;right:auto!important;top:39px!important;width:46%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:3!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:5%!important;width:41%!important;height:224px!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:4%!important;width:43%!important;height:184px!important;bottom:30px!important}
  body.home section.products#produkte .wxn-products-mobile__selector button,
  body.home section.products#produkte .wxn-products-mobile__selector button.is-active{background:transparent!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching .wxn-products-mobile__info-card{transform:translate3d(0,3px,0) scale(.99)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__pedestal{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__device{opacity:1!important;filter:drop-shadow(0 10px 13px rgba(52,39,27,.18))!important;transform:translate3d(0,0,0) scale(1) rotateZ(0)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__info-card{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__info-card>*{opacity:1!important;transform:translateY(0)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__all-cta{opacity:1!important;transform:translateY(0)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__pedestal{animation:wxnProductsPedestalIn .58s .02s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__device{animation:wxnProductsDeviceIn .76s .1s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__info-card{animation:wxnProductsCardIn .56s .32s cubic-bezier(.22,1,.36,1) both!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.products#produkte .wxn-products-mobile__pedestal,
  body.home section.products#produkte .wxn-products-mobile__device,
  body.home section.products#produkte .wxn-products-mobile__info-card{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}

/* Eigene Produkte – dedicated three-product mobile stage. Desktop markup remains unchanged. */
.wxn-products-mobile{display:none}
/* The mobile-only room artwork must not become a desktop flow image. */
.wxn-products-mobile__backdrop{display:none}
@media (max-width:680px){
  body.home section.products#produkte{
    position:relative!important;display:block!important;min-height:0!important;height:auto!important;
    padding:42px 0 34px!important;overflow:hidden!important;background-color:#f7f3ee!important;
    background-image:url('/assets/img/products-mobile-v1/backdrop.png')!important;background-size:cover!important;background-position:center top!important;
  }
  body.home section.products#produkte::before,
  body.home section.products#produkte::after{display:none!important;background:transparent!important;height:0!important}
  body.home section.products#produkte>.container{display:block!important;width:100%!important;max-width:none!important;padding:0!important}
  body.home section.products#produkte .section__head{
    width:auto!important;max-width:none!important;margin:0 18px 17px!important;text-align:left!important;
  }
  body.home section.products#produkte .section__head .eyebrow{margin-bottom:11px!important}
  body.home section.products#produkte .section__head .section__title{
    max-width:13ch!important;margin:0!important;font-family:"General Sans","Helvetica Neue",Arial,sans-serif!important;
    font-size:clamp(2rem,9.6vw,2.6rem)!important;line-height:.98!important;letter-spacing:-.055em!important;
  }
  body.home section.products#produkte .section__head .section__intro{
    max-width:30ch!important;margin:12px 0 0!important;font-size:.78rem!important;line-height:1.42!important;
  }
  body.home section.products#produkte .products__grid,
  body.home section.products#produkte>.container>.products__cta{display:none!important}
  body.home section.products#produkte .wxn-products-mobile{
    display:block!important;width:100%!important;margin:0!important;position:relative!important;
  }
  body.home section.products#produkte .wxn-products-mobile__stage{
    position:relative!important;width:100%!important;height:clamp(348px,102vw,430px)!important;
    margin:0!important;overflow:visible!important;isolation:isolate!important;perspective:1100px!important;
    background:transparent!important;border-radius:0 0 28px 28px!important;
  }
  body.home section.products#produkte .wxn-products-mobile__stage>img,
  body.home section.products#produkte .wxn-products-mobile__info-card{
    position:absolute!important;display:block!important;box-sizing:border-box!important;pointer-events:none!important;
  }
  body.home section.products#produkte .wxn-products-mobile__backdrop{
    inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;
    object-position:center 43%!important;z-index:1!important;opacity:0!important;filter:none!important;
  }
  body.home section.products#produkte .wxn-products-mobile__pedestal{
    left:3%!important;bottom:11px!important;width:75%!important;height:auto!important;max-width:none!important;
    object-fit:contain!important;object-position:center bottom!important;z-index:3!important;opacity:0!important;
    transform:translate3d(0,22px,0) scale(.94)!important;transform-origin:center bottom!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-card{
    right:4%!important;top:34px!important;width:64%!important;min-height:236px!important;padding:17px 15px 14px!important;
    border:1px solid rgba(157,119,70,.16)!important;border-radius:22px!important;background:rgba(255,252,247,.9)!important;
    box-shadow:0 18px 42px rgba(73,53,33,.13)!important;z-index:2!important;opacity:0!important;
    transform:translate3d(18px,8px,-15px) scale(.97)!important;transform-origin:center!important;
    transition:opacity .38s ease,transform .55s cubic-bezier(.22,1,.36,1)!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-card>*{
    opacity:1!important;transform:translateY(0)!important;
    transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1)!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-card.is-content-switching>*{
    opacity:0!important;transform:translateY(-5px)!important;
  }
  body.home section.products#produkte .wxn-products-mobile__meta{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;
    margin:0 0 11px!important;color:#a37534!important;font-family:"General Sans",sans-serif!important;
    font-size:.57rem!important;line-height:1!important;letter-spacing:.06em!important;text-transform:uppercase!important;
  }
  body.home section.products#produkte .wxn-products-mobile__meta span:last-child{
    color:#766e64!important;font-size:.48rem!important;letter-spacing:.03em!important;text-transform:none!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-title{display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 8px!important}
  body.home section.products#produkte .wxn-products-mobile__info-title img{display:block!important;width:25px!important;height:25px!important;border-radius:7px!important;object-fit:cover!important;flex:0 0 25px!important}
  body.home section.products#produkte .wxn-products-mobile__info-title img[hidden]{display:none!important}
  body.home section.products#produkte .wxn-products-mobile__info-title h3{
    margin:0!important;color:#1e1d1b!important;font-family:"General Sans","Helvetica Neue",Arial,sans-serif!important;
    font-size:1.08rem!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:650!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-card>p{
    margin:0 0 9px!important;color:#534c44!important;font-family:"General Sans",sans-serif!important;
    font-size:.61rem!important;line-height:1.38!important;letter-spacing:-.012em!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-card ul{
    display:grid!important;gap:4px!important;margin:0!important;padding:0!important;list-style:none!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-card li{
    position:relative!important;margin:0!important;padding-left:10px!important;color:#5c544b!important;
    font-family:"General Sans",sans-serif!important;font-size:.56rem!important;line-height:1.25!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-card li::before{
    content:""!important;position:absolute!important;left:0!important;top:.47em!important;width:4px!important;height:4px!important;
    border-radius:50%!important;background:#b2813b!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-card ul.is-empty{display:none!important}
  body.home section.products#produkte .wxn-products-mobile__card-cta{
    display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:12px!important;
    color:#a8752e!important;font-family:"General Sans",sans-serif!important;font-size:.59rem!important;font-weight:650!important;
    line-height:1!important;text-decoration:none!important;pointer-events:auto!important;
  }
  body.home section.products#produkte .wxn-products-mobile__card-cta span{font-size:1rem!important;line-height:.7!important}
  body.home section.products#produkte .wxn-products-mobile__device{
    left:3%!important;bottom:39px!important;width:48%!important;height:300px!important;max-width:none!important;
    object-fit:contain!important;object-position:center bottom!important;z-index:4!important;opacity:0!important;
    filter:drop-shadow(0 14px 16px rgba(52,39,27,.19))!important;
    transform:translate3d(-42px,15px,0) scale(.91) rotateZ(-2deg)!important;transform-origin:center bottom!important;
    transition:opacity .38s ease,transform .58s cubic-bezier(.22,1,.36,1),filter .45s ease!important;
  }
  body.home section.products#produkte .wxn-products-mobile__selector{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
    width:calc(100% - 28px)!important;margin:16px auto 0!important;padding:0!important;
  }
  body.home section.products#produkte .wxn-products-mobile__selector button{
    display:flex!important;min-width:0!important;min-height:105px!important;flex-direction:column!important;align-items:center!important;
    justify-content:flex-start!important;padding:7px 3px 8px!important;border:0!important;border-bottom:1px solid rgba(141,120,97,.23)!important;
    border-radius:10px!important;background:transparent!important;color:#665e55!important;cursor:pointer!important;
    font-family:"General Sans",sans-serif!important;transition:background .25s ease,border-color .25s ease,color .25s ease!important;
  }
  body.home section.products#produkte .wxn-products-mobile__selector button:focus-visible{outline:2px solid #b48645!important;outline-offset:2px!important}
  body.home section.products#produkte .wxn-products-mobile__selector button.is-active{background:rgba(255,252,247,.72)!important;border-bottom:2px solid #b48645!important;color:#1e1d1b!important}
  body.home section.products#produkte .wxn-products-mobile__selector button img{display:block!important;width:100%!important;height:55px!important;max-width:82px!important;object-fit:contain!important;object-position:center bottom!important;margin:0 auto 3px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:55px!important;margin:0 auto 3px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual img{width:48px!important;height:48px!important;max-width:48px!important;margin:0!important;object-fit:contain!important;border-radius:12px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--lernexai img{width:70px!important;height:43px!important;max-width:70px!important;border-radius:0!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic{width:32px!important;height:32px!important;overflow:visible!important;color:#b27d32!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic path{fill:none!important;stroke:currentColor!important;stroke-width:1.35!important;stroke-linecap:round!important;animation:wxnProductsLoadingPulse 1.8s cubic-bezier(.4,0,.2,1) infinite!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic path:nth-child(1){animation-delay:-1.575s!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic path:nth-child(2){animation-delay:-1.35s!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic path:nth-child(3){animation-delay:-1.125s!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic path:nth-child(4){animation-delay:-.9s!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic path:nth-child(5){animation-delay:-.675s!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic path:nth-child(6){animation-delay:-.45s!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic path:nth-child(7){animation-delay:-.225s!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic path:nth-child(8){animation-delay:0s!important}
  body.home section.products#produkte .wxn-products-mobile__selector-number{display:block!important;color:#a47738!important;font-size:.54rem!important;line-height:1!important;letter-spacing:.08em!important;margin-bottom:4px!important}
  body.home section.products#produkte .wxn-products-mobile__selector strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.62rem!important;line-height:1.1!important;font-weight:650!important;letter-spacing:-.02em!important}
  body.home section.products#produkte .wxn-products-mobile__selector small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:3px!important;font-size:.47rem!important;line-height:1.1!important;color:#81786e!important}
  body.home section.products#produkte .wxn-products-mobile__all-cta{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:calc(100% - 34px)!important;
    min-height:44px!important;margin:17px auto 0!important;padding:11px 15px!important;border-radius:999px!important;
    background:#1d1c1b!important;color:#fffaf3!important;font-family:"General Sans",sans-serif!important;font-size:.67rem!important;
    font-weight:600!important;line-height:1!important;text-decoration:none!important;box-shadow:0 10px 22px rgba(35,28,20,.16)!important;
    opacity:0!important;transform:translateY(5px)!important;transition:opacity .32s ease,transform .38s cubic-bezier(.22,1,.36,1)!important;
  }
  body.home section.products#produkte .wxn-products-mobile__all-cta span{color:#d09a4a!important;font-size:1.1rem!important;line-height:.65!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__device{
    animation:wxnProductsDeviceIn .82s .04s cubic-bezier(.22,1,.36,1) both!important;
  }
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__pedestal{
    animation:wxnProductsPedestalIn .58s .2s cubic-bezier(.22,1,.36,1) both!important;
  }
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__info-card{
    animation:wxnProductsCardIn .68s .3s cubic-bezier(.22,1,.36,1) both!important;
  }
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__selector button{animation:wxnProductsSelectorIn .42s var(--selector-delay,.68s) ease both}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__selector button:nth-child(2){--selector-delay:.76s}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__selector button:nth-child(3){--selector-delay:.84s}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__all-cta{animation:wxnProductsSelectorIn .4s .94s ease both!important}
  @keyframes wxnProductsDeviceIn{0%{opacity:0;filter:blur(1.5px) drop-shadow(0 14px 16px rgba(52,39,27,.12));transform:translate3d(-42px,15px,0) scale(.91) rotateZ(-2deg)}100%{opacity:1;filter:drop-shadow(0 14px 16px rgba(52,39,27,.19));transform:translate3d(0,0,0) scale(1) rotateZ(0)}}
  @keyframes wxnProductsPedestalIn{0%{opacity:0;transform:translate3d(0,22px,0) scale(.94)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
  @keyframes wxnProductsCardIn{0%{opacity:0;transform:translate3d(18px,8px,-15px) scale(.97)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
  @keyframes wxnProductsSelectorIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
  @keyframes wxnProductsLoadingPulse{0%,100%{opacity:.26}35%{opacity:1}68%{opacity:.45}}
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching .wxn-products-mobile__device{opacity:.12!important;transform:translate3d(12px,0,0) scale(.98)!important;filter:blur(1px)!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching-prev .wxn-products-mobile__device{transform:translate3d(-12px,0,0) scale(.98)!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching .wxn-products-mobile__info-card{opacity:.3!important;transform:translate3d(0,3px,0) scale(.985)!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-dragging .wxn-products-mobile__device{transform:translate3d(var(--drag-x,0px),0,0)!important;transition:none!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-dragging .wxn-products-mobile__info-card{transform:translate3d(calc(var(--drag-x,0px) * .35),0,0) scale(1)!important;transition:none!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-dragging .wxn-products-mobile__pedestal{transform:translate3d(calc(var(--drag-x,0px) * .16),0,0) scale(1)!important;transition:none!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:7%!important;width:48%!important;height:245px!important;bottom:48px!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:7%!important;width:44%!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.products#produkte .wxn-products-mobile__device,
  body.home section.products#produkte .wxn-products-mobile__pedestal,
  body.home section.products#produkte .wxn-products-mobile__info-card,
  body.home section.products#produkte .wxn-products-mobile__selector button,
  body.home section.products#produkte .wxn-products-mobile__all-cta{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
}

/* Compact one-screen product stage and a guaranteed resting state after motion. */
@media (max-width:680px){
  body.home section.products#produkte{padding:24px 0 18px!important}
  body.home section.products#produkte .section__head{margin:0 16px 9px!important}
  body.home section.products#produkte .section__head .eyebrow{margin-bottom:7px!important;font-size:.55rem!important}
  body.home section.products#produkte .section__head .section__title{max-width:15ch!important;font-size:clamp(1.62rem,8.1vw,2.12rem)!important;line-height:1!important}
  body.home section.products#produkte .section__head .section__intro{max-width:34ch!important;margin-top:8px!important;font-size:.66rem!important;line-height:1.32!important}
  body.home section.products#produkte .wxn-products-mobile__stage{height:clamp(268px,76vw,318px)!important}
  body.home section.products#produkte .wxn-products-mobile__info-card{top:24px!important;width:62%!important;min-height:176px!important;padding:12px 11px 10px!important;border-radius:17px!important}
  body.home section.products#produkte .wxn-products-mobile__meta{margin-bottom:7px!important;font-size:.48rem!important}
  body.home section.products#produkte .wxn-products-mobile__meta span:last-child{font-size:.42rem!important}
  body.home section.products#produkte .wxn-products-mobile__info-title{gap:5px!important;margin-bottom:5px!important}
  body.home section.products#produkte .wxn-products-mobile__info-title img{width:20px!important;height:20px!important;flex-basis:20px!important;border-radius:5px!important}
  body.home section.products#produkte .wxn-products-mobile__info-title h3{font-size:.88rem!important}
  body.home section.products#produkte .wxn-products-mobile__info-card>p{margin-bottom:6px!important;font-size:.5rem!important;line-height:1.3!important}
  body.home section.products#produkte .wxn-products-mobile__info-card ul{gap:2px!important}
  body.home section.products#produkte .wxn-products-mobile__info-card li{font-size:.46rem!important;line-height:1.18!important;padding-left:8px!important}
  body.home section.products#produkte .wxn-products-mobile__info-card li::before{width:3px!important;height:3px!important}
  body.home section.products#produkte .wxn-products-mobile__card-cta{margin-top:7px!important;font-size:.49rem!important;gap:5px!important}
  body.home section.products#produkte .wxn-products-mobile__card-cta span{font-size:.82rem!important}
  body.home section.products#produkte .wxn-products-mobile__device{bottom:27px!important;width:45%!important;height:224px!important}
  body.home section.products#produkte .wxn-products-mobile__pedestal{bottom:5px!important;width:69%!important}
  body.home section.products#produkte .wxn-products-mobile__selector{gap:5px!important;width:calc(100% - 24px)!important;margin-top:8px!important}
  body.home section.products#produkte .wxn-products-mobile__selector button{min-height:74px!important;padding:4px 2px 5px!important;border-radius:8px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual{height:37px!important;margin-bottom:2px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual img{width:34px!important;height:34px!important;max-width:34px!important;border-radius:8px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--lernexai img{width:53px!important;height:31px!important;max-width:53px!important;border-radius:0!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic{width:24px!important;height:24px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-number{font-size:.45rem!important;margin-bottom:2px!important}
  body.home section.products#produkte .wxn-products-mobile__selector strong{font-size:.53rem!important}
  body.home section.products#produkte .wxn-products-mobile__selector small{margin-top:2px!important;font-size:.4rem!important}
  body.home section.products#produkte .wxn-products-mobile__all-cta{width:calc(100% - 28px)!important;min-height:38px!important;margin-top:10px!important;padding:9px 12px!important;font-size:.57rem!important}
  body.home section.products#produkte .wxn-products-mobile__all-cta span{font-size:.9rem!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__device{opacity:1!important;filter:drop-shadow(0 10px 13px rgba(52,39,27,.18))!important;transform:translate3d(0,0,0) scale(1) rotateZ(0)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__pedestal{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__info-card{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__info-card>*{opacity:1!important;transform:translateY(0)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__all-cta{opacity:1!important;transform:translateY(0)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:7%!important;width:45%!important;height:184px!important;bottom:30px!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:7%!important;width:42%!important;height:224px!important}
}

/* Product-stage geometry correction: open two-column composition from the supplied reference. */
@media (max-width:680px){
  body.home section.products#produkte .wxn-products-mobile__stage{overflow:visible!important}
  body.home section.products#produkte .wxn-products-mobile__pedestal{
    left:2%!important;bottom:4px!important;width:53%!important;z-index:2!important;
  }
  body.home section.products#produkte .wxn-products-mobile__info-card{
    left:50%!important;right:auto!important;top:39px!important;width:46%!important;min-height:0!important;
    padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    z-index:3!important;transform:translate3d(12px,0,0)!important;
  }
  body.home section.products#produkte .wxn-products-mobile__device{
    left:4%!important;bottom:28px!important;width:43%!important;height:224px!important;z-index:4!important;
  }
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:5%!important;width:41%!important;height:224px!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:4%!important;width:43%!important;height:184px!important;bottom:30px!important}
  body.home section.products#produkte .wxn-products-mobile__selector button,
  body.home section.products#produkte .wxn-products-mobile__selector button.is-active{background:transparent!important;border-bottom:1px solid rgba(141,120,97,.23)!important}
  body.home section.products#produkte .wxn-products-mobile__selector button.is-active{border-bottom:2px solid #b48645!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching .wxn-products-mobile__info-card{transform:translate3d(0,3px,0) scale(.99)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__info-card{transform:translate3d(0,0,0) scale(1)!important}
  /* Podest leads the assembly; device and content follow with short, controlled offsets. */
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__pedestal{animation:wxnProductsPedestalIn .58s .02s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__device{animation:wxnProductsDeviceIn .76s .1s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__info-card{animation:wxnProductsCardIn .56s .32s cubic-bezier(.22,1,.36,1) both!important}
}

/* Landingpages (Punkt 2): replay the fan assembly on every service entry. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-landingpages .wxn-service-mobile-v2__fan{display:block!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-landingpages.is-visible.is-landingpages-replay .wxn-service-mobile-v2__fan-card{opacity:0!important;filter:blur(1.5px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-landingpages.is-visible.is-landingpages-replay .wxn-service-mobile-v2__fan-card--1{transform:translateX(-50%) rotate(-2deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-landingpages.is-visible.is-landingpages-replay .wxn-service-mobile-v2__fan-card--2{transform:translateX(-50%) rotate(-1deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-landingpages.is-visible.is-landingpages-replay .wxn-service-mobile-v2__fan-card--3{transform:translateX(-50%) rotate(0deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-landingpages.is-visible.is-landingpages-replay .wxn-service-mobile-v2__fan-card--4{transform:translateX(-50%) rotate(0deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-landingpages.is-visible.is-landingpages-replay .wxn-service-mobile-v2__fan-card--5{transform:translateX(-50%) rotate(0deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-landingpages.is-visible.is-landingpages-replay .wxn-service-mobile-v2__fan-card--6{transform:translateX(-50%) rotate(1deg) scale(.66)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-landingpages.is-visible.is-landingpages-replay .wxn-service-mobile-v2__fan-card--7{transform:translateX(-50%) rotate(2deg) scale(.66)!important}
}

/* Final mobile refinement: software system positions and hairline connections.
   Kept after every service rule so earlier declarations cannot move these
   assets or restore the former, thicker three-line geometry. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2__software-visual{
    display:none!important;position:relative!important;z-index:2!important;
    width:100%!important;height:245px!important;margin:-12px auto -54px!important;
    overflow:visible!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-visual{display:block!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset{position:absolute!important;display:block!important;height:auto!important;max-width:none!important;object-fit:contain!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--dashboard{z-index:5!important;left:18%!important;top:13%!important;width:64%!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--code{z-index:3!important;left:4%!important;top:43%!important;width:16%!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--cloud{z-index:2!important;left:74%!important;top:3%!important;width:20%!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--gear{z-index:7!important;left:14%!important;top:65%!important;width:16%!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--database{z-index:4!important;right:4%!important;top:62%!important;width:18%!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-lines{position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;overflow:visible!important;pointer-events:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-lines path{fill:none!important;stroke:rgba(178,139,79,.64)!important;stroke-width:.26!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:1!important;stroke-dashoffset:1!important;opacity:0!important;transition:stroke-dashoffset .46s cubic-bezier(.22,1,.36,1),opacity .2s ease!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-lines path{stroke-dashoffset:0!important;opacity:1!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-lines path:nth-child(1){transition-delay:.56s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-lines path:nth-child(2){transition-delay:.9s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-lines path:nth-child(3){transition-delay:1.24s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-lines path:nth-child(4){transition-delay:1.58s!important}
}

/* Webseiten (Punkt 1): seven supplied layers composed as one product scene. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2__website-visual{
    display:none!important;position:relative!important;z-index:2!important;
    width:100%!important;height:245px!important;margin:-8px auto -48px!important;
    overflow:visible!important;perspective:1000px!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual{display:block!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset{
    position:absolute!important;display:block!important;height:auto!important;
    max-width:none!important;object-fit:contain!important;pointer-events:none!important;
    will-change:transform,opacity,clip-path!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites:not(.is-visible) .wxn-service-mobile-v2__website-asset{opacity:0!important;filter:blur(1.5px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--lines{
    z-index:1!important;left:-7%!important;top:10%!important;width:114%!important;
    opacity:.86!important;filter:none!important;clip-path:inset(0 100% 0 0)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--platform{
    z-index:2!important;left:-2%!important;top:35%!important;width:104%!important;
    transform:translateY(16px) scale(.96)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--cube-left{
    z-index:3!important;left:-3%!important;top:39%!important;width:33%!important;
    transform:translate(-5px,14px) rotate(-2deg) scale(.94)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--cube-right{
    z-index:3!important;right:-2%!important;top:37%!important;width:33%!important;
    transform:translate(5px,14px) rotate(2deg) scale(.94)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--laptop{
    z-index:4!important;left:6%!important;top:-4%!important;width:88%!important;
    transform:translateY(22px) scale(.94) rotateX(2deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--sphere-large{
    z-index:5!important;right:1%!important;top:56%!important;width:15%!important;
    transform:translateY(9px) scale(.8)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__website-asset--sphere-small{
    z-index:5!important;left:3%!important;top:58%!important;width:10%!important;
    transform:translateY(7px) scale(.82)!important;
  }
  @keyframes wxnWebsitePlatformIn{0%{opacity:0;transform:translateY(16px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
  @keyframes wxnWebsiteCubeLeftIn{0%{opacity:0;transform:translate(-5px,14px) rotate(-2deg) scale(.94)}100%{opacity:1;transform:translate(0,0) rotate(-2deg) scale(1)}}
  @keyframes wxnWebsiteCubeRightIn{0%{opacity:0;transform:translate(5px,14px) rotate(2deg) scale(.94)}100%{opacity:1;transform:translate(0,0) rotate(2deg) scale(1)}}
  @keyframes wxnWebsiteLaptopIn{0%{opacity:0;filter:blur(1.5px);transform:translateY(22px) scale(.94) rotateX(2deg)}100%{opacity:1;filter:none;transform:translateY(0) scale(1) rotateX(0)}}
  @keyframes wxnWebsiteLinesIn{0%{opacity:0;clip-path:inset(0 100% 0 0)}100%{opacity:.86;clip-path:inset(0 0 0 0)}}
  @keyframes wxnWebsiteSphereIn{0%{opacity:0;transform:translateY(9px) scale(.8)}70%{opacity:1;transform:translateY(-1px) scale(1.015)}100%{opacity:1;transform:translateY(0) scale(1)}}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--platform{animation:wxnWebsitePlatformIn .52s .04s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--cube-left{animation:wxnWebsiteCubeLeftIn .54s .1s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--cube-right{animation:wxnWebsiteCubeRightIn .54s .14s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--laptop{animation:wxnWebsiteLaptopIn .7s .12s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--lines{animation:wxnWebsiteLinesIn .62s .42s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--sphere-large{animation:wxnWebsiteSphereIn .46s .72s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-asset--sphere-small{animation:wxnWebsiteSphereIn .43s .79s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset{animation:none!important;opacity:0!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--lines{clip-path:inset(0 100% 0 0)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--platform{transform:translateY(16px) scale(.96)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--cube-left{transform:translate(-5px,14px) rotate(-2deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--cube-right{transform:translate(5px,14px) rotate(2deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--laptop{transform:translateY(22px) scale(.94) rotateX(2deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--sphere-large{transform:translateY(9px) scale(.8)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--sphere-small{transform:translateY(7px) scale(.82)!important}
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-asset{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}
}

/* Keep the complete visual outside the foreground panel's clipping area. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2__fan,
  body.home section.services#leistungen .wxn-service-mobile-v2__layer-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2__website-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2__rocket-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2__software-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2__pwa-visual,
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-visual{
    margin-bottom:0!important;
  }
}

/* Individuelle Software (Punkt 5): supplied five-layer code system. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-visual{display:block!important;perspective:900px!important;transform-style:preserve-3d!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software:not(.is-visible) .wxn-service-mobile-v2__software-asset{opacity:0!important;filter:blur(1.2px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--gold-lines{
    z-index:1!important;left:-6%!important;top:-4%!important;width:112%!important;
    opacity:.72!important;filter:none!important;clip-path:inset(0 100% 0 0);
    transform:none!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--laptop{
    z-index:3!important;left:10%!important;top:-3%!important;width:80%!important;
    /* Subtle depth settle keeps the laptop in place instead of making it jump vertically. */
    transform:translate3d(0,0,-16px) scale(.965) rotateX(1deg) rotateY(-.5deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--code-left{
    z-index:5!important;left:-1%!important;top:38%!important;width:19%!important;
    /* Keep the code card decisively above the line artwork throughout the reveal. */
    transform:translate(-10px,6px) translateZ(0) scale(.84) rotateY(6deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--editor{
    z-index:4!important;right:13%!important;top:5%!important;width:23%!important;
    transform:translate(10px,-6px) translateZ(-30px) scale(.82) rotateY(-6deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__software-asset--api{
    z-index:4!important;right:4%!important;top:47%!important;width:24%!important;
    transform:translate(12px,8px) translateZ(20px) scale(.86) rotateY(-4deg)!important;
  }
  @keyframes wxnSoftwareLinesIn{0%{opacity:.15;clip-path:inset(0 100% 0 0)}100%{opacity:.72;clip-path:inset(0 0 0 0)}}
  @keyframes wxnSoftwareLaptopIn{0%{opacity:0;filter:blur(1px);transform:translate3d(0,0,-16px) scale(.965) rotateX(1deg) rotateY(-.5deg)}65%{opacity:.9;filter:blur(.15px);transform:translate3d(0,0,-4px) scale(.988) rotateX(.3deg) rotateY(-.15deg)}100%{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1) rotateX(0) rotateY(0)}}
  @keyframes wxnSoftwareCodeLeftIn{0%{opacity:0;transform:translate(-10px,6px) translateZ(0) scale(.84) rotateY(6deg)}100%{opacity:1;transform:translate(0,0) translateZ(0) scale(1) rotateY(0)}}
  @keyframes wxnSoftwareEditorIn{0%{opacity:0;transform:translate(10px,-6px) translateZ(-30px) scale(.82) rotateY(-6deg)}100%{opacity:1;transform:translate(0,0) translateZ(0) scale(1) rotateY(0)}}
  @keyframes wxnSoftwareApiIn{0%{opacity:0;transform:translate(12px,8px) translateZ(20px) scale(.86) rotateY(-4deg)}100%{opacity:1;transform:translate(0,0) translateZ(0) scale(1) rotateY(0)}}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--gold-lines{animation:wxnSoftwareLinesIn .64s .02s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--laptop{animation:wxnSoftwareLaptopIn .72s .1s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--code-left{animation:wxnSoftwareCodeLeftIn .48s .26s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--editor{animation:wxnSoftwareEditorIn .5s .34s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-asset--api{animation:wxnSoftwareApiIn .5s .42s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset{animation:none!important;opacity:0!important;filter:blur(1.2px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--gold-lines{clip-path:inset(0 100% 0 0)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--gold-lines{transform:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--laptop{transform:translate3d(0,0,-16px) scale(.965) rotateX(1deg) rotateY(-.5deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--code-left{transform:translate(-10px,6px) translateZ(0) scale(.84) rotateY(6deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--editor{transform:translate(10px,-6px) translateZ(-30px) scale(.82) rotateY(-6deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--api{transform:translate(12px,8px) translateZ(20px) scale(.86) rotateY(-4deg)!important}
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-asset{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}
}

/* Individuelle Software (Punkt 5, v3): enterprise dashboard, navigation and security layers. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-visual--v3{
    display:block!important;position:relative!important;z-index:2!important;
    width:100%!important;height:250px!important;margin:-8px auto 0!important;
    overflow:visible!important;perspective:1000px!important;transform-style:preserve-3d!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset{
    position:absolute!important;display:block!important;height:auto!important;max-width:none!important;object-fit:contain!important;
    opacity:0!important;filter:blur(1.2px)!important;will-change:transform,opacity,filter!important;
    transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .5s ease,filter .55s ease!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset{opacity:1!important;filter:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset--dashboard{
    z-index:2!important;left:12%!important;top:3%!important;width:80%!important;
    transform:translate3d(10px,8px,-30px) scale(.94) rotateX(1deg) rotateY(-1deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset--nav-panel{
    z-index:1!important;left:-1%!important;top:26%!important;width:37%!important;
    transform:translate3d(-12px,6px,-25px) scale(.88) rotateY(5deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset--security{
    z-index:3!important;right:-1%!important;top:50%!important;width:34%!important;
    transform:translate3d(10px,12px,20px) scale(.84) rotateY(-4deg) rotateZ(1deg)!important;
  }
  /* Important declarations elsewhere in the legacy sheet cannot cancel these endpoints;
     transitions therefore provide the depth assembly reliably on every switch. */
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset--dashboard{animation:none!important;transform:translate3d(0,0,0) scale(1) rotateX(0) rotateY(0)!important;transition-delay:.08s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset--nav-panel{animation:none!important;transform:translate3d(0,0,0) scale(1) rotateY(0)!important;transition-delay:.24s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset--security{animation:none!important;transform:translate3d(0,0,0) scale(1) rotateY(0) rotateZ(0)!important;transition-delay:.42s!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset{animation:none!important;opacity:0!important;filter:blur(1.2px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--dashboard{transform:translate3d(10px,8px,-30px) scale(.94) rotateX(1deg) rotateY(-1deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--nav-panel{transform:translate3d(-12px,6px,-25px) scale(.88) rotateY(5deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software.is-visible.is-software-replay .wxn-service-mobile-v2__software-asset--security{transform:translate3d(10px,12px,20px) scale(.84) rotateY(-4deg) rotateZ(1deg)!important}
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-software .wxn-service-mobile-v2__software-visual--v3 .wxn-service-mobile-v2__software-asset{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}

/* Webseiten (Punkt 1, v3): phone-led web system with three independent modules. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual--v3{
    display:block!important;position:relative!important;z-index:2!important;
    width:100%!important;height:250px!important;margin:-8px auto -8px!important;
    overflow:visible!important;perspective:1000px!important;transform-style:preserve-3d!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset{
    position:absolute!important;display:block!important;height:auto!important;max-width:none!important;object-fit:contain!important;
    opacity:0!important;filter:blur(1px)!important;will-change:transform,opacity,filter,clip-path!important;
    transition:transform .68s cubic-bezier(.22,1,.36,1),opacity .48s ease,filter .52s ease,clip-path .68s cubic-bezier(.22,1,.36,1)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset{opacity:1!important;filter:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--flow{
    z-index:1!important;left:-18%!important;top:22%!important;width:136%!important;opacity:.78!important;filter:none!important;
    clip-path:inset(0 100% 0 0)!important;transform:none!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--phone{
    z-index:2!important;left:2%!important;top:8%!important;width:63%!important;
    transform:translate3d(-5px,10px,-35px) scale(.93) rotateX(2deg) rotateY(-1.5deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--globe{
    z-index:3!important;right:2%!important;top:4%!important;width:23%!important;
    transform:translate3d(8px,5px,-25px) scale(.82) rotateY(-5deg) rotateZ(2deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--code{
    z-index:3!important;right:4%!important;top:33%!important;width:23%!important;
    transform:translate3d(10px,3px,-20px) scale(.84) rotateY(-4deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--layout{
    z-index:3!important;right:2%!important;top:62%!important;width:23%!important;
    transform:translate3d(8px,5px,-18px) scale(.85) rotateY(-3deg)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--flow{
    opacity:.78!important;clip-path:inset(0 0 0 0)!important;transition-delay:.12s!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--phone{
    transform:translate3d(0,0,0) scale(1) rotateX(0) rotateY(0)!important;transition-delay:.04s!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--globe{
    transform:translate3d(0,0,0) scale(1) rotateY(0) rotateZ(0)!important;transition-delay:.34s!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--code{
    transform:translate3d(0,0,0) scale(1) rotateY(0)!important;transition-delay:.46s!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset--layout{
    transform:translate3d(0,0,0) scale(1) rotateY(0)!important;transition-delay:.58s!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset{opacity:0!important;filter:blur(1px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--flow{clip-path:inset(0 100% 0 0)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--phone{transform:translate3d(-5px,10px,-35px) scale(.93) rotateX(2deg) rotateY(-1.5deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--globe{transform:translate3d(8px,5px,-25px) scale(.82) rotateY(-5deg) rotateZ(2deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--code{transform:translate3d(10px,3px,-20px) scale(.84) rotateY(-4deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites.is-visible.is-websites-replay .wxn-service-mobile-v2__website-asset--layout{transform:translate3d(8px,5px,-18px) scale(.85) rotateY(-3deg)!important}
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-websites .wxn-service-mobile-v2__website-visual--v3 .wxn-service-mobile-v2__website-asset{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}
}

/* Außerdem / Wartung visual: supplied compact capability modules. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-visual{
    display:block!important;position:relative!important;z-index:2!important;
    width:100%!important;height:270px!important;margin:-2px auto 0!important;
    overflow:visible!important;perspective:900px!important;transform-style:preserve-3d!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-asset--flow-lines{
    position:absolute!important;z-index:1!important;left:-10%!important;top:2%!important;
    width:120%!important;height:auto!important;max-width:none!important;object-fit:contain!important;
    opacity:.7!important;filter:none!important;clip-path:inset(0 100% 0 0);
    transform:none!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-module{
    position:absolute!important;z-index:5!important;left:23%!important;width:54%!important;
    height:auto!important;transform-style:preserve-3d!important;will-change:opacity,filter!important;
  }
  /* Cards stay in front of the flow artwork for the entire reveal. */
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-module--ux{top:0!important;transform:translate3d(-14px,14px,0) rotateZ(-4deg) rotateY(4deg) scale(.92)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-module--automation{top:60px!important;transform:translate3d(12px,10px,0) rotateZ(3deg) rotateY(-3deg) scale(.93)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-module--api{top:120px!important;transform:translate3d(-10px,8px,0) rotateZ(-2.5deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-module--hosting{top:180px!important;transform:translate3d(8px,2px,0) rotateZ(2deg) scale(.94)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-module .wxn-service-mobile-v2__maintenance-asset{
    position:relative!important;inset:auto!important;display:block!important;width:100%!important;
    height:auto!important;max-width:none!important;object-fit:contain!important;opacity:0!important;
    filter:blur(1px)!important;transform:none!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-module span{
    position:absolute!important;z-index:2!important;left:35%!important;right:1%!important;top:50%!important;
    margin:0!important;color:#f4f0e8!important;font-family:var(--font-body,"General Sans",sans-serif)!important;
    font-size:.53rem!important;font-weight:500!important;line-height:1.05!important;letter-spacing:-.015em!important;
    text-align:left!important;white-space:nowrap!important;opacity:0!important;transform:translate(-3px,-50%)!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-module--hosting span{font-size:.46rem!important;letter-spacing:-.02em!important}
  @keyframes wxnMaintenanceFlowIn{0%{opacity:.12;clip-path:inset(0 100% 0 0)}100%{opacity:.7;clip-path:inset(0 0 0 0)}}
  /* Fade and sharpen only; positional transforms remain fixed so cards do not drop at the end. */
  @keyframes wxnMaintenanceModuleIn{0%{opacity:0;filter:blur(1.2px)}100%{opacity:1;filter:none}}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-asset--flow-lines{animation:wxnMaintenanceFlowIn .72s .02s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-module{animation:wxnMaintenanceModuleIn .56s var(--delay,.2s) cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-module--ux{--delay:.18s}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-module--automation{--delay:.28s}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-module--api{--delay:.38s}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-module--hosting{--delay:.48s}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-module .wxn-service-mobile-v2__maintenance-asset{opacity:1!important;filter:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-module span{opacity:1!important;transform:translate(0,-50%)!important;transition:opacity .3s ease,transform .35s ease!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-asset--flow-lines{animation:none!important;opacity:.12!important;clip-path:inset(0 100% 0 0)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-module{animation:none!important;opacity:0!important;filter:blur(1.2px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-module .wxn-service-mobile-v2__maintenance-asset{opacity:0!important;filter:blur(1px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-module span{opacity:0!important}
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-module .wxn-service-mobile-v2__maintenance-asset{opacity:1!important;filter:none!important;transform:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-module span{opacity:1!important;transform:translate(0,-50%)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-asset--flow-lines{opacity:.7!important;clip-path:none!important}
}

/* Wartung & Weiterentwicklung (Punkt 6, v3): infrastructure system built from the five supplied layers. */
@media (max-width:680px){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-visual--v3{
    display:block!important;position:relative!important;z-index:2!important;width:100%!important;height:246px!important;
    margin:-4px auto -14px!important;overflow:visible!important;perspective:1000px!important;transform-style:preserve-3d!important;isolation:isolate!important;
  }
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-v3-asset{
    position:absolute!important;display:block!important;height:auto!important;max-width:none!important;object-fit:contain!important;
    pointer-events:none!important;opacity:0;filter:blur(1.6px);will-change:transform,opacity,filter,clip-path;
    transition:opacity .55s ease,filter .65s ease,transform .72s cubic-bezier(.22,1,.36,1)!important;
  }
  /* Orbit remains behind every physical layer and reveals from its centre instead of as a hard rectangle. */
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-v3-asset--orbit{
    z-index:1!important;left:-6%!important;top:-8%!important;width:112%!important;opacity:0;filter:none;
    clip-path:ellipse(0% 0% at 50% 50%);transform:scale(.985);
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-v3-asset--base{
    z-index:2!important;left:11%!important;top:31%!important;width:78%!important;
    transform:translate3d(0,12px,-20px) scale(.9);
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-v3-asset--cloud{
    z-index:6!important;left:-4%!important;top:1%!important;width:49%!important;
    transform:translate3d(-12px,8px,-25px) scale(.86);
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-v3-asset--server{
    z-index:7!important;left:38%!important;top:39%!important;width:28%!important;
    transform:translate3d(5px,18px,-35px) scale(.88) rotateX(2deg) rotateY(-2deg);
  }
  body.home section.services#leistungen .wxn-service-mobile-v2__maintenance-v3-asset--security{
    z-index:8!important;left:49%!important;top:38%!important;width:32%!important;
    transform:translate3d(8px,12px,35px) scale(.78) rotateY(-5deg) rotateZ(1.5deg);
  }
  @keyframes wxnInfraBaseIn{0%{opacity:0;filter:blur(1px);transform:translate3d(0,12px,-20px) scale(.9)}100%{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1)}}
  @keyframes wxnInfraServerIn{0%{opacity:0;filter:blur(1.6px);transform:translate3d(5px,18px,-35px) scale(.88) rotateX(2deg) rotateY(-2deg)}100%{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1) rotateX(0) rotateY(0)}}
  @keyframes wxnInfraCloudIn{0%{opacity:0;filter:blur(2px);transform:translate3d(-12px,8px,-25px) scale(.86)}82%{opacity:1;filter:none;transform:translate3d(0,-.6px,0) scale(1.008)}100%{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1)}}
  @keyframes wxnInfraOrbitIn{0%{opacity:0;clip-path:ellipse(0% 0% at 50% 50%);filter:brightness(.96)}100%{opacity:.9;clip-path:ellipse(76% 76% at 50% 50%);filter:brightness(1)}}
  @keyframes wxnInfraServerPulse{0%,100%{filter:none}50%{filter:brightness(1.08)}}
  @keyframes wxnInfraSecurityIn{0%{opacity:0;filter:blur(1.8px);transform:translate3d(8px,12px,35px) scale(.78) rotateY(-5deg) rotateZ(1.5deg)}82%{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1.012) rotateY(0) rotateZ(0)}100%{opacity:1;filter:none;transform:translate3d(0,0,0) scale(1) rotateY(0) rotateZ(0)}}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-v3-asset--base{animation:wxnInfraBaseIn .52s .02s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-v3-asset--cloud{animation:wxnInfraCloudIn .58s .25s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-v3-asset--orbit{animation:wxnInfraOrbitIn .82s .38s cubic-bezier(.22,1,.36,1) both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-v3-asset--server{animation:wxnInfraServerIn .62s .13s cubic-bezier(.22,1,.36,1) both,wxnInfraServerPulse .26s .67s ease-in-out both}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-v3-asset--security{animation:wxnInfraSecurityIn .58s .56s cubic-bezier(.22,1,.36,1) both}
  /* A service switch replays the assembly while preserving the final resting position. */
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-v3-asset{animation:none!important;opacity:0!important;filter:blur(1.6px)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-v3-asset--orbit{clip-path:ellipse(0% 0% at 50% 50%)!important;transform:scale(.985)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-v3-asset--base{transform:translate3d(0,12px,-20px) scale(.9)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-v3-asset--cloud{transform:translate3d(-12px,8px,-25px) scale(.86)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-v3-asset--server{transform:translate3d(5px,18px,-35px) scale(.88) rotateX(2deg) rotateY(-2deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible.is-maintenance-replay .wxn-service-mobile-v2__maintenance-v3-asset--security{transform:translate3d(8px,12px,35px) scale(.78) rotateY(-5deg) rotateZ(1.5deg)!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__more[hidden]{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__more:not([hidden]){display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;margin:8px auto 0!important;color:#292723!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__more-heading{display:none!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__more-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px 14px!important;width:min(250px,76vw)!important;text-align:left!important;font-family:var(--font-body,"General Sans",sans-serif)!important;font-size:.57rem!important;line-height:1.25!important;letter-spacing:-.01em!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__more-list span{position:relative!important;padding-left:9px!important;white-space:nowrap!important}
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__more-list span::before{content:""!important;position:absolute!important;left:0!important;top:.45em!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#b58a43!important}
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance .wxn-service-mobile-v2__maintenance-v3-asset,
  body.home section.services#leistungen .wxn-service-mobile-v2.is-maintenance.is-visible .wxn-service-mobile-v2__maintenance-v3-asset{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important;transition:none!important}
}

/* One-screen mobile composition with soft white carousel fade. */
@media (max-width:680px){
  body.home section.projects{min-height:calc(100svh - 64px)!important;height:calc(100svh - 64px)!important;padding:28px 0 22px!important;display:flex!important;align-items:stretch!important}
  body.home section.projects>.container{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important}
  body.home section.projects .section__head{flex:0 0 auto!important;margin-bottom:16px!important}
  body.home section.projects .section__head .eyebrow{margin-bottom:9px!important}
  body.home section.projects .section__head h2{font-size:clamp(2rem,9.8vw,2.65rem)!important;line-height:.97!important}
  body.home section.projects .section__head .section__intro{margin-top:11px!important;font-size:.82rem!important;line-height:1.4!important}
  body.home section.projects .bento{flex:1 1 auto!important;min-height:0!important;padding-top:0!important;padding-bottom:8px!important;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)!important}
  body.home section.projects .bcard,body.home section.projects .bcard--lg,body.home section.projects .bcard--tall{height:clamp(300px,52svh,370px)!important;min-height:clamp(300px,52svh,370px)!important;grid-template-rows:clamp(108px,18svh,132px) minmax(0,1fr)!important;border-radius:16px!important}
  body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{height:clamp(108px,18svh,132px)!important;margin:11px 11px 0!important}
  body.home section.projects .bcard__body,body.home section.projects .bcard--lg .bcard__body{padding:13px 15px 12px!important}
  body.home section.projects .bcard h3,body.home section.projects .bcard--lg .bcard__body h3{margin:7px 0 4px!important;font-size:1.18rem!important}
  body.home section.projects .bcard p,body.home section.projects .bcard--lg .bcard__body p{font-size:.66rem!important;line-height:1.35!important;-webkit-line-clamp:3!important}
  body.home section.projects .bcard__link{padding-top:9px!important;font-size:.64rem!important}
  body.home section.projects .projects__mobile-foot{gap:8px!important;margin-top:0!important}
  body.home section.projects .projects__dots{gap:11px!important;height:10px!important}
  body.home section.projects .projects__dots i{width:6px!important;height:6px!important}
  body.home section.projects .projects__dots i.is-active{width:8px!important;height:8px!important}
  body.home section.projects .projects__mobile-foot p{gap:8px!important;font-size:.72rem!important}
  body.home section.projects .projects__swipe-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
  body.home section.projects .projects__cta{margin:12px 16px 0!important}
  body.home section.projects .projects__cta .btn{min-height:45px!important;font-size:.78rem!important}
}

/* Final mobile sizing pass: keep the lead card large and fully visible. */
@media (max-width:680px){
  body.home section.projects{min-height:0!important;height:auto!important;padding:44px 0 30px!important}
  body.home section.projects .section__head{margin-bottom:24px!important}
  body.home section.projects .section__head h2{font-size:clamp(2rem,8vw,2.7rem)!important;line-height:.98!important}
  body.home section.projects .section__head .section__intro{font-size:.84rem!important;line-height:1.42!important;margin-top:12px!important}
  body.home section.projects .bento{flex:0 0 auto!important;height:clamp(388px,calc(58svh + 18px),458px)!important;padding:0 13vw 18px!important;gap:12px!important;scroll-padding-inline:13vw!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)!important}
  body.home section.projects .bcard,body.home section.projects .bcard--lg,body.home section.projects .bcard--tall{flex:0 0 74vw!important;width:74vw!important;height:clamp(370px,58svh,440px)!important;grid-template-rows:clamp(128px,20svh,158px) minmax(0,1fr)!important;border-radius:18px!important}
  body.home section.projects .bcard__mock,body.home section.projects .bcard--lg .bcard__mock{height:clamp(128px,20svh,158px)!important;margin:0!important;border-radius:17px 17px 0 0!important}
  body.home section.projects .bcard__body,body.home section.projects .bcard--lg .bcard__body{padding:15px 17px 13px!important}
  body.home section.projects .bcard h3,body.home section.projects .bcard--lg .bcard__body h3{font-size:1.2rem!important;margin:8px 0 5px!important}
  body.home section.projects .bcard p,body.home section.projects .bcard--lg .bcard__body p{font-size:.68rem!important;line-height:1.38!important;-webkit-line-clamp:4!important}
  body.home section.projects .projects__mobile-foot{gap:11px!important;margin-top:10px!important}
  body.home section.projects .projects__mobile-foot p{font-size:.74rem!important}
  body.home section.projects .projects__swipe-icon{width:29px!important;height:29px!important;flex-basis:29px!important}
  body.home section.projects .projects__cta{margin:14px 16px 0!important}
  body.home section.projects .projects__cta .btn{min-height:48px!important;font-size:.8rem!important}
}

/* Product-stage overrides placed after all legacy mobile rules. */
@media (max-width:680px){
  body.home section.products#produkte .wxn-products-mobile__pedestal{left:2%!important;bottom:4px!important;width:53%!important;z-index:2!important}
  body.home section.products#produkte .wxn-products-mobile__device{left:4%!important;bottom:28px!important;width:43%!important;height:224px!important;z-index:4!important}
  body.home section.products#produkte .wxn-products-mobile__info-card{left:50%!important;right:auto!important;top:39px!important;width:46%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:3!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:5%!important;width:41%!important;height:224px!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:4%!important;width:43%!important;height:184px!important;bottom:30px!important}
  body.home section.products#produkte .wxn-products-mobile__selector button,
  body.home section.products#produkte .wxn-products-mobile__selector button.is-active{background:transparent!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching .wxn-products-mobile__info-card{transform:translate3d(0,3px,0) scale(.99)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__pedestal{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__device{opacity:1!important;filter:drop-shadow(0 10px 13px rgba(52,39,27,.18))!important;transform:translate3d(0,0,0) scale(1) rotateZ(0)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__info-card{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__info-card>*{opacity:1!important;transform:translateY(0)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__all-cta{opacity:1!important;transform:translateY(0)!important;animation:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__pedestal{animation:wxnProductsPedestalIn .58s .02s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__device{animation:wxnProductsDeviceIn .76s .1s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__info-card{animation:wxnProductsCardIn .56s .32s cubic-bezier(.22,1,.36,1) both!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.products#produkte .wxn-products-mobile__pedestal,
  body.home section.products#produkte .wxn-products-mobile__device,
  body.home section.products#produkte .wxn-products-mobile__info-card{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}

/* Final calibration against the supplied reference: keep the stage open and lift the device onto the pedestal. */
@media (max-width:680px){
  body.home section.products#produkte .wxn-products-mobile__device{left:4%!important;bottom:24%!important;width:48%!important;height:clamp(208px,65vw,236px)!important}
  body.home section.products#produkte .wxn-products-mobile__pedestal{left:1%!important;bottom:-14%!important;width:50%!important}
  body.home section.products#produkte .wxn-products-mobile__info-card{left:51%!important;top:42px!important;width:45%!important}
  body.home section.products#produkte .wxn-products-mobile__info-title h3{font-size:.98rem!important}
  body.home section.products#produkte .wxn-products-mobile__info-card>p{font-size:.54rem!important;line-height:1.32!important}
  body.home section.products#produkte .wxn-products-mobile__info-card li{font-size:.49rem!important}
  body.home section.products#produkte .wxn-products-mobile__card-cta{font-size:.52rem!important}
  body.home section.products#produkte .wxn-products-mobile__stage::after{content:""!important;position:absolute!important;z-index:3!important;left:8%!important;bottom:22%!important;width:37%!important;height:13px!important;border-radius:50%!important;background:radial-gradient(ellipse,rgba(45,32,19,.24) 0%,rgba(45,32,19,0) 72%)!important;filter:blur(4px)!important;pointer-events:none!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:5%!important;width:46%!important;height:clamp(208px,65vw,236px)!important;bottom:24%!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:4%!important;width:48%!important;height:clamp(170px,53vw,192px)!important;bottom:23%!important}
}

/* Remove the duplicated room layer; the supplied combined image is the sole stage background. */
@media (max-width:680px){
  body.home section.products#produkte{background-image:none!important;background-color:#f7f3ee!important}
  body.home section.products#produkte .wxn-products-mobile__backdrop{opacity:1!important;filter:none!important;object-fit:cover!important;object-position:center 70%!important;z-index:1!important}
  body.home section.products#produkte .wxn-products-mobile__device{left:10%!important;bottom:33%!important;width:48%!important;height:clamp(208px,65vw,236px)!important;z-index:4!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:11%!important;width:46%!important;bottom:33%!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:10%!important;width:48%!important;height:clamp(170px,53vw,192px)!important;bottom:31%!important}
  body.home section.products#produkte .wxn-products-mobile__stage::after{bottom:31%!important;left:13%!important;width:37%!important;opacity:.14!important}
}

/* Keep settled devices animatable on product switches; the older settled rule must not cancel this transition. */
@media (max-width:680px){
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage.is-switching .wxn-products-mobile__device{opacity:.08!important;filter:blur(1px)!important;transform:translate3d(14px,0,0) scale(.97)!important;animation:none!important;transition:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage.is-switching-prev .wxn-products-mobile__device{transform:translate3d(-14px,0,0) scale(.97)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage:not(.is-switching) .wxn-products-mobile__device{opacity:1!important;filter:drop-shadow(0 10px 13px rgba(52,39,27,.18))!important;transform:translate3d(0,0,0) scale(1) rotateZ(0)!important;animation:none!important;transition:opacity .38s ease,transform .58s cubic-bezier(.22,1,.36,1),filter .45s ease!important}
}

/* Absolute last word for the mobile products composition. */
@media (max-width:680px){
  body.home section.products#produkte{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#f7f3ee!important;background-image:none!important}
  body.home section.products#produkte>.wxn-products-mobile__backdrop{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 70%!important;z-index:1!important;opacity:1!important;visibility:visible!important;filter:none!important;pointer-events:none!important}
  body.home section.products#produkte>.container{position:relative!important;z-index:2!important}
  body.home section.products#produkte .wxn-products-mobile__stage{background:transparent!important;overflow:visible!important}
  body.home section.products#produkte .wxn-products-mobile__stage>.wxn-products-mobile__backdrop{display:none!important}
  body.home section.products#produkte .wxn-products-mobile__device{left:10%!important;bottom:21%!important;width:48%!important;height:clamp(208px,65vw,236px)!important;z-index:4!important;transform-origin:center bottom!important;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12))!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:11%!important;width:46%!important;bottom:21%!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:10%!important;width:48%!important;height:clamp(170px,53vw,192px)!important;bottom:19%!important}
  body.home section.products#produkte .wxn-products-mobile__stage::after{content:""!important;position:absolute!important;z-index:3!important;left:8%!important;bottom:22%!important;width:43%!important;height:14px!important;border-radius:50%!important;background:radial-gradient(ellipse,rgba(45,32,19,.25) 0%,rgba(45,32,19,.1) 38%,rgba(45,32,19,0) 74%)!important;filter:blur(4px)!important;pointer-events:none!important}
  @keyframes wxnProductsDeviceFromEdgeFinal{0%{opacity:0;filter:blur(2px) drop-shadow(0 16px 12px rgba(39,28,17,.1));transform:translate3d(-120vw,18px,-40px) scale(.86) rotateZ(-3deg)}66%{opacity:1;filter:blur(.25px) drop-shadow(0 17px 13px rgba(39,28,17,.2));transform:translate3d(5px,-2px,0) scale(1.018) rotateZ(.35deg)}84%{opacity:1;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12));transform:translate3d(-1px,1px,0) scale(.997) rotateZ(-.08deg)}100%{opacity:1;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12));transform:translate3d(0,0,0) scale(1) rotateZ(0)}}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__device{animation:wxnProductsDeviceFromEdgeFinal .94s .08s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching .wxn-products-mobile__device{opacity:1!important;animation:wxnProductsDeviceFromEdgeFinal .94s .02s cubic-bezier(.22,1,.36,1) both!important;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12))!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage:not(.is-switching) .wxn-products-mobile__device{opacity:1!important;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12))!important;transform:translate3d(0,0,0) scale(1) rotateZ(0)!important;animation:none!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){body.home section.products#produkte .wxn-products-mobile__device{animation:none!important;opacity:1!important;filter:drop-shadow(0 12px 10px rgba(39,28,17,.18))!important;transform:none!important}}

/* Final pricing pass: larger artwork, a shorter top lead-in and no PWA
   feature list on mobile so the timeline remains fully visible. */
@media (max-width:680px){
  body.home section.pricing#preise .wxn-pricing-mobile__features{display:none!important}
  .wxn-pricing-mobile__timeline{margin-top:clamp(22px,4vh,38px)!important}
  .wxn-pricing-mobile__line{top:22px!important;height:calc(100% - 29px)!important}
  .wxn-pricing-mobile__station{width:calc(50% - 2px)!important;min-height:clamp(84px,12vh,116px)!important}
  .wxn-pricing-mobile__station--feature{width:calc(50% - 2px)!important;min-height:clamp(145px,21vh,198px)!important}
  .wxn-pricing-mobile__visual{width:130%!important;height:130%!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__visual{transform:translate3d(-4px,2px,0) scale(1.18)!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__visual{transform:translate3d(4px,2px,0) scale(1.18)!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__visual{transform:translate3d(-3px,3px,0) scale(1.18)!important}
  .wxn-pricing-mobile__station.is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,0,0) scale(1.28)!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__node{right:-2px!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node{left:-2px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__node{right:-2px!important}
  .wxn-pricing-mobile__station--left::after{right:-2px!important;width:2px!important}
  .wxn-pricing-mobile__station--right::after{left:-2px!important;width:2px!important}
  .wxn-pricing-mobile__station--feature::after{right:-1px!important;width:3px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__content{padding-top:13px!important;padding-bottom:8px!important}
}
@media (max-width:680px) and (max-height:740px){
  .wxn-pricing-mobile__station{min-height:76px!important}
  .wxn-pricing-mobile__station--feature{min-height:132px!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  .wxn-pricing-mobile__station .wxn-pricing-mobile__visual{transform:none!important}
}

/* Mobile price orientation: a quiet, scroll-built timeline. */
.wxn-pricing-mobile{display:none}
@media (max-width:680px){
  body.home section.pricing#preise{position:relative;overflow:hidden;background:#f8f4ee!important;padding:34px 0 28px!important}
  body.home section.pricing#preise>.container{width:100%;max-width:none;padding:0 14px!important}
  body.home section.pricing#preise .section__head{margin:0 0 22px!important;padding:0 5px!important}
  body.home section.pricing#preise .section__head .eyebrow{margin-bottom:12px!important;font-size:.59rem!important;letter-spacing:.22em!important;color:#a57b3c!important}
  body.home section.pricing#preise .section__title{max-width:11ch!important;margin:0!important;font-family:"Clash Display",var(--font-display),sans-serif!important;font-size:clamp(2.15rem,10.4vw,3rem)!important;line-height:.98!important;letter-spacing:-.055em!important;color:#161616!important}
  body.home section.pricing#preise .section__intro{max-width:25ch!important;margin:14px 0 0!important;font-family:"Manrope",var(--font-body),sans-serif!important;font-size:.82rem!important;line-height:1.42!important;color:#6f6b66!important}
  body.home section.pricing#preise .pricing__grid,
  body.home section.pricing#preise>.container>.pricing__note{display:none!important}
  body.home section.pricing#preise .wxn-pricing-mobile{display:block!important;position:relative}
  .wxn-pricing-mobile__timeline{position:relative;display:grid;gap:14px;padding:2px 0 10px}
  .wxn-pricing-mobile__line{position:absolute;z-index:0;left:50%;top:7px;width:12px;height:calc(100% - 13px);overflow:visible;transform:translateX(-50%);pointer-events:none}
  .wxn-pricing-mobile__line path{fill:none;vector-effect:non-scaling-stroke}
  .wxn-pricing-mobile__line-base{stroke:#bda47d;stroke-width:1;opacity:.27}
  .wxn-pricing-mobile__line-progress{stroke:#b48743;stroke-width:1.35;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s cubic-bezier(.22,1,.36,1);opacity:.92}
  .wxn-pricing-mobile__station{position:relative;z-index:1;display:flex;min-height:128px;align-items:center;width:calc(50% - 18px);opacity:0;transform:translate3d(0,12px,0);transition:opacity .46s ease,transform .56s cubic-bezier(.22,1,.36,1)}
  .wxn-pricing-mobile__station--left{justify-self:start;padding-right:0}
  .wxn-pricing-mobile__station--right{justify-self:end;padding-left:0}
  .wxn-pricing-mobile__station--feature{width:calc(50% - 18px);min-height:244px;align-items:stretch}
  .wxn-pricing-mobile__station.is-visible{opacity:1;transform:none}
  .wxn-pricing-mobile__card{position:relative;width:100%;min-height:128px;overflow:hidden;border:1px solid rgba(160,132,94,.2);border-radius:22px;background:rgba(255,252,247,.74);box-shadow:0 10px 24px rgba(65,48,31,.06),inset 0 1px 0 rgba(255,255,255,.82)}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__card{min-height:244px;border-radius:26px;background:rgba(255,252,247,.8);box-shadow:0 14px 30px rgba(65,48,31,.08),inset 0 1px 0 rgba(255,255,255,.9)}
  .wxn-pricing-mobile__visual{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;opacity:.96;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .4s ease}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__visual{object-position:left center;transform:translate3d(-10px,7px,0) scale(.965)}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__visual{object-position:right center;transform:translate3d(10px,7px,0) scale(.965)}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__visual{object-position:right center;transform:translate3d(-12px,10px,0) scale(.95)}
  .wxn-pricing-mobile__station.is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,0,0) scale(1)}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__content{margin-left:auto;width:57%;padding:17px 14px 15px 8px}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__content{width:57%;padding:17px 8px 15px 14px}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__content{margin-left:auto;width:55%;padding:25px 17px 20px 8px}
  .wxn-pricing-mobile__label{position:relative;z-index:2;margin:0 0 7px!important;font-family:"Manrope",var(--font-body),sans-serif!important;font-size:.56rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.17em!important;text-transform:uppercase!important;color:#a2773b!important}
  .wxn-pricing-mobile__from{display:block;position:relative;z-index:2;font-family:"Manrope",var(--font-body),sans-serif;font-size:.62rem;line-height:1.1;color:#7c7770}
  .wxn-pricing-mobile__price{display:block;position:relative;z-index:2;margin:1px 0 10px;font-family:"Clash Display",var(--font-display),sans-serif;font-size:1.58rem;line-height:1;letter-spacing:-.045em;color:#171717}
  .wxn-pricing-mobile__price small{font-family:"Manrope",var(--font-body),sans-serif;font-size:.7rem;font-weight:600;letter-spacing:-.02em}
  .wxn-pricing-mobile__cta{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:28px;padding:5px 10px;border:1px solid rgba(176,133,67,.65);border-radius:999px;background:rgba(255,253,249,.82);font-family:"Manrope",var(--font-body),sans-serif;font-size:.62rem;font-weight:700;line-height:1;color:#282522;text-decoration:none;white-space:nowrap;transition:transform .16s ease,background .16s ease}
  .wxn-pricing-mobile__cta:active{transform:scale(.97)}
  .wxn-pricing-mobile__cta svg,.wxn-pricing-mobile__global-cta svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .16s ease}
  .wxn-pricing-mobile__cta:hover svg,.wxn-pricing-mobile__global-cta:hover svg{transform:translateX(2px)}
  .wxn-pricing-mobile__cta--gold{border-color:#b48743;background:#b48743;color:#fffdf8;box-shadow:0 6px 12px rgba(157,111,44,.2)}
  .wxn-pricing-mobile__features{position:relative;z-index:2;display:grid;gap:4px;margin:1px 0 13px!important;padding:0!important;list-style:none!important}
  .wxn-pricing-mobile__features li{position:relative;margin:0!important;padding-left:11px;font-family:"Manrope",var(--font-body),sans-serif;font-size:.53rem;line-height:1.28;color:#605b55}
  .wxn-pricing-mobile__features li::before{content:"";position:absolute;left:0;top:.46em;width:4px;height:4px;border-radius:50%;background:#b48743}
  .wxn-pricing-mobile__node{position:absolute;z-index:4;top:50%;right:-17px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(180,135,67,.72);border-radius:50%;background:#fbf8f2;box-shadow:0 0 0 5px rgba(248,244,238,.92);font-family:"Manrope",var(--font-body),sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.03em;color:#ae7b36;opacity:.9;transform:translate(50%,-50%) scale(.74);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1),background .25s ease}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node{left:-17px;right:auto;transform:translate(-50%,-50%) scale(.74)}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__node{top:22px;right:-17px;transform:translate(50%,-50%) scale(.74)}
  .wxn-pricing-mobile__station.is-visible .wxn-pricing-mobile__node{opacity:1;background:#fffaf0;transform:translate(50%,-50%) scale(1)}
  .wxn-pricing-mobile__station--right.is-visible .wxn-pricing-mobile__node{transform:translate(-50%,-50%) scale(1)}
  .wxn-pricing-mobile__station--feature.is-visible .wxn-pricing-mobile__node{transform:translate(50%,-50%) scale(1)}
  .wxn-pricing-mobile__station--left::after,.wxn-pricing-mobile__station--right::after{content:"";position:absolute;z-index:2;top:50%;width:20px;height:1px;background:rgba(180,135,67,.44);transform:translateY(-50%)}
  .wxn-pricing-mobile__station--left::after{right:-20px}
  .wxn-pricing-mobile__station--right::after{left:-20px}
  .wxn-pricing-mobile__station--feature::after{top:22px;right:-1px;width:23px}
  .wxn-pricing-mobile__note{display:flex;align-items:flex-start;gap:10px;margin:19px 5px 12px;padding:13px 13px;border:1px solid rgba(164,132,88,.22);border-radius:17px;background:rgba(255,252,247,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);opacity:0;transform:translateY(8px);transition:opacity .45s ease .2s,transform .5s cubic-bezier(.22,1,.36,1) .2s}
  .wxn-pricing-mobile.is-ready .wxn-pricing-mobile__note{opacity:1;transform:none}
  .wxn-pricing-mobile__note-icon{display:grid;flex:0 0 22px;place-items:center;width:22px;height:22px;border:1px solid #b48743;border-radius:50%;font-family:Georgia,serif;font-size:.85rem;font-weight:700;color:#a87938}
  .wxn-pricing-mobile__note p{margin:0!important;font-family:"Manrope",var(--font-body),sans-serif;font-size:.6rem;line-height:1.42;color:#706a62}
  .wxn-pricing-mobile__global-cta{display:flex;align-items:center;justify-content:center;gap:12px;width:calc(100% - 10px);min-height:46px;margin:0 5px;padding:12px 16px;border-radius:999px;background:#181817;box-shadow:0 12px 22px rgba(26,23,20,.18);font-family:"Manrope",var(--font-body),sans-serif;font-size:.72rem;font-weight:700;line-height:1;color:#fffdf8;text-decoration:none;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .45s ease .34s,transform .5s cubic-bezier(.22,1,.36,1) .34s}
  .wxn-pricing-mobile.is-ready .wxn-pricing-mobile__global-cta{opacity:1;transform:none}
  .wxn-pricing-mobile__global-cta svg{color:#d5a054;width:17px;height:17px}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  .wxn-pricing-mobile__station{opacity:1!important;transform:none!important;transition:none!important}
  .wxn-pricing-mobile__station .wxn-pricing-mobile__visual{transform:none!important;transition:none!important}
  .wxn-pricing-mobile__node{opacity:1!important;transform:translate(50%,-50%) scale(1)!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node{transform:translate(-50%,-50%) scale(1)!important}
  .wxn-pricing-mobile__line-progress{stroke-dashoffset:0!important;transition:none!important}
  .wxn-pricing-mobile__note,.wxn-pricing-mobile__global-cta{opacity:1!important;transform:none!important;transition:none!important}
}
@media (max-width:680px){
  /* The supplied PNGs place the PWA/code visual on the right and the shield on the left;
     keep the HTML copy on their clean side while preserving the alternating timeline. */
  body.home section.pricing#preise .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__content{margin-left:0;width:55%;padding:25px 8px 20px 17px}
  body.home section.pricing#preise .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__visual{object-fit:cover;object-position:right center}
  body.home section.pricing#preise .wxn-pricing-mobile__station--software .wxn-pricing-mobile__content{margin-left:auto;width:57%;padding:17px 14px 15px 8px}
  body.home section.pricing#preise .wxn-pricing-mobile__station--software .wxn-pricing-mobile__visual{object-position:left center}
}

/* Final compact composition: the supplied architectural plate is the only
   section background; station PNGs remain transparent visual layers. */
@media (max-width:680px){
  body.home section.pricing#preise{
    min-height:100svh!important;
    height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
    padding:clamp(18px,3.2vh,30px) 0 clamp(14px,2.4vh,24px)!important;
    background-color:#f7f2eb!important;
    background-image:url("../img/pricing-mobile-background.png")!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }
  body.home section.pricing#preise::before,
  body.home section.pricing#preise::after{display:none!important;background:none!important}
  body.home section.pricing#preise .section__head{margin-bottom:clamp(10px,1.8vh,18px)!important}
  body.home section.pricing#preise .section__head .eyebrow{margin-bottom:clamp(7px,1.2vh,12px)!important}
  body.home section.pricing#preise .section__title{font-size:clamp(1.72rem,8.4vw,2.55rem)!important;line-height:.95!important}
  body.home section.pricing#preise .section__intro{margin-top:clamp(8px,1.5vh,14px)!important;font-size:clamp(.68rem,2.2vw,.82rem)!important;line-height:1.3!important}
  .wxn-pricing-mobile__timeline{gap:clamp(4px,1vh,10px)!important;padding:0 0 3px!important}
  .wxn-pricing-mobile__station{min-height:clamp(62px,9.5vh,90px)!important;width:calc(50% - 18px)!important}
  .wxn-pricing-mobile__station--feature{min-height:clamp(112px,17vh,160px)!important;width:calc(50% - 18px)!important}
  .wxn-pricing-mobile__card,.wxn-pricing-mobile__station--feature .wxn-pricing-mobile__card{min-height:inherit!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .wxn-pricing-mobile__visual{opacity:1!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__content{padding:9px 9px 7px 3px!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__content{padding:9px 3px 7px 9px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__content{padding:14px 4px 10px 10px!important}
  .wxn-pricing-mobile__label{margin-bottom:3px!important;font-size:clamp(.4rem,1.45vw,.56rem)!important;letter-spacing:.13em!important}
  .wxn-pricing-mobile__from{font-size:clamp(.46rem,1.6vw,.62rem)!important}
  .wxn-pricing-mobile__price{margin:1px 0 5px!important;font-size:clamp(1.08rem,4.5vw,1.58rem)!important}
  .wxn-pricing-mobile__price small{font-size:clamp(.46rem,1.75vw,.7rem)!important}
  .wxn-pricing-mobile__cta{min-height:22px!important;padding:4px 7px!important;gap:4px!important;font-size:clamp(.43rem,1.65vw,.62rem)!important}
  .wxn-pricing-mobile__cta svg{width:11px!important;height:11px!important}
  .wxn-pricing-mobile__features{gap:2px!important;margin:0 0 6px!important}
  .wxn-pricing-mobile__features li{padding-left:8px;font-size:clamp(.39rem,1.35vw,.53rem);line-height:1.16}
  .wxn-pricing-mobile__features li::before{top:.4em;width:3px;height:3px}
  .wxn-pricing-mobile__node{width:27px!important;height:27px!important;font-size:.52rem!important;box-shadow:0 0 0 4px rgba(247,242,235,.9)!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__node{right:-17px!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node{left:-17px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__node{top:19px!important;right:-17px!important}
  .wxn-pricing-mobile__station--left::after,.wxn-pricing-mobile__station--right::after{width:18px!important}
  .wxn-pricing-mobile__station--left::after{right:-18px!important}
  .wxn-pricing-mobile__station--right::after{left:-18px!important}
  .wxn-pricing-mobile__station--feature::after{top:19px!important;right:-1px!important;width:19px!important}
  .wxn-pricing-mobile__note{gap:7px!important;margin:clamp(7px,1.4vh,14px) 3px 7px!important;padding:8px 9px!important;border-radius:13px!important}
  .wxn-pricing-mobile__note-icon{flex-basis:18px!important;width:18px!important;height:18px!important;font-size:.7rem!important}
  .wxn-pricing-mobile__note p{font-size:clamp(.46rem,1.7vw,.6rem)!important;line-height:1.27!important}
  .wxn-pricing-mobile__global-cta{min-height:38px!important;margin:0 3px!important;padding:9px 12px!important;gap:8px!important;font-size:clamp(.55rem,2vw,.72rem)!important}
  .wxn-pricing-mobile__global-cta svg{width:14px!important;height:14px!important}
}
@media (max-width:680px) and (max-height:740px){
  body.home section.pricing#preise{padding-top:14px!important;padding-bottom:10px!important}
  body.home section.pricing#preise .section__head{margin-bottom:7px!important}
  body.home section.pricing#preise .section__head .eyebrow{margin-bottom:5px!important;font-size:.5rem!important}
  body.home section.pricing#preise .section__title{font-size:clamp(1.48rem,7.5vw,2rem)!important}
  body.home section.pricing#preise .section__intro{margin-top:6px!important;font-size:.61rem!important}
  .wxn-pricing-mobile__station{min-height:54px!important}
  .wxn-pricing-mobile__station--feature{min-height:98px!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__content,.wxn-pricing-mobile__station--right .wxn-pricing-mobile__content{padding-top:6px!important;padding-bottom:4px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__content{padding-top:9px!important;padding-bottom:6px!important}
  .wxn-pricing-mobile__price{margin-bottom:3px!important}
  .wxn-pricing-mobile__features{gap:1px!important;margin-bottom:3px!important}
  .wxn-pricing-mobile__note{margin-top:4px!important;margin-bottom:4px!important;padding:6px 8px!important}
  .wxn-pricing-mobile__global-cta{min-height:33px!important;padding:7px 10px!important}
}
@media (max-width:680px){
  /* Reference geometry: cards sit closer to the centre line and the visual
     artwork is enlarged inside the transparent PNG layer. */
  .wxn-pricing-mobile__timeline{margin-top:clamp(8px,1.7vh,16px)!important;gap:clamp(5px,1.2vh,10px)!important}
  .wxn-pricing-mobile__station{width:calc(50% - 10px)!important;min-height:clamp(72px,11vh,108px)!important}
  .wxn-pricing-mobile__station--feature{width:calc(50% - 10px)!important;min-height:clamp(140px,22vh,190px)!important}
  .wxn-pricing-mobile__visual{width:112%!important;height:112%!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__visual{transform:translate3d(-4px,3px,0) scale(1.08)!important;transform-origin:left center}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__visual{transform:translate3d(4px,3px,0) scale(1.08)!important;transform-origin:right center}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__visual{object-fit:contain!important;object-position:left center!important;transform:translate3d(-3px,4px,0) scale(1.08)!important;transform-origin:left center}
  .wxn-pricing-mobile__station.is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,0,0) scale(1.14)!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__node{right:-10px!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node{left:-10px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__node{right:-10px!important}
  .wxn-pricing-mobile__station--left::after{right:-10px!important;width:10px!important}
  .wxn-pricing-mobile__station--right::after{left:-10px!important;width:10px!important}
  .wxn-pricing-mobile__station--feature::after{right:-1px!important;width:11px!important}
  /* PWA phone is the left-side visual, so copy belongs on the clean right. */
  body.home section.pricing#preise .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__content{margin-left:auto;width:57%;padding:14px 4px 10px 8px!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__visual{object-position:left center!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__label{font-size:clamp(.4rem,1.45vw,.56rem)!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__price{font-size:clamp(1.2rem,5vw,1.78rem)!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__features li{font-size:clamp(.39rem,1.45vw,.55rem)!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  .wxn-pricing-mobile__station .wxn-pricing-mobile__visual{transform:none!important}
}
@media (max-width:680px) and (max-height:740px){
  .wxn-pricing-mobile__station{min-height:60px!important}
  .wxn-pricing-mobile__station--feature{min-height:108px!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__content,.wxn-pricing-mobile__station--right .wxn-pricing-mobile__content{padding-top:5px!important;padding-bottom:3px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__content{padding-top:8px!important;padding-bottom:5px!important}
}
@media (max-width:680px){
  body.home section.pricing#preise .section__intro{display:none!important}
  body.home section.pricing#preise{
    background-position:center -54px!important;
    background-size:auto calc(100% + 54px)!important;
  }
  .wxn-pricing-mobile__timeline{margin-top:clamp(14px,2.8vh,28px)!important}
  .wxn-pricing-mobile__station{width:calc(50% - 6px)!important;min-height:clamp(70px,10.5vh,104px)!important}
  .wxn-pricing-mobile__station--feature{width:calc(50% - 6px)!important;min-height:clamp(125px,19vh,180px)!important}
  .wxn-pricing-mobile__visual{width:120%!important;height:120%!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__visual{transform:translate3d(-3px,2px,0) scale(1.13)!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__visual{transform:translate3d(3px,2px,0) scale(1.13)!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__visual{transform:translate3d(-2px,3px,0) scale(1.13)!important}
  .wxn-pricing-mobile__station.is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,0,0) scale(1.2)!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__node{right:-6px!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node{left:-6px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__node{right:-6px!important}
  .wxn-pricing-mobile__station--left::after{right:-6px!important;width:6px!important}
  .wxn-pricing-mobile__station--right::after{left:-6px!important;width:6px!important}
  .wxn-pricing-mobile__station--feature::after{right:-1px!important;width:7px!important}
}
@media (max-width:680px) and (max-height:740px){
  .wxn-pricing-mobile__station{min-height:70px!important}
  .wxn-pricing-mobile__station--feature{min-height:125px!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  .wxn-pricing-mobile__station .wxn-pricing-mobile__visual{transform:none!important}
}

/* Final UI alignment: devices sit deeper on the integrated pedestal and the
   product details read as a deliberate, opaque interface card. */
@media (max-width:680px){
  body.home section.products#produkte .wxn-products-mobile__device{bottom:15%!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{bottom:15%!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{bottom:8%!important}
  body.home section.products#produkte .wxn-products-mobile__info-card{
    background:linear-gradient(145deg,#fffdf9 0%,#f4ede4 100%)!important;
    border:1px solid rgba(157,119,70,.2)!important;border-radius:16px!important;
    padding:9px 9px 8px!important;box-shadow:0 14px 30px rgba(73,53,33,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body.home section.products#produkte .wxn-products-mobile__meta{font-size:.52rem!important;margin-bottom:6px!important}
  body.home section.products#produkte .wxn-products-mobile__meta span:last-child{font-size:.45rem!important}
  body.home section.products#produkte .wxn-products-mobile__info-title{gap:5px!important;margin-bottom:6px!important}
  body.home section.products#produkte .wxn-products-mobile__info-title img{width:22px!important;height:22px!important;flex-basis:22px!important}
  body.home section.products#produkte .wxn-products-mobile__info-title h3{font-size:1.02rem!important}
  body.home section.products#produkte .wxn-products-mobile__info-card>p{font-size:.6rem!important;line-height:1.34!important;margin-bottom:7px!important}
  body.home section.products#produkte .wxn-products-mobile__info-card li{font-size:.52rem!important;line-height:1.2!important}
  body.home section.products#produkte .wxn-products-mobile__card-cta{margin-top:8px!important;font-size:.56rem!important}
  body.home section.products#produkte>.container>.section__head>.section__intro{display:none!important}
  body.home section.products#produkte .wxn-products-mobile__info-card,
  body.home section.products#produkte .wxn-products-mobile__info-card p,
  body.home section.products#produkte .wxn-products-mobile__info-card li,
  body.home section.products#produkte .wxn-products-mobile__card-cta,
  body.home section.products#produkte .wxn-products-mobile__selector button,
  body.home section.products#produkte .wxn-products-mobile__all-cta{font-family:"Manrope",var(--font-body),sans-serif!important}
  body.home section.products#produkte .wxn-products-mobile__info-title h3{font-family:"Clash Display",var(--font-display),sans-serif!important;font-weight:600!important;letter-spacing:-.045em!important}
  body.home section.products#produkte .wxn-products-mobile__selector{width:calc(100% - 48px)!important;max-width:320px!important;gap:8px!important;margin-top:9px!important}
  body.home section.products#produkte .wxn-products-mobile__selector button{min-height:70px!important;padding:5px 2px 6px!important;border:1px solid rgba(141,120,97,.2)!important;border-radius:12px!important;background:rgba(255,252,247,.76)!important;box-shadow:0 5px 12px rgba(73,53,33,.06)!important}
  body.home section.products#produkte .wxn-products-mobile__selector button.is-active{background:#fffdf8!important;border-color:rgba(180,134,69,.45)!important;box-shadow:0 8px 16px rgba(73,53,33,.1),inset 0 1px 0 rgba(255,255,255,.96)!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual{height:34px!important;margin-bottom:2px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual img{width:31px!important;height:31px!important;max-width:31px!important;border-radius:8px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--lernexai img{width:55px!important;height:28px!important;max-width:55px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic{width:23px!important;height:23px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-number{font-size:.43rem!important;margin-bottom:2px!important}
  body.home section.products#produkte .wxn-products-mobile__selector strong{font-size:.5rem!important;letter-spacing:-.025em!important}
  body.home section.products#produkte .wxn-products-mobile__selector small{font-size:.38rem!important;margin-top:2px!important}
  body.home section.products#produkte .wxn-products-mobile__all-cta{width:calc(100% - 48px)!important;min-height:42px!important;margin:12px auto 0!important;padding:10px 14px!important;gap:10px!important;border-radius:999px!important;background:#1c1b1a!important;box-shadow:0 10px 20px rgba(35,28,20,.18)!important;font-size:.6rem!important;letter-spacing:-.01em!important}
  body.home section.products#produkte .wxn-products-mobile__card-cta{gap:6px!important;font-size:.5rem!important}
  body.home section.products#produkte .wxn-products-mobile__cta-icon{display:block!important;width:15px!important;height:15px!important;flex:0 0 15px!important;color:#d09a4a!important}
  body.home section.products#produkte .wxn-products-mobile__all-cta .wxn-products-mobile__cta-icon{width:17px!important;height:17px!important;flex-basis:17px!important}
}

/* Final pricing pass (cascade-safe): larger visual layers, hidden PWA list,
   shortened line lead-in and near-line card alignment. */
@media (max-width:680px){
  body.home section.pricing#preise .wxn-pricing-mobile__features{display:none!important}
  body.home section.pricing#preise .section__intro{display:none!important}
  body.home section.pricing#preise{background-position:center -54px!important;background-size:auto calc(100% + 54px)!important}
  .wxn-pricing-mobile__timeline{margin-top:clamp(22px,4vh,38px)!important}
  .wxn-pricing-mobile__line{top:34px!important;height:calc(100% - 76px)!important}
  .wxn-pricing-mobile__station{width:calc(50% - 2px)!important;min-height:clamp(84px,12vh,116px)!important}
  .wxn-pricing-mobile__station--feature{width:calc(50% - 2px)!important;min-height:clamp(145px,21vh,198px)!important}
  .wxn-pricing-mobile__visual{width:130%!important;height:130%!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__visual{transform:translate3d(-4px,2px,0) scale(1.18)!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__visual{transform:translate3d(4px,2px,0) scale(1.18)!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__visual{transform:translate3d(-3px,3px,0) scale(1.18)!important}
  .wxn-pricing-mobile__station.is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,0,0) scale(1.35)!important}
  .wxn-pricing-mobile__station--left .wxn-pricing-mobile__node{right:-2px!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node{left:-2px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__node{right:-2px!important}
  .wxn-pricing-mobile__station--left::after{right:-2px!important;width:2px!important}
  .wxn-pricing-mobile__station--right::after{left:-2px!important;width:2px!important}
  .wxn-pricing-mobile__station--feature::after{right:-1px!important;width:3px!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__node{display:none!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__content{padding-top:13px!important;padding-bottom:8px!important}
  body.home section.pricing#preise .section__title{font-family:"General Sans",var(--font-body),sans-serif!important;font-weight:650!important;text-shadow:none!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="1"] .wxn-pricing-mobile__visual{transform:translate3d(-4px,8px,0) scale(1.18)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="1"].is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,8px,0) scale(1.35)!important}
}
@media (max-width:680px) and (max-height:740px){
  .wxn-pricing-mobile__station{min-height:76px!important}
  .wxn-pricing-mobile__station--feature{min-height:132px!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  .wxn-pricing-mobile__station .wxn-pricing-mobile__visual{transform:none!important}
}

/* Final pricing geometry: enlarge the visual chapters while keeping the
   fixed mobile section height and tightening the middle timeline. */
@media (max-width:680px){
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="1"]{min-height:clamp(88px,12.5vh,120px)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="1"] .wxn-pricing-mobile__visual{transform:translate3d(-3px,9px,0) scale(1.26)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="1"].is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,9px,0) scale(1.34)!important}

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="2"]{min-height:clamp(88px,12.5vh,120px)!important;margin-top:8px!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="2"] .wxn-pricing-mobile__visual{transform:translate3d(4px,10px,0) scale(1.28)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="2"].is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,10px,0) scale(1.36)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="2"] .wxn-pricing-mobile__content{transform:translateY(10px)!important}

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="3"]{margin-left:-10px!important;margin-bottom:-14px!important;min-height:clamp(148px,21vh,198px)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="3"] .wxn-pricing-mobile__visual{transform:translate3d(-5px,3px,0) scale(1.25)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="3"].is-visible .wxn-pricing-mobile__visual{transform:translate3d(-2px,2px,0) scale(1.34)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="3"] .wxn-pricing-mobile__content{transform:translateY(14px)!important}

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="4"]{margin-top:-18px!important;min-height:clamp(92px,13vh,124px)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="4"] .wxn-pricing-mobile__visual{transform:translate3d(4px,3px,0) scale(1.3)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="4"].is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,0,0) scale(1.38)!important}

  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="5"]{margin-top:-4px!important;min-height:clamp(94px,13.5vh,128px)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="5"] .wxn-pricing-mobile__visual{transform:translate3d(-4px,3px,0) scale(1.3)!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="5"].is-visible .wxn-pricing-mobile__visual{transform:translate3d(0,0,0) scale(1.38)!important}
}
@media (max-width:680px) and (max-height:740px){
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="1"],
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="2"]{min-height:78px!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="3"]{min-height:124px!important}
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="4"],
  body.home section.pricing#preise .wxn-pricing-mobile__station[data-price-step="5"]{min-height:82px!important}
}

/* Pricing story composition: one 9:16 background plate with HTML overlays. */
@media (max-width:680px){
  body.home section.pricing#preise{height:260vh!important;min-height:260vh!important;max-height:none!important;overflow:visible!important;padding:0!important;background:none!important}
  body.home section.pricing#preise::before,body.home section.pricing#preise::after{display:none!important}
  body.home section.pricing#preise>.container{width:100%!important;max-width:none!important;height:100%!important;padding:0!important}
  body.home section.pricing#preise>.container>.section__head{display:none!important}
  body.home section.pricing#preise .wxn-pricing-mobile{display:block!important;position:sticky!important;top:0!important;width:100%!important;height:100svh!important;max-height:100svh!important;overflow:hidden!important;background:#f8f4ee!important;isolation:isolate!important}
  .wxn-pricing-mobile__background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;user-select:none}
  .wxn-pricing-mobile__head{position:absolute;z-index:4;top:8.5%;left:6.5%;width:88%;margin:0!important}
  .wxn-pricing-mobile__head .eyebrow{margin:0 0 3.2%!important;font-family:"Manrope",var(--font-body),sans-serif!important;font-size:clamp(.48rem,1.8vw,.7rem)!important;font-weight:700!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#a47738!important}
  .wxn-pricing-mobile__head .eyebrow__dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#b48743;vertical-align:middle}
  .wxn-pricing-mobile__head h2{max-width:11ch;margin:0!important;font-family:"General Sans",var(--font-body),sans-serif!important;font-size:clamp(2rem,9.6vw,3.3rem)!important;font-weight:650!important;line-height:.95!important;letter-spacing:-.06em!important;color:#171719!important;text-shadow:none!important}
  .wxn-pricing-mobile__intro{margin:4.2% 0 0!important;font-family:"Manrope",var(--font-body),sans-serif!important;font-size:clamp(.62rem,2.25vw,.88rem)!important;line-height:1.35!important;color:#65615c!important}
  .wxn-pricing-mobile__timeline{position:absolute!important;z-index:2;inset:0!important;display:block!important;padding:0!important;margin:0!important}
  .wxn-pricing-mobile__line{position:absolute!important;z-index:1;left:50%!important;top:0!important;width:12px!important;height:100%!important;transform:translateX(-50%)!important;pointer-events:none!important}
  .wxn-pricing-mobile__line-base{stroke:#bda47d!important;stroke-width:1!important;opacity:.32!important}
  .wxn-pricing-mobile__line-progress{stroke:#b48743!important;stroke-width:1.25!important;stroke-linecap:round!important;stroke-dasharray:1!important;stroke-dashoffset:1!important;opacity:.9!important;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)!important}
  .wxn-pricing-mobile__station{position:absolute!important;z-index:3;display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),visibility 0s linear .6s!important}
  .wxn-pricing-mobile__station.is-visible{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .wxn-pricing-mobile__station[data-price-step="1"]{left:7.5%!important;top:30.2%!important;width:44%!important;height:12.5%!important}
  .wxn-pricing-mobile__station[data-price-step="2"]{left:51.5%!important;top:42.3%!important;width:43%!important;height:12%!important}
  .wxn-pricing-mobile__station[data-price-step="3"]{left:4%!important;top:49%!important;width:48%!important;height:23%!important}
  .wxn-pricing-mobile__station[data-price-step="4"]{left:52%!important;top:69%!important;width:42%!important;height:12%!important}
  .wxn-pricing-mobile__station[data-price-step="5"]{left:7%!important;top:78%!important;width:44%!important;height:11%!important}
  .wxn-pricing-mobile__card,.wxn-pricing-mobile__station--feature .wxn-pricing-mobile__card{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .wxn-pricing-mobile__visual{display:none!important}
  .wxn-pricing-mobile__content{position:absolute!important;z-index:4;width:auto!important;margin:0!important;padding:0!important;transform:none!important}
  .wxn-pricing-mobile__station[data-price-step="1"] .wxn-pricing-mobile__content{left:40%!important;top:13%!important;width:59%!important}
  .wxn-pricing-mobile__station[data-price-step="2"] .wxn-pricing-mobile__content{left:3%!important;top:19%!important;width:64%!important}
  .wxn-pricing-mobile__station[data-price-step="3"] .wxn-pricing-mobile__content{left:46%!important;top:12%!important;width:53%!important}
  .wxn-pricing-mobile__station[data-price-step="4"] .wxn-pricing-mobile__content{left:4%!important;top:14%!important;width:62%!important}
  .wxn-pricing-mobile__station[data-price-step="5"] .wxn-pricing-mobile__content{left:43%!important;top:11%!important;width:57%!important}
  .wxn-pricing-mobile__label{margin:0 0 4px!important;font-size:clamp(.42rem,1.55vw,.62rem)!important;letter-spacing:.16em!important;line-height:1.1!important}
  .wxn-pricing-mobile__from{font-size:clamp(.45rem,1.6vw,.64rem)!important;line-height:1!important}
  .wxn-pricing-mobile__price{margin:2px 0 7px!important;font-size:clamp(1.22rem,5.4vw,1.9rem)!important;line-height:.95!important}
  .wxn-pricing-mobile__price small{font-size:clamp(.45rem,1.8vw,.7rem)!important}
  .wxn-pricing-mobile__cta{min-height:24px!important;padding:4px 9px!important;gap:6px!important;font-size:clamp(.44rem,1.7vw,.64rem)!important;background:rgba(255,253,249,.9)!important}
  .wxn-pricing-mobile__cta--gold{background:#b48743!important;color:#fff!important}
  .wxn-pricing-mobile__cta svg{width:12px!important;height:12px!important}
  .wxn-pricing-mobile__features{display:none!important}
  .wxn-pricing-mobile__node{position:absolute!important;z-index:5;top:50%!important;right:-19px!important;display:grid!important;width:30px!important;height:30px!important;place-items:center!important;border:1px solid #b48743!important;border-radius:50%!important;background:#fbf8f2!important;box-shadow:0 0 0 4px rgba(248,244,238,.88)!important;font-size:.56rem!important;color:#ab7937!important;transform:translate(50%,-50%) scale(.8)!important;opacity:0!important;transition:opacity .3s ease,transform .35s cubic-bezier(.22,1,.36,1)!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node{left:-19px!important;right:auto!important;transform:translate(-50%,-50%) scale(.8)!important}
  .wxn-pricing-mobile__station--feature .wxn-pricing-mobile__node{top:8%!important;right:-19px!important;display:grid!important}
  .wxn-pricing-mobile__station.is-visible .wxn-pricing-mobile__node{opacity:1!important;transform:translate(50%,-50%) scale(1)!important}
  .wxn-pricing-mobile__station--right.is-visible .wxn-pricing-mobile__node{transform:translate(-50%,-50%) scale(1)!important}
  .wxn-pricing-mobile__station--left::after,.wxn-pricing-mobile__station--right::after{display:none!important}
  .wxn-pricing-mobile__note{position:absolute!important;z-index:4;left:18%!important;top:89.5%!important;width:64%!important;margin:0!important;padding:1.3% 2.5%!important;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,1,.36,1)}
  .wxn-pricing-mobile.is-ready .wxn-pricing-mobile__note{opacity:1;transform:none}
  .wxn-pricing-mobile__note-icon{width:21px!important;height:21px!important;flex-basis:21px!important;font-size:.8rem!important}
  .wxn-pricing-mobile__note p{font-size:clamp(.46rem,1.7vw,.64rem)!important;line-height:1.3!important}
  .wxn-pricing-mobile__global-cta{position:absolute!important;z-index:4;left:18%!important;top:96%!important;width:64%!important;min-height:42px!important;margin:0!important;padding:10px 14px!important;opacity:0;transform:translateY(10px);transition:opacity .45s ease .18s,transform .5s cubic-bezier(.22,1,.36,1) .18s}
  .wxn-pricing-mobile.is-ready .wxn-pricing-mobile__global-cta{opacity:1;transform:none}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.pricing#preise{height:auto!important;min-height:100svh!important;max-height:none!important}
  body.home section.pricing#preise .wxn-pricing-mobile{position:relative!important;height:100svh!important}
  .wxn-pricing-mobile__station{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}
  .wxn-pricing-mobile__node{opacity:1!important;transform:translate(50%,-50%) scale(1)!important}
  .wxn-pricing-mobile__station--right .wxn-pricing-mobile__node{transform:translate(-50%,-50%) scale(1)!important}
  .wxn-pricing-mobile__line-progress{stroke-dashoffset:0!important;transition:none!important}
  .wxn-pricing-mobile__note,.wxn-pricing-mobile__global-cta{opacity:1!important;transform:none!important;transition:none!important}
}

/* Final product composition: the supplied room/pedestal artwork spans the
   complete section, while the active device flies in from the viewport edge
   and settles on the integrated pedestal.  This block intentionally comes
   last so legacy and inline mobile rules cannot reintroduce the old stage
   background or cancel the replay. */
@media (max-width:680px){
  body.home section.products#produkte{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;
    background-color:#f7f3ee!important;background-image:none!important;
  }
  body.home section.products#produkte>.wxn-products-mobile__backdrop{
    position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
    max-width:none!important;object-fit:cover!important;object-position:center 70%!important;
    z-index:1!important;opacity:1!important;visibility:visible!important;filter:none!important;
    pointer-events:none!important;
  }
  body.home section.products#produkte>.container{position:relative!important;z-index:2!important}
  body.home section.products#produkte .wxn-products-mobile__stage{background:transparent!important;overflow:visible!important}
  body.home section.products#produkte .wxn-products-mobile__stage>.wxn-products-mobile__backdrop{display:none!important}

  /* The pedestal is baked into the background.  Lowering the transparent
     device boxes aligns their visible pixels (not their image bounds) with
     the top surface of that pedestal. */
  body.home section.products#produkte .wxn-products-mobile__device{
    left:10%!important;bottom:16%!important;width:48%!important;height:clamp(208px,65vw,236px)!important;
    z-index:4!important;transform-origin:center bottom!important;
    filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12))!important;
  }
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{
    left:11%!important;width:46%!important;bottom:16%!important;
  }
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{
    left:10%!important;width:48%!important;height:clamp(170px,53vw,192px)!important;bottom:14%!important;
  }

  /* A small contact shadow gives each landing device a physical connection
     to the integrated pedestal without adding another visible image layer. */
  body.home section.products#produkte .wxn-products-mobile__stage::after{
    content:""!important;position:absolute!important;z-index:3!important;left:8%!important;bottom:17%!important;
    width:43%!important;height:14px!important;border-radius:50%!important;
    background:radial-gradient(ellipse,rgba(45,32,19,.25) 0%,rgba(45,32,19,.10) 38%,rgba(45,32,19,0) 74%)!important;
    filter:blur(4px)!important;pointer-events:none!important;
  }

  @keyframes wxnProductsDeviceFromEdge{
    0%{opacity:0;filter:blur(2px) drop-shadow(0 16px 12px rgba(39,28,17,.10));transform:translate3d(-120vw,18px,-40px) scale(.86) rotateZ(-3deg)}
    66%{opacity:1;filter:blur(.25px) drop-shadow(0 17px 13px rgba(39,28,17,.20));transform:translate3d(5px,-2px,0) scale(1.018) rotateZ(.35deg)}
    84%{opacity:1;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12));transform:translate3d(-1px,1px,0) scale(.997) rotateZ(-.08deg)}
    100%{opacity:1;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12));transform:translate3d(0,0,0) scale(1) rotateZ(0)}
  }
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__device{
    animation:wxnProductsDeviceFromEdge .94s .08s cubic-bezier(.22,1,.36,1) both!important;
  }
  /* Every button/swipe switch starts the newly selected artwork at the same
     left-edge trajectory; the JS timeout keeps this class until flight ends. */
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage.is-switching .wxn-products-mobile__device,
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching .wxn-products-mobile__device{
    opacity:1!important;animation:wxnProductsDeviceFromEdge .94s .02s cubic-bezier(.22,1,.36,1) both!important;
    filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12))!important;
  }
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage.is-switching-prev .wxn-products-mobile__device{
    animation-name:wxnProductsDeviceFromEdge!important;
  }
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage:not(.is-switching) .wxn-products-mobile__device{
    opacity:1!important;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12))!important;
    transform:translate3d(0,0,0) scale(1) rotateZ(0)!important;animation:none!important;
  }
}

@media (max-width:680px) and (prefers-reduced-motion:reduce){
  body.home section.products#produkte .wxn-products-mobile__device{animation:none!important;opacity:1!important;filter:drop-shadow(0 12px 10px rgba(39,28,17,.18))!important;transform:none!important}
}

/* Combined supplied background already contains the pedestal; use it as the single stage surface. */
@media (max-width:680px){
  body.home section.products#produkte{background-image:none!important;background-color:#f7f3ee!important}
  body.home section.products#produkte .wxn-products-mobile__stage{background:transparent!important}
  body.home section.products#produkte .wxn-products-mobile__backdrop{
    opacity:1!important;filter:none!important;object-fit:cover!important;object-position:center 70%!important;z-index:1!important;
  }
  body.home section.products#produkte .wxn-products-mobile__pedestal{display:none!important}
  body.home section.products#produkte .wxn-products-mobile__device{left:10%!important;bottom:33%!important;width:48%!important;height:clamp(208px,65vw,236px)!important;z-index:4!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:11%!important;width:46%!important;bottom:33%!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:10%!important;width:48%!important;height:clamp(170px,53vw,192px)!important;bottom:31%!important}
  body.home section.products#produkte .wxn-products-mobile__stage::after{bottom:31%!important;left:13%!important;width:37%!important;opacity:.14!important}
}

/* Switch transitions must win over the settled end-state rule. */
@media (max-width:680px){
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage.is-switching .wxn-products-mobile__device{opacity:.08!important;filter:blur(1px)!important;transform:translate3d(14px,0,0) scale(.97)!important;animation:none!important;transition:none!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage.is-switching-prev .wxn-products-mobile__device{transform:translate3d(-14px,0,0) scale(.97)!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage:not(.is-switching) .wxn-products-mobile__device{opacity:1!important;filter:drop-shadow(0 10px 13px rgba(52,39,27,.18))!important;transform:translate3d(0,0,0) scale(1) rotateZ(0)!important;animation:none!important;transition:opacity .38s ease,transform .58s cubic-bezier(.22,1,.36,1),filter .45s ease!important}
}

/* Absolute final mobile composition: the room/pedestal artwork fills the
   complete section and each selected device flies in from the left edge. */
@media (max-width:680px){
  /* Highest-specificity calibration so no preceding mobile block can move
     these elements back up or make the compact UI unreadable. */
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__device{bottom:10%!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{bottom:10%!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{bottom:2%!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__info-card{background:linear-gradient(145deg,#fffdf9 0%,#f4ede4 100%)!important;border:1px solid rgba(157,119,70,.2)!important;border-radius:16px!important;padding:9px 9px 8px!important;box-shadow:0 14px 30px rgba(73,53,33,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;font-family:"Manrope",var(--font-body),sans-serif!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__meta{font-size:.52rem!important;margin-bottom:6px!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__meta span:last-child{font-size:.45rem!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__info-title h3{font-family:"Clash Display",var(--font-display),sans-serif!important;font-size:1.02rem!important;font-weight:600!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__info-card>p{font-size:.6rem!important;line-height:1.34!important;margin-bottom:7px!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__info-card li{font-size:.52rem!important;line-height:1.2!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__card-cta{margin-top:8px!important;font-size:.56rem!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector{height:auto!important;min-height:0!important;width:calc(100% - 42px)!important;max-width:330px!important;gap:3px!important;margin:8px auto 0!important;padding:4px!important;border-radius:999px!important;background:rgba(255,251,245,.72)!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector button{min-height:58px!important;padding:4px 2px 5px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector button.is-active{background:#fffdf8!important;box-shadow:0 5px 12px rgba(73,53,33,.13),inset 0 1px 0 rgba(255,255,255,.96)!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector-visual{height:26px!important;margin-bottom:1px!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector-visual img{width:24px!important;height:24px!important;max-width:24px!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector-visual--lernexai img{width:46px!important;height:22px!important;max-width:46px!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector-visual--new .ic{width:19px!important;height:19px!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector-number{font-size:.39rem!important;margin-bottom:1px!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector strong{font-size:.5rem!important;line-height:1.05!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__selector small{font-size:.35rem!important;margin-top:1px!important}
  body.home section.products#produkte .wxn-products-mobile .wxn-products-mobile__all-cta{min-height:38px!important;margin-top:9px!important;font-size:.58rem!important}
  body.home section.products#produkte{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#f7f3ee!important;background-image:none!important}
  body.home section.products#produkte>.wxn-products-mobile__backdrop{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 70%!important;z-index:1!important;opacity:1!important;visibility:visible!important;filter:none!important;pointer-events:none!important}
  body.home section.products#produkte>.container{position:relative!important;z-index:2!important}
  body.home section.products#produkte .wxn-products-mobile__stage{background:transparent!important;overflow:visible!important}
  body.home section.products#produkte .wxn-products-mobile__stage>.wxn-products-mobile__backdrop{display:none!important}
  body.home section.products#produkte .wxn-products-mobile__device{left:10%!important;bottom:10%!important;width:48%!important;height:clamp(208px,65vw,236px)!important;z-index:4!important;transform-origin:center bottom!important;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12))!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="lernexai"] .wxn-products-mobile__device{left:11%!important;width:46%!important;bottom:10%!important}
  body.home section.products#produkte .wxn-products-mobile__stage[data-product="new"] .wxn-products-mobile__device{left:10%!important;width:48%!important;height:clamp(170px,53vw,192px)!important;bottom:2%!important}
  body.home section.products#produkte .wxn-products-mobile__stage::after{content:""!important;position:absolute!important;z-index:3!important;left:8%!important;bottom:16%!important;width:43%!important;height:14px!important;border-radius:50%!important;background:radial-gradient(ellipse,rgba(45,32,19,.25) 0%,rgba(45,32,19,.1) 38%,rgba(45,32,19,0) 74%)!important;filter:blur(4px)!important;pointer-events:none!important}
  body.home section.products#produkte .wxn-products-mobile__info-card{
    background:linear-gradient(145deg,#fffdf9 0%,#f4ede4 100%)!important;
    border:1px solid rgba(157,119,70,.2)!important;border-radius:16px!important;
    padding:10px 10px 9px!important;box-shadow:0 14px 30px rgba(73,53,33,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body.home section.products#produkte>.container>.section__head>.section__intro{display:none!important}
  body.home section.products#produkte .wxn-products-mobile__info-card,
  body.home section.products#produkte .wxn-products-mobile__info-card p,
  body.home section.products#produkte .wxn-products-mobile__info-card li,
  body.home section.products#produkte .wxn-products-mobile__card-cta,
  body.home section.products#produkte .wxn-products-mobile__selector button,
  body.home section.products#produkte .wxn-products-mobile__all-cta{font-family:"Manrope",var(--font-body),sans-serif!important}
  body.home section.products#produkte .wxn-products-mobile__info-title h3{font-family:"Clash Display",var(--font-display),sans-serif!important;font-weight:600!important;letter-spacing:-.045em!important}
  /* One translucent pill contains all three tabs; the tabs themselves stay
     flat so the active state reads as a single inner capsule. */
  body.home section.products#produkte .wxn-products-mobile__selector{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:calc(100% - 42px)!important;max-width:330px!important;gap:3px!important;margin:8px auto 0!important;padding:4px!important;border:1px solid rgba(145,117,83,.22)!important;border-radius:999px!important;background:rgba(255,251,245,.72)!important;box-shadow:0 8px 18px rgba(73,53,33,.1),inset 0 1px 0 rgba(255,255,255,.86)!important;backdrop-filter:blur(12px) saturate(115%)!important;-webkit-backdrop-filter:blur(12px) saturate(115%)!important}
  body.home section.products#produkte .wxn-products-mobile__selector button{min-height:58px!important;padding:4px 2px 5px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:#70675d!important}
  body.home section.products#produkte .wxn-products-mobile__selector button.is-active{background:#fffdf8!important;color:#1e1d1b!important;box-shadow:0 5px 12px rgba(73,53,33,.13),inset 0 1px 0 rgba(255,255,255,.96)!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual{height:26px!important;margin-bottom:1px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual img{width:24px!important;height:24px!important;max-width:24px!important;border-radius:7px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--lernexai img{width:46px!important;height:22px!important;max-width:46px!important;border-radius:0!important}
  body.home section.products#produkte .wxn-products-mobile__selector-visual--new .ic{width:19px!important;height:19px!important}
  body.home section.products#produkte .wxn-products-mobile__selector-number{font-size:.39rem!important;line-height:1!important;margin-bottom:1px!important}
  body.home section.products#produkte .wxn-products-mobile__selector strong{font-size:.5rem!important;line-height:1.05!important;letter-spacing:-.025em!important}
  body.home section.products#produkte .wxn-products-mobile__selector small{font-size:.35rem!important;line-height:1.05!important;margin-top:1px!important}
  body.home section.products#produkte .wxn-products-mobile__all-cta{width:calc(100% - 42px)!important;min-height:38px!important;margin:9px auto 0!important;padding:9px 13px!important;gap:9px!important;border-radius:999px!important;background:#1c1b1a!important;box-shadow:0 8px 17px rgba(35,28,20,.18)!important;font-size:.58rem!important;letter-spacing:-.01em!important}
  body.home section.products#produkte .wxn-products-mobile__card-cta{gap:6px!important;font-size:.51rem!important}
  body.home section.products#produkte .wxn-products-mobile__cta-icon{display:block!important;width:15px!important;height:15px!important;flex:0 0 15px!important;color:#d09a4a!important}
  body.home section.products#produkte .wxn-products-mobile__all-cta .wxn-products-mobile__cta-icon{width:17px!important;height:17px!important;flex-basis:17px!important}
  @keyframes wxnProductsDeviceFromEdgeFinal{0%{opacity:0;filter:blur(2px) drop-shadow(0 16px 12px rgba(39,28,17,.1));transform:translate3d(-120vw,18px,-40px) scale(.86) rotateZ(-3deg)}66%{opacity:1;filter:blur(.25px) drop-shadow(0 17px 13px rgba(39,28,17,.2));transform:translate3d(5px,-2px,0) scale(1.018) rotateZ(.35deg)}84%{opacity:1;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12));transform:translate3d(-1px,1px,0) scale(.997) rotateZ(-.08deg)}100%{opacity:1;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12));transform:translate3d(0,0,0) scale(1) rotateZ(0)}}
  body.home section.products#produkte .wxn-products-mobile.is-visible .wxn-products-mobile__device{animation:wxnProductsDeviceFromEdgeFinal .94s .08s cubic-bezier(.22,1,.36,1) both!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage.is-switching .wxn-products-mobile__device,
  body.home section.products#produkte .wxn-products-mobile__stage.is-switching .wxn-products-mobile__device{opacity:1!important;animation:wxnProductsDeviceFromEdgeFinal .94s .02s cubic-bezier(.22,1,.36,1) both!important;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12))!important}
  body.home section.products#produkte .wxn-products-mobile.is-settled .wxn-products-mobile__stage:not(.is-switching) .wxn-products-mobile__device{opacity:1!important;filter:drop-shadow(0 16px 12px rgba(39,28,17,.22)) drop-shadow(0 2px 2px rgba(39,28,17,.12))!important;transform:translate3d(0,0,0) scale(1) rotateZ(0)!important;animation:none!important}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){body.home section.products#produkte .wxn-products-mobile__device{animation:none!important;opacity:1!important;filter:drop-shadow(0 12px 10px rgba(39,28,17,.18))!important;transform:none!important}}