/* MAIXXIAM 40.22 — dedicated bottom-edge trigger keeps hero controls clear. */
:root {
  --maixxiam-font:'Manrope','Segoe UI',Arial,sans-serif;
  /* Identical to the resting home headline's metallic light gradient. */
  --maixxiam-metal:linear-gradient(105deg,#f7f9fc 0%,#ffffff 37%,#a9dfff 49%,#ffffff 60%,#dfe8ef 100%);
  --maixxiam-blue-metal:linear-gradient(105deg,#159dff 0%,#43baff 37%,#c9efff 49%,#43baff 60%,#159dff 100%);
}
/* Main navigation only: approximately 15% more visible than the previous
   .86 alpha and gently enlarged without changing contact or language controls. */
.site-header .main-nav .nav-link {
  color:rgba(247,251,255,.99);
  font-size:clamp(14px,.9vw,15px);
}
@media(max-width:980px) {
  .site-header .main-nav .nav-link {color:#fff;font-size:29px}
}
.services-theme main, .market-entry-page, .home-page main>section:not(.hero) {
  --head:var(--maixxiam-font);
  --body:var(--maixxiam-font);
  font-family:var(--maixxiam-font);
  color:#f7f9fc;
}
:is(.services-theme main,.market-entry-page,.home-page main>section:not(.hero)) :is(h1,h2,h3,h4,p,li,a,span,strong,b,i) {
  font-family:var(--maixxiam-font)!important;
}
:is(.services-theme main,.market-entry-page,.home-page main>section:not(.hero)) :is(h1,h2,h3) {font-weight:500!important}
:is(.services-theme main,.market-entry-page,.home-page main>section:not(.hero)) :is(p,li) {font-weight:500}
.services-theme .page-hero h1 {font-size:clamp(54px,7.25vw,112px);line-height:1.06!important;letter-spacing:-.058em!important}
/* Remove the old whole-line gradient and sweep before applying per-letter metal. */
.market-entry-page .market-hero h1.market-cinematic-headline :is(.market-headline-main,.market-headline-accent) {
  background:none!important;color:#f7f9fc!important;-webkit-text-fill-color:currentColor!important;
  filter:none!important;text-shadow:none!important;
}
.market-entry-page .market-hero h1.market-cinematic-headline::after {display:none!important;animation:none!important}
:is(.services-theme main,.market-entry-page,.home-page main>section:not(.hero)) .metal-word {display:inline;white-space:nowrap;font:inherit;letter-spacing:inherit}
:is(.services-theme main,.market-entry-page,.home-page main>section:not(.hero)) .metal-letter {
  display:inline!important;font:inherit;letter-spacing:inherit;
  color:#f7f9fc!important;-webkit-text-fill-color:currentColor!important;
  animation:none!important;transition:none!important;transform:none!important;
  filter:none;text-shadow:none;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  :is(.services-theme main,.market-entry-page,.home-page main>section:not(.hero)) .metal-letter {
    background-image:var(--letter-metal,var(--maixxiam-metal))!important;
    background-size:220% 100%!important;background-position:0 0;
    background-clip:text!important;-webkit-background-clip:text!important;
    color:transparent!important;-webkit-text-fill-color:transparent!important;
    -webkit-text-stroke:.008em rgba(250,255,255,.38);
  }
}
:is(.services-theme main,.market-entry-page,.home-page main>section:not(.hero)) :is(.eyebrow,.micro,.services-ai-accent,.market-headline-accent,.market-section-label,.market-facts strong,.info-card>span,.market-service-grid article>span,h4,.market-workflow li>span,.service-list a>span) {
  --letter-metal:var(--maixxiam-blue-metal);
  color:#159dff!important;font-weight:700!important;
}
.services-theme,.services-theme .subpage,.home-page .services-preview {background:#02070d!important;color:#edf5fa!important}
.services-theme .cards-section {
  background:radial-gradient(circle at 85% 0%,rgba(21,157,255,.1),transparent 34%),#02070d;
  border-bottom:1px solid rgba(117,190,235,.15);
}
.services-theme .info-grid {gap:18px;background:transparent}
.services-theme .info-card {
  color:#edf5fa;background:linear-gradient(145deg,rgba(13,34,51,.92),rgba(4,15,25,.98));
  border:1px solid rgba(113,187,232,.17);border-radius:16px;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.16);
}
.services-theme .info-card p {color:#edf5fa;line-height:1.75}
.services-theme .sub-cta {background:radial-gradient(ellipse at 50% 0%,rgba(21,157,255,.14),transparent 60%),#06111b;color:#f4f7fa}
:is(.services-theme main,.market-entry-page) .button {
  background:rgba(3,10,17,.65)!important;color:#f7fbff!important;
  border:1px solid rgba(139,211,255,.82)!important;border-radius:12px;
}
:is(.services-theme main,.market-entry-page) .button:hover {background:#12314a!important}
:is(.services-theme main,.market-entry-page,.home-page main>section:not(.hero)) a:focus-visible {outline:2px solid #76d3ff;outline-offset:5px}
.services-theme .site-footer {background:#02070d}
/* 39.8: restore the user-approved 39.4 Market Entry artwork, including its
   complete original composition. Never substitute the Services hand image. */
.market-entry-page .market-hero {
  background-image:none!important;
}
/* The image alone is 10% brighter. Both existing tint layers, text and
   watermark remain independent of the brightness filter. */
.market-entry-page .market-hero-image {
  position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:url('/static/img/market-entry-clean-v38-1.png?v=39.8') center/contain no-repeat;
  filter:brightness(1.10);
}
.market-entry-page .market-hero-tint {
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(1,7,14,.70) 0%,rgba(1,7,14,.45) 35%,rgba(1,7,14,.12) 65%,rgba(1,7,14,0) 100%);
}
.ai-watermark {
  position:absolute;right:14px;bottom:12px;z-index:6;pointer-events:none;
  padding:3px 7px;border-radius:4px;background:rgba(0,5,10,.58);
  color:rgba(255,255,255,.85)!important;-webkit-text-fill-color:rgba(255,255,255,.85)!important;
  font:500 10px/1.3 var(--maixxiam-font)!important;letter-spacing:.04em;
  text-shadow:0 1px 3px #000;animation:none!important;
}
/* Keep the 39.4 global video grading. Only warm skin pixels at the right-hand
   side receive up to 10% extra dimming; the mask follows the moving hand. */
.home-page .hero-video {filter:url('#human-hand-dim') brightness(.96) saturate(1.04) contrast(1.01) brightness(.91)!important}
.video-filters {position:absolute;pointer-events:none}
.home-page {background:#02070d!important}
.home-page .intro-section {
  background:radial-gradient(circle at 85% 0%,rgba(21,157,255,.1),transparent 34%),#02070d;
  color:#edf5fa;border-bottom:1px solid rgba(117,190,235,.15);
}
.home-page .impact {background:radial-gradient(ellipse at 50% 0%,rgba(21,157,255,.14),transparent 60%),#06111b;color:#edf5fa}
.home-page .intro-copy :is(p,h2),.home-page .impact :is(p,h2),.home-page .section-label {color:#edf5fa!important}
.home-page .intro-copy h2 span,.home-page .impact h2 span {--letter-metal:var(--maixxiam-blue-metal);color:#159dff!important}
.home-page .intro-section .arrow-link {color:#edf5fa;border-color:#76d3ff}
.home-page .impact .button {background:rgba(3,10,17,.65);color:#f7fbff;border-color:#76d3ff;border-radius:12px}
.home-page .impact .button:hover {background:#12314a}
.home-page .premium-values,.home-page .site-footer {background:#02070d!important}
.home-page .premium-value-card.reveal-card {opacity:1!important;transform:none!important;animation:none!important}
.watermarked-video {position:relative;line-height:0}
.watermarked-video video {display:block;width:100%}
.watermarked-video .ai-watermark {bottom:52px}
.contact-page {position:relative}
@media(max-width:650px) {
  .services-theme .page-hero h1 {font-size:clamp(42px,10vw,62px)!important}
  .ai-watermark {right:8px;bottom:8px;font-size:9px!important}
}
@media(forced-colors:active) {
  :is(.services-theme main,.market-entry-page,.home-page main>section:not(.hero)) .metal-letter {
    background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;-webkit-text-stroke:0!important;
  }
}

/* 39.7: non-image entry sections follow Services' dark navy/blue palette. */
.services-theme .page-hero:not(.page-hero-video) {
  background:radial-gradient(ellipse at 85% 28%,rgba(21,157,255,.12),transparent 50%),#02070d!important;
}
.services-theme .page-hero:not(.page-hero-video) .orb {display:none}
/* Keep text readable for long German headings and short/landscape screens. */
.services-theme .page-hero:not(.page-hero-video) {
  height:auto!important;min-height:100svh!important;max-height:none!important;
}
/* The lower homepage backgrounds are also 9% darker; their text is not dimmed.
   Values below are the 39.6 sRGB background channels multiplied by .91. */
.home-page,.home-page .services-preview,.home-page .premium-values,.home-page .site-footer {
  background:rgb(1.82 6.37 11.83)!important;
}
.home-page .intro-section {
  background:radial-gradient(circle at 85% 0%,rgba(19.11,142.87,232.05,.1),transparent 34%),rgb(1.82 6.37 11.83);
}
.home-page .impact {
  background:radial-gradient(ellipse at 50% 0%,rgba(19.11,142.87,232.05,.14),transparent 60%),rgb(5.46 15.47 24.57);
}

/* Relative to V40.15, lift the complete moving hero artwork by 3%. The SVG
   true-black clamp still follows all colour grading; text remains unaffected. */
.home-page .hero-video {
  filter:brightness(.96) saturate(1.04) contrast(1.01) brightness(.80237) url('#human-hand-dim')!important;
}

/* The home copy is fully sharp and high-contrast from its first painted frame.
   A restrained depth movement remains, but opacity and sharpness never drop. */
.home-page .hero-statement.depth-reveal {
  opacity:1!important;
  filter:brightness(1.10)!important;
  transform:translateZ(-110px) scale(.955);
  animation:none!important;
}
.home-page .hero-statement.simple-build-ready {
  animation:simple-text-build 3.4s cubic-bezier(.16,.72,.24,1) forwards!important;
}
@keyframes simple-text-build {
  0% {opacity:1;filter:brightness(1.10);transform:translateZ(-110px) scale(.955)}
  100% {opacity:1;filter:brightness(1.10);transform:translateZ(0) scale(1)}
}
.home-page .hero-content .reveal {filter:none!important}
.home-page .hero-content>.eyebrow,
.home-page .hero-subline {filter:brightness(1.10)!important}
.home-page .hero-statement.cinematic-headline {
  color:#fff!important;
  text-shadow:0 2px 1px rgba(255,255,255,.18),0 4px 22px rgba(0,0,0,.98),0 0 38px rgba(151,222,255,.28)!important;
}
.home-page .hero-subline {color:#fff!important}
.home-page .hero-content>.eyebrow {color:#86dcff!important}

/* Leistungen, Training, Partner and Unternehmen receive the homepage-style
   metallic light sweep once as each piece of copy enters the viewport. */
.services-theme .metal-animate-target .metal-letter {
  animation:none!important;
  filter:none;
}
.services-theme .metal-animate-target.is-metal-visible .metal-letter {
  animation:subpage-metal-curtain .58s cubic-bezier(.18,.75,.26,1) var(--metal-delay,0s) both!important;
}
@keyframes subpage-metal-curtain {
  0% {
    background-position:0 0;
    filter:none;
    text-shadow:none;
  }
  42% {
    background-position:100% 0;
    filter:drop-shadow(0 0 4px rgba(255,255,255,.98)) drop-shadow(0 0 13px rgba(123,218,255,.96)) brightness(1.28);
    text-shadow:0 0 5px #fff,0 0 16px rgba(122,220,255,.92),0 0 30px rgba(21,157,255,.62);
  }
  100% {
    background-position:0 0;
    filter:none;
    text-shadow:none;
  }
}

/* V40.5: the complete arrow logo turns as one coherent 3D wordmark. */
.brand-lockup {display:block;perspective:560px}
.brand-logo-stage{
  position:relative;display:inline-grid;width:168px;height:78px;
  perspective:560px;isolation:isolate;vertical-align:middle;
}
.brand-logo-stage>.brand-name{grid-area:1/1;align-self:start;z-index:2}
.brand-logo-orbit{
  position:absolute;z-index:1;left:-.55px;top:-4px;
  width:calc(100% + 1.1px);height:74px;overflow:visible;pointer-events:none;
}
.brand-logo-orbit path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.brand-orbit-rear-glow{stroke:rgba(21,157,255,.18);stroke-width:3;filter:blur(1.2px)}
.brand-orbit-rear-line{stroke:rgba(82,194,255,.34);stroke-width:.54}
.brand-orbit-front-glow{
  stroke:rgba(21,157,255,.44);stroke-width:3.4;
  filter:drop-shadow(0 0 3px rgba(21,157,255,.82)) drop-shadow(0 0 7px rgba(21,157,255,.42));
}
.brand-orbit-front-line{stroke:#55cbff;stroke-width:.78;filter:drop-shadow(0 0 1.5px rgba(216,247,255,.9))}
.brand-name {
  position:relative;
  display:inline-grid;
  width:168px;
  height:54px;
  transform-origin:50% 50%;
  transform-style:preserve-3d;
  animation:maixxiam-horizontal-turn 8s linear infinite;
}
.brand-name>span {
  grid-area:1/1;
  display:grid;
  place-items:center;
  white-space:nowrap;
  font:inherit;
  letter-spacing:inherit;
}
.brand-face {
  position:relative;
  width:100%;
  height:100%;
  backface-visibility:hidden;
}
.brand-logo-word {position:relative;z-index:2;display:block;line-height:54px}
.brand-logo-arrows {
  position:absolute;
  z-index:1;
  inset:-3px -10px;
  width:calc(100% + 20px);
  height:60px;
  overflow:visible;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.logo-arrow-solid-depth,.logo-arrow-solid{stroke:none}
.logo-arrow-solid-depth{opacity:.88;filter:drop-shadow(0 1.5px 1.5px rgba(0,0,0,.78))}
.logo-arrow-depth-far{opacity:.66;filter:drop-shadow(0 2px 2px rgba(0,0,0,.82))}
.logo-arrow-specular{fill:none;stroke-width:.39;opacity:.80}
.logo-arrow-blue-depth{fill:#034b78}
.logo-arrow-blue-solid{fill:#079de9;filter:drop-shadow(0 0 3px rgba(21,157,255,.5))}
.logo-arrow-blue-specular{stroke:#46c7ff}
.logo-arrow-metal-depth{fill:#444d52}
.logo-arrow-metal-solid{fill:#aeb8bd;filter:drop-shadow(0 2px 2px rgba(0,0,0,.65))}
.logo-arrow-metal-specular{stroke:#f4f7f8}
.brand-arrow-face{position:absolute;z-index:1;inset:0;transform:translateZ(-2.8px);transform-style:preserve-3d}
.brand-logo-arrows-extrusion{filter:none;opacity:.96}
.logo-arrow-extrusion{stroke:none}
.logo-arrow-blue-extrusion{fill:#044e76}
.logo-arrow-metal-extrusion{fill:#4b555a}
.brand-front {
  color:#fff;
  transform:translateZ(4px);
  text-shadow:0 0 8px rgba(255,255,255,.16);
}
.brand-front .brand-logo-word{
  color:transparent;
  -webkit-text-fill-color:transparent;
  background:linear-gradient(110deg,#6f7d84 0%,#f8fbfc 22%,#aab4b9 43%,#fff 56%,#7c8a91 75%,#e5ecef 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(1px 3px 2px rgba(0,0,0,.72));
}
.brand-front .brand-ai {
  color:transparent;
  -webkit-text-fill-color:transparent;
  background:linear-gradient(110deg,#0568ac,#1eb5ff 45%,#087fc7 72%,#52c5ff);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 9px rgba(21,157,255,.48);
}
.brand-back {
  color:#159dff;
  /* The mirrored reverse prevents the logo from visually resetting after 180°. */
  transform:rotateY(180deg) translateZ(4px) scaleX(-1);
  text-shadow:0 0 9px rgba(21,157,255,.45);
}
.brand-back .brand-logo-word{
  color:transparent;
  -webkit-text-fill-color:transparent;
  background:linear-gradient(110deg,#0568ac,#25b9ff 42%,#087fc7 70%,#54c8ff);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(1px 3px 2px rgba(0,0,0,.72));
}
.brand-back .brand-ai {
  color:transparent;
  -webkit-text-fill-color:transparent;
  background:linear-gradient(110deg,#6f7d84,#f8fbfc 35%,#9ca8ae 65%,#fff);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 8px rgba(255,255,255,.30);
}
.brand-depth {
  color:#0c6fa8;
  transform:translateZ(var(--brand-z));
  text-shadow:0 0 5px rgba(21,157,255,.18);
  line-height:54px;
}
.brand-arrow-depth{
  position:relative;
  width:100%;
  height:100%;
  transform:translateZ(var(--arrow-z));
}
@keyframes maixxiam-horizontal-turn {
  from {transform:rotateY(0deg)}
  to {transform:rotateY(360deg)}
}

.brand-name-static{animation:none;transform:none}
.brand-name-static .brand-front{transform:none}
.brand-name-static .brand-arrow-face{transform:none}
.footer-brand{display:inline-flex;width:max-content;line-height:1}
.footer-brand .brand-logo-stage-static{
  transform:scale(.88);transform-origin:left center;
  margin-right:-20px;margin-bottom:-12px;
}
.footer-brand .brand-name{width:168px;height:54px;font:600 20px var(--head);letter-spacing:.17em}
.footer-brand .brand-logo-word{line-height:54px}

/* The contact surface is neutral black; the moving texture remains restrained. */
.contact-page{background:#000!important}
.contact-page .contact-bg-video{
  opacity:.28!important;
  filter:grayscale(1) brightness(.42) contrast(1.28)!important;
}
.contact-page .contact-video-shade{
  background:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.68)),linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.28))!important;
}
.contact-page .contact-form{
  background:rgba(0,0,0,.66)!important;
  border-color:rgba(191,222,235,.18)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
}

@media(max-width:650px){
  .brand-name{width:145px;height:50px;font-size:18px}
  .brand-logo-word,.brand-depth{line-height:50px}
  .brand-logo-arrows{height:56px}
}

@media(prefers-reduced-motion:reduce) {
  .home-page .hero-statement.simple-build-ready,
  .services-theme .metal-animate-target.is-metal-visible .metal-letter,
  .brand-name {animation:none!important}
  .brand-depth,.brand-back {display:none}
  .home-page .hero-statement.depth-reveal,
  .home-page .hero-content>.eyebrow,
  .home-page .hero-subline {filter:none!important}
}