/* V06. Exact source geometry is the identity across frames, watermarks and motion. */
.visual-v6 .rs-mini{display:inline-block!important;flex:0 0 19px;width:19px!important;height:17px!important;min-height:0!important;background:currentColor!important;-webkit-mask:url('assets/rs-arrow.svg') center/contain no-repeat;mask:url('assets/rs-arrow.svg') center/contain no-repeat;font-size:0!important;line-height:0!important;vertical-align:middle;border:0!important}
.visual-v6 a>.rs-mini,.visual-v6 button>.rs-mini{margin-left:10px}
.visual-v6 :is(.button,.text-link,.header-contact,.editorial-read)>.rs-mini{margin-left:0}
.visual-v6 .hero-line-frame{color:#161319;background:#e9dfff;padding:0 .1em .035em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.visual-v6 .hero-v2 h1 .hero-result-frame{display:inline-block;margin-top:9px;margin-left:.5em;padding:0 .13em .045em;color:#141116;background:#fa4900}
.visual-v6 .case-watermark{opacity:.25;--watermark-opacity:.25;right:-15%;top:-8%;width:77%;height:88%}
.visual-v6 .case-nlb .case-watermark{left:-10%;right:auto;top:13%;width:79%;height:89%;opacity:.23;--watermark-opacity:.23}
.visual-v6 .case-sava .case-watermark{right:-20%;top:15%;width:91%;height:96%;opacity:.25;--watermark-opacity:.25}
.visual-v6 .case-telekom .case-watermark{right:-14%;top:-12%;width:83%;height:90%;opacity:.22;--watermark-opacity:.22}
.visual-v6 .case-brand{width:57px;height:51px}
.visual-v6 .type-band{position:relative}
/* The progressive-enhancement baseline is a readable grid with every detail visible. */
.kinetic-method{background:#111015;color:#fff7ef;position:relative;isolation:isolate;overflow:hidden;padding-top:78px;padding-bottom:44px}
.kinetic-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px 45px;align-items:start}
.kinetic-intro>.eyebrow{font-size:10px;color:#d2c3e0;line-height:1.65}
.kinetic-intro h2{font-size:clamp(36px,4.4vw,65px);line-height:1.08;letter-spacing:-.05em;margin:0}
.kinetic-instruction{grid-column:2;font-size:13px;color:#bfb1cd;line-height:1.5;margin:0}
.kinetic-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:52px;--pointer-x:0px;--pointer-y:0px}
.kinetic-backdrop{display:none;pointer-events:none;user-select:none}
.kinetic-slot{min-width:0;position:relative;z-index:2}
.kinetic-card{position:relative;overflow:hidden;isolation:isolate;background:#fa4900;color:#171218;padding:28px;min-height:370px;height:100%;box-shadow:0 16px 45px #0002}
.kinetic-slot-1 .kinetic-card{background:#bda5f3}
.kinetic-slot-2 .kinetic-card{background:#5321bd;color:#fff7ef}
.kinetic-card>.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.07em;position:relative;margin:0}
.kinetic-card h3{font-size:clamp(42px,5.6vw,80px);line-height:1;letter-spacing:-.06em;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 24px;position:relative}
.visual-v6 .kinetic-card h3>.rs-mini{width:39px!important;height:35px!important;flex-basis:39px}
.kinetic-front h4{font-size:clamp(22px,2.5vw,36px);line-height:1.35;font-weight:500;letter-spacing:-.035em;margin:0}
.kinetic-front h4>span{background:#fff6ed;color:#171218;padding:.08em .15em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.kinetic-slot-1 .kinetic-front h4>span{background:#171218;color:#fff6ed}
.kinetic-motif{position:absolute;pointer-events:none;z-index:-1;right:-26%;top:-11%;width:95%;height:100%;background:url('assets/rs-arrow-black.svg') center/contain no-repeat;opacity:.12;transform:translate(calc(var(--pointer-x) * -.4),calc(var(--pointer-y) * -.4));transition:transform .4s ease}
.kinetic-slot-2 .kinetic-motif{background-image:url('assets/rs-arrow-white.svg');opacity:.18}
.kinetic-detail{position:relative;margin-top:24px}
.kinetic-detail p{font-size:16px;line-height:1.5;margin:0 0 24px;max-width:470px}
.kinetic-detail .text-link{font-size:12px;gap:12px;color:inherit;border-color:currentColor}
.kinetic-toggle{position:absolute;right:24px;bottom:19px;align-items:center;gap:14px;padding:9px 0 9px 10px;background:transparent;color:inherit;border:0;font:600 12px/1.5 Arial,sans-serif;cursor:pointer;min-height:40px}
.kinetic-toggle:not([hidden]){display:flex}
.kinetic-footnote{font-size:12px;color:#bfb1cd;margin:28px 0 0;padding-top:18px;border-top:1px solid #ffffff2b}
/* Enhanced desktop: cards form a composition over a large typographic layer. */
.kinetic-stage.is-enhanced{display:block;height:895px;margin-top:45px}
.kinetic-stage.is-enhanced .kinetic-backdrop{position:absolute;display:flex;flex-direction:column;justify-content:center;inset:120px -10px 160px;gap:16px;font-size:clamp(65px,9vw,145px);line-height:1.01;font-weight:500;letter-spacing:-.06em;opacity:.64;transition:opacity .5s ease,transform .65s cubic-bezier(.2,.65,.2,1);z-index:0}
.kinetic-backdrop>span:nth-child(2){align-self:flex-end}
.kinetic-backdrop>span:nth-child(3){align-self:center}
.kinetic-stage.is-enhanced .kinetic-slot{position:absolute;width:49%;height:335px}
.kinetic-stage.is-enhanced .kinetic-slot-0{left:0;top:0}
.kinetic-stage.is-enhanced .kinetic-slot-1{right:0;top:235px;width:46%}
.kinetic-stage.is-enhanced .kinetic-slot-2{left:10%;top:530px;width:50%}
.kinetic-stage.is-enhanced .kinetic-card{min-height:0;transform:translate(calc(var(--shift-x,0px) + var(--pointer-x)),calc(var(--shift-y,0px) + var(--pointer-y))) scale(var(--card-scale,1));opacity:1;transition:transform .65s cubic-bezier(.2,.65,.2,1),opacity .5s ease,box-shadow .5s ease}
.kinetic-stage.is-enhanced .kinetic-card h3{transition:transform .5s ease,opacity .3s ease;transform-origin:top left}
.kinetic-stage.is-enhanced .kinetic-front{position:absolute;left:28px;right:28px;top:196px;transition:opacity .3s ease,transform .45s ease}
.kinetic-stage.is-enhanced .kinetic-detail{position:absolute;inset:114px 28px 65px;margin:0}
.kinetic-stage.is-enhanced .kinetic-detail:not([hidden]){animation:rs-detail-in .48s ease both}
.kinetic-stage.is-enhanced .kinetic-slot.is-open{z-index:5}
.kinetic-stage.is-enhanced .kinetic-slot.is-open .kinetic-card{--shift-y:-18px;--card-scale:1.035;box-shadow:0 25px 70px #0006}
.kinetic-stage.is-enhanced .kinetic-slot.is-open h3{transform:translateY(-10px) scale(.58);opacity:.85}
.kinetic-stage.is-enhanced .kinetic-slot.is-open .kinetic-front{opacity:0;transform:translateY(23px);pointer-events:none}
.kinetic-stage.is-enhanced:not([data-active="none"]) .kinetic-slot:not(.is-open) .kinetic-card{opacity:.14;--card-scale:.96}
.kinetic-stage.is-enhanced:not([data-active="none"]) .kinetic-slot-0:not(.is-open) .kinetic-card{--shift-x:-46px;--shift-y:-25px}
.kinetic-stage.is-enhanced:not([data-active="none"]) .kinetic-slot-1:not(.is-open) .kinetic-card{--shift-x:48px;--shift-y:10px}
.kinetic-stage.is-enhanced:not([data-active="none"]) .kinetic-slot-2:not(.is-open) .kinetic-card{--shift-x:-25px;--shift-y:35px}
.kinetic-stage.is-enhanced:not([data-active="none"]) .kinetic-backdrop{opacity:1;transform:translate(calc(var(--pointer-x) * -.5),calc(var(--pointer-y) * -.5))}
.kinetic-slot:focus-within{z-index:6}
@keyframes rs-detail-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.v6-handoff{border-bottom:1px solid #d7d3dc}
.v6-handoff>h2{margin-top:25px}
@media(max-width:1050px){.kinetic-stage.is-enhanced .kinetic-slot{height:345px}.kinetic-card{padding:25px}.kinetic-card h3{font-size:60px;margin-top:33px}.kinetic-stage.is-enhanced .kinetic-front{left:25px;right:25px;top:175px}.kinetic-stage.is-enhanced .kinetic-detail{inset:109px 25px 64px}.kinetic-detail p{font-size:15px;margin-bottom:18px}.kinetic-front h4{font-size:27px}}
@media(max-width:760px){
 .kinetic-method{padding-top:56px;padding-bottom:34px}
 .kinetic-intro{grid-template-columns:1fr;gap:18px}
 .kinetic-intro h2{font-size:40px}.kinetic-instruction{grid-column:1;font-size:12px}
 .kinetic-stage{grid-template-columns:1fr}
 .kinetic-stage.is-enhanced{height:1060px;margin-top:35px}
 .kinetic-stage.is-enhanced .kinetic-backdrop{inset:110px -7px 100px;font-size:clamp(52px,11vw,84px);gap:20px}
 .kinetic-stage.is-enhanced .kinetic-slot{height:320px;width:88%}
 .kinetic-stage.is-enhanced .kinetic-slot-0{left:0;top:0}
 .kinetic-stage.is-enhanced .kinetic-slot-1{right:0;top:345px;width:88%}
 .kinetic-stage.is-enhanced .kinetic-slot-2{left:3%;top:700px;width:88%}
 .kinetic-card{padding:24px}.kinetic-card h3{font-size:58px;margin:28px 0 20px}
 .kinetic-stage.is-enhanced .kinetic-front{top:165px;left:24px;right:24px}
 .kinetic-front h4{font-size:27px}
 .kinetic-stage.is-enhanced .kinetic-detail{inset:101px 24px 54px}
 .kinetic-detail p{font-size:15px;line-height:1.48;margin-bottom:14px}
 .kinetic-detail .text-link{font-size:11px;padding-block:5px}
 .kinetic-toggle{right:24px;bottom:12px}
 .kinetic-stage.is-enhanced .kinetic-slot.is-open .kinetic-card{--shift-y:-7px;--card-scale:1.015}
 .kinetic-stage.is-enhanced:not([data-active="none"]) .kinetic-slot:not(.is-open) .kinetic-card{opacity:.3;--shift-x:0px;--shift-y:0px;--card-scale:.98}
 .visual-v6 .hero-v2 h1 .hero-result-frame{margin-top:8px}
}
@media(max-width:390px){.kinetic-stage.is-enhanced .kinetic-slot{width:96%;height:340px}.kinetic-stage.is-enhanced .kinetic-slot-1{width:96%;top:366px}.kinetic-stage.is-enhanced .kinetic-slot-2{width:96%;left:0;top:732px}.kinetic-stage.is-enhanced{height:1105px}.kinetic-card{padding:22px}.kinetic-stage.is-enhanced .kinetic-detail{left:22px;right:22px}.kinetic-stage.is-enhanced .kinetic-front{left:22px;right:22px}.kinetic-front h4{font-size:25px}}
@media(prefers-reduced-motion:reduce){
 .visual-v6 .kinetic-card,.visual-v6 .kinetic-card h3,.visual-v6 .kinetic-motif,.visual-v6 .kinetic-backdrop,.visual-v6 .kinetic-front,.visual-v6 .kinetic-detail{transition:none!important;animation:none!important;transform:none!important}
 .visual-v6 .kinetic-slot .kinetic-card{opacity:1!important}
 .visual-v6 .kinetic-stage.is-enhanced .kinetic-slot.is-open h3{font-size:35px}
 .visual-v6 .kinetic-backdrop{opacity:.45!important}
}