@layer bricks {.brxe-template{width:100%}}@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;} .wd-hero h1.wd-h1.wd-h1 { font-size: clamp(2.1rem,3.5vw,3.5rem);}@media (max-width:767px){.wd-hero .op-hv .op-chip.op-chip,.wd-hero .op-hv .op-rail.op-rail{display:none}}@keyframes opSc{0%,3%{transform:translateY(0)}20%{transform:translateY(0%)}24%,38%{transform:translateY(-20%)}40%{transform:translateY(-20%)}44%,58%{transform:translateY(-40%)}60%{transform:translateY(-40%)}64%,78%{transform:translateY(-60%)}94%{transform:translateY(-60%)}100%{transform:translateY(0)}}@keyframes opR0{0%,0%{background:rgba(255,255,255,.15);transform:scale(1)}4%,18%{background:#ed167d;transform:scale(1.3)}21%,100%{background:rgba(255,255,255,.15);transform:scale(1)}}@keyframes opR1{0%,22%{background:rgba(255,255,255,.15);transform:scale(1)}24%,38%{background:#ed167d;transform:scale(1.3)}41%,100%{background:rgba(255,255,255,.15);transform:scale(1)}}@keyframes opR2{0%,42%{background:rgba(255,255,255,.15);transform:scale(1)}44%,58%{background:#ed167d;transform:scale(1.3)}61%,100%{background:rgba(255,255,255,.15);transform:scale(1)}}@keyframes opR3{0%,62%{background:rgba(255,255,255,.15);transform:scale(1)}64%,78%{background:#ed167d;transform:scale(1.3)}81%,100%{background:rgba(255,255,255,.15);transform:scale(1)}}@keyframes opR4{0%,82%{background:rgba(255,255,255,.15);transform:scale(1)}84%,94%{background:#ed167d;transform:scale(1.3)}97%,100%{background:rgba(255,255,255,.15);transform:scale(1)}}@keyframes opRt0{0%,0%{color:#8f9bb0}4%,18%{color:#fff}21%,100%{color:#8f9bb0}}@keyframes opRt1{0%,22%{color:#8f9bb0}24%,38%{color:#fff}41%,100%{color:#8f9bb0}}@keyframes opRt2{0%,42%{color:#8f9bb0}44%,58%{color:#fff}61%,100%{color:#8f9bb0}}@keyframes opRt3{0%,62%{color:#8f9bb0}64%,78%{color:#fff}81%,100%{color:#8f9bb0}}@keyframes opRt4{0%,82%{color:#8f9bb0}84%,94%{color:#fff}97%,100%{color:#8f9bb0}}@keyframes opTh{0%,3%{top:4%}20%,23%{top:30%}40%,43%{top:55%}60%,94%{top:78%}100%{top:4%}}@keyframes opTy{0%,82%{width:0}88%,100%{width:var(--w)}}@keyframes opSd1{0%,90%{opacity:1}92%,100%{opacity:0}}@keyframes opSd2{0%,90%{opacity:0;transform:scale(.8)}92%,98%{opacity:1;transform:none}100%{opacity:0}}@keyframes opSbg{0%,90%{background:#ed167d}92%,98%{background:#34d399}100%{background:#ed167d}}@keyframes opHd{0%,100%{transform:translate(0,0)}10%{transform:translate(0,-26px)}20%{transform:translate(0,0)}}@keyframes opCp{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes opSh{0%{background-position:-160px 0}100%{background-position:160px 0}}@media (max-width:991px){.wd-hero .op-chip--1.op-chip--1{left:8px}}@media (max-width:767px){.wd-hero .op-st.op-st{height:430px;border-radius:24px} .wd-hero .op-br.op-br{left:14px;right:14px;top:14px;bottom:14px} .wd-hero .op-hand.op-hand{display:none} .wd-hero .op-ms.op-ms{padding:14px}}@media (prefers-reduced-motion:reduce){.wd-hero .op-hv *{animation:none!important}} .wd-hero .op-hv { position: relative; padding-top: 14px; line-height: 1.4;} .wd-hero .op-st { position: relative; height: 500px; border-radius: 32px; overflow: hidden; background: radial-gradient(120% 90% at 30% 0%,#2b2470 0%,#121a45 50%,#070b20 100%); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 60px 120px -50px rgba(0,0,0,.95);} .wd-hero .op-br { position: absolute; left: 28px; right: 150px; top: 30px; bottom: 30px; display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; background: #fff; box-shadow: 0 40px 80px -30px rgba(0,0,0,.9);} .wd-hero .op-bar { flex: none; display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; background: #eef2f8; border-bottom: 1px solid #dfe5ef;} .wd-hero .op-bar i { width: 9px; height: 9px; border-radius: 50%; background: #ff5f57;} .wd-hero .op-bar i:nth-child(2) { background: #ffbd2e;} .wd-hero .op-bar i:nth-child(3) { background: #28c840;} .wd-hero .op-bar span { flex: 1; margin-left: 10px; padding: 4px 12px; border-radius: 999px; background: #fff; font-size: 11.5px; font-weight: 800; color: #4d5a70; white-space: nowrap; overflow: hidden;} .wd-hero .op-vp { position: relative; flex: 1; overflow: hidden;} .wd-hero .op-pg { position: absolute; left: 0; right: 0; top: 0; height: 250%; animation: opSc 15s cubic-bezier(.6,0,.3,1) infinite;} .wd-hero .op-ms { position: relative; height: 20%; padding: 18px 20px; border-bottom: 1px dashed #e3e8f0; overflow: hidden;} .wd-hero .op-ms small { display: block; margin-bottom: 12px; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #ed167d;} .wd-hero .op-ms i { display: block; height: 9px; border-radius: 5px; background: #e3e8f0;} .wd-hero .op-sh { background: linear-gradient(90deg,#e3e8f0 0,#f4f7fb 50%,#e3e8f0 100%)!important; background-size: 320px 100%!important; animation: opSh 1.6s linear infinite;} .wd-hero .op-ms0 { background: linear-gradient(135deg,#1b1f5e,#7b2cbf);} .wd-hero .op-nav { display: flex; align-items: center; gap: 8px; margin-bottom: 22px;} .wd-hero .op-nav b { margin-right: auto; padding: 4px 10px; border-radius: 8px; background: rgba(255,255,255,.15); font-size: 11px; font-weight: 900; color: #fff;} .wd-hero .op-nav i { width: 34px; background: rgba(255,255,255,.3);} .wd-hero .op-hh { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 8px; max-width: 58%;} .wd-hero .op-hh .op-l1 { height: 16px; width: 100%; background: #fff;} .wd-hero .op-hh .op-l2 { height: 16px; width: 76%; background: #ff8fb8;} .wd-hero .op-hh .op-l3 { width: 88%; background: rgba(255,255,255,.4);} .wd-hero .op-cta { align-self: flex-start; margin-top: 8px; padding: 8px 14px; border-radius: 999px; background: #ffb82e; font-size: 11px; font-weight: 900; color: #0d1930;} .wd-hero .op-himg { position: absolute; right: 20px; top: 58px; width: 34%; height: 58%; border-radius: 16px; background: radial-gradient(circle at 30% 30%,#45c5ff,#1661ab); box-shadow: 0 20px 30px -16px rgba(0,0,0,.6);} .wd-hero .op-ben { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px;} .wd-hero .op-ben div { display: flex; flex-direction: column; gap: 7px;} .wd-hero .op-ben b { width: 34px; height: 34px; border-radius: 50%; background: var(--c);} .wd-hero .op-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;} .wd-hero .op-cards div { display: flex; flex-direction: column; gap: 7px; padding: 10px; border-radius: 12px; border: 1px solid #e3e8f0;} .wd-hero .op-cards span { height: 46px; border-radius: 8px; background: var(--c); opacity: .85;} .wd-hero .op-trust { display: flex; flex-direction: column; gap: 8px;} .wd-hero .op-trust em { font-style: normal; font-size: 18px; color: #ffb82e; letter-spacing: 2px;} .wd-hero .op-logos { display: flex; gap: 10px; margin-top: 6px;} .wd-hero .op-logos span { flex: 1; height: 26px; border-radius: 8px; background: #eef2f8;} .wd-hero .op-form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px;} .wd-hero .op-in { position: relative; height: 30px; border-radius: 8px; border: 1.5px solid #dfe5ef; overflow: hidden;} .wd-hero .op-in3 { grid-column: 1/-1; height: 44px;} .wd-hero .op-ty { position: absolute; left: 10px; top: 11px; height: 7px!important; width: 0; background: #0d1930!important; animation: opTy 15s steps(8) infinite;} .wd-hero .op-ty1 { --w: 55%;} .wd-hero .op-ty2 { --w: 70%;} .wd-hero .op-ty3 { --w: 80%; animation-delay: .3s;} .wd-hero .op-send { grid-column: 1/-1; position: relative; display: grid; height: 34px; border-radius: 999px; background: #ed167d; animation: opSbg 15s ease infinite;} .wd-hero .op-send span { grid-area: 1/1; display: flex; align-items: center; justify-content: center; font-size: 11.5px; font-weight: 900; color: #fff;} .wd-hero .op-send span:first-child { animation: opSd1 15s ease infinite;} .wd-hero .op-send span:last-child { opacity: 0; color: #0d1930; animation: opSd2 15s ease infinite;} .wd-hero .op-thumb { position: absolute; right: 4px; top: 4%; width: 5px; height: 22%; border-radius: 4px; background: rgba(13,25,48,.25); animation: opTh 15s cubic-bezier(.6,0,.3,1) infinite;} .wd-hero .op-rail { position: absolute; right: 22px; top: 60px; bottom: 60px; display: flex; flex-direction: column; justify-content: space-between; margin: 0; padding: 0; list-style: none;} .wd-hero .op-rail::before { content: ""; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 2px; background: rgba(255,255,255,.15);} .wd-hero .op-rail li { position: relative; display: flex; align-items: center; gap: 10px;} .wd-hero .op-rail i { width: 14px; height: 14px; border-radius: 50%; background: rgba(255,255,255,.15); border: 2px solid #121a45;} .wd-hero .op-rail span { font-size: 11.5px; font-weight: 900; color: #8f9bb0; white-space: nowrap;} .wd-hero .op-r0 i { animation: opR0 15s ease infinite;} .wd-hero .op-r0 span { animation: opRt0 15s ease infinite;} .wd-hero .op-r1 i { animation: opR1 15s ease infinite;} .wd-hero .op-r1 span { animation: opRt1 15s ease infinite;} .wd-hero .op-r2 i { animation: opR2 15s ease infinite;} .wd-hero .op-r2 span { animation: opRt2 15s ease infinite;} .wd-hero .op-r3 i { animation: opR3 15s ease infinite;} .wd-hero .op-r3 span { animation: opRt3 15s ease infinite;} .wd-hero .op-r4 i { animation: opR4 15s ease infinite;} .wd-hero .op-r4 span { animation: opRt4 15s ease infinite;} .wd-hero .op-hand { position: absolute; right: 180px; bottom: 46px; width: 26px; height: 40px; border-radius: 13px; border: 2px solid rgba(255,255,255,.6); opacity: .7;} .wd-hero .op-hand::after { content: ""; position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: #fff; animation: opHd 3s ease-in-out infinite;} .wd-hero .op-chip { position: absolute; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: #fff; color: #0d1930; font-size: 12.5px; font-weight: 800; white-space: nowrap; box-shadow: 0 20px 40px -18px rgba(0,0,0,.7); animation: opCp 5s ease-in-out infinite;} .wd-hero .op-chip i { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #ed167d; font-style: normal; font-size: 12px; color: #fff;} .wd-hero .op-chip--1 { left: -18px; bottom: 24px;} .wd-hero .op-chip--2 { right: 28px; top: -24px; animation-delay: -2.5s;} .wd-hero .op-chip--2 i { background: #34d399; color: #0d1930;} .wd-hero .op-cap { margin: 10px 0 0; font-size: 11px; font-weight: 700; color: #8f9bb0; text-align: right;}@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}}@keyframes opSl{0%,30%{background:#eef2f8}38%,92%{background:#ed167d}100%{background:#eef2f8}}@keyframes opCur{0%{transform:translate(0,0);opacity:0}10%{opacity:1}30%{transform:translate(-62px,-44px)}34%{transform:translate(-62px,-44px) scale(.8)}38%,90%{transform:translate(-62px,-44px);opacity:1}100%{opacity:0}}@keyframes opBk{0%,40%{opacity:0;transform:translateY(8px)}46%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes opRad{0%{transform:scale(.3);opacity:.9}100%{transform:scale(1.15);opacity:0}}@keyframes opHs{0%,10%{fill:#2a3770}25%,80%{fill:#ffb82e}100%{fill:#2a3770}}@keyframes opCall{0%,100%{transform:rotate(0)}5%{transform:rotate(-8deg)}10%{transform:rotate(8deg)}15%{transform:rotate(-6deg)}20%{transform:rotate(0)}}@keyframes opWv{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.8);opacity:0}}@keyframes opRte{0%,10%{stroke-dashoffset:100}55%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}@keyframes opLp{0%,52%{opacity:0;transform:translateY(10px)}60%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes opPin{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes opStem{0%,5%{stroke-dashoffset:100}40%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}@keyframes opLf0{0%,12%{opacity:0;transform:scale(.2)}18%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes opLf1{0%,21%{opacity:0;transform:scale(.2)}27%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes opLf2{0%,30%{opacity:0;transform:scale(.2)}36%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes opLf3{0%,39%{opacity:0;transform:scale(.2)}45%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes opOn{0%,52%{opacity:0;transform:scale(.6)}58%,92%{opacity:1;transform:none}100%{opacity:0}}@media (prefers-reduced-motion:reduce){#stadt .op-v1 *,#stadt .op-v2 *,#stadt .op-v3 *,#stadt .op-v4 *{animation:none!important}#stadt .op-bk,#stadt .op-lp,#stadt .op-lf,#stadt .op-on{opacity:1}#stadt .op-rt,#stadt .op-stem{stroke-dashoffset:0}}@media (max-width:991px){#stadt .op-gal.op-gal{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#stadt .op-c.op-c{flex-direction:column}#stadt .op-v.op-v{flex:1 0 auto;margin:10px 10px 0;min-height:220px}#stadt .op-tx.op-tx{padding:20px}}@media (prefers-reduced-motion:reduce){#stadt .op-gal *{animation:none!important}}#stadt .op-v1 { position: relative; width: 100%; max-width: 210px; line-height: 1.3;}#stadt .op-v2 { position: relative; width: 100%; max-width: 210px; line-height: 1.3;}#stadt .op-v3 { position: relative; width: 100%; max-width: 210px; line-height: 1.3;}#stadt .op-v4 { position: relative; width: 100%; max-width: 210px; line-height: 1.3;}#stadt .op-c .op-v { padding: 18px;}#stadt .op-v3.op-v3 svg { overflow: hidden; border-radius: 14px;}#stadt .op-pf { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; padding: 8px 10px; border-radius: 14px; background: rgba(255,255,255,.08);}#stadt .op-av { flex: none; width: 36px; height: 36px; border-radius: 50%; background: radial-gradient(circle at 50% 38%,#ffd27a 0 30%,transparent 31%),radial-gradient(circle at 50% 110%,#ed167d 0 55%,transparent 56%),#2a3770;}#stadt .op-pf b { font-size: 13px; font-weight: 900; color: #fff;}#stadt .op-pf small { margin-left: auto; font-size: 10.5px; font-weight: 700; color: #aeb9c9;}#stadt .op-cal { position: relative; padding: 12px; border-radius: 16px; background: #fff;}#stadt .op-calh { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 11px; font-weight: 900; color: #0d1930;}#stadt .op-calh em { font-style: normal; color: #8f9bb0;}#stadt .op-calg { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px;}#stadt .op-sl { display: block; height: 20px; border-radius: 6px; background: #eef2f8;}#stadt .op-slb { animation: opSl 7s ease infinite;}#stadt .op-cur { position: absolute; right: 14px; bottom: 30px; width: 14px; height: 14px; border-radius: 50% 50% 50% 0; background: #0d1930; border: 2px solid #fff; opacity: 0; animation: opCur 7s ease infinite;}#stadt .op-bk { position: absolute; left: 50%; bottom: -14px; margin-left: -62px; width: 124px; padding: 5px 0; border-radius: 999px; background: #34d399; font-size: 11px; font-weight: 900; color: #0d1930; text-align: center; opacity: 0; animation: opBk 7s ease infinite;}#stadt .op-v2 svg { display: block; width: 100%; height: auto; overflow: visible;}#stadt .op-v3 svg { display: block; width: 100%; height: auto; overflow: visible;}#stadt .op-v4 svg { display: block; width: 100%; height: auto; overflow: visible;}#stadt .op-rad { fill: rgba(255,184,46,.12); stroke: #ffb82e; stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: opRad 3.6s ease-out infinite;}#stadt .op-rad2 { animation-delay: 1.8s;}#stadt .op-hs2 path { fill: #2a3770; animation: opHs 6s steps(1,end) infinite; animation-delay: var(--d);}#stadt .op-pin3 { fill: #ed167d; stroke: #fff; stroke-width: 2;}#stadt .op-call { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: #ed167d; font-size: 12px; font-weight: 900; color: #fff; transform-origin: center; animation: opCall 3s ease infinite;}#stadt .op-call i { font-style: normal;}#stadt .op-wv { position: absolute; right: 30px; top: 4px; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #ed167d; opacity: 0; animation: opWv 3s ease-out infinite;}#stadt .op-wv2 { animation-delay: .6s;}#stadt .op-zone { position: absolute; left: 0; bottom: 2px; padding: 4px 10px; border-radius: 999px; background: rgba(255,184,46,.18); font-size: 11px; font-weight: 900; color: #ffb82e;}#stadt .op-mbg { fill: #e9f1fb;}#stadt .op-st3 { fill: none; stroke: #fff; stroke-width: 10;}#stadt .op-rv3 { fill: none; stroke: #9fd6ff; stroke-width: 12; stroke-linecap: round;}#stadt .op-rt { fill: none; stroke: #1661ab; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 100; animation: opRte 6s ease infinite;}#stadt .op-me { fill: #45c5ff; stroke: #fff; stroke-width: 3;}#stadt .op-pin4 { fill: #ed167d; stroke: #fff; stroke-width: 2; transform-box: fill-box; transform-origin: bottom; animation: opPin 2s ease-in-out infinite;}#stadt .op-lp { position: absolute; left: 10px; right: 10px; bottom: 8px; display: flex; flex-direction: column; padding: 8px 12px; border-radius: 12px; background: #fff; box-shadow: 0 10px 20px -10px rgba(13,25,48,.6); opacity: 0; animation: opLp 6s ease infinite;}#stadt .op-lp b { font-size: 13px; font-weight: 900; color: #0d1930;}#stadt .op-lp small { font-size: 11px; font-weight: 700; color: #34a07a;}#stadt .op-lp em { font-style: normal; color: #ffb82e;}#stadt .op-pot { fill: #7b2cbf;}#stadt .op-stem { fill: none; stroke: #34d399; stroke-width: 5; stroke-linecap: round; stroke-dasharray: 100; animation: opStem 8s ease infinite;}#stadt .op-lf { opacity: 0; transform-box: fill-box; transform-origin: center;}#stadt .op-lf path { fill: #34d399;}#stadt .op-lf1 path { fill: #45c5ff;}#stadt .op-lf3 path { fill: #45c5ff;}#stadt .op-lf text { font-size: 10.5px; font-weight: 900; fill: #fff; text-anchor: middle;}#stadt .op-lf0 { animation: opLf0 8s cubic-bezier(.3,1.4,.5,1) infinite;}#stadt .op-lf1 { animation: opLf1 8s cubic-bezier(.3,1.4,.5,1) infinite;}#stadt .op-lf2 { animation: opLf2 8s cubic-bezier(.3,1.4,.5,1) infinite;}#stadt .op-lf3 { animation: opLf3 8s cubic-bezier(.3,1.4,.5,1) infinite;}#stadt .op-bud { fill: #ffb82e;}#stadt .op-on { position: absolute; right: 0; top: 10px; padding: 5px 10px; border-radius: 999px; background: #34d399; font-size: 11px; font-weight: 900; color: #0d1930; opacity: 0; animation: opOn 8s cubic-bezier(.3,1.5,.5,1) infinite;}#stadt .op-gal { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; line-height: 1.5;}#stadt .op-c { display: flex; overflow: hidden; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 30px 70px -55px rgba(13,25,48,.55);}#stadt .op-v { flex: 0 0 38%; display: flex; align-items: center; justify-content: center; min-height: 250px; margin: 10px 0 10px 10px; border-radius: 18px; background: radial-gradient(120% 90% at 30% 0%,#2b2470 0%,#121a45 55%,#070b20 100%);}#stadt .op-tx { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 22px 24px;}#stadt .op-no { align-self: flex-start; display: inline-block; margin-bottom: 8px; padding: 4px 10px; border-radius: 999px; background: rgba(237,22,125,.1); color: #ed167d; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase;}#stadt .op-tx h3 { margin: 0 0 6px; font-size: 19px; font-weight: 900; color: var(--ink);}#stadt .op-tx>p { margin: 0; font-size: 14px; line-height: 1.65; color: #4d5a70;}#stadt .op-tip { display: flex; flex-direction: column; gap: 2px; margin: 12px 0 0!important; padding: 10px 12px; border-radius: 12px; background: #f4f7fb; border-left: 3px solid #ed167d; font-size: 13px!important; line-height: 1.5!important; color: #4d5a70;}#stadt .op-tip b { font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #ed167d;}@keyframes opFk{to{stroke-dashoffset:-40}}@media (max-width:991px){#stadt .op-take.op-take{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#stadt .op-take.op-take{padding:20px 16px}#stadt .op-ans.op-ans small{font-size:10.5px}} .wd-page .lm-cap { margin: 12px 0 0; font-size: 11px; font-weight: 700; line-height: 1.4; color: #8f9bb0; text-align: right;}#stadt .op-take { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 30px; align-items: center; margin-top: 22px; padding: 30px; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.08); line-height: 1.5;}#stadt .op-dec { display: flex; flex-direction: column; align-items: center; padding: 20px; border-radius: 20px; background: #f4f7fb;}#stadt .op-q { padding: 8px 16px; border-radius: 999px; background: #0d1930; font-size: 13px; font-weight: 900; color: #fff;}#stadt .op-dec svg { width: 100%; max-width: 320px; height: auto; overflow: visible;}#stadt .op-fk { fill: none; stroke: #ed167d; stroke-width: 4; stroke-dasharray: 8 6; stroke-linecap: round; animation: opFk 1.4s linear infinite;}#stadt .op-fk2 { stroke: #45c5ff;}#stadt .op-dot { fill: #ffb82e;}#stadt .op-ans { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%;}#stadt .op-ans div { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px; border-radius: 14px; background: #fff; border: 2px solid #ed167d; text-align: center;}#stadt .op-ans div+div { border-color: #45c5ff;}#stadt .op-ans b { font-size: 14px; font-weight: 900; color: var(--ink);}#stadt .op-ans small { font-size: 11.5px; font-weight: 700; line-height: 1.35; color: #647188;}#stadt .op-dtx h3 { margin: 0 0 10px; font-size: clamp(1.25rem,2vw,1.6rem); font-weight: 900; color: var(--ink);}#stadt .op-dtx p { margin: 0; font-size: 15px; line-height: 1.7; color: #4d5a70;}#stadt .op-dtx a { color: #ed167d; font-weight: 800; text-decoration: underline; text-underline-offset: 3px;}.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;}@keyframes opVr{0%,1%{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}3%,18%{background:rgba(237,22,125,.08);border-color:rgba(237,22,125,.55)}20%,100%{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}}@keyframes opVg{0%,1%{transform:scale(1)}4%{transform:scale(1.25)}8%,100%{transform:scale(1)}}@media (max-width:767px){#warum .op-vsh.op-vsh{display:none}#warum .op-vr.op-vr{grid-template-columns:minmax(0,1fr);gap:8px;padding:16px}#warum .op-vb.op-vb::before{content:"Baukasten:";font-weight:900}#warum .op-vg.op-vg::before{content:"OnePage:";font-weight:900}#warum .op-ex.op-ex{padding:20px}}@media (prefers-reduced-motion:reduce){#warum .op-vs *{animation:none!important}}#warum .op-vs { display: flex; flex-direction: column; gap: 10px; line-height: 1.5;}#warum .op-vsh { display: grid; grid-template-columns: 170px minmax(0,1fr) minmax(0,1fr); gap: 16px; align-items: center;}#warum .op-vr { display: grid; grid-template-columns: 170px minmax(0,1fr) minmax(0,1fr); gap: 16px; align-items: center;}#warum .op-vsh { padding: 0 20px;}#warum .op-vsh b { padding: 8px 14px; border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; text-align: center;}#warum .op-bk { background: rgba(255,255,255,.08); color: #aeb9c9;}#warum .op-rs { background: linear-gradient(135deg,#ed167d,#7b2cbf); color: #fff;}#warum .op-vr { padding: 16px 20px; border-radius: 20px; border: 1.5px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); animation: opVr 8s ease infinite; animation-delay: var(--d);}#warum .op-vk { font-size: 16px; font-weight: 900; color: #fff;}#warum .op-vr p { display: flex; gap: 10px; align-items: flex-start; margin: 0; font-size: 14px; line-height: 1.55;}#warum .op-vr i { flex: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-style: normal; font-size: 12px; font-weight: 900;}#warum .op-vb { color: #8f9bb0;}#warum .op-vb i { background: rgba(255,255,255,.08); color: #8f9bb0;}#warum .op-vg { color: #e3e8f0; font-weight: 700;}#warum .op-vg i { background: #34d399; color: #0d1930; animation: opVg 8s ease infinite; animation-delay: var(--d);}#warum .op-ex { display: flex; gap: 16px; align-items: flex-start; margin-top: 26px; padding: 22px 26px; border-radius: 22px; background: rgba(255,255,255,.05); border: 1px solid rgba(237,22,125,.35); line-height: 1.5;}#warum .op-ex>b { flex: none; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg,#ed167d,#7b2cbf); font-size: 16px; color: #fff;}#warum .op-ex p { margin: 0; font-size: 15.5px; line-height: 1.7; color: #c9d1de;}#warum .op-ex p b { color: #fff;}.wd-page#warum .op-ex p a { color: #ff8fb8; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s;} .wd-page#suchen .op-snx a { color: #ff8fb8; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s;} .wd-page#erstellen .op-st p a { color: #ed167d; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s;} .wd-page#warum .op-ex p a:hover { color: #fff;} .wd-page#suchen .op-snx a:hover { color: #fff;} .wd-page#erstellen .op-st p a:hover { color: #7b2cbf;}@keyframes opSt{0%,1%{border-color:rgba(13,25,48,.08);transform:none}3%,23%{border-color:#ed167d;transform:translateX(6px)}25%,100%{border-color:rgba(13,25,48,.08);transform:none}}@keyframes opSn{0%,1%{background:#fff;color:#8f9bb0}3%,23%{background:linear-gradient(135deg,#ed167d,#7b2cbf);color:#fff}25%,100%{background:#fff;color:#8f9bb0}}@keyframes opNs{0%{opacity:0;transform:translateY(8px)}2%,23%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-8px)}}@keyframes opSk{0%,100%{opacity:1}}@keyframes opFl0{0%,12.00%{opacity:0;transform:scale(.96)}15.00%,96%{opacity:1;transform:none}100%{opacity:0;transform:scale(.96)}}@keyframes opFl1{0%,37.00%{opacity:0;transform:scale(.96)}40.00%,96%{opacity:1;transform:none}100%{opacity:0;transform:scale(.96)}}@keyframes opFl2{0%,62.00%{opacity:0;transform:scale(.96)}65.00%,96%{opacity:1;transform:none}100%{opacity:0;transform:scale(.96)}}@keyframes opFl3{0%,87.00%{opacity:0;transform:scale(.96)}90.00%,96%{opacity:1;transform:none}100%{opacity:0;transform:scale(.96)}}@keyframes opBl0{0%,1.00%{opacity:.25}4.00%,96%{opacity:1}100%{opacity:.25}}@keyframes opBl1{0%,26.00%{opacity:.25}29.00%,96%{opacity:1}100%{opacity:.25}}@keyframes opBl2{0%,51.00%{opacity:.25}54.00%,96%{opacity:1}100%{opacity:.25}}@keyframes opBl3{0%,76.00%{opacity:.25}79.00%,96%{opacity:1}100%{opacity:.25}}@keyframes opSl0{0%,0.00%{background:#eef2f8;color:#8f9bb0}3.00%,96%{background:#ed167d;color:#fff}100%{background:#eef2f8;color:#8f9bb0}}@keyframes opSl1{0%,25.00%{background:#eef2f8;color:#8f9bb0}28.00%,96%{background:#ed167d;color:#fff}100%{background:#eef2f8;color:#8f9bb0}}@keyframes opSl2{0%,50.00%{background:#eef2f8;color:#8f9bb0}53.00%,96%{background:#ed167d;color:#fff}100%{background:#eef2f8;color:#8f9bb0}}@keyframes opSl3{0%,75.00%{background:#eef2f8;color:#8f9bb0}78.00%,96%{background:#ed167d;color:#fff}100%{background:#eef2f8;color:#8f9bb0}}@keyframes opLv{0%,80.00%{opacity:0;transform:scale(.6)}83.00%,96%{opacity:1;transform:none}100%{opacity:0;transform:scale(.6)}}@keyframes opFg{0%,80.00%{box-shadow:0 0 0 0 rgba(52,211,153,0)}83.00%,96%{box-shadow:0 0 0 3px #34d399,0 20px 50px -10px rgba(52,211,153,.6)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}@keyframes opShm{0%{background-position:-200px 0}100%{background-position:200px 0}}@media (max-width:991px){#erstellen .op-mk.op-mk{grid-template-columns:minmax(0,1fr);gap:30px}#erstellen .op-bdw.op-bdw{position:static;order:-1}}@media (max-width:767px){#erstellen .op-st.op-st li{padding:10px 0}#erstellen .op-tip2.op-tip2{padding:18px}#erstellen .op-bd.op-bd{padding:16px}#erstellen .op-stl.op-stl span{font-size:10px;padding:5px 4px}}@media (prefers-reduced-motion:reduce){#erstellen .op-mk *{animation:none!important}#erstellen .op-fl,#erstellen .op-blk,#erstellen .op-live{opacity:1;transform:none}#erstellen .op-sn i:last-child{opacity:1}}#erstellen .op-mk { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: start; line-height: 1.5;}#erstellen .op-st { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px;}#erstellen .op-st li { display: flex; gap: 16px; align-items: flex-start; padding: 4px 0;}#erstellen .op-st li>b { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; border: 2px solid #ed167d; background: #fff; color: #8f9bb0; font-size: 15px; font-weight: 900; animation: opSn 16s ease infinite; animation-delay: var(--d);}#erstellen .op-st li>div { flex: 1; padding: 16px 18px; border-radius: 18px; background: #fff; border: 1.5px solid rgba(13,25,48,.08); animation: opSt 16s ease infinite; animation-delay: var(--d);}#erstellen .op-st h3 { margin: 0 0 4px; font-size: 16.5px; font-weight: 900; color: var(--ink);}#erstellen .op-st p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70;}#erstellen .op-bdw { position: sticky; top: 150px;}#erstellen .op-bd { position: relative; padding: 22px; border-radius: 30px; background: linear-gradient(160deg,#2b2470,#070b20); box-shadow: 0 60px 110px -60px rgba(13,25,48,.8); animation: opFg 16s ease infinite;}#erstellen .op-bdh { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px;}#erstellen .op-bdh>b { font-size: 13px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: #ff8fb8;}#erstellen .op-bdh em { display: flex; align-items: center; gap: 4px; padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.1); font-size: 11px; font-style: normal; font-weight: 800; color: #c9d1de; white-space: nowrap;}#erstellen .op-sn { display: grid; min-width: 10px;}#erstellen .op-sn i { grid-area: 1/1; font-style: normal; font-weight: 900; color: #ffb82e; opacity: 0; animation: opNs 16s ease infinite; animation-delay: var(--d);}#erstellen .op-wf { position: relative; border-radius: 16px; overflow: hidden; background: #fff;}#erstellen .op-wfb { display: flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; background: #eef2f8;}#erstellen .op-wfb i { width: 7px; height: 7px; border-radius: 50%; background: #c9d1de;}#erstellen .op-wfb span { margin-left: 8px; font-size: 10.5px; font-weight: 800; color: #647188;}#erstellen .op-wfp { display: flex; flex-direction: column; gap: 8px; padding: 10px;}#erstellen .op-blk { position: relative; height: 70px; border-radius: 10px; overflow: hidden; opacity: .25;}#erstellen .op-b0 { animation: opBl0 16s ease infinite;}#erstellen .op-b0 .op-fl { animation: opFl0 16s ease infinite;}#erstellen .op-stl0 { animation: opSl0 16s ease infinite;}#erstellen .op-b1 { animation: opBl1 16s ease infinite;}#erstellen .op-b1 .op-fl { animation: opFl1 16s ease infinite;}#erstellen .op-stl1 { animation: opSl1 16s ease infinite;}#erstellen .op-b2 { animation: opBl2 16s ease infinite;}#erstellen .op-b2 .op-fl { animation: opFl2 16s ease infinite;}#erstellen .op-stl2 { animation: opSl2 16s ease infinite;}#erstellen .op-b3 { animation: opBl3 16s ease infinite;}#erstellen .op-b3 .op-fl { animation: opFl3 16s ease infinite;}#erstellen .op-stl3 { animation: opSl3 16s ease infinite;}#erstellen .op-b0 { height: 96px;}#erstellen .op-sk { position: absolute; inset: 0; border: 2px dashed #c9d1de; border-radius: 10px; background: linear-gradient(90deg,#f4f7fb 0,#fff 50%,#f4f7fb 100%); background-size: 400px 100%; animation: opShm 1.8s linear infinite;}#erstellen .op-fl { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 10px 14px; border-radius: 10px; background: linear-gradient(135deg,#1b1f5e,#7b2cbf); opacity: 0;}#erstellen .op-fl b { width: 44%; height: 12px; border-radius: 6px; background: #fff;}#erstellen .op-fl i { display: block; width: 60%; height: 6px; border-radius: 3px; background: rgba(255,255,255,.5);}#erstellen .op-fl em { width: 70px; height: 16px; border-radius: 999px; background: #ffb82e;}#erstellen .op-fl3 { flex-direction: row; align-items: center; background: #f4f7fb;}#erstellen .op-fl3 u { flex: 1; height: 44px; border-radius: 8px; background: #fff; border-top: 4px solid #ed167d;}#erstellen .op-fl3 u:nth-child(2) { border-color: #45c5ff;}#erstellen .op-fl3 u:nth-child(3) { border-color: #ffb82e;}#erstellen .op-fl2 { background: #eef6ff;}#erstellen .op-fl2 i { background: #1661ab;}#erstellen .op-fl2 i:nth-child(2) { width: 80%; background: #45c5ff;}#erstellen .op-fl2 i:nth-child(3) { width: 40%;}#erstellen .op-fl4 { flex-direction: row; align-items: center; gap: 10px; background: #fff0f6;}#erstellen .op-fl4 em { width: 90px; height: 22px; background: #ed167d;}#erstellen .op-fl4 i { flex: 1; height: 22px; border-radius: 6px; background: #fff; border: 1.5px solid #f3b6d1;}#erstellen .op-live { position: absolute; right: 12px; top: 4px; padding: 3px 10px; border-radius: 999px; background: #34d399; font-size: 10.5px; font-weight: 900; color: #0d1930; opacity: 0; animation: opLv 16s cubic-bezier(.3,1.5,.5,1) infinite;}#erstellen .op-stl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; margin-top: 12px;}#erstellen .op-stl span { padding: 6px; border-radius: 999px; background: #eef2f8; font-size: 11px; font-weight: 900; color: #8f9bb0; text-align: center; white-space: nowrap;}#erstellen .op-bdw .lm-cap { margin-top: 14px;}#erstellen .op-tip2 { display: flex; gap: 16px; align-items: flex-start; margin-top: 30px; padding: 22px 26px; border-radius: 22px; background: #fff; border: 1.5px solid rgba(237,22,125,.3); line-height: 1.5;}#erstellen .op-tip2>b { flex: none; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #ed167d; color: #fff; font-size: 16px; font-weight: 900; font-style: italic; font-family: var(--font-serif);}#erstellen .op-tip2 p { margin: 0; font-size: 15px; line-height: 1.7; color: #4d5a70;}#erstellen .op-tip2 p b { color: var(--ink);}@keyframes opTg0{0%,2%{opacity:0;transform:translate(0,120px) scale(.4)}8%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes opTg1{0%,14%{opacity:0;transform:translate(0,120px) scale(.4)}20%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes opTg2{0%,26%{opacity:0;transform:translate(0,120px) scale(.4)}32%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes opTg3{0%,38%{opacity:0;transform:translate(0,120px) scale(.4)}44%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes opTg4{0%,50%{opacity:0;transform:translate(0,120px) scale(.4)}56%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes opTg5{0%,62%{opacity:0;transform:translate(0,120px) scale(.4)}68%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes opTg6{0%,74%{opacity:0;transform:translate(0,120px) scale(.4)}80%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes opTg7{0%,86%{opacity:0;transform:translate(0,120px) scale(.4)}92%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes opJ0{0%,2%{background:rgba(255,255,255,.08);color:#aeb9c9}5%,98%{background:linear-gradient(135deg,#ed167d,#7b2cbf);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes opJ1{0%,14%{background:rgba(255,255,255,.08);color:#aeb9c9}17%,98%{background:linear-gradient(135deg,#ed167d,#7b2cbf);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes opJ2{0%,26%{background:rgba(255,255,255,.08);color:#aeb9c9}29%,98%{background:linear-gradient(135deg,#ed167d,#7b2cbf);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes opJ3{0%,38%{background:rgba(255,255,255,.08);color:#aeb9c9}41%,98%{background:linear-gradient(135deg,#ed167d,#7b2cbf);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes opJ4{0%,50%{background:rgba(255,255,255,.08);color:#aeb9c9}53%,98%{background:linear-gradient(135deg,#ed167d,#7b2cbf);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes opJ5{0%,62%{background:rgba(255,255,255,.08);color:#aeb9c9}65%,98%{background:linear-gradient(135deg,#ed167d,#7b2cbf);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes opJ6{0%,74%{background:rgba(255,255,255,.08);color:#aeb9c9}77%,98%{background:linear-gradient(135deg,#ed167d,#7b2cbf);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes opJ7{0%,86%{background:rgba(255,255,255,.08);color:#aeb9c9}89%,98%{background:linear-gradient(135deg,#ed167d,#7b2cbf);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes opJl{0%,1%{border-color:rgba(255,255,255,.07)}2%,11%{border-color:rgba(255,143,184,.7)}12%,100%{border-color:rgba(255,255,255,.07)}}@keyframes opBc{0%{opacity:0} .5%,11.5%{opacity:1}12%,100%{opacity:0}}@keyframes opLid{0%,1%{transform:rotate(0)}6%,94%{transform:rotate(-12deg) translate(-4px,-6px)}100%{transform:rotate(0)}}@media (max-width:991px){#inhalte .op-an.op-an{grid-template-columns:minmax(0,1fr)}#inhalte .op-bxw.op-bxw{position:static}}@media (max-width:767px){#inhalte .op-tag.op-tag{font-size:11px;padding:6px 10px}}@media (prefers-reduced-motion:reduce){#inhalte .op-an *{animation:none!important}#inhalte .op-tag{opacity:1}}#inhalte .op-an { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 40px; align-items: start; line-height: 1.45;}#inhalte .op-bxw { position: sticky; top: 150px;}#inhalte .op-bx { padding: 22px; border-radius: 28px; background: radial-gradient(120% 80% at 50% 0%,#2b2470 0%,#121a45 55%,#070b20 100%); border: 1px solid rgba(237,22,125,.3); box-shadow: 0 50px 100px -40px rgba(0,0,0,.9);}#inhalte .op-bxh { display: flex; align-items: center; justify-content: space-between;}#inhalte .op-bxh b { font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #ff8fb8;}#inhalte .op-bxc { display: grid; min-width: 60px; text-align: right;}#inhalte .op-bxc i { grid-area: 1/1; font-style: normal; font-size: 22px; font-weight: 900; color: #fff; opacity: 0;}#inhalte .op-bxc i:nth-child(1) { animation: opBc 16s linear infinite; animation-delay: 0.30s;}#inhalte .op-bxc i:nth-child(2) { animation: opBc 16s linear infinite; animation-delay: 2.22s;}#inhalte .op-bxc i:nth-child(3) { animation: opBc 16s linear infinite; animation-delay: 4.14s;}#inhalte .op-bxc i:nth-child(4) { animation: opBc 16s linear infinite; animation-delay: 6.06s;}#inhalte .op-bxc i:nth-child(5) { animation: opBc 16s linear infinite; animation-delay: 7.98s;}#inhalte .op-bxc i:nth-child(6) { animation: opBc 16s linear infinite; animation-delay: 9.90s;}#inhalte .op-bxc i:nth-child(7) { animation: opBc 16s linear infinite; animation-delay: 11.82s;}#inhalte .op-bxc i:nth-child(8) { animation: opBc 16s linear infinite; animation-delay: 13.74s;}#inhalte .op-pk { position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 10px;}#inhalte .op-tags { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 10px; width: 100%; max-width: 380px; min-height: 200px;}#inhalte .op-tag { justify-self: center; align-self: center; display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; background: var(--c); font-size: 12.5px; font-weight: 900; line-height: 1.2; color: #0d1930; white-space: nowrap; opacity: 0; box-shadow: 0 10px 20px -10px rgba(0,0,0,.8);}#inhalte .op-tag0 { animation: opTg0 16s cubic-bezier(.3,1.4,.5,1) infinite;}#inhalte .op-tag1 { animation: opTg1 16s cubic-bezier(.3,1.4,.5,1) infinite;}#inhalte .op-tag2 { animation: opTg2 16s cubic-bezier(.3,1.4,.5,1) infinite;}#inhalte .op-tag3 { animation: opTg3 16s cubic-bezier(.3,1.4,.5,1) infinite;}#inhalte .op-tag4 { animation: opTg4 16s cubic-bezier(.3,1.4,.5,1) infinite;}#inhalte .op-tag5 { animation: opTg5 16s cubic-bezier(.3,1.4,.5,1) infinite;}#inhalte .op-tag6 { animation: opTg6 16s cubic-bezier(.3,1.4,.5,1) infinite;}#inhalte .op-tag7 { animation: opTg7 16s cubic-bezier(.3,1.4,.5,1) infinite;}#inhalte .op-tag3 { color: #fff;}#inhalte .op-tag4 { color: #fff;}#inhalte .op-crt { position: relative; width: 220px; height: 120px; margin-top: 6px;}#inhalte .op-lid { position: absolute; left: -8px; right: -8px; top: 0; height: 22px; border-radius: 8px; background: #ed167d; transform-origin: left bottom; animation: opLid 16s cubic-bezier(.3,1.4,.5,1) infinite;}#inhalte .op-body { position: absolute; left: 0; right: 0; top: 22px; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0 0 14px 14px; background: linear-gradient(180deg,#7b2cbf,#4a1d8f); box-shadow: 0 20px 40px -16px rgba(0,0,0,.9);}#inhalte .op-body b { font-size: 20px; font-weight: 900; letter-spacing: .2em; color: #fff;}#inhalte .op-body small { font-size: 11px; font-weight: 800; color: #ffd27a;}#inhalte .op-bxf { margin: 14px 0 0; font-size: 13.5px; line-height: 1.55; color: #aeb9c9; text-align: center;}#inhalte .op-bxw .lm-cap { color: #647188;}#inhalte .op-tl2 { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px;}#inhalte .op-tl2 li { display: flex; gap: 14px; align-items: flex-start; padding: 12px 14px; border-radius: 16px; border: 1.5px solid rgba(255,255,255,.07); background: rgba(255,255,255,.03); animation: opJl 16s ease infinite; animation-delay: var(--d);}#inhalte .op-tl2 li>span { flex: none; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 12px; background: rgba(255,255,255,.08); font-size: 15px; font-weight: 900; color: #aeb9c9;}#inhalte .op-tl2 li:nth-child(1)>span { animation: opJ0 16s ease infinite;}#inhalte .op-tl2 li:nth-child(2)>span { animation: opJ1 16s ease infinite;}#inhalte .op-tl2 li:nth-child(3)>span { animation: opJ2 16s ease infinite;}#inhalte .op-tl2 li:nth-child(4)>span { animation: opJ3 16s ease infinite;}#inhalte .op-tl2 li:nth-child(5)>span { animation: opJ4 16s ease infinite;}#inhalte .op-tl2 li:nth-child(6)>span { animation: opJ5 16s ease infinite;}#inhalte .op-tl2 li:nth-child(7)>span { animation: opJ6 16s ease infinite;}#inhalte .op-tl2 li:nth-child(8)>span { animation: opJ7 16s ease infinite;}#inhalte .op-tl2 h3 { margin: 2px 0 3px; font-size: 15px; font-weight: 900; color: #fff;}#inhalte .op-tl2 p { margin: 0; font-size: 13.5px; line-height: 1.55; color: #aeb9c9;}@keyframes opSp{0%,10%{transform:translateY(0)}50%,60%{transform:translateY(calc(-100% + 214px))}100%{transform:translateY(0)}}@media (max-width:991px){#nutzen .op-gl.op-gl{grid-template-columns:repeat(2,minmax(0,1fr))}#nutzen .op-sol.op-sol{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#nutzen .op-gl.op-gl{grid-template-columns:minmax(0,1fr)}#nutzen .op-sols.op-sols{grid-template-columns:minmax(0,1fr)}#nutzen .op-sol.op-sol{padding:20px 16px}}@media (prefers-reduced-motion:reduce){#nutzen .op-frv img,#nutzen .op-spv img{transition:none!important;animation:none!important}}#nutzen .op-gl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; line-height: 1.4;}#nutzen .op-fr { margin: 0; border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid rgba(13,25,48,.1); box-shadow: 0 30px 60px -45px rgba(13,25,48,.6); outline: none; transition: transform .3s,box-shadow .3s;}#nutzen .op-fr:hover { transform: translateY(-6px); box-shadow: 0 40px 70px -40px rgba(237,22,125,.5);}#nutzen .op-fr:focus { transform: translateY(-6px); box-shadow: 0 40px 70px -40px rgba(237,22,125,.5);}#nutzen .op-frb { display: flex; gap: 5px; padding: 9px 12px; background: #eef2f8;}#nutzen .op-frb i { width: 8px; height: 8px; border-radius: 50%; background: #c9d1de;}#nutzen .op-frv { position: relative; height: 300px; overflow: hidden; background: #f4f7fb;}#nutzen .op-frv img { display: block; width: 100%; height: auto; transform: translateY(0); transition: transform 6s ease-in-out;}#nutzen .op-fr:hover .op-frv img { transform: translateY(calc(-100% + 300px));}#nutzen .op-fr:focus .op-frv img { transform: translateY(calc(-100% + 300px));}#nutzen .op-fr figcaption { padding: 12px 16px; font-size: 14px; font-weight: 900; color: var(--ink); border-top: 1px solid #eef2f8;}#nutzen .op-sol { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 28px; align-items: center; margin-top: 26px; padding: 28px; border-radius: 26px; background: #0d1238; color: #fff;}#nutzen .op-solk { display: inline-block; margin-bottom: 8px; padding: 4px 10px; border-radius: 999px; background: rgba(255,184,46,.15); font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #ffb82e;}#nutzen .op-solt h3 { margin: 0 0 8px; font-size: clamp(1.3rem,2vw,1.6rem); font-weight: 900; color: #fff;}#nutzen .op-solt p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #c9d1de;}#nutzen .op-sols { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px;}#nutzen .op-sp { margin: 0;}#nutzen .op-spv { height: 220px; overflow: hidden; border-radius: 14px; border: 3px solid #2a3770; background: #fff;}#nutzen .op-spv img { display: block; width: 100%; height: auto; animation: opSp 16s ease-in-out infinite;}#nutzen .op-sp:nth-child(2) .op-spv img { animation-delay: -5s;}#nutzen .op-sp:nth-child(3) .op-spv img { animation-delay: -10s;}#nutzen .op-sp figcaption { display: flex; flex-direction: column; gap: 3px; margin-top: 10px; font-size: 12.5px; line-height: 1.5; color: #aeb9c9;}#nutzen .op-sp figcaption b { font-size: 14px; color: #fff;}@keyframes opFp{0%,2%{transform:translateY(0)}20%,22%{transform:translateY(-20%)}40%,42%{transform:translateY(-40%)}60%,96%{transform:translateY(-60%)}100%{transform:translateY(0)}}@keyframes opFg2{0%,100%{transform:translateY(0);opacity:.9}8%{transform:translateY(-24px);opacity:1}14%{transform:translateY(0);opacity:.9}}@keyframes opFi0{0%,0%{border-color:rgba(255,255,255,.08);transform:none}2%,18%{border-color:var(--c);transform:translateX(-6px)}20%,100%{border-color:rgba(255,255,255,.08);transform:none}}@keyframes opFi1{0%,20%{border-color:rgba(255,255,255,.08);transform:none}22%,38%{border-color:var(--c);transform:translateX(-6px)}40%,100%{border-color:rgba(255,255,255,.08);transform:none}}@keyframes opFi2{0%,40%{border-color:rgba(255,255,255,.08);transform:none}42%,58%{border-color:var(--c);transform:translateX(-6px)}60%,100%{border-color:rgba(255,255,255,.08);transform:none}}@keyframes opFi3{0%,60%{border-color:rgba(255,255,255,.08);transform:none}62%,78%{border-color:var(--c);transform:translateX(-6px)}80%,100%{border-color:rgba(255,255,255,.08);transform:none}}@keyframes opFi4{0%,80%{border-color:rgba(255,255,255,.08);transform:none}82%,98%{border-color:var(--c);transform:translateX(-6px)}100%,100%{border-color:rgba(255,255,255,.08);transform:none}}@media (max-width:991px){#suchen .op-flw.op-flw{grid-template-columns:minmax(0,1fr)}#suchen .op-fdw.op-fdw{position:static}}@media (max-width:767px){#suchen .op-fi.op-fi{padding:16px}}@media (prefers-reduced-motion:reduce){#suchen .op-flw *{animation:none!important}}#suchen .op-flw { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 40px; align-items: start; line-height: 1.5;}#suchen .op-fdw { position: sticky; top: 150px;}#suchen .op-fd { position: relative; width: 240px; height: 460px; margin: 0 auto; padding: 30px 10px 12px; border-radius: 40px; background: #0b1430; border: 8px solid #2a3770; box-shadow: 0 50px 90px -40px rgba(0,0,0,.95);}#suchen .op-fdn { position: absolute; left: 50%; top: 10px; width: 64px; height: 8px; margin-left: -32px; border-radius: 999px; background: #2a3770;}#suchen .op-fds { height: 100%; overflow: hidden; border-radius: 22px; background: #fff;}#suchen .op-fdp { display: flex; flex-direction: column; height: 250%; animation: opFp 15s cubic-bezier(.6,0,.3,1) infinite;}#suchen .op-fsec { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 22px 16px; border-top: 6px solid var(--c);}#suchen .op-fsec small { font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--c);}#suchen .op-fsec b { height: 90px; border-radius: 14px; background: var(--c); opacity: .85;}#suchen .op-fsec i { display: block; height: 9px; border-radius: 5px; background: #e3e8f0;}#suchen .op-fsec .op-f2 { width: 65%;}#suchen .op-fing { position: absolute; right: -26px; top: 50%; width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.25); border: 3px solid #fff; animation: opFg2 3s ease-in-out infinite;}#suchen .op-fdw .lm-cap { color: #647188;}#suchen .op-fl5 { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px;}#suchen .op-fi { display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px; border-radius: 22px; background: rgba(255,255,255,.04); border: 1.5px solid rgba(255,255,255,.08);}#suchen .op-fi0 { animation: opFi0 15s ease infinite;}#suchen .op-fi1 { animation: opFi1 15s ease infinite;}#suchen .op-fi2 { animation: opFi2 15s ease infinite;}#suchen .op-fi3 { animation: opFi3 15s ease infinite;}#suchen .op-fi4 { animation: opFi4 15s ease infinite;}#suchen .op-fi>span { flex: none; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: var(--c); font-size: 16px; font-weight: 900; color: #0d1930;}#suchen .op-fi em { display: inline-block; margin-bottom: 4px; font-size: 10.5px; font-style: normal; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--c);}#suchen .op-fi4 em { color: #b98cff;}#suchen .op-fi4>span { color: #fff;}#suchen .op-fi h3 { margin: 0 0 4px; font-size: 16px; font-weight: 900; color: #fff;}#suchen .op-fi p { margin: 0; font-size: 14px; line-height: 1.6; color: #c9d1de;}#suchen .op-snx { max-width: 820px; margin: 28px 0 0; font-size: 15.5px; line-height: 1.7; color: #c9d1de;}@keyframes opTl0{0%,8%{stroke-dashoffset:100}16%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}@keyframes opNd0{0%,14%{opacity:0;transform:translateY(10px) scale(.8)}19%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes opTl1{0%,24%{stroke-dashoffset:100}32%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}@keyframes opNd1{0%,30%{opacity:0;transform:translateY(10px) scale(.8)}35%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes opTl2{0%,40%{stroke-dashoffset:100}48%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}@keyframes opNd2{0%,46%{opacity:0;transform:translateY(10px) scale(.8)}51%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes opTl3{0%,56%{stroke-dashoffset:100}64%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}@keyframes opNd3{0%,62%{opacity:0;transform:translateY(10px) scale(.8)}67%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes opRt{0%,100%{transform:scale(1)}6%{transform:scale(1.06)}12%{transform:scale(1)}}@media (max-width:991px){#service .op-gw.op-gw{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#service .op-gc.op-gc{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){#service .op-tree *{animation:none!important}#service .op-tl{stroke-dashoffset:0}#service .op-nd{opacity:1}}#service .op-gw { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 30px; align-items: center; line-height: 1.5;}#service .op-tree { padding: 24px; border-radius: 26px; background: linear-gradient(160deg,#2b2470,#070b20);}#service .op-tree svg { display: block; width: 100%; height: auto; overflow: visible;}#service .op-tl { fill: none; stroke: #ff8fb8; stroke-width: 3; stroke-dasharray: 100; stroke-dashoffset: 100;}#service .op-tl0 { animation: opTl0 10s ease infinite;}#service .op-nd0 { animation: opNd0 10s cubic-bezier(.3,1.4,.5,1) infinite;}#service .op-tl1 { animation: opTl1 10s ease infinite;}#service .op-nd1 { animation: opNd1 10s cubic-bezier(.3,1.4,.5,1) infinite;}#service .op-tl2 { animation: opTl2 10s ease infinite;}#service .op-nd2 { animation: opNd2 10s cubic-bezier(.3,1.4,.5,1) infinite;}#service .op-tl3 { animation: opTl3 10s ease infinite;}#service .op-nd3 { animation: opNd3 10s cubic-bezier(.3,1.4,.5,1) infinite;}#service .op-root { transform-box: fill-box; transform-origin: center; animation: opRt 10s ease infinite;}#service .op-root rect { fill: #ed167d;}#service .op-root text { font-size: 15px; font-weight: 900; fill: #fff; text-anchor: middle;}#service .op-nd { opacity: 0; transform-box: fill-box; transform-origin: center;}#service .op-nd rect { fill: #fff;}#service .op-nd text { font-size: 12px; font-weight: 900; fill: #0d1930; text-anchor: middle;}#service .op-nd1 rect { fill: #dff4ff;}#service .op-nd2 rect { fill: #fff4dc;}#service .op-nd3 rect { fill: #e7fbf2;}#service .op-trc { margin: 12px 0 0; font-size: 13px; font-weight: 700; line-height: 1.5; color: #c9d1de; text-align: center;}#service .op-gc { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px;}#service .op-gk { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 4px 14px; padding: 18px 20px; border-radius: 20px; background: #fff; border: 1.5px solid rgba(13,25,48,.08); text-decoration: none; transition: border-color .2s,transform .2s;}#service .op-gk:hover { border-color: #ed167d; transform: translateX(4px);}#service .op-gk>b { grid-row: 1/4; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 14px; background: linear-gradient(135deg,#ed167d,#7b2cbf); color: #fff; font-size: 18px;}#service .op-gk:nth-child(2)>b { background: linear-gradient(135deg,#1661ab,#45c5ff);}#service .op-gk:nth-child(3)>b { background: linear-gradient(135deg,#ffb82e,#ed167d);}#service .op-gk h3 { margin: 0; font-size: 16.5px; font-weight: 900; color: var(--ink);}#service .op-gk p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70;}#service .op-gk span { font-size: 13.5px; font-weight: 900; color: #ed167d;}@keyframes opBd0{0%,6%{opacity:1;transform:none}10%,94%{opacity:0;transform:translateY(-14px)}100%{opacity:1;transform:none}}@keyframes opGd0{0%,7%{opacity:0;transform:translateY(14px)}11%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(14px)}}@keyframes opLr0{0%,6%{opacity:1}9%,94%{opacity:.15}100%{opacity:1}}@keyframes opLg0{0%,7%{opacity:.15}10%,94%{opacity:1}100%{opacity:.15}}@keyframes opBd1{0%,19%{opacity:1;transform:none}23%,94%{opacity:0;transform:translateY(-14px)}100%{opacity:1;transform:none}}@keyframes opGd1{0%,20%{opacity:0;transform:translateY(14px)}24%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(14px)}}@keyframes opLr1{0%,19%{opacity:1}22%,94%{opacity:.15}100%{opacity:1}}@keyframes opLg1{0%,20%{opacity:.15}23%,94%{opacity:1}100%{opacity:.15}}@keyframes opBd2{0%,32%{opacity:1;transform:none}36%,94%{opacity:0;transform:translateY(-14px)}100%{opacity:1;transform:none}}@keyframes opGd2{0%,33%{opacity:0;transform:translateY(14px)}37%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(14px)}}@keyframes opLr2{0%,32%{opacity:1}35%,94%{opacity:.15}100%{opacity:1}}@keyframes opLg2{0%,33%{opacity:.15}36%,94%{opacity:1}100%{opacity:.15}}@keyframes opBd3{0%,45%{opacity:1;transform:none}49%,94%{opacity:0;transform:translateY(-14px)}100%{opacity:1;transform:none}}@keyframes opGd3{0%,46%{opacity:0;transform:translateY(14px)}50%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(14px)}}@keyframes opLr3{0%,45%{opacity:1}48%,94%{opacity:.15}100%{opacity:1}}@keyframes opLg3{0%,46%{opacity:.15}49%,94%{opacity:1}100%{opacity:.15}}@keyframes opBd4{0%,58%{opacity:1;transform:none}62%,94%{opacity:0;transform:translateY(-14px)}100%{opacity:1;transform:none}}@keyframes opGd4{0%,59%{opacity:0;transform:translateY(14px)}63%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(14px)}}@keyframes opLr4{0%,58%{opacity:1}61%,94%{opacity:.15}100%{opacity:1}}@keyframes opLg4{0%,59%{opacity:.15}62%,94%{opacity:1}100%{opacity:.15}}@keyframes opBd5{0%,71%{opacity:1;transform:none}75%,94%{opacity:0;transform:translateY(-14px)}100%{opacity:1;transform:none}}@keyframes opGd5{0%,72%{opacity:0;transform:translateY(14px)}76%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(14px)}}@keyframes opLr5{0%,71%{opacity:1}74%,94%{opacity:.15}100%{opacity:1}}@keyframes opLg5{0%,72%{opacity:.15}75%,94%{opacity:1}100%{opacity:.15}}@media (max-width:991px){#fehler .op-fe.op-fe{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#fehler .op-fe.op-fe{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){#fehler .op-fe *{animation:none!important}#fehler .op-bad{display:none}#fehler .op-good{opacity:1;transform:none}}#fehler .op-fe { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; line-height: 1.5;}#fehler .op-fx { padding: 20px; border-radius: 22px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1);}#fehler .op-fx header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px;}#fehler .op-lamp { flex: none; display: flex; flex-direction: column; gap: 4px; padding: 5px; border-radius: 10px; background: #0b1024;}#fehler .op-lamp i { width: 11px; height: 11px; border-radius: 50%;}#fehler .op-lamp i:first-child { background: #ff5a6e; box-shadow: 0 0 8px #ff5a6e;}#fehler .op-lamp i:last-child { background: #34d399; box-shadow: 0 0 8px #34d399; opacity: .15;}#fehler .op-fx h3 { margin: 0; font-size: 16.5px; font-weight: 900; color: #fff;}#fehler .op-fxb { display: grid; min-height: 96px;}#fehler .op-bad { grid-area: 1/1; display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 12px 14px; border-radius: 14px; font-size: 14px; line-height: 1.55;}#fehler .op-good { grid-area: 1/1; display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 12px 14px; border-radius: 14px; font-size: 14px; line-height: 1.55;}#fehler .op-bad b { font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase;}#fehler .op-good b { font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase;}#fehler .op-bad { background: rgba(255,90,110,.1); color: #ffc2ca;}#fehler .op-bad b { color: #ff8a9a;}#fehler .op-good { background: rgba(52,211,153,.12); color: #d4f8e8; font-weight: 700; opacity: 0;}#fehler .op-good b { color: #34d399;}#fehler .op-fx0 .op-bad { animation: opBd0 16s ease infinite;}#fehler .op-fx0 .op-good { animation: opGd0 16s ease infinite;}#fehler .op-fx0 .op-lamp i:first-child { animation: opLr0 16s ease infinite;}#fehler .op-fx0 .op-lamp i:last-child { animation: opLg0 16s ease infinite;}#fehler .op-fx1 .op-bad { animation: opBd1 16s ease infinite;}#fehler .op-fx1 .op-good { animation: opGd1 16s ease infinite;}#fehler .op-fx1 .op-lamp i:first-child { animation: opLr1 16s ease infinite;}#fehler .op-fx1 .op-lamp i:last-child { animation: opLg1 16s ease infinite;}#fehler .op-fx2 .op-bad { animation: opBd2 16s ease infinite;}#fehler .op-fx2 .op-good { animation: opGd2 16s ease infinite;}#fehler .op-fx2 .op-lamp i:first-child { animation: opLr2 16s ease infinite;}#fehler .op-fx2 .op-lamp i:last-child { animation: opLg2 16s ease infinite;}#fehler .op-fx3 .op-bad { animation: opBd3 16s ease infinite;}#fehler .op-fx3 .op-good { animation: opGd3 16s ease infinite;}#fehler .op-fx3 .op-lamp i:first-child { animation: opLr3 16s ease infinite;}#fehler .op-fx3 .op-lamp i:last-child { animation: opLg3 16s ease infinite;}#fehler .op-fx4 .op-bad { animation: opBd4 16s ease infinite;}#fehler .op-fx4 .op-good { animation: opGd4 16s ease infinite;}#fehler .op-fx4 .op-lamp i:first-child { animation: opLr4 16s ease infinite;}#fehler .op-fx4 .op-lamp i:last-child { animation: opLg4 16s ease infinite;}#fehler .op-fx5 .op-bad { animation: opBd5 16s ease infinite;}#fehler .op-fx5 .op-good { animation: opGd5 16s ease infinite;}#fehler .op-fx5 .op-lamp i:first-child { animation: opLr5 16s ease infinite;}#fehler .op-fx5 .op-lamp i:last-child { animation: opLg5 16s ease infinite;}@keyframes opPs0{0%,2%{opacity:0;transform:translateY(-120px)}9%{opacity:1;transform:translateY(4px)}11%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}@keyframes opPs1{0%,12%{opacity:0;transform:translateY(-120px)}19%{opacity:1;transform:translateY(4px)}21%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}@keyframes opPs2{0%,22%{opacity:0;transform:translateY(-120px)}29%{opacity:1;transform:translateY(4px)}31%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}@keyframes opPs3{0%,32%{opacity:0;transform:translateY(-120px)}39%{opacity:1;transform:translateY(4px)}41%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}@keyframes opPs4{0%,42%{opacity:0;transform:translateY(-120px)}49%{opacity:1;transform:translateY(4px)}51%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}@keyframes opPtg{0%,56%{opacity:0;transform:rotate(-30deg) scale(.6)}62%{opacity:1;transform:rotate(8deg) scale(1.05)}66%,90%{opacity:1;transform:rotate(-6deg)}96%,100%{opacity:0;transform:rotate(-6deg)}}@keyframes opPrg{0%,100%{box-shadow:0 40px 80px -45px rgba(237,22,125,.45)}50%{box-shadow:0 40px 90px -30px rgba(237,22,125,.75)}}@media (max-width:991px){#preise .op-pr.op-pr{grid-template-columns:minmax(0,1fr)}#preise .op-adds.op-adds{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#preise .op-pc.op-pc{padding:22px 18px}#preise .op-pc.op-pc ul{grid-template-columns:minmax(0,1fr)}#preise .op-add.op-add{padding:20px 16px}#preise .op-pc .wd-btn{white-space:normal}}@media (prefers-reduced-motion:reduce){#preise .op-pr *{animation:none!important}#preise .op-ps,#preise .op-ptag{opacity:1;transform:none}}#preise .op-pr { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 24px; align-items: stretch; line-height: 1.5;}#preise .op-prv { display: flex; flex-direction: column; justify-content: center; padding: 26px; border-radius: 26px; background: radial-gradient(120% 90% at 50% 0%,#2b2470 0%,#121a45 60%,#070b20 100%);}#preise .op-prv .lm-cap { color: #647188;}#preise .op-pl { position: relative; display: flex; justify-content: center;}#preise .op-plb { display: flex; flex-direction: column; gap: 6px; width: min(100%,260px); padding: 12px; border-radius: 18px; background: #fff; overflow: hidden;}#preise .op-ps { display: flex; align-items: center; height: 52px; padding: 0 14px; border-radius: 10px; background: var(--c); opacity: 0;}#preise .op-ps0 { height: 76px;}#preise .op-ps i { font-style: normal; font-size: 12px; font-weight: 900; color: #fff;}#preise .op-ps2 i { color: #0d1930;}#preise .op-ps0 { animation: opPs0 10s cubic-bezier(.4,0,.3,1.3) infinite;}#preise .op-ps1 { animation: opPs1 10s cubic-bezier(.4,0,.3,1.3) infinite;}#preise .op-ps2 { animation: opPs2 10s cubic-bezier(.4,0,.3,1.3) infinite;}#preise .op-ps3 { animation: opPs3 10s cubic-bezier(.4,0,.3,1.3) infinite;}#preise .op-ps4 { animation: opPs4 10s cubic-bezier(.4,0,.3,1.3) infinite;}#preise .op-ptag { position: absolute; right: -6px; top: -14px; display: flex; flex-direction: column; align-items: center; padding: 10px 14px; border-radius: 14px; background: #ffb82e; box-shadow: 0 16px 30px -12px rgba(0,0,0,.8); opacity: 0; animation: opPtg 10s ease infinite;}#preise .op-ptag b { font-size: 22px; font-weight: 900; line-height: 1; color: #0d1930; white-space: nowrap;}#preise .op-ptag small { font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #0d1930;}#preise .op-pc { position: relative; display: flex; flex-direction: column; padding: 28px 30px; border-radius: 26px; background: #fff; border: 2px solid #ed167d; animation: opPrg 4s ease-in-out infinite;}#preise .op-pb2 { position: absolute; right: 20px; top: -13px; padding: 5px 12px; border-radius: 999px; background: #ffb82e; color: #0d1930; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .12em; text-transform: uppercase;}#preise .op-pk2 { font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #ed167d;}#preise .op-pc h3 { margin: 4px 0 4px; font-size: clamp(1.4rem,2.2vw,1.8rem); font-weight: 900; color: var(--ink);}#preise .op-ptg { margin: 0 0 14px; font-size: 14px; line-height: 1.55; color: #647188;}#preise .op-ppr { display: flex; align-items: flex-end; gap: 10px; margin: 0 0 18px;}#preise .op-ppr b { white-space: nowrap; font-size: clamp(2.6rem,4vw,3.4rem); font-weight: 900; line-height: .9; letter-spacing: -.05em; color: var(--ink);}#preise .op-ppr span { font-size: 12px; font-weight: 800; line-height: 1.35; color: #8f9bb0;}#preise .op-pc ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 18px; margin: 0 0 22px; padding: 0; list-style: none;}#preise .op-pc li { position: relative; padding-left: 26px; font-size: 13.5px; font-weight: 700; line-height: 1.45; color: #4d5a70;}#preise .op-pc li::before { content: "✓"; position: absolute; left: 0; top: 1px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #fde6f1; color: #ed167d; font-size: 10px; font-weight: 900;}#preise .op-pc .wd-btn { justify-content: space-between; width: 100%; white-space: nowrap;}#preise .op-pnt { margin: 12px 0 0; font-size: 12.5px; font-weight: 700; color: #8f9bb0; text-align: center;}#preise .op-add { margin-top: 22px; padding: 24px 26px; border-radius: 24px; background: linear-gradient(120deg,#fff0f6,#eef6ff); border: 1.5px solid rgba(237,22,125,.2); line-height: 1.5;}#preise .op-addk { margin: 0 0 14px; font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #1661ab;}#preise .op-adds { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;}#preise .op-ad { display: flex; flex-direction: column; gap: 10px; padding: 20px; border-radius: 18px; background: #fff;}#preise .op-ad h3 { margin: 0 0 4px; font-size: 17px; font-weight: 900; color: var(--ink);}#preise .op-ad p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70;}#preise .op-adp { display: flex; align-items: flex-end; gap: 10px;}#preise .op-adp b { white-space: nowrap; font-size: 26px; font-weight: 900; line-height: 1; color: var(--ink);}#preise .op-adp span { font-size: 12px; font-weight: 800; color: #8f9bb0;}#preise .op-adl { font-size: 14px; font-weight: 900; color: #ed167d; text-decoration: none;}#preise .op-ad .wd-btn { align-self: flex-start; white-space: nowrap;}#preise .op-ad .wd-btn--g { border: 1px solid rgba(13,25,48,.16); color: var(--ink); background: #fff;}#preise .op-ad .wd-btn--g b { background: var(--ink); color: #fff;}@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;}