/* V0.15.10.50.74: static presentation extension, based on the confirmed V0.15.10.50.73 MASTER. PHP styles are unchanged. */
.st72-extension{color:#f7fcff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;isolation:isolate}
.st72-extension *, .st72-extension *::before,.st72-extension *::after{box-sizing:border-box}
.st72-extension .st72-container{width:min(1280px,calc(100% - 44px));margin-inline:auto}
.st72-hero{position:relative;isolation:isolate;min-height:535px;display:flex;align-items:center;overflow:hidden;background:#02182c url('/assets/images/home-hero-background.webp?v=0.15.10.50.73') 70% center/cover no-repeat}
.st72-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,28,.94),rgba(2,18,33,.82) 42%,rgba(3,21,39,.30) 66%,rgba(3,20,38,.16) 100%);z-index:0}
.st72-hero>.st72-container{position:relative;z-index:1;padding:80px 0 76px}
.st72-hero-copy{max-width:710px}
.st72-eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:#8de3f1;text-transform:uppercase;margin:0 0 17px}
.st72-hero h2{margin:0;font-size:clamp(39px,5vw,77px);line-height:1.04;letter-spacing:-.055em;color:#fff}
.st72-hero h2 span{display:block;color:#7fe0f0}
.st72-hero-lead{margin:24px 0 0;color:#d1e1e9;font-size:clamp(14px,1.24vw,17px);line-height:1.72;max-width:675px}
.st72-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.st72-button{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:10px 15px;border:1px solid #66d4ea70;border-radius:10px;font-size:12px;font-weight:800;line-height:1.25;text-decoration:none!important;transition:background .15s,transform .15s}
.st72-button:hover{transform:translateY(-1px)}
.st72-primary{background:linear-gradient(110deg,#77eafb,#35b2ef);color:#031c2c!important;border-color:#5ee2f0}
.st72-outline{background:rgba(2,25,43,.78);color:#f4fcff!important}
.st72-outline:hover{background:#0a3e58}
.st72-microline{font-size:12px;letter-spacing:.05em;color:#95c0d0;margin:19px 0 0}
.st72-note{position:absolute;right:3.8%;top:32%;color:rgba(188,230,255,.9);font-family:"Segoe Print","Bradley Hand","Snell Roundhand",cursive;font-size:clamp(22px,2.4vw,35px);line-height:1.24;transform:rotate(-8deg);text-shadow:0 0 18px #50befa33;pointer-events:none}
.st72-offerings{padding:27px 0 40px;background:linear-gradient(180deg,#041c2e,#072942);border-top:1px solid #5dd9f526;border-bottom:1px solid #5dd9f526}
.st72-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.st72-card{position:relative;isolation:isolate;min-width:0;min-height:470px;overflow:hidden;display:flex;flex-direction:column;padding:24px 24px 20px;border:1px solid #71daf358;border-radius:20px;background:#06243c;box-shadow:0 17px 40px #00152470}
.st72-card:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;background-repeat:no-repeat}
.st72-lab:before{background-image:linear-gradient(90deg,#021424fa 0%,#021424e6 35%,#0214247a 64%,#02142420 100%),url('/assets/images/performance-lab/backgrounds/home-performancelab-bg.webp?v=0.15.10.50.73')}
.st72-hub:before{background-image:linear-gradient(90deg,#021424fa 0%,#021424ed 35%,#0214247a 60%,#0214241a 100%),url('/assets/images/performance-lab/backgrounds/home-entdecken-verbinden-bg.webp?v=0.15.10.50.73')}
.st72-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;z-index:-1;background:linear-gradient(transparent,#041b2a99)}
.st72-card-copy{display:flex;flex-direction:column;width:60%;position:relative;z-index:2}
.st72-card-eyebrow{margin:0 0 14px;font-size:11px;line-height:1.4;font-weight:830;letter-spacing:.11em;color:#a8eafa}
.st72-product-logo{display:block;width:min(330px,100%);height:auto;max-height:58px;object-fit:contain;object-position:left;margin-bottom:17px}
.st72-card h3{margin:0 0 14px;font-size:clamp(24px,2.3vw,34px);line-height:1.17;letter-spacing:-.035em;color:#fff;font-weight:850}
.st72-card h3 em{color:#88e5f1;font-style:normal}
.st72-card-copy>p:not(.st72-card-eyebrow){font-size:clamp(12px,1.03vw,15px);line-height:1.6;color:#d0e5ef;margin:0 0 19px}
.st72-card-actions{display:flex;flex-wrap:wrap;gap:9px}
.st72-card-actions .st72-button{font-size:11px;min-height:36px;padding:8px 12px}
.st72-benefits{margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:18px;position:relative;z-index:2;border-top:1px solid #5dd9f52b;color:#e9faff}
.st72-benefits>span{display:flex;align-items:center;gap:9px;min-width:0;font-size:12px;line-height:1.35;font-weight:700}
.st72-benefits img{display:block;width:51px;height:51px;object-fit:contain;flex:0 0 51px;filter:drop-shadow(0 0 8px #22caff77)}
.st72-ecosystem-teaser{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:23px!important;padding:19px 23px;border:1px solid #6de5ef48;border-radius:15px;background:linear-gradient(110deg,#05263a,#073c53)}
.st72-ecosystem-teaser strong{font-size:16px;color:#f4fcff}
.st72-ecosystem-teaser p{margin:5px 0 0;font-size:13px;line-height:1.55;color:#c3deea}
.st72-ecosystem-teaser .st72-button{white-space:nowrap;flex:0 0 auto}
.st72-extension a:focus-visible{outline:3px solid #b5f8ff;outline-offset:3px}
@media(max-width:1150px){.st72-cards{grid-template-columns:1fr;max-width:890px}.st72-card{min-height:405px}.st72-card-copy{width:58%}.st72-hero{background-position:64% center}}
@media(max-width:760px){.st72-hero{min-height:0;background-position:61% center}.st72-hero:before{background:linear-gradient(180deg,#021321c9,#021321d9 58%,#021321ef)}.st72-hero>.st72-container{padding:72px 0 65px}.st72-hero h2{font-size:clamp(34px,8vw,54px)}.st72-note{display:none}.st72-card{min-height:0;padding:20px}.st72-lab:before{background-image:linear-gradient(180deg,#031727ea,#031727d0),url('/assets/images/performance-lab/backgrounds/home-performancelab-bg.webp?v=0.15.10.50.73')}.st72-hub:before{background-image:linear-gradient(180deg,#031727ea,#031727d0),url('/assets/images/performance-lab/backgrounds/home-entdecken-verbinden-bg.webp?v=0.15.10.50.73')}.st72-card-copy{width:100%}.st72-card h3{font-size:clamp(23px,5.6vw,30px)}.st72-card-actions{margin-bottom:18px}.st72-ecosystem-teaser{flex-direction:column;align-items:flex-start}.st72-ecosystem-teaser .st72-button{white-space:normal}.st72-benefits>span{font-size:11px}.st72-benefits img{width:44px;height:44px;flex-basis:44px}}
@media(max-width:500px){.st72-extension .st72-container{width:calc(100% - 30px)}.st72-benefits{grid-template-columns:1fr 1fr}.st72-card-actions{flex-direction:column;align-items:stretch}.st72-hero>.st72-container{padding:55px 0}.st72-hero h2{font-size:34px}.st72-product-logo{max-width:270px}}
@media(prefers-reduced-motion:reduce){.st72-button{transition:none}}

/* V0.15.10.50.74: centre horizontal CTA groups and align their vertical start in both desktop cards.
   A common minimum description track prevents different text lengths from shifting the buttons;
   the mobile single-column layout continues to size to its content. */
@media (min-width:501px){
 .st72-card-copy{width:100%;display:grid;grid-template-rows:38px 66px minmax(116px,auto) minmax(145px,auto) auto;align-content:start}
 .st72-card-copy>.st72-card-eyebrow,.st72-card-copy>.st72-product-logo,.st72-card-copy>h3,.st72-card-copy>p:not(.st72-card-eyebrow){max-width:59%}
 .st72-card-actions{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:11px;margin:4px 0 12px}
 .st72-card-actions .st72-button{white-space:nowrap;flex:0 0 auto;min-width:0;font-size:clamp(10px,0.8vw,12px);padding:9px 13px}
}
@media (max-width:760px) and (min-width:501px){
 .st72-card-copy{grid-template-rows:auto auto auto auto auto}
 .st72-card-copy>.st72-card-eyebrow,.st72-card-copy>.st72-product-logo,.st72-card-copy>h3,.st72-card-copy>p:not(.st72-card-eyebrow){max-width:100%}
}
@media (max-width:500px){
 .st72-card-actions{align-items:center}
 .st72-card-actions .st72-button{width:100%;text-align:center}
}

/* EN headlines are longer; reserve one shared headline track on two-column layouts.
   This prevents the two separate grid items from sizing their CTA baselines differently. */
@media (min-width:1151px){
  html[lang="en"] .st72-card-copy{
    grid-template-rows:38px 66px minmax(165px,auto) minmax(145px,auto) auto;
  }
}