@layer bricks {}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.wd-hero h1.wd-h1.wd-h1 span { padding-bottom: .2em; margin-bottom: -.06em;}@keyframes kfGlow{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}}@keyframes kfOrb{to{transform:rotate(360deg)}}@keyframes kfPulse{0%,100%{box-shadow:0 0 0 0 rgba(237,22,125,.55)}50%{box-shadow:0 0 0 10px rgba(237,22,125,0)}}@keyframes kfType{0%,2%{clip-path:inset(0 100% 0 0)}16%,94%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes kfThink{0%,16%{opacity:0;max-height:0}18%,28%{opacity:1;max-height:30px}31%,100%{opacity:0;max-height:0}}@keyframes kfDot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}@keyframes kfSug{0%,30%{opacity:0;transform:translateY(12px)}35%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes kfPick{0%,55%{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05)}59%,94%{border-color:#34d399;background:rgba(52,211,153,.12)}100%{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05)}}@keyframes kfU{0%,57%{opacity:0;transform:scale(.6)}61%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes kfTag{0%,4%{background:rgba(255,255,255,.06);color:#aeb9c9}7%,22%{background:linear-gradient(90deg,#ed167d,#7b2cbf);color:#fff}25%,100%{background:rgba(255,255,255,.06);color:#aeb9c9}}@keyframes kfBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (max-width:1199px){.wd-hero .kf-chip--1.kf-chip{left:-8px} .wd-hero .kf-chip--2.kf-chip{right:-8px}}@media (max-width:767px){.wd-hero .kf-win.kf-win{padding:14px 12px} .wd-hero .kf-head.kf-head em{display:none} .wd-hero .kf-me.kf-me p{max-width:100%;font-size:13px} .wd-hero .kf-s.kf-s p{font-size:12.5px} .wd-hero .kf-s.kf-s u{position:static;display:inline-block;margin-top:6px} .wd-hero .kf-chip.kf-chip{font-size:11px;padding:6px 10px 6px 6px} .wd-hero .kf-chip--1.kf-chip{left:-4px} .wd-hero .kf-chip--2.kf-chip{right:-4px} .wd-hero .kf-pill.kf-pill{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.wd-hero .kf-ai *{animation:none!important} .wd-hero .kf-s,.wd-hero .kf-s u{opacity:1}} .wd-hero .kf-hv { min-width: 0;} .wd-hero .kf-ai { position: relative; width: min(540px,100%); margin: 0 auto; padding: 40px 0 44px;} .wd-hero .kf-glow { position: absolute; left: 50%; top: 50%; width: 80%; height: 70%; border-radius: 50%; background: conic-gradient(from 0deg,#7b2cbf,#ed167d,#45c5ff,#7b2cbf); filter: blur(80px); opacity: .45; transform: translate(-50%,-50%); animation: kfGlow 10s ease-in-out infinite;} .wd-hero .kf-win { position: relative; z-index: 2; padding: 18px; border-radius: 26px; border: 1px solid rgba(255,255,255,.14); background: linear-gradient(160deg,rgba(27,42,74,.96),rgba(10,19,40,.98)); box-shadow: 0 50px 90px -40px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.08);} .wd-hero .kf-head { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.08);} .wd-hero .kf-orb { position: relative; flex: none; width: 44px; height: 44px; border-radius: 50%; background: conic-gradient(from 0deg,#ed167d,#7b2cbf,#45c5ff,#ed167d); animation: kfOrb 6s linear infinite,kfPulse 2.4s ease infinite;} .wd-hero .kf-orb i { position: absolute; inset: 5px; border-radius: 50%; background: radial-gradient(circle at 35% 30%,#fff 0,#ffd6ea 18%,#1a0f3a 60%);} .wd-hero .kf-hn b { display: block; font-size: 15px; font-weight: 900; color: #fff;} .wd-hero .kf-hn small { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; color: #34d399;} .wd-hero .kf-hn small i { width: 7px; height: 7px; border-radius: 50%; background: #34d399;} .wd-hero .kf-head em { margin-left: auto; padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 10.5px; font-style: normal; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8f9bb0; white-space: nowrap;} .wd-hero .kf-me { display: flex; justify-content: flex-end; margin-bottom: 10px;} .wd-hero .kf-me p { max-width: 86%; margin: 0; padding: 12px 16px; border-radius: 18px 18px 4px 18px; background: #fff; color: #0d1930; font-size: 14px; font-weight: 700; line-height: 1.45; animation: kfType 12s steps(24) infinite;} .wd-hero .kf-me b { font-weight: 900;} .wd-hero .kf-me i { font-style: normal; color: #ed167d;} .wd-hero .kf-think { display: flex; gap: 5px; overflow: hidden; padding: 0 4px; opacity: 0; animation: kfThink 12s ease infinite;} .wd-hero .kf-think i { width: 8px; height: 8px; margin: 10px 0; border-radius: 50%; background: #ff8fb8; animation: kfDot 1s ease infinite;} .wd-hero .kf-think i:nth-child(2) { animation-delay: .15s;} .wd-hero .kf-think i:nth-child(3) { animation-delay: .3s;} .wd-hero .kf-sug { display: flex; flex-direction: column; gap: 8px;} .wd-hero .kf-s { position: relative; padding: 11px 14px; border-radius: 14px; border: 1.5px solid rgba(255,255,255,.1); background: rgba(255,255,255,.05); opacity: 0; animation: kfSug 12s ease infinite; animation-delay: var(--d);} .wd-hero .kf-s small { display: block; margin-bottom: 3px; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #ff8fb8;} .wd-hero .kf-s p { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 800; color: #fff;} .wd-hero .kf-s--pick { animation: kfSug 12s ease infinite,kfPick 12s ease infinite; animation-delay: var(--d),0s;} .wd-hero .kf-s u { position: absolute; right: 10px; top: 9px; padding: 3px 9px; border-radius: 999px; background: #34d399; color: #0d1930; font-size: 10px; font-weight: 900; text-decoration: none; opacity: 0; animation: kfU 12s ease infinite;} .wd-hero .kf-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px;} .wd-hero .kf-tags span { padding: 6px 11px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 11.5px; font-weight: 800; color: #aeb9c9; animation: kfTag 12s ease infinite;} .wd-hero .kf-tags span:nth-child(2) { animation-delay: 3s;} .wd-hero .kf-tags span:nth-child(3) { animation-delay: 6s;} .wd-hero .kf-tags span:nth-child(4) { animation-delay: 9s;} .wd-hero .kf-chip { position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); background: rgba(8,16,34,.94); box-shadow: 0 20px 40px -20px rgba(0,0,0,.9); font-size: 12.5px; font-weight: 800; color: #fff; white-space: nowrap; animation: kfBob 5s ease-in-out infinite;} .wd-hero .kf-chip i { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg,#ed167d,#7b2cbf); color: #fff; font-style: normal; font-size: 11px; font-weight: 900;} .wd-hero .kf-chip--1 { left: -26px; top: 0;} .wd-hero .kf-chip--2 { right: -22px; bottom: 0; animation-delay: -2.5s;} .wd-hero .kf-chip--2 i { background: #34d399; color: #0d1930;} .wd-hero .kf-pill { display: flex; align-items: center; justify-content: center; gap: 10px; width: max-content; max-width: 100%; margin: 6px auto 0; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); font-size: 12.5px; font-weight: 800; color: #dbe2ec;} .wd-hero .kf-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 10px var(--pink);}@keyframes wdPulse{to{box-shadow:0 0 0 12px rgba(237,22,125,0)}}@keyframes wdSpin{to{transform:rotate(360deg)}}@keyframes wdFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(-1.2deg)}}@keyframes wdBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wdTick{0%,6%{background:rgba(255,255,255,.12);color:transparent}10%,100%{background:#34d399;color:#0d1930}}@keyframes wdRow{0%,6%{color:#8f9bb0}10%,100%{color:#fff}}@media (max-width:991px){.wd-hero .brxe-container.wd-hero-grid.wd-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}}@media (max-width:767px){.wd-hero.wd-hero{padding:140px var(--gutter) 150px} .wd-hero .wd-check.wd-check{display:none} .wd-hero .wd-chip--3.wd-chip{display:none} .wd-hero .wd-chip--2.wd-chip{left:0;top:auto;bottom:0} .wd-hero .wd-chip--2.wd-chip.wd-chip{right:auto} .wd-hero .wd-trust.wd-trust{grid-template-columns:minmax(0,1fr)} .wd-hero .wd-btns.wd-btns{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.wd-page *,.wd-page *::before,.wd-page *::after{animation:none!important;transition:none!important}} .wd-hero { position: relative; overflow: hidden; padding: 190px var(--gutter) 170px; color: #fff; background: radial-gradient(760px circle at 80% 30%,rgba(123,44,191,.32),transparent 60%),radial-gradient(640px circle at 0% 100%,rgba(69,197,255,.18),transparent 60%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#050b18; background-size: auto,auto,44px 44px,44px 44px,auto;} .wd-hero :is(h1,h2,h3) { font-family: var(--font-body);} .wd-hero .brxe-container.wd-hero-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 64px; align-items: center; width: 100%; max-width: var(--shell); margin: 0 auto;} .wd-hero .wd-hero-txt { display: flex; flex-direction: column; align-items: flex-start; min-width: 0;} .wd-hero .wd-crumb { margin: 0 0 26px; font-size: 13px; font-weight: 600; color: #8f9bb0;} .wd-hero .wd-crumb a { color: #c9d1de; text-decoration: none;} .wd-hero .wd-crumb a:hover { color: #fff;} .wd-hero .wd-crumb span { margin: 0 8px; opacity: .5;} .wd-hero .wd-kicker { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--blue-bright);} .wd-hero .wd-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--pink); animation: wdPulse 1.8s ease-out infinite;} .wd-hero h1.wd-h1 { margin: 22px 0 0; font-size: clamp(2.6rem,5.4vw,5.2rem); font-weight: 900; line-height: .98; letter-spacing: -.055em; color: #fff;} .wd-hero h1.wd-h1 span { display: block; font-family: var(--font-serif); font-style: italic; font-weight: 400; letter-spacing: -.03em; background: linear-gradient(90deg,#ff3d9a,#45c5ff); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .1em;} .wd-hero .wd-intro { max-width: 600px; margin: 26px 0 0; font-size: 17px; line-height: 1.7; color: #c9d1de;} .wd-hero .wd-intro b { color: #fff;} .wd-hero .wd-btns { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px;} .wd-page .wd-btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 9px 9px 24px; border-radius: 12px; font-size: 15px; font-weight: 800; text-decoration: none; transition: transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease);} .wd-page .wd-btn b { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; transition: transform .35s var(--ease);} .wd-page .wd-btn--p { background: linear-gradient(90deg,var(--pink-strong),#c5178f); color: #fff; box-shadow: 0 16px 36px rgba(237,22,125,.35);} .wd-page .wd-btn--p b { background: #fff; color: var(--pink);} .wd-page .wd-btn--g { border: 1px solid rgba(255,255,255,.25); color: #fff; background: rgba(255,255,255,.04);} .wd-page .wd-btn--g b { background: rgba(255,255,255,.12); color: #fff;} .wd-page .wd-btn--d { border: 1px solid rgba(13,25,48,.18); color: var(--ink); background: #fff;} .wd-page .wd-btn--d b { background: var(--ink); color: #fff;} .wd-page .wd-btn:hover { transform: translateY(-3px);} .wd-page .wd-btn:focus-visible { transform: translateY(-3px);} .wd-page .wd-btn:hover b { transform: rotate(45deg);} .wd-page .wd-btn:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 3px;} .wd-hero .wd-trust { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; width: 100%; max-width: 640px; margin: 36px 0 0; padding: 0; list-style: none;} .wd-hero .wd-trust li { display: flex; align-items: flex-start; gap: 10px; padding: 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); font-size: 13px; font-weight: 700; line-height: 1.4; color: #dbe2ec;} .wd-hero .wd-trust li::before { content: "✓"; flex: none; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#ed167d,#45c5ff); font-size: 10px; color: #fff;} .wd-hero .wd-orb { position: absolute; border-radius: 50%; pointer-events: none;} .wd-hero .wd-orb--1 { left: 4%; top: 4%; width: 520px; height: 520px; border: 1px dashed rgba(69,197,255,.22); animation: wdSpin 30s linear infinite;} .wd-hero .wd-orb--2 { left: 20%; top: 18%; width: 340px; height: 340px; border: 1px dashed rgba(237,22,125,.22); animation: wdSpin 40s linear infinite reverse;} .wd-hero .wd-orb--1::after { content: ""; position: absolute; left: 50%; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #ff3d9a; box-shadow: 0 0 16px #ff3d9a;} .wd-hero .wd-chip { position: absolute; z-index: 5; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(5,11,24,.85); border: 1px solid rgba(255,255,255,.16); font-size: 11px; font-weight: 700; white-space: nowrap; animation: wdBob 5s ease-in-out infinite;} .wd-hero .wd-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--c);} .wd-hero .wd-chip--1 { left: -2%; top: 20px;} .wd-hero .wd-chip--2 { right: 0; top: 170px; animation-delay: -1.7s;} .wd-hero .wd-chip--3 { right: 18%; bottom: 20px; animation-delay: -3.3s;}#brxe-161a61 {display: flex; position: absolute; top: -112px; left: -30px; right: -30px; height: 148px; align-items: center; overflow: hidden; background-color: var(--pink); max-width: none; width: calc(100% + 60px)}@keyframes rsTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:767px){#brxe-161a61.brxe-div{transform:rotate(-1.5deg) scaleX(1.035)}#brxe-161a61 .rs-track.rs-track{font-size:2.15rem;animation-duration:12s}}@media (prefers-reduced-motion:reduce){#brxe-161a61 .rs-track.rs-track{animation:none}}#brxe-161a61 { transform: rotate(-1deg) scaleX(1.035); box-shadow: 0 26px 50px rgba(5,11,24,.25);}#brxe-161a61 .rs-track { display: flex; flex: none; width: max-content; align-items: center; white-space: nowrap; font-family: var(--font-display); font-weight: 400; font-size: clamp(2.55rem,3.35vw,4.15rem); line-height: 1; color: #fff; letter-spacing: .01em; animation: rsTicker 14s linear infinite; will-change: transform;}#brxe-161a61 .rs-track span { flex: none; margin-right: .45em;}#brxe-161a61 .rs-track .rs-star { color: var(--gold); font-size: .55em;}@media (max-width: 767px) {#brxe-161a61 {top: -86px; height: 116px}}#brxe-c1d992 {position: relative; z-index: 6; height: 0px; width: 100%}#brxe-c1d992 { overflow-x: clip; overflow-y: visible;}@media (max-width:991px){.wd-page .wd-head.wd-head{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:991px){.wd-why .wd-why-grid.wd-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .wd-why .wd-head.wd-head{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:767px){.wd-why .wd-why-grid.wd-why-grid{grid-template-columns:minmax(0,1fr)} .wd-why .wd-answer.wd-answer{grid-template-columns:minmax(0,1fr);padding:26px 22px}}@keyframes kfSwBg{0%,30%{background:rgba(13,25,48,.15)}36%,92%{background:#34d399}100%{background:rgba(13,25,48,.15)}}@keyframes kfSwU{0%,30%{transform:none}36%,92%{transform:translateX(20px)}100%{transform:none}}@keyframes kfBar{0%,34%{width:var(--a)}55%,92%{width:var(--b)}100%{width:var(--a)}}@keyframes kfBarC{0%,34%{background:linear-gradient(90deg,#8f9bb0,#647188)}55%,92%{background:linear-gradient(90deg,#45c5ff,#7b2cbf)}100%{background:linear-gradient(90deg,#8f9bb0,#647188)}}@keyframes kfStA{0%,40%{opacity:1}46%,92%{opacity:0}100%{opacity:1}}@keyframes kfStB{0%,40%{opacity:0}46%,92%{opacity:1}100%{opacity:0}}@media (max-width:991px){#warum .kf-why.kf-why{grid-template-columns:minmax(0,1fr);gap:34px}#warum .kf-tm-wrap.kf-tm-wrap{position:static}#warum .kf-fix.kf-fix{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#warum .kf-tm.kf-tm{padding:16px 14px}#warum .kf-row.kf-row{grid-template-columns:minmax(0,1fr);gap:6px}#warum .kf-tm-top.kf-tm-top{flex-direction:column;align-items:flex-start}#warum .kf-solve.kf-solve{font-size:15px;padding:18px}#warum .kf-fix.kf-fix{padding:24px 20px}#warum .kf-fix .wd-btn.wd-btn{width:100%}}@media (prefers-reduced-motion:reduce){#warum .kf-tm *{animation:none!important}#warum .kf-row u{width:var(--b)}#warum .kf-st-a{opacity:0}#warum .kf-st-b{opacity:1}} .wd-sec { position: relative; overflow: hidden; padding: var(--section-pad) var(--gutter); scroll-margin-top: 170px;} .wd-sec :is(h2,h3,h4) { font-family: var(--font-body);} .wd-sec .brxe-container.wd-shell { position: relative; z-index: 1; width: 100%; max-width: var(--shell); margin: 0 auto; align-items: stretch;} .wd-light { background: #f2f5fa; color: var(--ink);} .wd-dark { background: #050b18; color: #fff;} .wd-page .wd-lbl { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--blue);} .wd-dark .wd-lbl { color: var(--blue-bright);} .wd-page .wd-lbl b { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(237,22,125,.1); color: var(--pink); font-size: 11px;} .wd-page .wd-head { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 60px; align-items: end; margin-bottom: 56px;} .wd-page h2.wd-h2 { margin: 22px 0 0; font-size: clamp(2.3rem,4.8vw,4.6rem); font-weight: 900; line-height: .98; letter-spacing: -.055em; color: var(--ink);} .wd-dark h2.wd-h2 { color: #fff;} .wd-page h2.wd-h2 span { font-family: var(--font-serif); font-style: italic; font-weight: 400; letter-spacing: -.03em; color: var(--pink);} .wd-dark h2.wd-h2 span { color: var(--gold);} .wd-page .wd-lead { max-width: 560px; margin: 0; padding-bottom: 8px; font-size: 16px; line-height: 1.75; color: #4d5a70;} .wd-dark .wd-lead { color: #aeb9c9;} .wd-page .wd-wm { position: absolute; right: 2vw; top: 60px; z-index: 0; font-family: var(--font-body); font-size: min(20.6rem,20vw); font-weight: 900; line-height: .8; letter-spacing: -.06em; white-space: nowrap; color: rgba(13,25,48,.05); pointer-events: none; user-select: none;} .wd-why .wd-answer { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 22px; align-items: start; margin-top: 26px; padding: 30px 34px; border-radius: 22px; background: #0b1d38; color: #fff;} .wd-why .wd-answer-ic { width: 54px; height: 54px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#ed167d,#7b2cbf); font-size: 22px; font-weight: 900;} .wd-why .wd-answer h3 { margin: 0 0 8px; font-size: 18px; font-weight: 900; color: #fff;} .wd-why .wd-answer p { margin: 0; font-size: 15px; line-height: 1.7; color: #c9d1de;}#warum h3.kf-h3 { margin: 0 0 18px; font-size: clamp(1.4rem,2.2vw,1.9rem); font-weight: 900; line-height: 1.15; letter-spacing: -.03em; color: var(--ink);}#warum .kf-why { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 56px; align-items: start;}#warum .kf-why-txt p { margin: 0 0 16px; font-size: 16px; line-height: 1.75; color: #4d5a70;}#warum .kf-cons { margin: 0 0 18px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px;}#warum .kf-cons li { position: relative; padding: 16px 18px 16px 58px; border-radius: 18px; background: #fff; border: 1px solid rgba(13,25,48,.08); font-size: 15px; line-height: 1.6; color: #4d5a70; box-shadow: 0 20px 50px -40px rgba(13,25,48,.5);}#warum .kf-cons li::before { content: "✦"; position: absolute; left: 16px; top: 15px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg,#7b2cbf,#ed167d); color: #fff; font-size: 12px;}#warum .kf-cons li b { display: block; color: var(--ink); font-size: 16px;}#warum .kf-tm-wrap { position: sticky; top: 180px;}#warum .kf-tm { padding: 22px; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 50px 100px -60px rgba(13,25,48,.7);}#warum .kf-tm-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px;}#warum .kf-tm-t { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--blue);}#warum .kf-tm-t i { width: 10px; height: 10px; border-radius: 50%; background: var(--pink);}#warum .kf-sw { display: flex; align-items: center; gap: 10px;}#warum .kf-sw small { font-size: 12px; font-weight: 800; color: var(--ink);}#warum .kf-sw i { position: relative; width: 44px; height: 24px; border-radius: 999px; animation: kfSwBg 10s ease infinite;}#warum .kf-sw u { position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.2); animation: kfSwU 10s ease infinite;}#warum .kf-row { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 14px; align-items: center; padding: 9px 0; border-bottom: 1px dashed rgba(13,25,48,.08);}#warum .kf-row span { font-size: 13px; font-weight: 700; color: #4d5a70;}#warum .kf-row i { display: block; height: 12px; border-radius: 8px; background: #eef2f7; overflow: hidden;}#warum .kf-row u { display: block; height: 100%; border-radius: 8px; width: var(--a); animation: kfBar 10s cubic-bezier(.5,0,.2,1) infinite,kfBarC 10s ease infinite;}#warum .kf-row--win { border-bottom: 0; margin-top: 6px;}#warum .kf-row--win span { font-weight: 900; color: var(--ink);}#warum .kf-row--win u { animation: kfBar 10s cubic-bezier(.5,0,.2,1) infinite; background: linear-gradient(90deg,#34d399,#1661ab);}#warum .kf-tm-foot { display: grid; margin: 14px 0 0; font-size: 12.5px; font-weight: 800;}#warum .kf-tm-foot span { grid-area: 1/1;}#warum .kf-st-a { color: #8f9bb0; animation: kfStA 10s ease infinite;}#warum .kf-st-b { color: #047857; opacity: 0; animation: kfStB 10s ease infinite;}#warum .kf-solve { display: flex; gap: 14px; align-items: flex-start; margin: 18px 0 0; padding: 20px 22px; border-radius: 20px; background: linear-gradient(120deg,rgba(123,44,191,.08),rgba(237,22,125,.08)); border: 1px solid rgba(123,44,191,.25); font-size: 16px; font-weight: 700; line-height: 1.6; color: var(--ink);}#warum .kf-solve>b { flex: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg,#7b2cbf,#ed167d); color: #fff; font-size: 14px;}#warum .kf-fix { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: center; margin-top: 34px; padding: 26px 30px; border-radius: 24px; background: #0b1d38; color: #fff;}#warum .kf-fix p { margin: 0; font-size: 15.5px; line-height: 1.7; color: #c9d1de;}#warum .kf-fix p b { color: #fff;}@media (max-width:991px){.wd-page .lm-feat.lm-feat{grid-template-columns:minmax(0,1fr);gap:34px;padding:48px 0} .wd-page .lm-feat--flip.lm-feat--flip .lm-feat-txt{order:0}}@media (max-width:767px){.wd-page .lm-ui.lm-ui{padding:16px 14px;border-radius:20px} .wd-page .lm-feat-n.lm-feat-n b{font-size:38px}}@media (prefers-reduced-motion:reduce){.wd-page .lm-ui *{animation:none!important}}@keyframes kfSay{0%,2%{opacity:0;transform:translateY(8px) scale(.97)}8%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes kfOld{0%,26%{opacity:1;text-decoration-color:transparent}30%{opacity:1;text-decoration-color:#ff8fb8}34%,94%{opacity:0}100%{opacity:1}}@keyframes kfNew{0%,34%{clip-path:inset(0 100% 0 0)}52%,94%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes kfB2{0%,58%{transform:none}61%{transform:scale(.93)}64%,100%{transform:none}}@keyframes kfDone{0%,62%{opacity:0;transform:translateX(-6px)}66%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes kfNext{0%,70%{opacity:0;transform:translateY(6px)}75%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes kfBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (max-width:767px){.wd-page .kf-acts.kf-acts{flex-wrap:wrap} .wd-page .kf-acts.kf-acts em{margin-left:0;width:100%} .wd-page .kf-val.kf-val{font-size:13px}}@media (prefers-reduced-motion:reduce){.wd-page .kf-val s{opacity:0} .wd-page .kf-acts em,.wd-page .kf-next{opacity:1}}@keyframes kfPane{0%,1%{opacity:0;transform:translateX(16px)}4%,30%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateX(-16px)}}@keyframes kfChipIn{0%,4%{opacity:0;transform:scale(.6)}9%,30%{opacity:1;transform:none}33%,100%{opacity:0}}@keyframes kfStep{0%,1%{background:rgba(255,255,255,.06);color:#aeb9c9}4%,100%{background:linear-gradient(90deg,#ed167d,#7b2cbf);color:#fff}}@keyframes kfSbar{0%{transform:scaleX(0)}33%{transform:scaleX(.33)}66%{transform:scaleX(.66)}96%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes kfPulse2{50%{opacity:.35}}@keyframes kfStep1{0%,33%{background:rgba(255,255,255,.06);color:#aeb9c9}36%,100%{background:linear-gradient(90deg,#ed167d,#7b2cbf);color:#fff}}@keyframes kfStep2{0%,66%{background:rgba(255,255,255,.06);color:#aeb9c9}69%,100%{background:linear-gradient(90deg,#ed167d,#7b2cbf);color:#fff}}@media (max-width:767px){.wd-page .kf-st.kf-st{font-size:11px;padding:7px;gap:5px} .wd-page .kf-auto.kf-auto{display:none} .wd-page .kf-panes.kf-panes{min-height:150px}}@media (prefers-reduced-motion:reduce){.wd-page .kf-pane0,.wd-page .kf-pane0 span{opacity:1}}@keyframes kfKw{0%,6%{opacity:0;transform:translateX(-18px)}12%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes kfKwB{0%,10%{transform:scaleX(0)}30%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes kfTop{0%,34%{box-shadow:none;border-color:rgba(255,255,255,.08)}40%,94%{box-shadow:0 0 0 2px rgba(237,22,125,.6),0 18px 40px -20px rgba(237,22,125,.7);border-color:transparent}100%{box-shadow:none}}@keyframes kfFlt{0%,100%{border-color:rgba(255,255,255,.14)}50%{border-color:rgba(69,197,255,.6)}}@media (max-width:767px){.wd-page .kf-kwl.kf-kwl li{grid-template-columns:26px minmax(0,1fr) 54px;gap:8px;padding:9px} .wd-page .kf-kwl.kf-kwl span{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.wd-page .kf-kwl li{opacity:1}} .wd-page .lm-feat { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(40px,6vw,90px); align-items: center; padding: 64px 0; border-top: 1px solid var(--lm-line,rgba(13,25,48,.08));} .wd-page .lm-feat:first-child { border-top: 0; padding-top: 24px;} .wd-page .lm-feat--flip .lm-feat-txt { order: 2;} .wd-page .lm-feat-txt { min-width: 0;} .wd-page .lm-feat-n { display: flex; align-items: center; gap: 14px; margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--blue);} .wd-dark .lm-feat-n { color: var(--blue-bright);} .wd-page .lm-feat-n b { font-family: var(--font-serif); font-style: italic; font-weight: 400; font-size: 46px; line-height: 1; letter-spacing: 0; background: linear-gradient(90deg,#ed167d,#7b2cbf); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .08em;} .wd-dark .lm-feat-n b { background: linear-gradient(90deg,#ff3d9a,#45c5ff); -webkit-background-clip: text; background-clip: text;} .wd-page h3.lm-feat-h { margin: 12px 0 18px; font-family: var(--font-body); font-size: clamp(1.6rem,2.6vw,2.3rem); font-weight: 900; line-height: 1.1; letter-spacing: -.035em; color: var(--ink);} .wd-dark h3.lm-feat-h { color: #fff;} .wd-page .lm-rich p { margin: 0 0 14px; font-size: 16px; line-height: 1.75; color: #4d5a70;} .wd-dark .lm-rich p { color: #aeb9c9;} .wd-page .lm-rich a { color: var(--blue); font-weight: 800;} .wd-dark .lm-rich a { color: #ff8fb8;} .wd-page .lm-rich ul.lm-ticks { margin: 18px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px;} .wd-page .lm-ticks li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 999px; background: #fff; border: 1px solid rgba(13,25,48,.1); font-size: 13.5px; font-weight: 700; color: var(--ink);} .wd-dark .lm-ticks li { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); color: #fff;} .wd-page .lm-ticks li::before { content: "✓"; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg,#ed167d,#45c5ff); color: #fff; font-size: 10px; font-weight: 900;} .wd-page .lm-note { margin: 14px 0 0; font-size: 12.5px; line-height: 1.5; color: #8f9bb0;} .wd-page .lm-ui { position: relative; padding: 22px; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 50px 100px -60px rgba(13,25,48,.75); color: var(--ink); overflow: hidden;} .wd-dark .lm-ui { background: linear-gradient(160deg,rgba(27,42,74,.9),rgba(10,19,40,.95)); border-color: rgba(255,255,255,.12); box-shadow: 0 50px 100px -40px rgba(0,0,0,.9); color: #fff;} .wd-page .lm-ui-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px;} .wd-page .lm-ui-t { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--blue);} .wd-dark .lm-ui-t { color: var(--blue-bright);} .wd-page .lm-ui-t i { width: 10px; height: 10px; border-radius: 50%; background: var(--pink);} .wd-page .lm-dots { display: flex; gap: 5px;} .wd-page .lm-dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(13,25,48,.12);} .wd-dark .lm-dots i { background: rgba(255,255,255,.18);} .wd-page .lm-cap { margin: 12px 0 0; font-size: 11px; font-weight: 700; color: #8f9bb0; text-align: right;} .wd-page .kf-badge { padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: 11px; font-weight: 800; color: #dbe2ec; white-space: nowrap;} .wd-page .kf-bot { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; animation: kfSay 12s ease infinite;} .wd-page .kf-face { flex: none; position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; width: 48px; height: 48px; border-radius: 16px; background: linear-gradient(135deg,#ed167d,#7b2cbf); box-shadow: 0 12px 30px -12px rgba(237,22,125,.8);} .wd-page .kf-face i { width: 7px; height: 10px; border-radius: 4px; background: #fff; animation: kfBlink 4s ease infinite;} .wd-page .kf-bot p { margin: 0; padding: 12px 14px; border-radius: 4px 16px 16px 16px; background: rgba(255,255,255,.08); font-size: 13.5px; line-height: 1.5; color: #dbe2ec;} .wd-page .kf-bot p b { color: #fff;} .wd-page .kf-field { padding: 12px 14px; border-radius: 14px; background: #fff; color: var(--ink);} .wd-page .kf-field small { display: block; margin-bottom: 6px; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;} .wd-page .kf-val { display: grid; font-size: 14.5px; font-weight: 800;} .wd-page .kf-val>* { grid-area: 1/1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .wd-page .kf-val s { color: #8f9bb0; text-decoration: line-through; text-decoration-thickness: 2px; animation: kfOld 12s ease infinite;} .wd-page .kf-val b { color: var(--ink); animation: kfNew 12s steps(26) infinite;} .wd-page .kf-acts { display: flex; align-items: center; gap: 8px; margin-top: 12px;} .wd-page .kf-acts span { padding: 9px 14px; border-radius: 10px; font-size: 13px; font-weight: 800;} .wd-page .kf-b1 { background: rgba(255,255,255,.08); color: #dbe2ec;} .wd-page .kf-b2 { background: linear-gradient(90deg,var(--pink-strong),#c5178f); color: #fff; animation: kfB2 12s ease infinite;} .wd-page .kf-acts em { margin-left: auto; font-size: 12px; font-style: normal; font-weight: 900; color: #34d399; opacity: 0; animation: kfDone 12s ease infinite;} .wd-page .kf-next { display: flex; align-items: center; gap: 10px; margin: 14px 0 0; padding: 10px 12px; border-radius: 12px; border: 1px dashed rgba(255,255,255,.18); font-size: 12.5px; font-weight: 700; color: #aeb9c9; opacity: 0; animation: kfNext 12s ease infinite;} .wd-page .kf-next i { font-style: normal; color: #ff8fb8;} .wd-page .kf-auto { display: inline-flex; align-items: center; gap: 8px; padding: 5px 11px; border-radius: 999px; background: rgba(52,211,153,.14); font-size: 11px; font-weight: 800; color: #34d399; white-space: nowrap;} .wd-page .kf-auto i { width: 7px; height: 7px; border-radius: 50%; background: #34d399; animation: kfPulse2 1.4s ease infinite;} .wd-page .kf-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 14px;} .wd-page .kf-st { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; background: rgba(255,255,255,.06); font-size: 12.5px; font-weight: 800; color: #aeb9c9;} .wd-page .kf-st b { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(255,255,255,.14); font-size: 10px;} .wd-page .kf-st0 { animation: kfStep 12s linear infinite;} .wd-page .kf-st1 { animation: kfStep1 12s linear infinite;} .wd-page .kf-st2 { animation: kfStep2 12s linear infinite;} .wd-page .kf-panes { display: grid; min-height: 130px;} .wd-page .kf-pane { grid-area: 1/1; opacity: 0; animation: kfPane 12s ease infinite;} .wd-page .kf-pane1 { animation-delay: 4s;} .wd-page .kf-pane2 { animation-delay: 8s;} .wd-page .kf-pane p { margin: 0 0 10px; font-size: 13px; font-weight: 700; color: #aeb9c9;} .wd-page .kf-pane p b { color: #fff;} .wd-page .kf-pane div { display: flex; flex-wrap: wrap; gap: 8px;} .wd-page .kf-pane span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 999px; background: #fff; color: var(--ink); font-size: 13px; font-weight: 800; opacity: 0; animation: kfChipIn 12s ease infinite; animation-delay: var(--d);} .wd-page .kf-pane1 span { animation-delay: calc(4s + var(--d));} .wd-page .kf-pane2 span { animation-delay: calc(8s + var(--d));} .wd-page .kf-pane span i { font-style: normal; color: #ed167d;} .wd-page .kf-sbar { height: 6px; margin-top: 14px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden;} .wd-page .kf-sbar i { display: block; height: 100%; background: linear-gradient(90deg,#45c5ff,#34d399); transform-origin: 0 50%; animation: kfSbar 12s linear infinite;} .wd-page .kf-sfoot { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 10px 0 0; font-size: 11.5px; font-weight: 700; color: #8f9bb0;} .wd-page .kf-sfoot span:first-child { color: #34d399;} .wd-page .kf-flt { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px;} .wd-page .kf-flt span { padding: 6px 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); font-size: 11.5px; font-weight: 800; color: #bfe8ff; animation: kfFlt 3s ease infinite;} .wd-page .kf-flt span:nth-child(2) { animation-delay: 1s;} .wd-page .kf-flt span:nth-child(3) { animation-delay: 2s;} .wd-page .kf-kwl { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px;} .wd-page .kf-kwl li { display: grid; grid-template-columns: 28px minmax(0,1fr) 90px; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.05); opacity: 0; animation: kfKw 12s ease infinite; animation-delay: var(--d);} .wd-page .kf-kwl li:first-child { animation: kfKw 12s ease infinite,kfTop 12s ease infinite;} .wd-page .kf-kwl b { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 9px; background: linear-gradient(135deg,#ed167d,#7b2cbf); font-size: 12px; font-weight: 900; color: #fff;} .wd-page .kf-kwl span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 800; color: #fff;} .wd-page .kf-kwl span i { font-style: normal; color: #ff8fb8;} .wd-page .kf-kwl em { display: block; height: 7px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden;} .wd-page .kf-kwl u { display: block; width: var(--w); height: 100%; background: linear-gradient(90deg,#45c5ff,#34d399); transform-origin: 0 50%; animation: kfKwB 12s ease infinite; animation-delay: var(--d);} .wd-page .kf-klf { display: flex; align-items: center; gap: 8px; margin: 14px 0 0; font-size: 12px; font-weight: 800; color: #aeb9c9;} .wd-page .kf-klf i { font-style: normal; color: #ff8fb8;}#einstieg { --lm-line: rgba(255,255,255,.1);}@keyframes kfPnB{0%,26%{opacity:0;transform:translateX(18px)}34%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes kfPnA{0%,26%{opacity:1;filter:none}34%,94%{opacity:.55;filter:grayscale(1)}100%{opacity:1}}@keyframes kfWand{0%,14%{transform:translate(-50%,-50%) rotate(0) scale(.8);opacity:.4}24%{transform:translate(-50%,-50%) rotate(180deg) scale(1.3);opacity:1}32%,100%{transform:translate(-50%,-50%) rotate(360deg) scale(1);opacity:1}}@keyframes kfMark{0%,40%{background:transparent}48%,94%{background:rgba(237,22,125,.16)}100%{background:transparent}}@keyframes kfMeter{0%,36%{transform:scaleX(.25)}60%,94%{transform:scaleX(1)}100%{transform:scaleX(.25)}}@media (max-width:767px){.wd-page .kf-tx-g.kf-tx-g{grid-template-columns:minmax(0,1fr);gap:30px} .wd-page .kf-wand.kf-wand{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.wd-page .kf-pn--b{opacity:1}}@keyframes kfBeam{0%{top:0;opacity:0}4%{opacity:1}34%{top:calc(100% - 3px);opacity:1}38%,100%{top:calc(100% - 3px);opacity:0}}@keyframes kfPin{0%,36%{opacity:0;transform:translate(-50%,-50%) scale(.3)}42%,94%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0}}@keyframes kfFind{0%,38%{opacity:0;transform:translateY(8px)}44%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes kfRa{0%,36%{opacity:1}40%,100%{opacity:0}}@keyframes kfRb{0%,36%{opacity:0}40%,94%{opacity:1}100%{opacity:0}}@media (max-width:767px){.wd-page .kf-ug.kf-ug{grid-template-columns:minmax(0,1fr)} .wd-page .kf-res.kf-res{display:none}}@media (prefers-reduced-motion:reduce){.wd-page .kf-wf em,.wd-page .kf-fl li{opacity:1}} .wd-page .kf-tx-g { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 26px;} .wd-page .kf-pn { padding: 14px; border-radius: 16px; border: 1px solid rgba(13,25,48,.1); background: #f6f8fb;} .wd-page .kf-pn small { display: block; margin-bottom: 8px; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;} .wd-page .kf-pn p { margin: 0 0 8px; font-size: 13px; line-height: 1.5; font-weight: 600; color: #4d5a70;} .wd-page .kf-pn i { display: block; height: 7px; margin-bottom: 6px; border-radius: 6px; background: rgba(13,25,48,.09);} .wd-page .kf-pn i:last-child { width: 60%;} .wd-page .kf-pn--a { animation: kfPnA 12s ease infinite;} .wd-page .kf-pn--b { background: #fff; border-color: rgba(237,22,125,.3); box-shadow: 0 20px 50px -30px rgba(237,22,125,.5); opacity: 0; animation: kfPnB 12s ease infinite;} .wd-page .kf-pn--b small { color: #c5178f;} .wd-page .kf-h2 { display: inline-flex; margin-bottom: 6px; padding: 2px 7px; border-radius: 6px; background: var(--ink); color: #fff; font-size: 10px; font-weight: 900;} .wd-page .kf-pn .kf-hl { font-size: 14.5px; font-weight: 900; color: var(--ink);} .wd-page .kf-pn mark { padding: 0 3px; border-radius: 4px; color: inherit; animation: kfMark 12s ease infinite;} .wd-page .kf-wand { position: absolute; left: 50%; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg,#ed167d,#7b2cbf); box-shadow: 0 12px 30px -10px rgba(237,22,125,.8); color: #fff; font-size: 17px; animation: kfWand 12s ease infinite;} .wd-page .kf-meters { display: flex; flex-direction: column; gap: 8px; margin-top: 16px;} .wd-page .kf-meters p { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 12px; align-items: center; margin: 0; font-size: 12px; font-weight: 800; color: var(--ink);} .wd-page .kf-meters i { display: block; height: 8px; border-radius: 6px; background: #eef2f7; overflow: hidden;} .wd-page .kf-meters u { display: block; width: var(--w); height: 100%; background: linear-gradient(90deg,#ed167d,#7b2cbf); transform-origin: 0 50%; animation: kfMeter 12s ease infinite; animation-delay: var(--d);} .wd-page .kf-res { display: grid;} .wd-page .kf-res b { grid-area: 1/1; justify-self: end; padding: 5px 11px; border-radius: 999px; font-size: 11.5px; font-weight: 800; white-space: nowrap;} .wd-page .kf-ra { background: rgba(69,197,255,.14); color: #1661ab; animation: kfRa 12s ease infinite;} .wd-page .kf-rb { background: rgba(237,22,125,.1); color: #c5178f; opacity: 0; animation: kfRb 12s ease infinite;} .wd-page .kf-ubar { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; background: #f6f8fb; border: 1px solid rgba(13,25,48,.08); font-size: 13px; font-weight: 700; color: #4d5a70;} .wd-page .kf-ubar b { color: var(--ink);} .wd-page .kf-ug { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 16px; align-items: start;} .wd-page .kf-wf { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 14px; border: 1px solid rgba(13,25,48,.1); background: #fff; overflow: hidden;} .wd-page .kf-wf span { display: block; border-radius: 6px; background: #eef2f7;} .wd-page .kf-wf-nav { height: 10px; background: #dbe2ec!important;} .wd-page .kf-wf-h { height: 18px; width: 70%;} .wd-page .kf-wf-l { height: 7px;} .wd-page .kf-wf-l.kf-s { width: 55%;} .wd-page .kf-wf-img { height: 60px; background: linear-gradient(135deg,rgba(69,197,255,.25),rgba(123,44,191,.25))!important;} .wd-page .kf-beam { position: absolute!important; left: 0; right: 0; top: 0; height: 3px!important; border-radius: 3px; background: linear-gradient(90deg,transparent,#ed167d,#45c5ff,transparent)!important; box-shadow: 0 0 16px rgba(237,22,125,.6); animation: kfBeam 12s ease-in-out infinite;} .wd-page .kf-wf em { position: absolute; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #ed167d; box-shadow: 0 0 0 5px rgba(237,22,125,.2); color: #fff; font-size: 11px; font-style: normal; font-weight: 900; opacity: 0; animation: kfPin 12s ease infinite; animation-delay: var(--d);} .wd-page .kf-fl { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px;} .wd-page .kf-fl li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: #f6f8fb; border: 1px solid rgba(13,25,48,.08); opacity: 0; animation: kfFind 12s ease infinite; animation-delay: var(--d);} .wd-page .kf-fl b { flex: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #ed167d; color: #fff; font-size: 11px; font-weight: 900;} .wd-page .kf-fl span { font-size: 12px; font-weight: 600; line-height: 1.4; color: #4d5a70;} .wd-page .kf-fl strong { display: block; font-size: 13px; font-weight: 900; color: var(--ink);}@keyframes kfTone{0%,2%{background:rgba(255,255,255,.06);color:#aeb9c9}5%,30%{background:#fff;color:#0d1930}33%,100%{background:rgba(255,255,255,.06);color:#aeb9c9}}@keyframes kfReply{0%,10%{clip-path:inset(0 0 100% 0)}40%,94%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0)}}@keyframes kfPub{0%,58%{transform:none}61%{transform:scale(.95)}64%,100%{transform:none}}@keyframes kfPubE{0%,62%{opacity:0}66%,94%{opacity:1}100%{opacity:0}}@media (prefers-reduced-motion:reduce){.wd-page .kf-reply p{clip-path:none} .wd-page .kf-rva em{opacity:1}}@keyframes kfPc{0%,16%{opacity:0;transform:translateY(-26px) scale(.9)}24%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes kfIdea{0%,100%{box-shadow:0 0 0 0 rgba(237,22,125,0)}50%{box-shadow:0 0 0 4px rgba(237,22,125,.18)}}@keyframes kfChOn{0%,8%{opacity:.35}14%,94%{opacity:1}100%{opacity:.35}}@media (max-width:767px){.wd-page .kf-cal.kf-cal{gap:3px} .wd-page .kf-day.kf-day{padding:6px 3px;min-height:104px} .wd-page .kf-pc.kf-pc small{font-size:8.5px} .wd-page .kf-pc.kf-pc em{font-size:7px;padding:2px 4px}}@media (prefers-reduced-motion:reduce){.wd-page .kf-pc{opacity:1}} .wd-page .kf-rvc { padding: 14px 16px; border-radius: 16px; background: #fff; color: var(--ink);} .wd-page .kf-rvh { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font-size: 13px; font-weight: 800;} .wd-page .kf-rvh b { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 8px; background: var(--c); color: #fff; font-size: 11px;} .wd-page .kf-rvh em { margin-left: auto; font-style: normal; color: #ffb82e; letter-spacing: 1px;} .wd-page .kf-rvh em i { font-style: normal; color: #d7deea;} .wd-page .kf-rvt { margin: 0; font-size: 13.5px; line-height: 1.5; font-weight: 600; color: #4d5a70;} .wd-page .kf-tone { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 14px 0;} .wd-page .kf-tone small { margin-right: 4px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #8f9bb0;} .wd-page .kf-tone span { padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 12px; font-weight: 800; color: #aeb9c9; animation: kfTone 12s ease infinite;} .wd-page .kf-tone .kf-t1 { animation-delay: 4s;} .wd-page .kf-tone .kf-t2 { animation-delay: 8s;} .wd-page .kf-reply { padding: 14px 16px; border-radius: 4px 16px 16px 16px; background: linear-gradient(135deg,rgba(237,22,125,.16),rgba(123,44,191,.16)); border: 1px solid rgba(237,22,125,.35);} .wd-page .kf-reply small { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; font-size: 10.5px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: #ff8fb8;} .wd-page .kf-reply small i { font-style: normal;} .wd-page .kf-reply p { margin: 0; font-size: 13.5px; line-height: 1.55; color: #fff; animation: kfReply 12s steps(6) infinite;} .wd-page .kf-rva { display: flex; align-items: center; gap: 12px; margin-top: 12px;} .wd-page .kf-rva span { padding: 10px 16px; border-radius: 10px; background: linear-gradient(90deg,var(--pink-strong),#c5178f); font-size: 13px; font-weight: 800; color: #fff; animation: kfPub 12s ease infinite;} .wd-page .kf-rva em { font-size: 12px; font-style: normal; font-weight: 900; color: #34d399; opacity: 0; animation: kfPubE 12s ease infinite;} .wd-page .kf-comp { padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); animation: kfIdea 3s ease infinite;} .wd-page .kf-comp p { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 10px; font-size: 13px; line-height: 1.45; color: #aeb9c9;} .wd-page .kf-comp p i { font-style: normal; color: #ff8fb8;} .wd-page .kf-comp p b { color: #fff;} .wd-page .kf-ch { display: flex; flex-wrap: wrap; gap: 6px;} .wd-page .kf-ch span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px 5px 5px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: 11.5px; font-weight: 800; color: #dbe2ec; animation: kfChOn 12s ease infinite;} .wd-page .kf-ch span:nth-child(2) { animation-delay: .3s;} .wd-page .kf-ch span:nth-child(3) { animation-delay: .6s;} .wd-page .kf-ch b { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 6px; background: var(--c); font-size: 9.5px; font-weight: 900; color: #fff;} .wd-page .kf-pc b { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 6px; background: var(--c); font-size: 9.5px; font-weight: 900; color: #fff;} .wd-page .kf-cal { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 6px; margin-top: 14px;} .wd-page .kf-day { display: flex; flex-direction: column; gap: 6px; min-height: 118px; padding: 8px 6px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07);} .wd-page .kf-day>small { font-size: 10.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: #8f9bb0; text-align: center;} .wd-page .kf-pc { position: relative; display: flex; flex-direction: column; gap: 5px; padding: 7px 6px; border-radius: 10px; background: #fff; opacity: 0; animation: kfPc 12s cubic-bezier(.5,0,.2,1.3) infinite; animation-delay: var(--d);} .wd-page .kf-pc small { font-size: 10px; font-weight: 800; line-height: 1.25; color: var(--ink);} .wd-page .kf-pc em { align-self: flex-start; padding: 2px 6px; border-radius: 999px; background: var(--pink); color: #fff; font-size: 8.5px; font-style: normal; font-weight: 900; letter-spacing: .06em; text-transform: uppercase;} .wd-page .kf-sof { display: flex; justify-content: space-between; margin: 12px 0 0; font-size: 12px; font-weight: 800; color: #34d399;} .wd-page .kf-sof span:last-child { color: #8f9bb0;}#kommunikation { --lm-line: rgba(255,255,255,.1);}@keyframes kfRun{0%{left:0;opacity:0}5%{opacity:1}90%{left:100%;opacity:1}100%{left:100%;opacity:0}}@keyframes kfFs{0%,4%{border-color:rgba(237,22,125,.6);box-shadow:0 30px 70px -40px rgba(237,22,125,.7);transform:translateY(-4px)}22%,100%{border-color:rgba(13,25,48,.08);box-shadow:0 30px 70px -50px rgba(13,25,48,.45);transform:none}}@media (max-width:1199px){#prinzip .kf-ben.kf-ben{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:991px){#prinzip .kf-flow.kf-flow{grid-template-columns:minmax(0,1fr)}#prinzip .kf-line.kf-line{display:none}#prinzip .kf-ben.kf-ben{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#prinzip .kf-ben.kf-ben{grid-template-columns:minmax(0,1fr)}#prinzip .kf-fs.kf-fs{padding:24px 20px}}@media (prefers-reduced-motion:reduce){#prinzip .kf-fs,#prinzip .kf-line i{animation:none}}#prinzip .kf-flow { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px;}#prinzip .kf-line { position: absolute; left: 12%; right: 12%; top: 52px; height: 2px; background: repeating-linear-gradient(90deg,rgba(13,25,48,.2) 0 8px,transparent 8px 14px);}#prinzip .kf-line i { position: absolute; top: -6px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: radial-gradient(circle,#fff 25%,#ed167d 30%); box-shadow: 0 0 0 5px rgba(237,22,125,.18),0 0 18px rgba(237,22,125,.7); animation: kfRun 4.5s linear infinite;}#prinzip .kf-fs { position: relative; padding: 28px 26px; border-radius: 26px; background: #fff; border: 1.5px solid rgba(13,25,48,.08); box-shadow: 0 30px 70px -50px rgba(13,25,48,.45); animation: kfFs 4.5s ease infinite; animation-delay: var(--d);}#prinzip .kf-fs b { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 16px; border-radius: 16px; background: linear-gradient(135deg,#ed167d,#7b2cbf); color: #fff; font-size: 22px;}#prinzip .kf-fs small { font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--pink);}#prinzip .kf-fs h3 { margin: 6px 0 8px; font-family: var(--font-body); font-size: 20px; font-weight: 900; letter-spacing: -.02em; color: var(--ink);}#prinzip .kf-fs p { margin: 0; font-size: 15px; line-height: 1.65; color: #4d5a70;}#prinzip h3.kf-bh { margin: 56px 0 20px; font-family: var(--font-body); font-size: clamp(1.5rem,2.4vw,2.1rem); font-weight: 900; letter-spacing: -.03em; color: var(--ink);}#prinzip .kf-ben { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px;}#prinzip .kf-ben>div { padding: 22px 20px; border-radius: 22px; background: #0b1d38; color: #fff; transition: transform .3s ease,background .3s ease;}#prinzip .kf-ben>div:hover { transform: translateY(-4px); background: linear-gradient(160deg,#1a0f3a,#2a0d44);}#prinzip .kf-ben b { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-bottom: 14px; border-radius: 12px; background: rgba(255,255,255,.08); color: #ff8fb8; font-size: 18px;}#prinzip .kf-ben h4 { margin: 0 0 8px; font-family: var(--font-body); font-size: 16px; font-weight: 900; color: #fff;}#prinzip .kf-ben p { margin: 0; font-size: 13.5px; line-height: 1.6; color: #aeb9c9;}@keyframes kfUa{0%,8%{clip-path:inset(0 0 100% 0)}24%,94%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0)}}@media (max-width:991px){#fuer-wen .kf-fw-in.kf-fw-in{grid-template-columns:minmax(0,1fr);gap:16px}#fuer-wen .kf-uc.kf-uc{grid-template-columns:repeat(2,minmax(0,1fr))}#fuer-wen .kf-u--cta.kf-u--cta{flex-direction:column;align-items:flex-start}}@media (max-width:767px){#fuer-wen .kf-uc.kf-uc{grid-template-columns:minmax(0,1fr)}#fuer-wen .kf-uc-foot.kf-uc-foot{padding:20px}#fuer-wen .kf-u--cta .wd-btn.wd-btn{width:100%}}@media (prefers-reduced-motion:reduce){#fuer-wen .kf-u-a span{animation:none}}#fuer-wen .kf-fw-in { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 40px; margin-bottom: 34px;}#fuer-wen .kf-fw-in p { margin: 0; font-size: 16px; line-height: 1.75; color: #aeb9c9;}#fuer-wen .kf-fw-in p b { color: #fff;}#fuer-wen .kf-uc { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px;}#fuer-wen .kf-u { display: flex; flex-direction: column; gap: 12px; padding: 20px; border-radius: 22px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); transition: border-color .3s ease,transform .3s ease;}#fuer-wen .kf-u:hover { border-color: rgba(237,22,125,.5); transform: translateY(-3px);}#fuer-wen .kf-u-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0;}#fuer-wen .kf-u-h span { font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #45c5ff;}#fuer-wen .kf-u-h em { padding: 4px 10px; border-radius: 999px; background: rgba(237,22,125,.16); font-size: 11px; font-style: normal; font-weight: 800; color: #ff8fb8; white-space: nowrap;}#fuer-wen .kf-u-q { margin: 0; padding: 10px 12px; border-radius: 12px; background: #fff; font-size: 13.5px; font-weight: 800; line-height: 1.4; color: var(--ink);}#fuer-wen .kf-u small { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;}#fuer-wen .kf-u-a { margin: 0; padding: 12px; border-radius: 4px 14px 14px 14px; background: linear-gradient(135deg,rgba(237,22,125,.14),rgba(123,44,191,.14)); border: 1px solid rgba(237,22,125,.3);}#fuer-wen .kf-u-a small { color: #ff8fb8;}#fuer-wen .kf-u-a small i { font-style: normal;}#fuer-wen .kf-u-a span { display: block; font-size: 13.5px; line-height: 1.55; color: #fff; animation: kfUa 10s steps(5) infinite; animation-delay: var(--d);}#fuer-wen .kf-u--cta { grid-column: 1/-1; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; border: 1.5px dashed rgba(237,22,125,.5); background: linear-gradient(160deg,rgba(237,22,125,.12),rgba(123,44,191,.08));}#fuer-wen .kf-u--cta p { margin: 0; font-size: 15px; line-height: 1.65; color: #c9d1de;}#fuer-wen .kf-u--cta p b { color: #fff;}#fuer-wen .kf-uc-foot { margin: 20px 0 0; padding: 24px 28px; border-radius: 22px; background: linear-gradient(120deg,#7b2cbf,#ed167d); font-size: 15.5px; line-height: 1.7; color: rgba(255,255,255,.92);}#fuer-wen .kf-uc-foot b { color: #fff;}#fuer-wen .kf-uc-cap { margin: 12px 0 0; font-size: 12px; font-weight: 700; color: #647188; text-align: right;}#fuer-wen .kf-u--cta .wd-btn { flex: none; white-space: nowrap;}@keyframes lmShine{0%,60%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(260%) skewX(-18deg)}}@media (max-width:991px){#preis .lm-pk.lm-pk{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#preis .lm-pk-grid.lm-pk-grid{grid-template-columns:minmax(0,1fr)}#preis .lm-pk-price.lm-pk-price,#preis .lm-pk-mods.lm-pk-mods{padding:24px 20px}#preis .lm-pk-price .wd-btn.wd-btn{width:100%}}@media (prefers-reduced-motion:reduce){#preis .lm-pk-price::after{display:none}}#preis .lm-pk { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 22px; align-items: stretch;}#preis .lm-pk-price { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; padding: 32px 30px; border-radius: 28px; background: linear-gradient(160deg,#0b1d38,#1a0f3a); color: #fff; box-shadow: 0 50px 100px -50px rgba(13,25,48,.7);}#preis .lm-pk-price::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent); animation: lmShine 7s ease infinite; pointer-events: none;}#preis .lm-pk-price small { font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #45c5ff;}#preis .lm-pk-p { display: flex; align-items: flex-end; gap: 12px; margin: 10px 0 18px;}#preis .lm-pk-p b { font-size: clamp(3rem,5vw,4.2rem); font-weight: 900; line-height: .9; letter-spacing: -.05em;}#preis .lm-pk-p span { font-size: 13px; font-weight: 800; line-height: 1.3; color: #aeb9c9;}#preis .lm-pk-price ul { margin: 0 0 24px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}#preis .lm-pk-price li { display: flex; gap: 10px; font-size: 14.5px; font-weight: 700; line-height: 1.45; color: #dbe2ec;}#preis .lm-pk-price li::before { content: "✓"; flex: none; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #34d399; color: #0d1930; font-size: 10px; font-weight: 900;}#preis .lm-pk-more { margin-top: 16px; font-size: 14px; font-weight: 800; color: #ff8fb8; text-decoration: none;}#preis .lm-pk-more:hover { color: #fff;}#preis .lm-pk-mods { padding: 30px; border-radius: 28px; background: #fff; border: 1px solid rgba(13,25,48,.08);}#preis .lm-pk-t { margin: 0 0 18px; font-size: 16px; font-weight: 700; line-height: 1.6; color: var(--ink);}#preis .lm-pk-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;}#preis .lm-pk-grid>* { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; border: 1px solid rgba(13,25,48,.1); background: #f6f8fb; font-size: 14.5px; font-weight: 800; color: var(--ink); text-decoration: none; transition: background .25s ease,border-color .25s ease,color .25s ease;}#preis .lm-pk-grid i { flex: none; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; background: var(--c,linear-gradient(135deg,#34d399,#1661ab)); color: #fff; font-style: normal; font-size: 17px;}#preis .lm-pk-grid span { min-width: 0;}#preis .lm-pk-grid em { margin-left: auto; font-style: normal; font-weight: 900; color: var(--pink); transition: transform .25s ease;}#preis .lm-pk-grid a:hover { background: var(--pink); border-color: var(--pink); color: #fff;}#preis .lm-pk-grid a:hover em { color: #fff; transform: translateX(3px);}#preis .lm-pk-grid a:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 3px;}#preis .lm-pk-cur { border-style: dashed!important; border-color: rgba(237,22,125,.5)!important; background: rgba(237,22,125,.05)!important;}#preis .lm-pk-cur em { font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;}@media (max-width:991px){#faq .wd-faq-side.wd-faq-side{position:static}}#faq.wd-sec { overflow: clip;}#faq .wd-faq-side.wd-faq-side { top: 200px;}#faq h2.wd-h2.wd-h2 { font-size: clamp(2.3rem,3.6vw,3.6rem);}#faq .wd-faq-box p a { color: #ff8fb8; font-weight: 800;}@media (max-width:991px){.wd-faq .wd-faq-grid.wd-faq-grid{grid-template-columns:minmax(0,1fr)} .wd-faq .wd-faq-side.wd-faq-side{position:static}} .wd-faq .wd-faq-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 56px; align-items: start;} .wd-faq .wd-faq-list { display: flex; flex-direction: column; gap: 12px;} .wd-faq details { border-radius: 18px; border: 1px solid rgba(13,25,48,.1); background: #fff; box-shadow: 0 20px 50px -40px rgba(13,25,48,.5); transition: border-color .3s ease;} .wd-faq details[open] { border-color: rgba(237,22,125,.35);} .wd-faq summary { position: relative; display: block; padding: 20px 60px 20px 24px; cursor: pointer; list-style: none; font-size: 17px; font-weight: 800; line-height: 1.35; color: var(--ink);} .wd-faq summary::-webkit-details-marker { display: none;} .wd-faq summary::after { content: "+"; position: absolute; right: 20px; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #f2f5fa; color: var(--pink); font-size: 20px; font-weight: 700; transition: transform .3s var(--ease),background .3s ease;} .wd-faq details[open] summary::after { transform: rotate(45deg); background: var(--pink); color: #fff;} .wd-faq summary:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 2px; border-radius: 18px;} .wd-faq details p { margin: 0; padding: 0 24px 22px; font-size: 15px; line-height: 1.7; color: #4d5a70;} .wd-faq details p a { color: var(--blue); font-weight: 700;} .wd-faq .wd-faq-side { position: sticky; top: 190px;} .wd-faq .wd-faq-box { margin-top: 26px; padding: 24px; border-radius: 20px; background: #0b1d38; color: #fff;} .wd-faq .wd-faq-box p { margin: 0 0 16px; font-size: 14.5px; line-height: 1.6; color: #c9d1de;}@keyframes wdGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,30px)}}@media (max-width:991px){.wd-ct .wd-ct-panel.wd-ct-panel{grid-template-columns:minmax(0,1fr);padding:40px 28px}}@media (max-width:767px){.wd-ct .wd-ct-ways.wd-ct-ways{grid-template-columns:minmax(0,1fr)} .wd-ct .wd-ct-panel.wd-ct-panel{padding:34px 20px}} .wd-ct .wd-ct-panel { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 48px; align-items: center; padding: 64px 60px; border-radius: 30px; background: linear-gradient(135deg,#0b1d38,#1a0f3a 60%,#2a0d44); color: #fff;} .wd-ct .wd-ct-panel::before { content: ""; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle,rgba(237,22,125,.45),transparent 70%); animation: wdGlow 12s ease-in-out infinite;} .wd-ct .wd-ct-panel>* { position: relative; z-index: 1;} .wd-ct h2.wd-h2 { color: #fff;} .wd-ct h2.wd-h2 span { color: var(--gold);} .wd-ct .wd-ct-lead { margin: 22px 0 0; font-size: 16px; line-height: 1.7; color: #c9d1de;} .wd-ct .wd-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px;} .wd-ct .wd-ct-ways { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px;} .wd-ct .wd-ct-ways a { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 18px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #fff; text-decoration: none; transition: transform .35s var(--ease),border-color .35s var(--ease);} .wd-ct .wd-ct-ways a:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.35);} .wd-ct .wd-ct-ways i { flex: none; width: 46px; height: 46px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 18px; background: var(--c);} .wd-ct .wd-ct-ways small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;} .wd-ct .wd-ct-ways b { display: block; margin-top: 2px; font-size: 16px; font-weight: 800;}