@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: .16em; margin-bottom: -.16em;} .wd-hero h1.wd-h1.wd-h1 { margin-bottom: 10px;}@keyframes osVar{0%,18%{background:#fff;color:#0d1930;border-color:#dbe2ec}22%,94%{background:#0d1930;color:#fff;border-color:#0d1930}100%{background:#fff;color:#0d1930;border-color:#dbe2ec}}@keyframes osPress{0%,22%,30%,100%{transform:none;box-shadow:0 14px 30px -12px rgba(237,22,125,.7)}25%{transform:scale(.93);box-shadow:0 0 0 8px rgba(237,22,125,.2)}}@keyframes osFly{0%,26%{left:30%;top:80%;opacity:0;transform:scale(1)}29%{opacity:1}44%{left:88%;top:6%;opacity:1;transform:scale(.45)}46%,100%{left:88%;top:6%;opacity:0;transform:scale(.45)}}@keyframes osBadge{0%,45%{transform:translateY(0)}48%,96%{transform:translateY(-50%)}100%{transform:translateY(0)}}@keyframes osBump{0%,44%,54%,100%{transform:none}48%{transform:scale(1.14) rotate(-6deg)}}@keyframes osPay{0%,54%{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}58%,94%{background:rgba(69,197,255,.14);border-color:#45c5ff}100%{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}}@keyframes osRadio{0%,54%{box-shadow:inset 0 0 0 2px #5b6b86}58%,94%{box-shadow:inset 0 0 0 5px #45c5ff}100%{box-shadow:inset 0 0 0 2px #5b6b86}}@keyframes osBuy{0%,64%,78%,100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}70%{box-shadow:0 0 0 8px rgba(52,211,153,.25)}}@keyframes osToast{0%,74%{opacity:0;transform:translateY(16px) scale(.96)}78%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}@media (max-width:991px){.wd-hero .os-hv.os-hv{min-height:560px}}@media (max-width:767px){.wd-hero .os-hv.os-hv{min-height:660px} .wd-hero .os-prod.os-prod{width:86%;top:14px} .wd-hero .os-co.os-co{width:80%;top:392px} .wd-hero .os-toast.os-toast{display:none} .wd-hero .os-cart.os-cart{top:-4px}} .wd-hero .os-hv { position: relative; min-height: 580px;} .wd-hero .os-prod { position: absolute; left: 0; top: 24px; z-index: 2; width: 58%; overflow: hidden; border-radius: 22px; background: #fff; color: var(--ink); box-shadow: 0 40px 80px rgba(0,0,0,.5); animation: wdFloat 7s ease-in-out infinite;} .wd-hero .os-img { position: relative; height: 180px; display: flex; align-items: center; justify-content: center; background: radial-gradient(70% 90% at 30% 20%,rgba(255,184,46,.55),transparent),linear-gradient(135deg,#ed167d,#7b2cbf 60%,#1661ab);} .wd-hero .os-img em { position: absolute; left: 14px; top: 14px; padding: 5px 10px; border-radius: 999px; background: #fff; color: var(--pink); font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .1em; text-transform: uppercase;} .wd-hero .os-bag { position: relative; width: 84px; height: 92px; margin-top: 22px; border-radius: 10px 10px 18px 18px; background: linear-gradient(160deg,#fff,#e9eef6); box-shadow: 0 24px 40px rgba(5,11,24,.35);} .wd-hero .os-bag::before { content: ""; position: absolute; left: 50%; top: -26px; width: 40px; height: 34px; margin-left: -20px; border: 6px solid #fff; border-bottom: 0; border-radius: 24px 24px 0 0;} .wd-hero .os-bag::after { content: ""; position: absolute; left: 50%; top: 34px; width: 26px; height: 26px; margin-left: -13px; border-radius: 50%; background: linear-gradient(135deg,#ed167d,#ffb82e);} .wd-hero .os-pb { padding: 16px 18px 18px;} .wd-hero .os-name { display: block; font-size: 19px; font-weight: 900; letter-spacing: -.02em;} .wd-hero .os-stars { display: block; margin-top: 2px; color: #ffb82e; font-size: 12px; letter-spacing: 2px;} .wd-hero .os-price { display: flex; align-items: baseline; gap: 8px; margin-top: 8px;} .wd-hero .os-price b { font-size: 24px; font-weight: 900; letter-spacing: -.03em;} .wd-hero .os-price small { font-size: 10px; color: #647188;} .wd-hero .os-var { display: flex; gap: 6px; margin-top: 10px;} .wd-hero .os-var span { width: 32px; height: 28px; border-radius: 8px; border: 1.5px solid #dbe2ec; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800;} .wd-hero .os-var span.on { animation: osVar 8s ease infinite;} .wd-hero .os-add { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; padding: 11px; border-radius: 12px; background: linear-gradient(90deg,#ed167d,#c5178f); color: #fff; font-size: 12.5px; font-weight: 800; animation: osPress 8s ease infinite;} .wd-hero .os-fly { position: absolute; z-index: 6; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; background: linear-gradient(135deg,#ff3d9a,#ffb82e); box-shadow: 0 0 18px rgba(255,61,154,.8); animation: osFly 8s var(--ease) infinite;} .wd-hero .os-cart { position: absolute; right: 6%; top: 0; z-index: 5; display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; border-radius: 20px; background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.45); animation: osBump 8s ease infinite;} .wd-hero .os-cart i { position: relative; width: 26px; height: 22px; margin-top: 8px; border: 3px solid #0d1930; border-radius: 4px 4px 9px 9px;} .wd-hero .os-cart i::before { content: ""; position: absolute; left: 50%; top: -12px; width: 12px; height: 10px; margin-left: -6px; border: 3px solid #0d1930; border-bottom: 0; border-radius: 10px 10px 0 0;} .wd-hero .os-badge { position: absolute; right: -6px; top: -6px; width: 24px; height: 24px; overflow: hidden; border-radius: 50%; background: var(--pink); border: 2px solid #fff; color: #fff; font-size: 11px; font-weight: 900; line-height: 20px; text-align: center;} .wd-hero .os-badge span { display: block; animation: osBadge 8s ease infinite;} .wd-hero .os-badge b { display: block; height: 20px;} .wd-hero .os-co { position: absolute; right: 0; top: 262px; z-index: 3; width: 52%; padding: 18px; border-radius: 20px; background: rgba(7,20,38,.92); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(8px); box-shadow: 0 30px 60px rgba(0,0,0,.5);} .wd-hero .os-co small { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;} .wd-hero .os-co small i { font-style: normal; letter-spacing: 0; text-transform: none; color: #34d399;} .wd-hero .os-pay { display: flex; align-items: center; gap: 10px; margin-top: 6px; padding: 9px 11px; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); font-size: 12px; font-weight: 700; color: #dbe2ec;} .wd-hero .os-pay i { flex: none; width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 2px #5b6b86;} .wd-hero .os-pay.on { animation: osPay 8s ease infinite;} .wd-hero .os-pay.on i { animation: osRadio 8s ease infinite;} .wd-hero .os-buy { margin-top: 12px; padding: 11px; border-radius: 12px; background: #34d399; color: #0d1930; font-size: 12px; font-weight: 900; text-align: center; animation: osBuy 8s ease infinite;} .wd-hero .os-toast { position: absolute; left: 4%; bottom: 0; z-index: 7; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 16px; background: #fff; color: var(--ink); box-shadow: 0 24px 50px rgba(0,0,0,.5); animation: osToast 8s var(--ease) infinite;} .wd-hero .os-toast i { flex: none; width: 32px; height: 32px; border-radius: 50%; background: #34d399; color: #0d1930; font-style: normal; font-weight: 900; display: flex; align-items: center; justify-content: center;} .wd-hero .os-toast b { display: block; font-size: 13px; font-weight: 900;} .wd-hero .os-toast small { display: block; font-size: 11px; color: #647188;}@keyframes osFly2{0%,26%{left:28%;top:68%;opacity:0;transform:scale(1)}29%{opacity:1}44%{left:88%;top:6%;opacity:1;transform:scale(.45)}46%,100%{left:88%;top:6%;opacity:0;transform:scale(.45)}}@keyframes osFly3{0%,26%{left:32%;top:55%;opacity:0;transform:scale(1)}29%{opacity:1}44%{left:84%;top:4%;opacity:1;transform:scale(.45)}46%,100%{left:84%;top:4%;opacity:0;transform:scale(.45)}}@media (min-width:768px){.wd-hero .os-hv .os-prod.os-prod{width:53%} .wd-hero .os-hv .os-co.os-co{width:45%;top:250px} .wd-hero .os-hv .wd-chip--3.wd-chip{right:auto;left:62%;bottom:-8px}}@media (min-width:768px) and (max-width:991px){.wd-hero .os-hv .os-co.os-co.os-co{top:228px}}@media (max-width:767px){.wd-hero .os-hv.os-hv.os-hv{min-height:700px} .wd-hero .os-hv .os-co.os-co.os-co{top:402px} .wd-hero .os-hv .wd-chip--2.wd-chip.wd-chip{display:none} .wd-hero .os-hv .os-fly.os-fly.os-fly{animation-name:osFly3}} .wd-hero .os-hv .os-fly.os-fly { animation-name: osFly2;}@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-os0013 {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-os0013.brxe-div{transform:rotate(-1.5deg) scaleX(1.035)}#brxe-os0013 .rs-track.rs-track{font-size:2.15rem;animation-duration:12s}}@media (prefers-reduced-motion:reduce){#brxe-os0013 .rs-track.rs-track{animation:none}}#brxe-os0013 { transform: rotate(-1deg) scaleX(1.035); box-shadow: 0 26px 50px rgba(5,11,24,.25);}#brxe-os0013 .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-os0013 .rs-track span { flex: none; margin-right: .45em;}#brxe-os0013 .rs-track .rs-star { color: var(--gold); font-size: .55em;}@media (max-width: 767px) {#brxe-os0013 {top: -86px; height: 116px}}#brxe-os0012 {position: relative; z-index: 6; height: 0px; width: 100%}#brxe-os0012 { overflow-x: clip; overflow-y: visible;}.wd-anchor nav.brxe-text-basic { width: 100%; align-self: stretch;}@media (max-width:991px){.wd-anchor.wd-anchor{top:84px;margin-top:44px}}#brx-header { transition: translate .45s var(--ease);}html.wd-nav-top #brx-header { translate: 0 -110%;}html.wd-nav-top .wd-anchor.wd-anchor { top: 0;} .wd-anchor { position: sticky; top: 106px; z-index: 40; margin-top: 56px; padding: 0 var(--gutter); background: rgba(255,255,255,.94); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(13,25,48,.08); box-shadow: 0 10px 30px -20px rgba(13,25,48,.3); transition: top .45s var(--ease);} .wd-anchor .brxe-container.wd-anchor-in { width: 100%; max-width: var(--shell); margin: 0 auto;} .wd-anchor nav { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 12px 0;} .wd-anchor nav::-webkit-scrollbar { display: none;} .wd-anchor a { flex: none; padding: 9px 16px; border-radius: 999px; font-size: 13px; font-weight: 800; color: var(--ink); text-decoration: none; transition: background .25s ease,color .25s ease;} .wd-anchor nav a:first-child { margin-left: auto;} .wd-anchor nav a:last-child { margin-right: auto;} .wd-anchor a:hover { background: rgba(237,22,125,.08); color: var(--pink);} .wd-anchor a:focus-visible { background: rgba(237,22,125,.08); color: var(--pink);} .wd-anchor a.wd-anchor-cta { background: var(--ink); color: #fff;} .wd-anchor a.wd-anchor-cta:hover { background: var(--pink); color: #fff;}@keyframes osSum{0%,30%{opacity:.35}40%,92%{opacity:1}100%{opacity:.35}}@media (max-width:767px){#warum .os-sum.os-sum{grid-template-columns:minmax(0,1fr)}}@media (min-width:992px){#warum .os-tA .os-jr.os-jr{margin-top:auto}#warum .os-tA .os-sum.os-sum{margin-top:auto}#warum .os-tA .os-chips.os-chips{margin-top:0;padding-top:34px}}#warum .os-sum { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 18px; align-items: center; margin-top: 44px;}#warum .os-cartbox.os-cartbox { padding: 18px 20px; border-radius: 18px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); animation: osSum 12s ease infinite;}#warum .os-cartbox.os-cartbox small { display: block; margin-bottom: 10px; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;}#warum .os-cartbox.os-cartbox p { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.08); font-size: 13px; line-height: 1.4; color: #c9d1de;}#warum .os-cartbox.os-cartbox p b { color: #fff; font-weight: 800; white-space: nowrap;}#warum .os-cartbox.os-cartbox .os-tot span { font-weight: 900; color: #fff;}#warum .os-cartbox.os-cartbox .os-tot em { margin-left: 4px; font-size: 10px; font-style: normal; font-weight: 700; color: #8f9bb0;}#warum .os-cartbox.os-cartbox .os-tot b { font-size: 16px; color: #ffb82e;}#warum .os-sum .os-ord.os-ord { margin-top: 0; align-self: center;}@keyframes osN0{0%,2%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}5%,13%{background:linear-gradient(135deg,#ed167d,#7b2cbf);border-color:#ff3d9a;color:#fff;transform:scale(1.12);box-shadow:0 0 0 8px rgba(237,22,125,.18)}16%,92%{background:rgba(52,211,153,.16);border-color:#34d399;color:#34d399;transform:none;box-shadow:0 0 0 0 transparent}96%,100%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}}@keyframes osL0{0%,2%{color:#8f9bb0}5%,92%{color:#fff}96%,100%{color:#8f9bb0}}@keyframes osN1{0%,16%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}19%,27%{background:linear-gradient(135deg,#ed167d,#7b2cbf);border-color:#ff3d9a;color:#fff;transform:scale(1.12);box-shadow:0 0 0 8px rgba(237,22,125,.18)}30%,92%{background:rgba(52,211,153,.16);border-color:#34d399;color:#34d399;transform:none;box-shadow:0 0 0 0 transparent}96%,100%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}}@keyframes osL1{0%,16%{color:#8f9bb0}19%,92%{color:#fff}96%,100%{color:#8f9bb0}}@keyframes osN2{0%,30%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}33%,41%{background:linear-gradient(135deg,#ed167d,#7b2cbf);border-color:#ff3d9a;color:#fff;transform:scale(1.12);box-shadow:0 0 0 8px rgba(237,22,125,.18)}44%,92%{background:rgba(52,211,153,.16);border-color:#34d399;color:#34d399;transform:none;box-shadow:0 0 0 0 transparent}96%,100%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}}@keyframes osL2{0%,30%{color:#8f9bb0}33%,92%{color:#fff}96%,100%{color:#8f9bb0}}@keyframes osN3{0%,44%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}47%,55%{background:linear-gradient(135deg,#ed167d,#7b2cbf);border-color:#ff3d9a;color:#fff;transform:scale(1.12);box-shadow:0 0 0 8px rgba(237,22,125,.18)}58%,92%{background:rgba(52,211,153,.16);border-color:#34d399;color:#34d399;transform:none;box-shadow:0 0 0 0 transparent}96%,100%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}}@keyframes osL3{0%,44%{color:#8f9bb0}47%,92%{color:#fff}96%,100%{color:#8f9bb0}}@keyframes osN4{0%,58%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}61%,69%{background:linear-gradient(135deg,#ed167d,#7b2cbf);border-color:#ff3d9a;color:#fff;transform:scale(1.12);box-shadow:0 0 0 8px rgba(237,22,125,.18)}72%,92%{background:rgba(52,211,153,.16);border-color:#34d399;color:#34d399;transform:none;box-shadow:0 0 0 0 transparent}96%,100%{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#8f9bb0;transform:none;box-shadow:0 0 0 0 transparent}}@keyframes osL4{0%,58%{color:#8f9bb0}61%,92%{color:#fff}96%,100%{color:#8f9bb0}}@keyframes osLk2{0%,31%{opacity:0}33%,39%{opacity:1}41%,100%{opacity:0}}@keyframes osOk2{0%,40%{opacity:0}43%,92%{opacity:1}96%,100%{opacity:0}}@keyframes osLk3{0%,45%{opacity:0}47%,53%{opacity:1}55%,100%{opacity:0}}@keyframes osOk3{0%,54%{opacity:0}57%,92%{opacity:1}96%,100%{opacity:0}}@keyframes osFill{0%,2%{transform:scaleX(0)}66%,92%{transform:scaleX(1)}96%,100%{transform:scaleX(0)}}@keyframes osFillY{0%,2%{transform:scaleY(0)}66%,92%{transform:scaleY(1)}96%,100%{transform:scaleY(0)}}@keyframes osOrd{0%,70%{opacity:0;transform:translateY(12px)}75%,92%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}@keyframes osG1{0%,30%{opacity:1}36%,94%{opacity:0}100%{opacity:1}}@keyframes osG2{0%,30%{opacity:0}36%,63%{opacity:1}69%,100%{opacity:0}}@keyframes osG3{0%,63%{opacity:0}69%,94%{opacity:1}100%{opacity:0}}@keyframes osT1{0%,30%{border-color:#ed167d}36%,94%{border-color:transparent}100%{border-color:#ed167d}}@keyframes osT2{0%,30%{border-color:transparent}36%,63%{border-color:#ed167d}69%,100%{border-color:transparent}}@keyframes osT3{0%,63%{border-color:transparent}69%,94%{border-color:#ed167d}100%{border-color:transparent}}@keyframes osFi1{0%,8%{width:0}30%,92%{width:78%}100%{width:0}}@keyframes osFi2{0%,28%{width:0}52%,92%{width:64%}100%{width:0}}@keyframes osPm{0%,55%{background:#f2f5fa;color:#647188;border-color:transparent}60%,92%{background:rgba(22,97,171,.1);color:#1661ab;border-color:#1661ab}100%{background:#f2f5fa;color:#647188;border-color:transparent}}@keyframes osCb{0%,72%,86%,100%{box-shadow:0 0 0 0 rgba(237,22,125,0);transform:none}78%{box-shadow:0 0 0 8px rgba(237,22,125,.2);transform:scale(.97)}}@keyframes osScroll{0%,12%{transform:translateY(0)}45%,58%{transform:translateY(-38%)}90%,100%{transform:translateY(0)}}@keyframes osTick{0%,4%{background:#e3e8f0;color:transparent}10%,92%{background:#34d399;color:#0d1930}100%{background:#e3e8f0;color:transparent}}@keyframes osTickL{0%,4%{color:#8f9bb0}10%,92%{color:#fff}100%{color:#8f9bb0}}@keyframes osLock{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}50%{box-shadow:0 0 0 14px rgba(52,211,153,0)}}@keyframes osReveal{from{opacity:0;transform:translateY(46px) scale(.97)}to{opacity:1;transform:none}}@media (max-width:991px){#warum .os-bento .os-tA.os-tA{grid-column:1/-1;grid-row:auto}#warum .os-bento .os-tB.os-tB{grid-column:1/7;grid-row:auto}#warum .os-bento .os-tC.os-tC{grid-column:7/13;grid-row:auto}#warum .os-bento .os-tD.os-tD{grid-column:1/-1;grid-row:auto}#warum .os-bento .os-tE.os-tE{grid-column:1/-1;grid-row:auto}}@media (min-width:768px) and (max-width:991px){#warum .os-bento .os-tD.os-tD{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-content:center}#warum .os-tD .os-vis.os-vis{grid-column:1;grid-row:1/4;margin:0}#warum .os-tD>:not(.os-vis){grid-column:2}}@media (max-width:767px){#warum .os-bento .os-tile.os-tile{grid-column:1/-1;padding:26px 20px}#warum .os-bento .os-tE.os-tE{grid-template-columns:minmax(0,1fr)}#warum .os-jr.os-jr{flex-direction:column;align-items:stretch;gap:14px}#warum .os-jr .os-jt.os-jt{left:25px;right:auto;top:26px;bottom:26px;width:3px;height:auto}#warum .os-jr .os-jt.os-jt i{transform-origin:top;animation-name:osFillY}#warum .os-jr .os-jn.os-jn{flex-direction:row;gap:14px;text-align:left}#warum .os-jn .os-lk.os-lk,#warum .os-jn .os-ok.os-ok{left:auto;right:0;top:50%;margin-top:-11px;transform:none}}@supports (animation-timeline:view()){#warum .os-tile{animation:osReveal linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}#warum .os-bento { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 18px; margin-bottom: 22px;}#warum .os-tile { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 32px; border-radius: 28px; background: #fff; border: 1px solid rgba(13,25,48,.07); box-shadow: 0 30px 70px -50px rgba(13,25,48,.55); transition: transform .5s var(--ease),box-shadow .5s var(--ease);}#warum .os-tile:hover { transform: translateY(-6px); box-shadow: 0 40px 80px -44px rgba(13,25,48,.6);}#warum .os-tile::before { content: ""; position: absolute; right: -90px; top: -90px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle,var(--glow,rgba(69,197,255,.16)),transparent 70%); pointer-events: none;}#warum .os-tg { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(13,25,48,.05); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--blue);}#warum .os-tg::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pink);}#warum .os-tile h4 { margin: 14px 0 8px; font-size: 21px; font-weight: 900; line-height: 1.15; letter-spacing: -.025em; color: var(--ink);}#warum .os-tile p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #4d5a70;}#warum .os-vis { position: relative; flex: 1 1 auto; min-height: 170px; margin: -4px -4px 20px; display: flex; align-items: center; justify-content: center;}#warum .os-tA { grid-column: 1/8; grid-row: 1/3; color: #fff; background: radial-gradient(520px circle at 0% 0%,rgba(69,197,255,.22),transparent 60%),radial-gradient(520px circle at 100% 100%,rgba(237,22,125,.26),transparent 60%),linear-gradient(160deg,#0b1d38,#081329); border-color: rgba(255,255,255,.08);}#warum .os-tA .os-tg { background: rgba(255,255,255,.08); color: #45c5ff;}#warum .os-tA h3 { margin: 16px 0 0; font-size: clamp(1.7rem,2.6vw,2.5rem); font-weight: 900; line-height: 1.05; letter-spacing: -.045em; color: #fff;}#warum .os-tA h3 span { display: block; font-family: var(--font-serif); font-style: italic; font-weight: 400; letter-spacing: -.02em; background: linear-gradient(90deg,#ff3d9a,#ffb82e); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .1em;}#warum .os-tA>p { margin-top: 12px; color: #aeb9c9;}#warum .os-jr { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin: 34px 0 0;}#warum .os-jt { position: absolute; left: 26px; right: 26px; top: 25px; height: 3px; border-radius: 3px; background: rgba(255,255,255,.1);}#warum .os-jt i { position: absolute; inset: 0; border-radius: 3px; background: linear-gradient(90deg,#ed167d,#ffb82e,#34d399); transform-origin: left; animation: osFill 12s linear infinite;}#warum .os-jn { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center;}#warum .os-jn b { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 16px; border: 1.5px solid rgba(255,255,255,.14); background: #0d1d38; font-size: 20px; font-weight: 900;}#warum .os-jn span { font-size: 12px; font-weight: 800; color: #8f9bb0;}#warum .os-jn0 b { animation: osN0 12s var(--ease) infinite;}#warum .os-jn0 span { animation: osL0 12s ease infinite;}#warum .os-jn1 b { animation: osN1 12s var(--ease) infinite;}#warum .os-jn1 span { animation: osL1 12s ease infinite;}#warum .os-jn2 b { animation: osN2 12s var(--ease) infinite;}#warum .os-jn2 span { animation: osL2 12s ease infinite;}#warum .os-jn3 b { animation: osN3 12s var(--ease) infinite;}#warum .os-jn3 span { animation: osL3 12s ease infinite;}#warum .os-jn4 b { animation: osN4 12s var(--ease) infinite;}#warum .os-jn4 span { animation: osL4 12s ease infinite;}#warum .os-lk { position: absolute; left: 50%; top: 84px; padding: 4px 9px; border-radius: 999px; font-size: 10.5px; font-style: normal; font-weight: 800; white-space: nowrap; transform: translateX(-50%); opacity: 0;}#warum .os-ok { position: absolute; left: 50%; top: 84px; padding: 4px 9px; border-radius: 999px; font-size: 10.5px; font-style: normal; font-weight: 800; white-space: nowrap; transform: translateX(-50%); opacity: 0;}#warum .os-lk { background: rgba(255,61,154,.16); color: #ff8fb8; border: 1px solid rgba(255,61,154,.5);}#warum .os-ok { background: rgba(52,211,153,.16); color: #34d399; border: 1px solid rgba(52,211,153,.5);}#warum .os-lk2 { animation: osLk2 12s ease infinite;}#warum .os-ok2 { animation: osOk2 12s ease infinite;}#warum .os-lk3 { animation: osLk3 12s ease infinite;}#warum .os-ok3 { animation: osOk3 12s ease infinite;}#warum .os-ord { display: flex; align-items: center; gap: 12px; align-self: flex-start; margin-top: 52px; padding: 12px 16px; border-radius: 16px; background: #fff; color: var(--ink); box-shadow: 0 24px 50px rgba(0,0,0,.4); animation: osOrd 12s var(--ease) infinite;}#warum .os-ord i { flex: none; width: 32px; height: 32px; border-radius: 50%; background: #34d399; color: #0d1930; font-style: normal; font-weight: 900; display: flex; align-items: center; justify-content: center;}#warum .os-ord b { display: block; font-size: 13px; font-weight: 900;}#warum .os-ord small { display: block; font-size: 11px; color: #647188;}#warum .os-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: auto 0 0; padding: 24px 0 0; list-style: none;}#warum .os-chips li { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-size: 12px; font-weight: 800; color: #dbe2ec;}#warum .os-chips li::before { content: "✓"; color: #34d399;}#warum .os-tB { grid-column: 8/13; grid-row: 1; --glow: rgba(237,22,125,.14);}#warum .os-tC { grid-column: 8/13; grid-row: 2; --glow: rgba(69,197,255,.18);}#warum .os-tD { grid-column: 1/6; grid-row: 3; --glow: rgba(255,184,46,.2);}#warum .os-gal { gap: 12px;}#warum .os-gm { position: relative; width: 150px; height: 150px; overflow: hidden; border-radius: 18px; display: flex; align-items: center; justify-content: center;}#warum .os-gp { position: absolute; inset: 0;}#warum .os-gp1 { background: linear-gradient(135deg,#ed167d,#7b2cbf); animation: osG1 9s ease infinite;}#warum .os-gp2 { background: linear-gradient(135deg,#1661ab,#45c5ff); animation: osG2 9s ease infinite;}#warum .os-gp3 { background: linear-gradient(135deg,#ffb82e,#ff8a3d); animation: osG3 9s ease infinite;}#warum .os-bag2 { position: relative; z-index: 1; width: 58px; height: 64px; margin-top: 14px; border-radius: 8px 8px 14px 14px; background: #fff; box-shadow: 0 18px 30px rgba(5,11,24,.3);}#warum .os-bag2::before { content: ""; position: absolute; left: 50%; top: -18px; width: 28px; height: 24px; margin-left: -14px; border: 5px solid #fff; border-bottom: 0; border-radius: 18px 18px 0 0;}#warum .os-gside { display: flex; flex-direction: column; gap: 8px;}#warum .os-th { width: 42px; height: 42px; border-radius: 10px; border: 2.5px solid transparent; background-clip: padding-box;}#warum .os-th1 { background: linear-gradient(135deg,#ed167d,#7b2cbf) padding-box; animation: osT1 9s ease infinite;}#warum .os-th2 { background: linear-gradient(135deg,#1661ab,#45c5ff) padding-box; animation: osT2 9s ease infinite;}#warum .os-th3 { background: linear-gradient(135deg,#ffb82e,#ff8a3d) padding-box; animation: osT3 9s ease infinite;}#warum .os-sw { display: flex; gap: 4px; margin-top: 2px;}#warum .os-sw i { width: 12px; height: 12px; border-radius: 50%; background: var(--c);}#warum .os-cf { flex-direction: column; align-items: stretch; gap: 8px; padding: 0 6px;}#warum .os-fl small { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #8f9bb0;}#warum .os-fl span { display: flex; height: 30px; padding: 0 10px; border-radius: 9px; background: #f2f5fa; border: 1px solid rgba(13,25,48,.08); align-items: center;}#warum .os-fl i { display: block; height: 7px; border-radius: 4px; background: #b9c4d6;}#warum .os-fi1 { animation: osFi1 8s ease infinite;}#warum .os-fi2 { animation: osFi2 8s ease infinite;}#warum .os-pm { display: flex; gap: 6px; margin-top: 2px;}#warum .os-pm em { flex: 1; padding: 7px 4px; border-radius: 9px; border: 1.5px solid transparent; background: #f2f5fa; color: #647188; font-size: 10.5px; font-style: normal; font-weight: 800; text-align: center;}#warum .os-pm1 { animation: osPm 8s ease infinite;}#warum .os-cbtn { margin-top: 4px; padding: 10px; border-radius: 11px; background: linear-gradient(90deg,#ed167d,#c5178f); color: #fff; font-size: 12px; font-weight: 900; text-align: center; animation: osCb 8s ease infinite;}#warum .os-ph { position: relative; width: 132px; height: 196px; padding: 8px; border-radius: 26px; background: #0d1930; box-shadow: 0 26px 50px -20px rgba(13,25,48,.6);}#warum .os-phs { height: 100%; overflow: hidden; border-radius: 19px; background: #f2f5fa;}#warum .os-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px; animation: osScroll 8s var(--ease) infinite;}#warum .os-grid i { height: 62px; border-radius: 9px; background: linear-gradient(135deg,#ed167d,#7b2cbf);}#warum .os-grid i:nth-child(4n+2) { background: linear-gradient(135deg,#1661ab,#45c5ff);}#warum .os-grid i:nth-child(4n+3) { background: linear-gradient(135deg,#ffb82e,#ff8a3d);}#warum .os-grid i:nth-child(4n) { background: linear-gradient(135deg,#34d399,#1661ab);}#warum .os-phb { position: absolute; left: 14px; right: 14px; bottom: 14px; padding: 8px 4px; border-radius: 10px; background: var(--pink); color: #fff; font-size: 9.5px; font-weight: 900; text-align: center; box-shadow: 0 8px 20px rgba(237,22,125,.45);}#warum .os-tE { grid-column: 6/13; grid-row: 3; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: center; color: #fff; background: radial-gradient(420px circle at 100% 100%,rgba(123,44,191,.35),transparent 60%),linear-gradient(160deg,#0b1d38,#081329); border-color: rgba(255,255,255,.08); --glow: rgba(52,211,153,.16);}#warum .os-tE .os-tg { background: rgba(255,255,255,.08); color: #45c5ff;}#warum .os-tE h4 { color: #fff;}#warum .os-tE p { color: #aeb9c9;}#warum .os-trust { position: relative; padding: 22px 20px; border-radius: 20px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04);}#warum .os-lock { position: absolute; right: 16px; top: 16px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 14px; background: rgba(52,211,153,.14); animation: osLock 2.6s ease-out infinite;}#warum .os-lock i { position: relative; width: 18px; height: 14px; margin-top: 8px; border-radius: 3px; background: #34d399;}#warum .os-lock i::before { content: ""; position: absolute; left: 3px; top: -10px; width: 12px; height: 12px; border: 3px solid #34d399; border-bottom: 0; border-radius: 8px 8px 0 0; box-sizing: border-box;}#warum .os-trust ul { margin: 0; padding: 0; list-style: none;}#warum .os-trust li { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 13px; font-weight: 800; animation: osTickL 7s ease infinite; animation-delay: var(--d);}#warum .os-trust li::before { content: "✓"; flex: none; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; animation: osTick 7s ease infinite; animation-delay: var(--d);}@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}} .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;}@media (max-width:767px){#technik .lf-t .lf-v.lf-v.lf-v{height:242px}}#technik .lf-t .lf-v.lf-v { height: 222px;}@keyframes lfOn{0%,30%{border-color:var(--c);background:rgba(255,255,255,.075);transform:translateY(-6px);box-shadow:0 30px 60px -30px var(--c)}36%,100%{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035);transform:none;box-shadow:0 0 0 0 transparent}}@keyframes lfNum{0%,30%{background:var(--c);color:#050b18}36%,100%{background:rgba(255,255,255,.08);color:#dbe2ec}}@keyframes lfReveal{from{opacity:0;transform:translateY(46px) scale(.97)}to{opacity:1;transform:none}}@media (max-width:991px){#technik .lf-grid.lf-grid{grid-template-columns:minmax(0,1fr)}#technik .lf-res.lf-res{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}#technik .lf-rtx.lf-rtx ul{justify-content:center}}@media (min-width:768px) and (max-width:991px){#technik .lf-grid .lf-t.lf-t{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:center}#technik .lf-t .lf-top.lf-top{grid-column:2;grid-row:1;align-self:end}#technik .lf-t .lf-v.lf-v{grid-column:1;grid-row:1/3;margin:0}#technik .lf-t .lf-tx.lf-tx{grid-column:2;grid-row:2;align-self:start;margin-top:14px}}@media (max-width:767px){#technik .lf-t.lf-t{padding:24px 20px}#technik .lf-res.lf-res{padding:30px 20px}}@supports (animation-timeline:view()){#technik :is(.lf-grid,.lf-res){animation:lfReveal linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}@keyframes osLi{0%,6%{color:#8f9bb0}12%,92%{color:#fff}100%{color:#8f9bb0}}@keyframes osLiB{0%,6%{background:rgba(255,255,255,.08);color:transparent}12%,92%{background:#45c5ff;color:#050b18}100%{background:rgba(255,255,255,.08);color:transparent}}@keyframes osLawBtn{0%,55%{opacity:.35;transform:scale(.97)}62%,92%{opacity:1;transform:none;box-shadow:0 0 0 6px rgba(69,197,255,.18)}100%{opacity:.35;transform:scale(.97)}}@keyframes osArc{0%,8%{stroke-dashoffset:100}55%,92%{stroke-dashoffset:12}100%{stroke-dashoffset:100}}@keyframes osNeedle{0%,8%{transform:rotate(-86deg)}55%,92%{transform:rotate(64deg)}100%{transform:rotate(-86deg)}}@keyframes osGl{0%,50%{opacity:0;transform:translate(-50%,6px)}58%,92%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}@keyframes osBar{0%,8%{width:0}55%,92%{width:var(--w)}100%{width:0}}@keyframes osChat1{0%,4%{opacity:0;transform:translateY(10px)}9%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes osTyp{0%,12%{opacity:0}16%,34%{opacity:1}38%,100%{opacity:0}}@keyframes osChat2{0%,36%{opacity:0;transform:translateY(10px)}42%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes osChat3{0%,54%{opacity:0;transform:translateY(10px)}60%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes osDot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@media (max-width:991px){#technik .lf-res.os-ki.os-ki{justify-items:stretch;text-align:left}#technik .os-ki .os-chat.os-chat{width:100%;max-width:420px;justify-self:center}#technik .os-ki .lf-rtx.lf-rtx ul{justify-content:flex-start}}#technik .lf-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px;}#technik .lf-t { position: relative; display: flex; flex-direction: column; padding: 28px; border-radius: 28px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.035); backdrop-filter: blur(8px); animation: lfOn 12s var(--ease) infinite; animation-delay: var(--d);}#technik .lf-top { display: flex; align-items: center; gap: 12px;}#technik .lf-top b { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; font-size: 13px; font-weight: 900; animation: lfNum 12s var(--ease) infinite; animation-delay: var(--d);}#technik .lf-top span { font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--c);}#technik .lf-v { position: relative; height: 190px; margin: 20px 0 22px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 50% 50%,rgba(255,255,255,.06),transparent 70%),rgba(5,11,24,.5);}#technik .lf-tx h3 { margin: 0 0 8px; font-size: 20px; font-weight: 900; line-height: 1.2; letter-spacing: -.02em; color: #fff;}#technik .lf-tx p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #aeb9c9;}#technik .lf-tx p a { color: #fff; font-weight: 800; text-underline-offset: 3px;}#technik .lf-tx em { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; font-style: normal;}#technik .lf-tx em span { padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.07); font-size: 11px; font-weight: 800; color: #dbe2ec;}#technik .lf-res { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 48px; align-items: center; margin-top: 18px; padding: 36px 44px; border-radius: 28px; border: 1px solid rgba(255,255,255,.1); background: radial-gradient(500px circle at 0% 50%,rgba(237,22,125,.18),transparent 60%),rgba(255,255,255,.035);}#technik .lf-kick { font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #45c5ff;}#technik .lf-rtx h3 { margin: 10px 0 10px; font-size: clamp(1.5rem,2.4vw,2.2rem); font-weight: 900; line-height: 1.1; letter-spacing: -.035em; color: #fff;}#technik .lf-rtx p { margin: 0; max-width: 640px; font-size: 15px; line-height: 1.7; color: #c9d1de;}#technik .lf-rtx ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none;}#technik .lf-rtx li { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 12px; font-weight: 800; color: #dbe2ec;}#technik .lf-rtx li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--c);}#technik .os-law { display: flex; flex-direction: column; justify-content: center; gap: 0; padding: 14px 18px;}#technik .os-law ul { margin: 0; padding: 0; list-style: none;}#technik .os-law li { display: flex; align-items: center; gap: 10px; padding: 4px 0; font-size: 12px; font-weight: 800; animation: osLi 6s ease infinite; animation-delay: var(--d);}#technik .os-law li::before { content: "✓"; flex: none; width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 900; animation: osLiB 6s ease infinite; animation-delay: var(--d);}#technik .os-lawbtn { margin-top: 10px; padding: 9px; border-radius: 10px; background: #45c5ff; color: #050b18; font-size: 11.5px; font-weight: 900; text-align: center; animation: osLawBtn 6s ease infinite;}#technik .os-speed { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px;}#technik .os-gauge { position: relative; width: 170px; height: 94px;}#technik .os-gauge svg { width: 100%; height: 100%; overflow: visible;}#technik .os-gt { fill: none; stroke: rgba(255,255,255,.1); stroke-width: 12; stroke-linecap: round;}#technik .os-ga { fill: none; stroke: url(#osGg); stroke-width: 12; stroke-linecap: round; stroke-dasharray: 100; animation: osArc 6s var(--ease) infinite;}#technik .os-needle { position: absolute; left: 50%; bottom: 4px; width: 3px; height: 66px; margin-left: -1.5px; border-radius: 3px; background: #fff; transform-origin: 50% 100%; animation: osNeedle 6s var(--ease) infinite;}#technik .os-needle::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: #fff;}#technik .os-gl { position: absolute; left: 50%; top: -6px; padding: 3px 9px; border-radius: 999px; background: #34d399; color: #050b18; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; animation: osGl 6s ease infinite;}#technik :is(.os-bars,.os-fun) p { display: grid; grid-template-columns: 62px 1fr; align-items: center; gap: 8px; margin: 0;}#technik .os-bars { width: 100%;}#technik .os-bars p+p { margin-top: 5px;}#technik :is(.os-bars,.os-fun) small { font-size: 10px; font-weight: 800; color: #8f9bb0;}#technik :is(.os-bars,.os-fun) span { height: 8px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden;}#technik :is(.os-bars,.os-fun) i { display: block; height: 100%; border-radius: 4px; animation: osBar 6s var(--ease) infinite; animation-delay: var(--k);}#technik .os-bars i { background: linear-gradient(90deg,#1661ab,#34d399);}#technik .os-fun { display: flex; flex-direction: column; justify-content: center; gap: 9px; padding: 14px 18px;}#technik .os-fun p { grid-template-columns: 70px 1fr;}#technik .os-fun span { height: 14px; border-radius: 7px;}#technik .os-fun i { border-radius: 7px; background: linear-gradient(90deg,#ffb82e,#ff3d9a);}#technik .os-fh { display: flex; gap: 6px; margin-bottom: 2px;}#technik .os-fh em { padding: 4px 9px; border-radius: 999px; background: rgba(255,184,46,.14); border: 1px solid rgba(255,184,46,.4); color: #ffd98a; font-size: 10px; font-style: normal; font-weight: 800;}#technik .os-chat { position: relative; width: 340px; padding: 16px; border-radius: 22px; background: #fff; color: var(--ink); box-shadow: 0 30px 60px rgba(0,0,0,.45);}#technik .os-chh { display: flex; align-items: center; gap: 8px; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid #eef2f8;}#technik .os-chh i { width: 30px; height: 30px; border-radius: 10px; background: linear-gradient(135deg,#ed167d,#7b2cbf);}#technik .os-chh b { font-size: 13px; font-weight: 900;}#technik .os-chh small { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; font-size: 10px; font-weight: 800; color: #1b7a3c;}#technik .os-chh small::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #34d399;}#technik .os-msg { max-width: 86%; margin-top: 8px; padding: 10px 12px; border-radius: 14px; font-size: 12.5px; line-height: 1.45;}#technik .os-msg--u { margin-left: auto; border-radius: 14px 14px 4px 14px; background: #0d1930; color: #fff; animation: osChat1 9s ease infinite;}#technik .os-bw { position: relative;}#technik .os-msg--b { border-radius: 14px 14px 14px 4px; background: #f2f5fa; animation: osChat2 9s ease infinite;}#technik .os-typ { position: absolute; left: 0; top: 0; display: flex; gap: 4px; width: max-content; margin-top: 8px; padding: 10px 12px; border-radius: 14px; background: #f2f5fa; animation: osTyp 9s ease infinite;}#technik .os-typ i { width: 6px; height: 6px; border-radius: 50%; background: #8f9bb0; animation: osDot 1s ease infinite;}#technik .os-typ i:nth-child(2) { animation-delay: .15s;}#technik .os-typ i:nth-child(3) { animation-delay: .3s;}#technik .os-qr { display: flex; gap: 6px; margin-top: 10px; animation: osChat3 9s ease infinite;}#technik .os-qr span { padding: 6px 11px; border-radius: 999px; border: 1.5px solid var(--pink); color: var(--pink); font-size: 11px; font-weight: 800;}#technik .os-qr span:first-child { background: var(--pink); color: #fff;}.wd-fak { background: radial-gradient(700px circle at 0% 0%,rgba(69,197,255,.16),transparent 60%),radial-gradient(600px circle at 100% 100%,rgba(237,22,125,.16),transparent 60%),#050b18;}@keyframes lsIc{0%,100%{transform:translateY(0);box-shadow:0 12px 24px -10px var(--c1)}50%{transform:translateY(-5px);box-shadow:0 18px 30px -10px var(--c1)}}@keyframes lsBar{0%,10%{transform:scaleX(.15)}40%,90%{transform:scaleX(1)}100%{transform:scaleX(.15)}}@media (max-width:991px){#funktionen .ls-svc.ls-svc{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#funktionen .ls-svc.ls-svc{grid-template-columns:minmax(0,1fr)}}#funktionen .ls-svc { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px;}#funktionen .ls-s { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 30px 28px 26px; border-radius: 24px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -40px rgba(13,25,48,.45); transition: transform .45s var(--ease),box-shadow .45s var(--ease);}#funktionen .ls-s:hover { transform: translateY(-7px); box-shadow: 0 34px 70px -34px rgba(13,25,48,.5);}#funktionen .ls-s::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg,var(--c1),var(--c2)); transform-origin: left; animation: lsBar 8s var(--ease) infinite; animation-delay: var(--d);}#funktionen .ls-ic { width: 58px; height: 58px; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,var(--c1),var(--c2)); color: #fff; font-size: 24px; font-weight: 900; animation: lsIc 4s ease-in-out infinite; animation-delay: var(--d);}#funktionen .ls-n { position: absolute; right: 24px; top: 22px; font-size: 44px; font-weight: 900; line-height: 1; letter-spacing: -.05em; color: rgba(13,25,48,.06);}#funktionen .ls-s h3 { margin: 22px 0 8px; font-size: 20px; font-weight: 900; letter-spacing: -.02em; color: var(--ink);}#funktionen .ls-s p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #4d5a70;}#funktionen .ls-s ul { display: flex; flex-wrap: wrap; gap: 8px; margin: auto 0 0; padding: 18px 0 0; list-style: none;}#funktionen .ls-s li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; background: #f2f5fa; font-size: 12px; font-weight: 800; color: var(--ink);}#funktionen .ls-s li::before { content: "✓"; color: #1b9e6a; font-weight: 900;}#pakete .ls-boost-price .wd-btn.wd-btn b { font-size: 15px; line-height: 1; color: #ed167d;}@keyframes wdBorder{0%{background-position:0% 50%}100%{background-position:300% 50%}}@media (max-width:991px){.wd-pkg .wd-pk-grid.wd-pk-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.wd-pkg .wd-pk.wd-pk{padding:30px 22px} .wd-pkg .wd-pk .wd-btn.wd-btn{width:100%}}@media (max-width:1100px){#pakete .wd-pk-grid.wd-pk-grid.wd-pk-grid{grid-template-columns:minmax(0,1fr)}#pakete .ls-boost.ls-boost{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#pakete .ls-boost.ls-boost{padding:28px 22px}#pakete .ls-boost .ls-boost-txt ul{grid-template-columns:minmax(0,1fr)}} .wd-pkg { background: radial-gradient(800px circle at 50% 0%,rgba(22,97,171,.35),transparent 60%),#050b18;} .wd-pkg .wd-pk-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; align-items: stretch;} .wd-pkg .wd-pk { position: relative; display: flex; flex-direction: column; padding: 40px 38px; border-radius: 26px; background: #fff; color: var(--ink); box-shadow: 0 40px 90px -40px rgba(0,0,0,.7);} .wd-pkg .wd-pk--hi { background: linear-gradient(90deg,#ed167d,#ffb82e,#45c5ff,#7b2cbf,#ed167d) border-box; background-size: 300% 100%; border: 2px solid transparent; animation: wdBorder 8s linear infinite;} .wd-pkg .wd-pk--hi .wd-pk-in { position: absolute; inset: 0; z-index: 0; border-radius: 24px; background: linear-gradient(160deg,#0b1d38,#1a0f3a 60%,#2a0d44);} .wd-pkg .wd-pk--hi>*:not(.wd-pk-in) { position: relative; z-index: 1;} .wd-pkg .wd-pk--hi { color: #fff;} .wd-pkg .wd-rib { position: absolute!important; right: 26px; top: -16px; z-index: 2!important; padding: 8px 14px; border-radius: 10px; background: linear-gradient(90deg,#ffb82e,#ff8a3d); color: #0d1930; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; transform: rotate(3deg); box-shadow: 0 12px 26px rgba(255,138,61,.4);} .wd-pkg .wd-pk small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--pink);} .wd-pkg .wd-pk--hi small { color: #ffb82e;} .wd-pkg .wd-pk h3 { margin: 12px 0 0; font-size: 28px; font-weight: 900; line-height: 1.05; letter-spacing: -.03em;} .wd-pkg .wd-price { display: flex; align-items: flex-end; gap: 10px; margin: 22px 0 4px;} .wd-pkg .wd-price b { font-size: clamp(4rem,6vw,5.6rem); font-weight: 900; line-height: .85; letter-spacing: -.06em; background: linear-gradient(135deg,#ed167d,#7b2cbf); -webkit-background-clip: text; background-clip: text; color: transparent;} .wd-pkg .wd-pk--hi .wd-price b { background: linear-gradient(135deg,#ff3d9a,#ffb82e);} .wd-pkg .wd-price span { padding-bottom: 8px; font-size: 13px; font-weight: 700; line-height: 1.3; color: #647188;} .wd-pkg .wd-pk--hi .wd-price span { color: #aeb9c9;} .wd-pkg .wd-pk ul { flex: 1; margin: 22px 0 26px; padding: 0; list-style: none;} .wd-pkg .wd-pk li { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-top: 1px solid rgba(13,25,48,.08); font-size: 14.5px; font-weight: 700; line-height: 1.45;} .wd-pkg .wd-pk--hi li { border-color: rgba(255,255,255,.1);} .wd-pkg .wd-pk li::before { content: "✓"; flex: none; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px; background: var(--blue); color: #fff; font-size: 10px;} .wd-pkg .wd-pk--hi li::before { background: linear-gradient(135deg,#ed167d,#45c5ff);} .wd-pkg .wd-pk li a { color: inherit; text-underline-offset: 3px;} .wd-pkg .wd-pk .wd-btn { align-self: flex-start;} .wd-pkg .wd-pk-note { max-width: 900px; margin: 30px auto 0; text-align: center; font-size: 13.5px; line-height: 1.7; color: #aeb9c9;}#pakete .wd-pk--hi .wd-price b { background: none; background-image: linear-gradient(135deg,#ff3d9a,#ffb82e); -webkit-background-clip: text; background-clip: text; color: transparent;}#pakete .wd-pk h3 { color: var(--ink);}#pakete .wd-pk--hi h3 { color: #fff;}#pakete .wd-pk--hi li { color: #fff;}#pakete .wd-pk-grid.wd-pk-grid { grid-template-columns: repeat(3,minmax(0,1fr));}#pakete .wd-pk .wd-price b { font-size: clamp(3.4rem,4.6vw,4.6rem);}#pakete .wd-pk h3 { font-size: 22px;}#pakete .wd-pk li { font-size: 14px;}#pakete .ls-boost { position: relative; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: 36px; align-items: center; margin-top: 34px; padding: 36px 38px; border-radius: 26px; border: 1px solid rgba(69,197,255,.35); background: radial-gradient(500px circle at 100% 0%,rgba(69,197,255,.18),transparent 60%),rgba(255,255,255,.04);}#pakete .ls-boost small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #45c5ff;}#pakete .ls-boost h3 { margin: 10px 0 8px; font-size: 28px; font-weight: 900; letter-spacing: -.03em; color: #fff;}#pakete .ls-boost p { margin: 0; font-size: 15px; line-height: 1.7; color: #aeb9c9;}#pakete .ls-boost ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 18px; margin: 18px 0 0; padding: 0; list-style: none;}#pakete .ls-boost li { display: flex; gap: 9px; font-size: 13.5px; font-weight: 700; line-height: 1.4; color: #dbe2ec;}#pakete .ls-boost 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,#1661ab,#45c5ff); color: #fff; font-size: 10px;}#pakete .ls-boost-price { display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}#pakete .ls-boost-price b { font-size: 3.4rem; font-weight: 900; line-height: .9; letter-spacing: -.05em; color: #fff;}#pakete .ls-boost-price>span { font-size: 13px; font-weight: 700; line-height: 1.4; color: #aeb9c9;}#pakete .ls-boost-price .wd-btn { margin-top: 8px;}#pakete .ls-boost-price p { margin-top: 6px; font-size: 12.5px; line-height: 1.5;}#pakete .ls-boost-price p a { color: #fff; font-weight: 800; text-underline-offset: 3px;}#pakete .wd-pk .wd-price.wd-price { flex-wrap: wrap;}#pakete .wd-pk .wd-price b { font-size: clamp(2.8rem,3.4vw,3.6rem);}#pakete .os-care-b.os-care-b { font-size: 2.6rem;}@keyframes wdStep{0%,2%{background:#fff;border-color:rgba(13,25,48,.1);transform:none}4%,18%{background:#0d1930;border-color:#0d1930;transform:translateY(-8px)}20%,100%{background:#fff;border-color:rgba(13,25,48,.1);transform:none}}@keyframes wdStepN{0%,2%{color:rgba(237,22,125,.35)}4%,18%{color:#ff3d9a}20%,100%{color:rgba(237,22,125,.35)}}@keyframes wdStepT{0%,2%{color:#0d1930}4%,18%{color:#fff}20%,100%{color:#0d1930}}@keyframes wdStepP{0%,2%{color:#4d5a70}4%,18%{color:#c9d1de}20%,100%{color:#4d5a70}}@keyframes wdLine{0%{width:0}100%{width:100%}}@keyframes wdRocket{0%{left:0}100%{left:100%}}@media (max-width:991px){.wd-flow .wd-steps.wd-steps{grid-template-columns:minmax(0,1fr)} .wd-flow .wd-track.wd-track{display:none}} .wd-flow .wd-track { position: relative; height: 4px; margin: 0 0 30px; border-radius: 4px; background: rgba(13,25,48,.08);} .wd-flow .wd-track i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: linear-gradient(90deg,#ed167d,#ffb82e,#45c5ff); animation: wdLine 17s linear infinite;} .wd-flow .wd-track b { position: absolute; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: #fff; border: 4px solid #ed167d; box-shadow: 0 0 0 6px rgba(237,22,125,.18); animation: wdRocket 17s linear infinite;} .wd-flow .wd-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; margin: 0; padding: 0; list-style: none;} .wd-flow .wd-steps li { padding: 26px 22px; border-radius: 20px; border: 1px solid rgba(13,25,48,.1); background: #fff; box-shadow: 0 24px 60px -44px rgba(13,25,48,.5); animation: wdStep 17s var(--ease) infinite; animation-delay: var(--d);} .wd-flow .wd-steps span { display: block; font-size: 44px; font-weight: 900; line-height: 1; letter-spacing: -.05em; color: rgba(237,22,125,.35); animation: wdStepN 17s linear infinite; animation-delay: var(--d);} .wd-flow .wd-steps h3 { margin: 16px 0 8px; font-size: 18px; font-weight: 900; color: #0d1930; animation: wdStepT 17s linear infinite; animation-delay: var(--d);} .wd-flow .wd-steps p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70; animation: wdStepP 17s linear infinite; animation-delay: var(--d);}@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;}@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;}