@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.55vw,3.25rem);}@media (max-width:767px){.wd-hero .sm-rd .sm-chip.sm-chip{display:none}}@media (max-width:767px){.wd-hero .sm-stage.sm-stage{height:364px} .wd-hero .sm-stage-in.sm-stage-in{transform:scale(.78)} .wd-hero .sm-tabs.sm-tabs span{padding:6px 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){.wd-hero .sm-ph3.sm-ph3 *,.wd-hero .sm-ph3.sm-ph3 *::before,.wd-hero .sm-ph3.sm-ph3 *::after{animation:none!important} .wd-hero .sm-ph3.sm-ph3 .sm-ph{transform:translateX(-132%) perspective(900px) rotateY(24deg) scale(.8);opacity:.6;z-index:1} .wd-hero .sm-ph3.sm-ph3 .sm-ph:nth-child(1){transform:translateX(-50%);opacity:1;z-index:3} .wd-hero .sm-ph3.sm-ph3 .sm-ph:nth-child(3){transform:translateX(32%) perspective(900px) rotateY(-24deg) scale(.8)} .wd-hero .sm-ph3.sm-ph3 .sm-c1,.wd-hero .sm-ph3.sm-ph3 .sm-c2,.wd-hero .sm-ph3.sm-ph3 .sm-bpi,.wd-hero .sm-ph3.sm-ph3 .sm-tags span{opacity:1} .wd-hero .sm-ph3.sm-ph3 .sm-type{max-width:190px}}@keyframes smPh{0%,28%{transform:translateX(-50%) perspective(900px) rotateY(0deg) scale(1);opacity:1;z-index:3}33.3%,61.6%{transform:translateX(-132%) perspective(900px) rotateY(24deg) scale(.8);opacity:.6;z-index:2}66.6%,95%{transform:translateX(32%) perspective(900px) rotateY(-24deg) scale(.8);opacity:.6;z-index:1}100%{transform:translateX(-50%) perspective(900px) rotateY(0deg) scale(1);opacity:1;z-index:3}}@keyframes smTabD{0%,28%{background-color:#ed167d;border-color:#ed167d;color:#fff}33%,95%{background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#dbe2ec}100%{background-color:#ed167d;border-color:#ed167d;color:#fff}}@keyframes smBig{0%,7%{opacity:0;transform:scale(.3)}10%{opacity:1;transform:scale(1.15)}13%{opacity:1;transform:scale(1)}17%,100%{opacity:0;transform:scale(1)}}@keyframes smHrt{0%,9%{color:#0d1930;transform:none}11%{color:#ed167d;transform:scale(1.3)}13%,92%{color:#ed167d;transform:none}96%,100%{color:#0d1930}}@keyframes smL1{0%,10%{opacity:1}12%,92%{opacity:0}96%,100%{opacity:1}}@keyframes smL2{0%,10%{opacity:0}12%,92%{opacity:1}96%,100%{opacity:0}}@keyframes smC1{0%,14%{opacity:0;transform:translateY(6px)}17%,92%{opacity:1;transform:none}96%,100%{opacity:0}}@keyframes smC2{0%,21%{opacity:0;transform:translateY(6px)}24%,92%{opacity:1;transform:none}96%,100%{opacity:0}}@keyframes smBpi{0%,3%{opacity:0;transform:scale(1.08)}7%,92%{opacity:1;transform:none}96%,100%{opacity:0}}@keyframes smType{0%,7%{max-width:0}17%,92%{max-width:190px}96%,100%{max-width:0}}@keyframes smBlink{50%{opacity:0}}@keyframes smPTag{0%,17%{opacity:0;transform:scale(.6)}19%,92%{opacity:1;transform:none}96%,100%{opacity:0}}@keyframes smPub{0%,20%,24%,100%{transform:none;filter:none}22%{transform:scale(.94);filter:brightness(1.15)}}@keyframes smToast{0%,23%{opacity:0;transform:translateY(10px)}25%,35%{opacity:1;transform:none}38%,100%{opacity:0;transform:translateY(10px)}}@keyframes smSpin{to{transform:rotate(360deg)}}@keyframes smF1{0%,8%{opacity:1}10%,94%{opacity:0}97%,100%{opacity:1}}@keyframes smF2{0%,8%{opacity:0}10%,17%{opacity:1}19%,100%{opacity:0}}@keyframes smF3{0%,17%{opacity:0}19%,92%{opacity:1}96%,100%{opacity:0}}@keyframes smNt1{0%,6%{opacity:0;transform:translateY(-12px)}8%,15%{opacity:1;transform:none}17%,100%{opacity:0;transform:translateY(-12px)}}@keyframes smNt2{0%,16%{opacity:0;transform:translateY(-12px)}18%,27%{opacity:1;transform:none}29%,100%{opacity:0;transform:translateY(-12px)}}@keyframes smShn{0%,55%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(320%) skewX(-18deg)}}@keyframes smGlow{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}}@keyframes smBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (max-width:767px){.wd-hero .sm-chip.sm-chip{font-size:11px;padding:6px 10px 6px 6px} .wd-hero .sm-chip--1.sm-chip{left:0;top:90px} .wd-hero .sm-chip--2.sm-chip{right:0;bottom:50px}}@media (prefers-reduced-motion:reduce){.wd-hero .sm-rd .sm-glow,.wd-hero .sm-rd .sm-chip{animation:none!important}} .wd-hero :where(.sm-ph3 p) { margin: 0;} .wd-hero .sm-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 0 0 12px!important;} .wd-hero .sm-tabs span { padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); font-size: 12.5px; font-weight: 800; color: #dbe2ec; animation: smTabD 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-stage { position: relative; z-index: 2; height: 470px; overflow: hidden;} .wd-hero .sm-stage-in { position: absolute; left: 50%; top: 6px; width: 560px; height: 452px; margin-left: -280px; transform-origin: 50% 0;} .wd-hero .sm-ph { position: absolute; left: 50%; top: 0; width: 224px; height: 452px; padding: 8px; border-radius: 36px; background: linear-gradient(160deg,#1b2a4a,#050b18); box-shadow: 0 40px 70px -30px rgba(13,25,48,.6),inset 0 0 0 1.5px rgba(255,255,255,.14); animation: smPh 15s cubic-bezier(.6,0,.3,1) infinite; animation-delay: var(--d); will-change: transform;} .wd-hero .sm-scr { position: relative; height: 100%; border-radius: 28px; background: #fff; overflow: hidden; color: var(--ink); text-align: left;} .wd-hero .sm-scr::before { content: ""; position: absolute; top: 7px; left: 50%; width: 62px; height: 17px; margin-left: -31px; border-radius: 10px; background: #050b18; z-index: 6;} .wd-hero .sm-sb { display: flex; justify-content: space-between; height: 28px; padding: 9px 18px 0; font-size: 9.5px; font-weight: 900;} .wd-hero .sm-scr .sm-av { width: 28px; height: 28px; font-size: 11px;} .wd-hero .sm-ah { display: flex; align-items: center; gap: 8px; padding: 6px 12px;} .wd-hero .sm-ah strong { display: block; font-size: 11px; font-weight: 900; line-height: 1.2;} .wd-hero .sm-ah small { font-size: 9px; font-weight: 700; color: #8f9bb0;} .wd-hero .sm-ah i { margin-left: auto; font-style: normal; color: #8f9bb0;} .wd-hero .sm-pimg { position: relative; display: flex; align-items: flex-end; height: 190px; padding: 12px; background: linear-gradient(135deg,#ff8a3d,#ed167d 55%,#7b2cbf);} .wd-hero .sm-pimg span { max-width: 75%; font-size: 15px; font-weight: 900; line-height: 1.2; color: #fff;} .wd-hero .sm-big { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 54px; line-height: 1; color: #fff; opacity: 0; text-shadow: 0 8px 20px rgba(0,0,0,.25); animation: smBig 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-pact { display: flex; gap: 12px; padding: 8px 12px 4px; font-size: 16px; line-height: 1;} .wd-hero .sm-pact b { font-weight: 400;} .wd-hero .sm-pact .sm-bm { margin-left: auto;} .wd-hero .sm-hrt { display: inline-block; color: #0d1930; animation: smHrt 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-lk2 { display: grid; padding: 0 12px; font-size: 10.5px; font-weight: 800;} .wd-hero .sm-lk2 span { grid-area: 1/1;} .wd-hero .sm-lk2 .sm-l1 { animation: smL1 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-lk2 .sm-l2 { opacity: 0; animation: smL2 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-cap2 { padding: 3px 12px 0; font-size: 10.5px; line-height: 1.4; color: #4d5a70;} .wd-hero .sm-cap2 strong { margin-right: 3px; color: var(--ink);} .wd-hero .sm-pc strong { margin-right: 3px; color: var(--ink);} .wd-hero .sm-pc { margin: 8px 0 0; padding: 0 12px; list-style: none; display: flex; flex-direction: column; gap: 6px;} .wd-hero .sm-pc li { padding: 7px 9px; border-radius: 10px; background: #f2f5fa; font-size: 10px; line-height: 1.35; color: #4d5a70; opacity: 0;} .wd-hero .sm-pc .sm-c1 { animation: smC1 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-pc .sm-c2 { background: rgba(52,211,153,.14); animation: smC2 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-pc em { margin-left: 3px; font-size: 8.5px; font-style: normal; font-weight: 900; color: #047857;} .wd-hero .sm-bh { display: flex; align-items: center; gap: 8px; padding: 6px 12px 9px; border-bottom: 1px solid #eef2f7; font-size: 12px;} .wd-hero .sm-bh i { font-style: normal; color: #8f9bb0;} .wd-hero .sm-bh strong { flex: 1; text-align: center; font-weight: 900;} .wd-hero .sm-bh em { font-style: normal; font-weight: 900; color: #1661ab;} .wd-hero .sm-bimg { display: grid; height: 148px; margin: 10px 12px 0; border-radius: 14px; overflow: hidden;} .wd-hero .sm-bimg span { grid-area: 1/1; display: flex; align-items: center; justify-content: center;} .wd-hero .sm-bph { border: 1.5px dashed #c4cedd; border-radius: 14px; background: #f6f8fb; font-size: 11px; font-weight: 800; color: #8f9bb0;} .wd-hero .sm-bpi { align-items: flex-end!important; justify-content: flex-start!important; padding: 10px; background: linear-gradient(135deg,#45c5ff,#7b2cbf 60%,#ed167d); font-size: 14px; font-weight: 900; color: #fff; opacity: 0; animation: smBpi 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-btxt { display: flex; align-items: center; height: 38px; margin: 10px 12px 0; padding: 0 10px; border-radius: 12px; border: 1px solid #dbe2ec; font-size: 11px; font-weight: 700; overflow: hidden;} .wd-hero .sm-type { display: block; max-width: 0; overflow: hidden; white-space: nowrap; animation: smType 15s steps(26) infinite; animation-delay: var(--d);} .wd-hero .sm-cur { flex: none; width: 1.5px; height: 14px; margin-left: 2px; background: #ed167d; animation: smBlink 1s steps(1) infinite;} .wd-hero .sm-tags { display: flex; gap: 5px; height: 22px; margin: 8px 12px 0!important;} .wd-hero .sm-tags span { padding: 4px 8px; border-radius: 999px; background: rgba(69,197,255,.15); font-size: 9.5px; font-weight: 800; color: #1661ab; opacity: 0; animation: smPTag 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-tags span:nth-child(2) { animation-delay: calc(var(--d) + .3s);} .wd-hero .sm-tags span:nth-child(3) { animation-delay: calc(var(--d) + .6s);} .wd-hero .sm-plat { display: flex; flex-direction: column; gap: 6px; margin: 10px 12px 0;} .wd-hero .sm-plat span { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 10px; background: #f6f8fb; font-size: 10.5px; font-weight: 800;} .wd-hero .sm-plat b { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 6px; background: var(--c); color: #fff; font-size: 9px;} .wd-hero .sm-plat u { position: relative; width: 28px; height: 16px; margin-left: auto; border-radius: 999px; background: #34d399;} .wd-hero .sm-plat u::after { content: ""; position: absolute; right: 2px; top: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff;} .wd-hero .sm-pub { margin: 12px 12px 0!important;} .wd-hero .sm-pub span { display: block; padding: 10px; border-radius: 12px; background: linear-gradient(90deg,#ed167d,#7b2cbf); text-align: center; font-size: 11.5px; font-weight: 900; color: #fff; animation: smPub 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-toast { position: absolute; left: 12px; right: 12px; bottom: 14px; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: #0d1930; font-size: 11px; font-weight: 800; color: #fff; box-shadow: 0 14px 30px -12px rgba(0,0,0,.5); opacity: 0; animation: smToast 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-toast b { flex: none; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #34d399; font-size: 11px; color: #0d1930;} .wd-hero .sm-nt b { flex: none; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #34d399; font-size: 11px; color: #0d1930;} .wd-hero .sm-prh { display: flex; justify-content: space-between; padding: 6px 14px; font-size: 12.5px; font-weight: 900;} .wd-hero .sm-prh i { font-style: normal;} .wd-hero .sm-prt { display: flex; align-items: center; gap: 12px; padding: 6px 14px;} .wd-hero .sm-pring { position: relative; flex: none; display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%;} .wd-hero .sm-pring::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(#f58529,#dd2a7b,#8134af,#45c5ff,#f58529); animation: smSpin 4s linear infinite;} .wd-hero .sm-pring b { position: relative; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; border: 3px solid #fff; background: linear-gradient(135deg,#0b1d38,#7b2cbf); font-size: 18px; color: #fff;} .wd-hero .sm-st3 { flex: 1; display: flex; justify-content: space-between;} .wd-hero .sm-st3>span { text-align: center;} .wd-hero .sm-st3 strong { display: block; font-size: 13px; font-weight: 900; line-height: 1.3;} .wd-hero .sm-st3 small { font-size: 9px; font-weight: 700; color: #8f9bb0;} .wd-hero .sm-st3 .sm-fw { display: grid;} .wd-hero .sm-fw em { grid-area: 1/1; font-style: normal; opacity: 0;} .wd-hero .sm-fw em:nth-child(1) { animation: smF1 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-fw em:nth-child(2) { animation: smF2 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-fw em:nth-child(3) { color: #047857; animation: smF3 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-bio { padding: 6px 14px 0; font-size: 10px; line-height: 1.45; color: #4d5a70;} .wd-hero .sm-bio strong { display: block; font-size: 10.5px; color: var(--ink);} .wd-hero .sm-btn2 { display: flex; gap: 6px; margin: 10px 14px 0!important;} .wd-hero .sm-btn2 span { flex: 1; padding: 7px; border-radius: 9px; background: #eef2f7; text-align: center; font-size: 10px; font-weight: 800;} .wd-hero .sm-pgrid { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2px; margin-top: 12px; overflow: hidden;} .wd-hero .sm-pgrid i { display: block; height: 68px; background: linear-gradient(135deg,var(--a),var(--b));} .wd-hero .sm-pgrid::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent); animation: smShn 5s ease infinite;} .wd-hero .sm-nt { position: absolute; left: 12px; right: 12px; top: 34px; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 9px 11px; border-radius: 12px; background: #0d1930; font-size: 10.5px; font-weight: 800; color: #fff; box-shadow: 0 12px 24px -10px rgba(0,0,0,.5); opacity: 0; animation: smNt1 15s ease infinite; animation-delay: var(--d);} .wd-hero .sm-nt.sm-nt2 { animation-name: smNt2;} .wd-hero .sm-bimg.sm-bimg { height: 118px;} .wd-hero .sm-pub.sm-pub { margin-top: 10px!important;} .wd-hero .sm-btn2.sm-btn2 span { padding: 7px 4px; white-space: nowrap; font-size: 9.5px;} .wd-hero .sm-scr .sm-av { flex: none; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient(135deg,#f58529,#dd2a7b,#8134af); color: #fff; font-weight: 900;} .wd-hero .sm-hv { min-width: 0;} .wd-hero .sm-rd { position: relative; width: min(600px,100%); margin: 0 auto; padding: 10px 0 6px;} .wd-hero .sm-glow { position: absolute; left: 50%; top: 55%; width: 80%; height: 70%; border-radius: 50%; background: conic-gradient(from 0deg,#45c5ff,#7b2cbf,#ed167d,#45c5ff); filter: blur(80px); opacity: .42; transform: translate(-50%,-50%); animation: smGlow 10s ease-in-out infinite;} .wd-hero .sm-ph3 { position: relative; z-index: 2;} .wd-hero .sm-ph3 .lm-cap { margin: 6px 0 0; font-size: 10.5px; font-weight: 700; color: #647188; text-align: right;} .wd-hero .sm-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: smBob 5s ease-in-out infinite;} .wd-hero .sm-chip i { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg,#45c5ff,#7b2cbf); color: #fff; font-style: normal; font-size: 11px; font-weight: 900;} .wd-hero .sm-chip--1 { left: -10px; top: 120px;} .wd-hero .sm-chip--2 { right: -10px; bottom: 70px; animation-delay: -2.5s;} .wd-hero .sm-chip--2 i { background: #34d399; color: #0d1930;}@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 smSwBg{0%,44%{background:rgba(13,25,48,.15)}50%,94%{background:#34d399}100%{background:rgba(13,25,48,.15)}}@keyframes smSwU{0%,44%{transform:none}50%,94%{transform:translateX(20px)}100%{transform:none}}@keyframes smStA{0%,46%{opacity:1}52%,94%{opacity:0}100%{opacity:1}}@keyframes smStB{0%,48%{opacity:0}54%,94%{opacity:1}100%{opacity:0}}@media (max-width:991px){#warum .sm-why.sm-why{grid-template-columns:minmax(0,1fr);gap:34px}#warum .sm-pw.sm-pw{position:static}#warum .sm-fix.sm-fix{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#warum .sm-post.sm-post{padding:14px 12px}#warum .sm-sw.sm-sw small{display:none}#warum .sm-solve.sm-solve{font-size:15px;padding:18px}#warum .sm-fix.sm-fix{padding:24px 20px}#warum .sm-fix .wd-btn.wd-btn{width:100%}}@media (prefers-reduced-motion:reduce){#warum .sm-post *{animation:none!important}#warum .sm-a,#warum .sm-fb{opacity:1}#warum .sm-st,#warum .sm-fa{opacity:0}} .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.sm-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 .sm-why { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 56px; align-items: start;}#warum .sm-why-txt p { margin: 0 0 16px; font-size: 16px; line-height: 1.75; color: #4d5a70;}#warum .sm-cons { margin: 0 0 18px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px;}#warum .sm-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 .sm-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,#45c5ff,#7b2cbf); color: #fff; font-size: 13px; font-weight: 900;}#warum .sm-cons li b { display: block; color: var(--ink); font-size: 16px;}#warum .sm-pw { position: sticky; top: 180px;}#warum .sm-post { padding: 18px; 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 .sm-post-top { display: flex; align-items: center; gap: 10px; margin-bottom: 12px;}#warum .sm-av { flex: none; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg,#f58529,#dd2a7b,#8134af); color: #fff; font-size: 14px; font-weight: 900;}#warum .sm-pn b { display: block; font-size: 14px; font-weight: 900; color: var(--ink);}#warum .sm-pn small { font-size: 11.5px; font-weight: 700; color: #8f9bb0;}#warum .sm-sw { display: flex; align-items: center; gap: 8px; margin-left: auto;}#warum .sm-sw small { font-size: 11.5px; font-weight: 800; color: var(--ink);}#warum .sm-sw i { position: relative; width: 44px; height: 24px; border-radius: 999px; animation: smSwBg 12s ease infinite;}#warum .sm-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: smSwU 12s ease infinite;}#warum .sm-img { display: flex; align-items: flex-end; height: 120px; padding: 14px; border-radius: 16px; background: linear-gradient(135deg,rgba(255,138,61,.85),rgba(237,22,125,.85) 55%,rgba(123,44,191,.9));}#warum .sm-img span { font-size: 14px; font-weight: 900; line-height: 1.3; color: #fff;}#warum .sm-cm { margin: 12px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}#warum .sm-cm li { padding: 10px 12px; border-radius: 14px; background: #f6f8fb; border: 1px solid rgba(13,25,48,.06);}#warum .sm-cm p { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 12.5px; font-weight: 700; line-height: 1.4; color: #4d5a70;}#warum .sm-cm p>b { flex: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #dbe2ec; color: #4d5a70; font-size: 10px;}#warum .sm-ra { display: grid; margin-top: 6px;}#warum .sm-ra>p { grid-area: 1/1;}#warum .sm-st { align-self: start; margin-left: 30px!important;}#warum .sm-st em { font-size: 11px; font-style: normal; font-weight: 900; color: #c5178f;}#warum .sm-st { animation: smStA 12s ease infinite;}#warum .sm-a { padding-left: 14px; opacity: 0; animation: smStB 12s ease infinite; animation-delay: var(--d);}#warum .sm-a>b { background: linear-gradient(135deg,#f58529,#dd2a7b,#8134af)!important; color: #fff!important;}#warum .sm-a span { color: var(--ink);}#warum .sm-a small { display: block; margin-top: 3px; font-size: 11px; font-weight: 900; color: #047857;}#warum .sm-post-foot { display: grid; margin: 12px 0 0; font-size: 12.5px; font-weight: 800;}#warum .sm-post-foot span { grid-area: 1/1;}#warum .sm-fa { color: #c5178f; animation: smStA 12s ease infinite;}#warum .sm-fb { color: #047857; opacity: 0; animation: smStB 12s ease infinite;}#warum .sm-solve { display: flex; gap: 14px; align-items: flex-start; margin: 18px 0 0; padding: 20px 22px; border-radius: 20px; background: linear-gradient(120deg,rgba(69,197,255,.1),rgba(123,44,191,.08)); border: 1px solid rgba(69,197,255,.3); font-size: 16px; font-weight: 700; line-height: 1.6; color: var(--ink);}#warum .sm-solve>b { flex: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg,#45c5ff,#7b2cbf); color: #fff; font-size: 14px;}#warum .sm-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 .sm-fix p { margin: 0; font-size: 15.5px; line-height: 1.7; color: #c9d1de;}#warum .sm-fix p b { color: #fff;}#warum .sm-fix .wd-btn b { color: var(--pink);}@media (max-width:767px){.wd-page .lm-ui-top.lm-ui-top{flex-wrap:wrap;row-gap:8px} .wd-page .lm-ui-t.lm-ui-t{letter-spacing:.08em;min-width:0}} .wd-page .sm-live { white-space: nowrap; flex: none;} .wd-page .sm-cnt { white-space: nowrap; flex: none;} .wd-page .sm-per { white-space: nowrap; flex: none;}@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 smNode{0%,100%{box-shadow:0 0 0 0 rgba(69,197,255,0)}50%{box-shadow:0 0 0 6px rgba(69,197,255,.18)}}@keyframes smDot{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}@keyframes smHi{0%,2%{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}5%,22%{background:rgba(69,197,255,.14);border-color:rgba(69,197,255,.5)}25%,100%{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}}@media (max-width:767px){.wd-page .sm-hub-g.sm-hub-g{grid-template-columns:minmax(0,1fr)} .wd-page .sm-nodes.sm-nodes{flex-direction:row;flex-wrap:wrap;gap:6px} .wd-page .sm-flow.sm-flow{display:none}}@keyframes smBar{0%,8%{transform:scaleY(.05)}34%,92%{transform:scaleY(1)}100%{transform:scaleY(.05)}}@keyframes smIns{0%,38%{opacity:0;transform:translateY(6px)}46%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes smUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:767px){.wd-page .sm-kpi.sm-kpi small{font-size:10px} .wd-page .sm-bars.sm-bars{gap:6px} .wd-page .sm-bars.sm-bars small{font-size:9.5px}}@media (prefers-reduced-motion:reduce){.wd-page .sm-ins{opacity:1}}@keyframes smAl{0%,6%{opacity:0;transform:translateX(24px)}12%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateX(-12px)}}@keyframes smBell{0%,6%,20%,100%{transform:none}8%{transform:rotate(16deg)}11%{transform:rotate(-12deg)}14%{transform:rotate(8deg)}}@keyframes smLive{50%{opacity:.3}}@media (max-width:767px){.wd-page .sm-ln-a.sm-ln-a span{white-space:normal} .wd-page .sm-ln-a.sm-ln-a{min-height:54px;padding:6px 10px}}@media (prefers-reduced-motion:reduce){.wd-page .sm-ln-a span{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 .sm-cnt { padding: 5px 11px; border-radius: 999px; background: rgba(69,197,255,.16); font-size: 11px; font-weight: 800; color: #bfe8ff; white-space: nowrap;} .wd-page .sm-hub-g { display: grid; grid-template-columns: 110px 60px minmax(0,1fr); gap: 8px; align-items: center;} .wd-page .sm-nodes { display: flex; flex-direction: column; gap: 14px;} .wd-page .sm-nodes span { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 12px; background: rgba(255,255,255,.06); font-size: 12px; font-weight: 800; color: #dbe2ec; animation: smNode 2.4s ease infinite; animation-delay: var(--d);} .wd-page .sm-nodes b { flex: none; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 7px; background: var(--c); color: #fff; font-size: 10px; font-weight: 900;} .wd-page .sm-str b { flex: none; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 7px; background: var(--c); color: #fff; font-size: 10px; font-weight: 900;} .wd-page .sm-flow { position: relative; display: flex; flex-direction: column; justify-content: space-around; height: 150px;} .wd-page .sm-flow i { position: relative; display: block; height: 2px; background: repeating-linear-gradient(90deg,rgba(69,197,255,.4) 0 6px,transparent 6px 10px);} .wd-page .sm-flow i::after { content: ""; position: absolute; top: -3px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #45c5ff; box-shadow: 0 0 10px #45c5ff; animation: smDot 2.4s linear infinite; animation-delay: var(--d);} .wd-page .sm-str { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; min-width: 0;} .wd-page .sm-str li { display: flex; gap: 10px; align-items: center; padding: 9px 11px; border-radius: 13px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.05); animation: smHi 8s ease infinite; animation-delay: var(--d);} .wd-page .sm-str b { background: rgba(255,255,255,.12); font-size: 12px;} .wd-page .sm-str span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; font-weight: 700; color: #fff;} .wd-page .sm-str small { display: block; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #8f9bb0;} .wd-page .sm-per { padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: 11px; font-weight: 800; color: #dbe2ec; white-space: nowrap;} .wd-page .sm-kpi { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 14px;} .wd-page .sm-kpi span { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.06);} .wd-page .sm-kpi small { font-size: 11px; font-weight: 800; color: #aeb9c9;} .wd-page .sm-kpi b { font-size: 18px; font-weight: 900; color: #34d399; animation: smUp 2s ease infinite;} .wd-page .sm-kpi .sm-dn { color: #45c5ff;} .wd-page .sm-bars { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; align-items: end; height: 170px; padding: 12px 12px 0; border-radius: 14px; background: repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 36px),rgba(255,255,255,.03);} .wd-page .sm-bars>div { display: flex; flex-direction: column; align-items: stretch; gap: 6px; height: 100%; justify-content: flex-end;} .wd-page .sm-bars span { display: flex; align-items: flex-end; height: calc(100% - 34px);} .wd-page .sm-bars i { display: block; width: 100%; height: var(--h); border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg,#45c5ff,#7b2cbf); transform-origin: 50% 100%; animation: smBar 10s cubic-bezier(.5,0,.2,1) infinite; animation-delay: var(--d);} .wd-page .sm-bars>div:first-child i { background: linear-gradient(180deg,#ffb82e,#ed167d);} .wd-page .sm-bars small { height: 28px; font-size: 10.5px; font-weight: 800; line-height: 1.25; color: #aeb9c9; text-align: center;} .wd-page .sm-ins { display: flex; gap: 10px; align-items: flex-start; margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; background: rgba(255,184,46,.12); border: 1px solid rgba(255,184,46,.35); font-size: 12.5px; font-weight: 700; line-height: 1.45; color: #fff; animation: smIns 10s ease infinite;} .wd-page .sm-ins b { color: #ffb82e;} .wd-page .sm-live { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border-radius: 999px; background: rgba(52,211,153,.14); font-size: 11px; font-weight: 800; color: #34d399;} .wd-page .sm-live i { width: 7px; height: 7px; border-radius: 50%; background: #34d399; animation: smLive 1.4s ease infinite;} .wd-page .sm-lanes { display: flex; flex-direction: column; gap: 10px;} .wd-page .sm-ln { padding: 12px; border-radius: 16px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04);} .wd-page .sm-ln-h { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 13px; font-weight: 900; color: #fff;} .wd-page .sm-ln-h>b { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 8px; background: var(--c); color: #0d1930; font-size: 12px; animation: smBell 6s ease infinite; animation-delay: var(--d);} .wd-page .sm-tg { position: relative; width: 36px; height: 20px; margin-left: auto; border-radius: 999px; background: #34d399;} .wd-page .sm-tg u { position: absolute; right: 3px; top: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff;} .wd-page .sm-ln-a { display: flex; align-items: center; min-height: 40px; margin: 0; padding: 0 12px; border-radius: 12px; background: rgba(0,0,0,.2); overflow: hidden;} .wd-page .sm-ln-a span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; font-weight: 700; color: #fff; border-left: 3px solid var(--c); padding-left: 10px; opacity: 0; animation: smAl 6s ease infinite; animation-delay: var(--d);}#funktionen { --lm-line: rgba(255,255,255,.1);}#signale .sm-sgh.sm-sgh { display: grid; grid-template-columns: auto minmax(0,1fr); row-gap: 10px;}#signale .sm-sgh.sm-sgh em { grid-column: 1/-1; grid-row: 1; justify-self: start; margin-left: 0; white-space: nowrap;}#signale .sm-sgh.sm-sgh span { min-width: 0; overflow-wrap: break-word; hyphens: auto;}@keyframes smSg{0%,3%{border-color:rgba(13,25,48,.08);box-shadow:0 30px 70px -50px rgba(13,25,48,.45)}7%,16%{border-color:var(--c);box-shadow:0 30px 70px -36px rgba(13,25,48,.5)}20%,100%{border-color:rgba(13,25,48,.08);box-shadow:0 30px 70px -50px rgba(13,25,48,.45)}}@keyframes smMeter{0%,4%{transform:scaleX(.1)}14%,90%{transform:scaleX(1)}100%{transform:scaleX(.1)}}@media (max-width:1199px){#signale .sm-sg.sm-sg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#signale .sm-sg.sm-sg{grid-template-columns:minmax(0,1fr)}#signale .sm-sg-foot.sm-sg-foot{padding:20px}}@media (prefers-reduced-motion:reduce){#signale .sm-sgc,#signale .sm-sgm u{animation:none}}#signale .sm-sg { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px;}#signale .sm-sgc { display: flex; flex-direction: column; gap: 10px; padding: 20px; border-radius: 22px; background: #fff; border: 1.5px solid rgba(13,25,48,.08); animation: smSg 7.2s ease infinite; animation-delay: var(--d);}#signale .sm-sgh { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 15px; font-weight: 900; line-height: 1.25; color: var(--ink);}#signale .sm-sgh b { flex: none; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 11px; background: linear-gradient(135deg,#45c5ff,#7b2cbf); color: #fff; font-size: 15px;}#signale .sm-sgh em { margin-left: auto; padding: 3px 9px; border-radius: 999px; background: var(--c); color: #0d1930; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .06em; text-transform: uppercase;}#signale .sm-sgq { margin: 0; padding: 10px 12px; border-radius: 12px; background: #f2f5fa; font-size: 13px; font-weight: 800; line-height: 1.45; color: var(--ink);}#signale .sm-sgw { margin: 0; font-size: 13.5px; line-height: 1.6; color: #4d5a70;}#signale .sm-sgm { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: center; margin: auto 0 0;}#signale .sm-sgm small { font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #8f9bb0;}#signale .sm-sgm i { display: block; height: 6px; border-radius: 6px; background: #eef2f7; overflow: hidden;}#signale .sm-sgm u { display: block; width: var(--w); height: 100%; background: var(--c); transform-origin: 0 50%; animation: smMeter 7.2s ease infinite; animation-delay: var(--d);}#signale .sm-sg-foot { margin: 20px 0 0; padding: 24px 28px; border-radius: 22px; background: #0b1d38; font-size: 15.5px; line-height: 1.7; color: #c9d1de;}#signale .sm-sg-foot b { color: #fff;}#signale .sm-sg-cap { margin: 12px 0 0; font-size: 12px; font-weight: 700; color: #8f9bb0; text-align: right;}@keyframes smR1{0%,10%{opacity:0;transform:translateY(10px)}16%,92%{opacity:1;transform:none}98%,100%{opacity:0}}@keyframes smR2{0%,34%{opacity:0;transform:translateY(10px)}40%,92%{opacity:.45;transform:none}98%,100%{opacity:0}}@keyframes smR3{0%,56%{opacity:0;transform:translateY(10px)}62%,92%{opacity:1;transform:none}98%,100%{opacity:0}}@keyframes smLk{0%,20%{background:rgba(255,255,255,.08);color:#aeb9c9}26%,92%{background:rgba(237,22,125,.25);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@media (max-width:991px){#reagieren .sm-re.sm-re{grid-template-columns:minmax(0,1fr);gap:34px}#reagieren .sm-race.sm-race{position:static}}@media (max-width:767px){#reagieren .sm-vs.sm-vs{grid-template-columns:minmax(0,1fr)}#reagieren .sm-race.sm-race{padding:16px 12px}#reagieren .sm-rr.sm-rr{margin-left:10px}}@media (prefers-reduced-motion:reduce){#reagieren .sm-rr{opacity:1!important;animation:none!important}}#reagieren .sm-re { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 56px; align-items: start;}#reagieren .sm-rules { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px;}#reagieren .sm-rules li { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 18px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04);}#reagieren .sm-rules b { flex: none; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 11px; background: linear-gradient(135deg,#45c5ff,#7b2cbf); color: #fff; font-size: 15px;}#reagieren .sm-rules span { font-size: 14.5px; line-height: 1.6; color: #aeb9c9;}#reagieren .sm-rules strong { display: block; font-size: 16px; color: #fff;}#reagieren .sm-vs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 22px;}#reagieren .sm-vs>div { padding: 16px; border-radius: 16px; background: rgba(255,255,255,.06);}#reagieren .sm-vs>div:first-child { background: linear-gradient(135deg,rgba(69,197,255,.2),rgba(123,44,191,.2)); border: 1px solid rgba(69,197,255,.4);}#reagieren .sm-vs p { margin: 0 0 6px; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: #45c5ff;}#reagieren .sm-vs>div:last-child p { color: #8f9bb0;}#reagieren .sm-vs span { font-size: 14px; line-height: 1.55; color: #dbe2ec;}#reagieren .sm-vs-t { margin: 14px 0 0; font-size: 15px; line-height: 1.7; color: #aeb9c9;}#reagieren .sm-vs-t a { color: #ff8fb8; font-weight: 800;}#reagieren .sm-race { position: sticky; top: 180px; display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: 26px; border: 1px solid rgba(255,255,255,.12); background: linear-gradient(160deg,rgba(27,42,74,.9),rgba(10,19,40,.95)); box-shadow: 0 50px 100px -40px rgba(0,0,0,.9);}#reagieren .sm-rq { display: flex; gap: 10px; align-items: flex-start;}#reagieren .sm-rr { display: flex; gap: 10px; align-items: flex-start;}#reagieren .sm-rq>div { flex: 1; padding: 12px 14px; border-radius: 16px; background: #fff;}#reagieren .sm-rq small { display: block; margin-bottom: 3px; font-size: 10.5px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; color: #8f9bb0;}#reagieren .sm-rr small { display: block; margin-bottom: 3px; font-size: 10.5px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; color: #8f9bb0;}#reagieren .sm-rq p { margin: 0; font-size: 14px; font-weight: 800; line-height: 1.45; color: var(--ink);}#reagieren .sm-av2 { flex: none; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #dbe2ec; color: #4d5a70; font-size: 13px; font-weight: 900;}#reagieren .sm-av2--you { background: linear-gradient(135deg,#f58529,#dd2a7b,#8134af); color: #fff;}#reagieren .sm-rr { margin-left: 26px;}#reagieren .sm-rr>div { flex: 1; padding: 10px 12px; border-radius: 4px 14px 14px 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);}#reagieren .sm-rr p { margin: 0; font-size: 13px; line-height: 1.5; color: #dbe2ec;}#reagieren .sm-rr em { font-style: normal; color: #ffb82e;}#reagieren .sm-rr--you>div { background: linear-gradient(135deg,rgba(52,211,153,.16),rgba(69,197,255,.12)); border-color: rgba(52,211,153,.45);}#reagieren .sm-rr--you em { color: #34d399;}#reagieren .sm-rr--you { opacity: 0; animation: smR1 12s ease infinite;}#reagieren .sm-rr--comp { opacity: 0; animation: smR2 12s ease infinite;}#reagieren .sm-rr--back { opacity: 0; animation: smR3 12s ease infinite;}#reagieren .sm-lk { display: inline-flex; gap: 6px; margin-top: 8px; padding: 4px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 800; animation: smLk 12s ease infinite;}@keyframes smTp2{0%,30%{background:#eef2f7;color:var(--ink)}35%,55%{background:linear-gradient(90deg,#45c5ff,#7b2cbf);color:#fff}60%,100%{background:#eef2f7;color:var(--ink)}}#wettbewerb .sm-topics.sm-topics span { animation-name: smTp2;}@keyframes smCr{0%,6%{transform:scaleX(.05)}30%,92%{transform:scaleX(1)}100%{transform:scaleX(.05)}}@keyframes smTp{0%,100%{background:#eef2f7;color:var(--ink)}40%,60%{background:linear-gradient(90deg,#45c5ff,#7b2cbf);color:#fff}}@keyframes smTip{0%,40%{opacity:0;transform:translateY(6px)}48%,92%{opacity:1;transform:none}100%{opacity:0}}@media (max-width:991px){#wettbewerb .sm-wb.sm-wb{grid-template-columns:minmax(0,1fr);gap:34px}}@media (max-width:767px){#wettbewerb .sm-cmp.sm-cmp{padding:18px 14px}}@media (prefers-reduced-motion:reduce){#wettbewerb .sm-cmp *{animation:none!important}#wettbewerb .sm-cmp-tip{opacity:1}}#wettbewerb .sm-wb { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 56px; align-items: center;}#wettbewerb .sm-wb-t>p { margin: 0 0 16px; font-size: 16px; line-height: 1.75; color: #4d5a70;}#wettbewerb .sm-wq { margin: 0 0 16px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}#wettbewerb .sm-wq li { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 18px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 20px 50px -40px rgba(13,25,48,.5);}#wettbewerb .sm-wq b { flex: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg,#45c5ff,#7b2cbf); color: #fff; font-size: 13px;}#wettbewerb .sm-wq span { font-size: 14.5px; line-height: 1.6; color: #4d5a70;}#wettbewerb .sm-wq strong { display: block; font-size: 16px; color: var(--ink);}#wettbewerb .sm-wb-n { font-size: 15px!important;}#wettbewerb .sm-wb-n a { color: var(--blue); font-weight: 800;}#wettbewerb .sm-cmp { padding: 24px; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 50px 100px -60px rgba(13,25,48,.7);}#wettbewerb .sm-cmp-h { display: flex; gap: 18px; margin: 0 0 16px; font-size: 12.5px; font-weight: 900; color: var(--ink);}#wettbewerb .sm-cmp-h span { display: flex; align-items: center; gap: 7px;}#wettbewerb .sm-cmp-h i { width: 12px; height: 12px; border-radius: 4px; background: var(--c);}#wettbewerb .sm-cr { margin-bottom: 14px;}#wettbewerb .sm-cr small { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; color: #4d5a70;}#wettbewerb .sm-cr p { margin: 0 0 5px; height: 10px; border-radius: 6px; background: #eef2f7; overflow: hidden;}#wettbewerb .sm-cr p i { display: block; width: var(--w); height: 100%; border-radius: 6px; background: linear-gradient(90deg,#ed167d,#7b2cbf); transform-origin: 0 50%; animation: smCr 10s ease infinite; animation-delay: var(--d);}#wettbewerb .sm-cr .sm-cr-b i { background: #8f9bb0;}#wettbewerb .sm-topics { margin-top: 18px;}#wettbewerb .sm-topics small { display: block; margin-bottom: 8px; font-size: 10.5px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;}#wettbewerb .sm-topics p { display: flex; flex-wrap: wrap; gap: 6px; margin: 0;}#wettbewerb .sm-topics span { padding: 7px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 800; animation: smTp 8s ease infinite;}#wettbewerb .sm-topics span:nth-child(2) { animation-delay: 2s;}#wettbewerb .sm-topics span:nth-child(3) { animation-delay: 4s;}#wettbewerb .sm-topics span:nth-child(4) { animation-delay: 6s;}#wettbewerb .sm-cmp-tip { display: flex; gap: 10px; align-items: center; margin: 16px 0 0; padding: 12px 14px; border-radius: 14px; background: rgba(52,211,153,.12); border: 1px solid rgba(52,211,153,.4); font-size: 13.5px; font-weight: 800; color: var(--ink); animation: smTip 10s ease infinite;}#wettbewerb .sm-cmp-tip b { color: #047857;}@keyframes smBc{0%,4%{border-color:rgba(255,255,255,.1)}8%,20%{border-color:rgba(69,197,255,.7)}26%,100%{border-color:rgba(255,255,255,.1)}}@keyframes smBcA{0%,6%{background:rgba(255,255,255,.04)}10%,22%{background:rgba(52,211,153,.14)}28%,100%{background:rgba(255,255,255,.04)}}@media (max-width:1199px){#fuer-wen .sm-br.sm-br{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){#fuer-wen .sm-fw-in.sm-fw-in{grid-template-columns:minmax(0,1fr);gap:16px}}@media (max-width:767px){#fuer-wen .sm-br.sm-br{grid-template-columns:minmax(0,1fr)}#fuer-wen .sm-br-foot.sm-br-foot{padding:20px}#fuer-wen .sm-bc--cta .wd-btn.wd-btn{width:100%;align-self:stretch}}@media (prefers-reduced-motion:reduce){#fuer-wen .sm-bc,#fuer-wen .sm-bc-a{animation:none}}#fuer-wen .sm-fw-in { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 40px; margin-bottom: 34px;}#fuer-wen .sm-fw-in p { margin: 0; font-size: 16px; line-height: 1.75; color: #aeb9c9;}#fuer-wen .sm-fw-in p b { color: #fff;}#fuer-wen .sm-br { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px;}#fuer-wen .sm-bc { 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); animation: smBc 8.4s ease infinite; animation-delay: var(--d); transition: transform .3s ease;}#fuer-wen .sm-bc:hover { transform: translateY(-3px);}#fuer-wen .sm-bc-h { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 15px; font-weight: 900; color: #fff;}#fuer-wen .sm-bc-h b { flex: none; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 11px; background: linear-gradient(135deg,#45c5ff,#7b2cbf); font-size: 16px;}#fuer-wen .sm-bc small { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;}#fuer-wen .sm-bc-q { margin: 0; padding: 10px 12px; border-radius: 12px; background: #fff; font-size: 13px; font-weight: 800; line-height: 1.45; color: var(--ink);}#fuer-wen .sm-bc-a { margin: 0; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(52,211,153,.3); font-size: 13px; line-height: 1.5; color: #dbe2ec; animation: smBcA 8.4s ease infinite; animation-delay: var(--d);}#fuer-wen .sm-bc-a small { color: #34d399;}#fuer-wen .sm-bc--cta { justify-content: space-between; border: 1.5px dashed rgba(237,22,125,.5); background: linear-gradient(160deg,rgba(237,22,125,.12),rgba(123,44,191,.08)); animation: none;}#fuer-wen .sm-bc--cta p { margin: 0; font-size: 14.5px; line-height: 1.6; color: #c9d1de;}#fuer-wen .sm-bc--cta p b { color: #fff;}#fuer-wen .sm-bc--cta .wd-btn { align-self: flex-start; white-space: nowrap;}#fuer-wen .sm-bc--cta .wd-btn b { color: var(--pink);}#fuer-wen .sm-br-foot { margin: 20px 0 0; padding: 24px 28px; border-radius: 22px; background: linear-gradient(120deg,#1661ab,#7b2cbf 55%,#ed167d); font-size: 15.5px; line-height: 1.7; color: rgba(255,255,255,.92);}#fuer-wen .sm-br-foot b { color: #fff;}#preis .lm-pk-grid.lm-pk-grid span { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word;}@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;}