@layer bricks {.brxe-template{width:100%}}@layer bricks {}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.wd-hero h1.wd-h1.wd-h1 span { padding-bottom: .16em; margin-bottom: -.16em;} .wd-hero h1.wd-h1.wd-h1 { margin-bottom: 10px;}@keyframes wcvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wcv2Bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wcv2Ring{0%,100%{opacity:.35}50%{opacity:.12}}@keyframes wcv2Drift{0%,100%{transform:translateX(0)}50%{transform:translateX(18px)}}@keyframes wcv2Glow{0%,100%{opacity:1}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.wcv *{animation:none!important}}@media (max-width:991px){.wcv.wcv{min-height:480px} .wcv .wcv-phone.wcv-phone{width:190px}}@media (max-width:767px){.wcv.wcv{min-height:400px} .wcv .wcv-sky.wcv-sky{inset:0 0 30px 20px} .wcv .wcv-phone.wcv-phone{width:168px;padding:10px 9px 12px;border-width:5px} .wcv .wcv-map.wcv-map{height:70px} .wcv .wcv-note.wcv-note{right:2%;bottom:8px;padding:9px 12px} .wcv .wcv-res--2{display:none} .wcv .wcv-res.wcv-res small,.wcv .wcv-res.wcv-res b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wcv .wcv-res.wcv-res b{font-size:12px} .wcv .wcv-btns.wcv-btns{gap:3px} .wcv .wcv-btns.wcv-btns span{font-size:8px;padding:4px 0} .wcv .wcv-q.wcv-q{font-size:10.5px;padding:7px 10px} .wcv .wcv-note.wcv-note b{font-size:12px} .wcv .wcv-note.wcv-note small{font-size:10.5px} .wcv .wcv-note.wcv-note span{width:26px;height:26px}}@media (max-width:420px){.wcv .wcv-phone.wcv-phone{width:150px}}@media (max-width:767px){.wcv .wcv-lbl.wcv-lbl{left:30px;top:10px;font-size:9.5px;padding:3px 8px} .wcv.wcv.wcv{min-height:340px}}@keyframes ofrDash{to{stroke-dashoffset:-48}}@keyframes ofrPing{0%{transform:scale(.7);opacity:.6}100%{transform:scale(2.6);opacity:0}} .wcv.wcv { position: relative; min-height: 560px;} .wcv-sky { position: absolute; inset: 0 0 40px 30px; border-radius: 30px; overflow: hidden; background: #dcefff; border: 1px solid rgba(255,255,255,.35); box-shadow: 0 40px 80px -40px rgba(0,0,0,.7);} .wcv2-scene { position: absolute; inset: 0; width: 100%; height: 100%; display: block;} .wcv2-pin { transform-box: fill-box; animation: wcv2Bob 2.8s ease-in-out infinite;} .wcv2-ring { animation: wcv2Ring 2.8s ease-in-out infinite;} .wcv2-tag rect { filter: drop-shadow(0 6px 10px rgba(13,25,48,.18));} .wcv2-cl { animation: wcv2Drift 14s ease-in-out infinite;} .wcv2-cl--2 { animation-duration: 18s; animation-delay: -6s;} .wcv2-sun { filter: drop-shadow(0 0 18px rgba(255,210,122,.8)); animation: wcv2Glow 5s ease-in-out infinite;} .wcv-lbl { position: absolute; left: 44px; top: 14px; padding: 4px 10px; border-radius: 99px; background: rgba(13,25,48,.72); color: #ffffff; font-size: 10.5px; font-weight: 700;} .wcv-phone { position: absolute; left: 0; bottom: 0; width: 214px; padding: 14px 12px 16px; border-radius: 30px; background: #fff; border: 6px solid #0b1324; box-shadow: 0 40px 70px -25px rgba(0,0,0,.8); animation: wcvFloat 7s ease-in-out infinite;} .wcv-notch { width: 70px; height: 6px; margin: 0 auto 12px; border-radius: 99px; background: #d9dfe9;} .wcv-q { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 99px; background: #f2f5fa; color: #0d1930; font-size: 11.5px; font-weight: 700; white-space: nowrap;} .wcv-q i { width: 10px; height: 10px; border: 2px solid #8a96aa; border-radius: 50%;} .wcv-map { position: relative; height: 98px; margin: 10px 0; border-radius: 14px; overflow: hidden; background: linear-gradient(135deg,#e7f0e3,#dfe9f5);} .wcv-map i { position: absolute; background: #fff; border-radius: 4px;} .wcv-r1 { left: -10%; top: 42%; width: 120%; height: 8px; transform: rotate(-8deg);} .wcv-r2 { left: 38%; top: -10%; width: 8px; height: 120%; transform: rotate(12deg);} .wcv-r3 { left: -10%; top: 74%; width: 120%; height: 6px; transform: rotate(6deg);} .wcv-mp { position: absolute; left: 46%; top: 24%; width: 18px; height: 18px; border-radius: 50% 50% 50% 0; background: #ed167d; transform: rotate(-45deg); box-shadow: 0 0 0 6px rgba(237,22,125,.18);} .wcv-res { padding: 10px 11px; border-radius: 14px; border: 1.5px solid #ed167d; background: #fff6fa;} .wcv-res b { display: block; font-size: 13px; font-weight: 900; color: #0d1930;} .wcv-res small { display: block; margin-top: 2px; font-size: 11px; color: #647188;} .wcv-btns { display: flex; gap: 5px; margin-top: 8px;} .wcv-btns span { flex: 1; padding: 5px 0; border-radius: 99px; background: #ed167d; color: #fff; font-size: 10px; font-weight: 800; text-align: center;} .wcv-btns span+span { background: #fff; color: #ed167d; border: 1px solid #f4b3d1;} .wcv-res--2 { margin-top: 8px; border-color: #e3e8f0; background: #fff;} .wcv-res--2 i { display: block; height: 7px; border-radius: 4px; background: #e3e8f0;} .wcv-res--2 i+i { width: 60%; margin-top: 6px;} .wcv-note { position: absolute; right: 3%; bottom: 14px; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 16px; background: #fff; box-shadow: 0 24px 50px -20px rgba(0,0,0,.6); animation: wcvFloat 6s ease-in-out infinite; animation-delay: -2s;} .wcv-note span { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #16a34a; color: #fff; font-weight: 900;} .wcv-note b { display: block; font-size: 13px; color: #0d1930;} .wcv-note small { display: block; font-size: 11.5px; color: #647188;} .wcv .ofr-link { stroke-dasharray: 3 9; animation: ofrDash 2.6s linear infinite; animation-delay: var(--d);} .wcv .ofr-river { stroke-dasharray: 16 10; animation: ofrDash 3.2s linear infinite;} .wcv .ofr-pulse { transform-box: fill-box; transform-origin: center; animation: ofrPing 2.8s ease-out infinite; animation-delay: var(--d);}@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 wdFloat2{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-12px) rotate(2.5deg)}}@keyframes wdBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wdSk{0%,38%{opacity:1}48%,90%{opacity:0}100%{opacity:1}}@keyframes wdFin{0%,38%{opacity:0;transform:scale(.98)}48%,90%{opacity:1;transform:scale(1)}100%{opacity:0}}@keyframes wdShim{0%{background-position:-200px 0}100%{background-position:400px 0}}@keyframes wdScan{0%{top:0;opacity:0}5%{opacity:1}40%{top:100%;opacity:1}45%,100%{top:100%;opacity:0}}@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} .wd-hero .wd-hv.wd-hv{min-height:480px}}@media (max-width:767px){.wd-hero.wd-hero{padding:140px var(--gutter) 150px} .wd-hero .wd-hv.wd-hv{min-height:380px} .wd-hero .wd-br.wd-br{left:0;width:88%;top:30px} .wd-hero .wd-br-sc.wd-br-sc{height:220px} .wd-hero .wd-fin-h.wd-fin-h{font-size:24px} .wd-hero .wd-ph.wd-ph{width:104px;height:208px;right:0;top:150px} .wd-hero .wd-ph-h.wd-ph-h{font-size:13px} .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-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 .wd-sk.wd-sk{opacity:0} .wd-hero .wd-fin.wd-fin{opacity:1}} .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-hv { position: relative; min-height: 560px;} .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-br { position: absolute; left: 0; top: 60px; z-index: 2; width: 84%; padding: 0 8px 8px; border-radius: 14px; background: #eef2f8; box-shadow: 0 40px 80px rgba(0,0,0,.5); animation: wdFloat 7s ease-in-out infinite;} .wd-hero .wd-br-bar { height: 32px; display: flex; align-items: center; gap: 5px;} .wd-hero .wd-br-bar i { width: 7px; height: 7px; border-radius: 50%; background: #d7deea;} .wd-hero .wd-br-bar i:nth-child(1) { background: var(--pink);} .wd-hero .wd-br-bar i:nth-child(2) { background: var(--gold);} .wd-hero .wd-br-bar span { margin: 0 auto; padding: 3px 12px; border-radius: 999px; background: #fff; font-size: 9px; font-weight: 700; color: #647188;} .wd-hero .wd-br-sc { position: relative; height: 330px; border-radius: 8px; overflow: hidden; background: #fff;} .wd-hero .wd-sk { position: absolute; inset: 0; padding: 22px 26px;} .wd-hero .wd-fin { position: absolute; inset: 0; padding: 22px 26px;} .wd-hero .wd-sk { animation: wdSk 10s ease-in-out infinite;} .wd-hero .wd-sk span { display: block; border-radius: 6px; background: linear-gradient(90deg,#eef1f6 0,#f8f9fb 40%,#eef1f6 80%) 0 0/600px 100%; animation: wdShim 1.6s linear infinite;} .wd-hero .wd-sk i { display: block; border-radius: 6px; background: linear-gradient(90deg,#eef1f6 0,#f8f9fb 40%,#eef1f6 80%) 0 0/600px 100%; animation: wdShim 1.6s linear infinite;} .wd-hero .wd-sk-nav { height: 10px; width: 100%;} .wd-hero .wd-sk-h { height: 26px; width: 62%; margin-top: 34px;} .wd-hero .wd-sk-h--2 { width: 44%; margin-top: 10px;} .wd-hero .wd-sk-p { height: 10px; width: 54%; margin-top: 18px;} .wd-hero .wd-sk-btn { height: 28px; width: 120px; margin-top: 22px; border-radius: 999px!important;} .wd-hero .wd-sk-img { position: absolute!important; right: 26px; top: 62px; width: 34%; height: 150px;} .wd-hero .wd-sk-row { position: absolute!important; left: 26px; right: 26px; bottom: 20px; display: grid!important; grid-template-columns: repeat(3,1fr); gap: 10px; background: none!important; animation: none!important;} .wd-hero .wd-sk-row i { height: 46px;} .wd-hero .wd-fin { opacity: 0; animation: wdFin 10s ease-in-out infinite;} .wd-hero .wd-fin-nav { display: flex; align-items: center; gap: 8px; font-size: 9px; letter-spacing: .14em; color: var(--blue);} .wd-hero .wd-fin-nav em { width: 26px; height: 4px; border-radius: 2px; background: #d7deea;} .wd-hero .wd-fin-nav em:first-of-type { margin-left: auto;} .wd-hero .wd-fin-k { position: relative; z-index: 1; display: block; margin-top: 34px; font-size: 8px; font-weight: 800; letter-spacing: .16em; color: var(--pink);} .wd-hero .wd-fin-h { position: relative; z-index: 1; display: block; margin-top: 10px; font-size: clamp(26px,3vw,40px); font-weight: 900; line-height: .95; letter-spacing: -.05em; color: var(--ink);} .wd-hero .wd-fin-h i { font-family: var(--font-serif); font-weight: 400; color: var(--pink);} .wd-hero .wd-fin-btn { position: relative; z-index: 1; display: inline-flex; margin-top: 20px; padding: 9px 16px; border-radius: 999px; background: var(--blue); color: #fff; font-size: 10px; font-weight: 800;} .wd-hero .wd-fin-ring { position: absolute; right: 30px; top: 54px; width: 150px; height: 150px; border-radius: 50%; border: 22px solid var(--pink); box-shadow: 0 0 0 16px #fbecd9;} .wd-hero .wd-fin-dot { position: absolute; right: 120px; top: 140px; width: 44px; height: 44px; border-radius: 50%; background: var(--gold);} .wd-hero .wd-fin-row { position: absolute; left: 26px; right: 26px; bottom: 20px; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px;} .wd-hero .wd-fin-row i { height: 46px; border-radius: 8px; background: #f2f5fa;} .wd-hero .wd-fin-row i:nth-child(2) { background: linear-gradient(135deg,#ed167d,#7b2cbf);} .wd-hero .wd-scan { position: absolute; left: 0; right: 0; z-index: 3; height: 2px; background: #45c5ff; box-shadow: 0 0 16px 4px rgba(69,197,255,.55); animation: wdScan 10s ease-in-out infinite;} .wd-hero .wd-ph { position: absolute; right: 2%; top: 250px; z-index: 3; width: 136px; height: 272px; padding: 28px 12px 0; border-radius: 24px; border: 6px solid #0d1930; background: #fff; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,.55); animation: wdFloat2 6s ease-in-out infinite;} .wd-hero .wd-ph-n { position: absolute; left: 50%; top: 8px; width: 44px; height: 8px; border-radius: 6px; background: #0d1930; transform: translateX(-50%);} .wd-hero .wd-ph-k { display: block; font-size: 6px; font-weight: 800; letter-spacing: .12em; color: var(--blue);} .wd-hero .wd-ph-h { display: block; margin-top: 6px; font-size: 16px; font-weight: 900; line-height: 1; letter-spacing: -.04em; color: var(--ink);} .wd-hero .wd-ph-b { display: block; margin-top: 10px; width: 58px; height: 12px; border-radius: 999px; background: var(--blue);} .wd-hero .wd-ph-w { position: absolute; left: 0; right: 0; bottom: 0; height: 96px; background: var(--pink); clip-path: polygon(0 35%,100% 0,100% 100%,0 100%);} .wd-hero .wd-check { position: absolute; left: 4%; bottom: 0; z-index: 4; width: 210px; padding: 14px 16px; border-radius: 16px; background: rgba(7,20,38,.88); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(6px); box-shadow: 0 18px 40px rgba(0,0,0,.45); animation: wdBob 6s ease-in-out infinite;} .wd-hero .wd-check small { display: block; margin-bottom: 8px; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;} .wd-hero .wd-check ul { margin: 0; padding: 0; list-style: none;} .wd-hero .wd-check li { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 12px; font-weight: 800; animation: wdRow 10s linear infinite; animation-delay: var(--d);} .wd-hero .wd-check 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: wdTick 10s linear infinite; animation-delay: var(--d);} .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-24acde {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-24acde.brxe-div{transform:rotate(-1.5deg) scaleX(1.035)}#brxe-24acde .rs-track.rs-track{font-size:2.15rem;animation-duration:12s}}@media (prefers-reduced-motion:reduce){#brxe-24acde .rs-track.rs-track{animation:none}}#brxe-24acde { transform: rotate(-1deg) scaleX(1.035); box-shadow: 0 26px 50px rgba(5,11,24,.25);}#brxe-24acde .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-24acde .rs-track span { flex: none; margin-right: .45em;}#brxe-24acde .rs-track .rs-star { color: var(--gold); font-size: .55em;}@media (max-width: 767px) {#brxe-24acde {top: -86px; height: 116px}}#brxe-6d4f2c {position: relative; z-index: 6; height: 0px; width: 100%}#brxe-6d4f2c { overflow-x: clip; overflow-y: visible;}@media (max-width:782px){html.wd-nav-top body.admin-bar .wd-anchor.wd-anchor.wd-anchor{top:46px}}@media (max-width:600px){html.wd-nav-top body.admin-bar .wd-anchor.wd-anchor.wd-anchor{top:0}} .wd-anchor nav.brxe-text-basic { width: 100%; align-self: stretch;}@media (max-width:991px){.wd-anchor.wd-anchor{top:84px;margin-top:44px}}@media (max-width:782px){html.wd-nav-top body.admin-bar .wd-anchor.wd-anchor{top:46px}}@media (max-width:600px){html.wd-nav-top body.admin-bar .wd-anchor.wd-anchor{top:0}}#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;}html.wd-nav-top body.admin-bar .wd-anchor.wd-anchor { top: 32px;} .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;}@media (max-width:991px){.wd-page .wd-head.wd-head.wd-head{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:767px){.wd-page .wd-head.wd-head.wd-head{margin-bottom:36px}}@keyframes ofrSweep{to{transform:rotate(360deg)}}@keyframes ofrBlip{0%,8%{opacity:.4}14%,62%{opacity:1}82%,100%{opacity:.4}}@media (max-width:991px){.ofr-sec1 .ofr-s1.ofr-s1{grid-template-columns:minmax(0,1fr);gap:36px}}@media (max-width:767px){.ofr-sec1 .ofr-answer.ofr-answer{grid-template-columns:minmax(0,1fr);padding:26px 22px} .ofr-sec1 .ofr-blip.ofr-blip{font-size:10px;padding:5px 8px} .ofr-sec1 .ofr-core.ofr-core{width:74px;height:74px;font-size:10.5px} .ofr-sec1 .ofr-ins article.ofr-ins-a,.ofr-sec1 .ofr-ins.ofr-ins article{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 20px}}#region.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (11 * 0.64)));} .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-dark .wd-wm { color: rgba(255,255,255,.045);} .wd-page a.rs-tl { color: var(--pink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;} .wd-dark a.rs-tl { color: #ff6fb0;} .ofr-s1 { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 56px; align-items: center;} .ofr-radar { position: relative; width: 100%; max-width: 460px; aspect-ratio: 1; margin: 0 auto; border-radius: 50%; overflow: hidden; background: radial-gradient(circle,#10264a 0,#081428 72%); box-shadow: 0 40px 80px -40px rgba(13,25,48,.65);} .ofr-ring { position: absolute; inset: var(--i); border: 1px dashed rgba(69,197,255,.35); border-radius: 50%;} .ofr-sweep { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg,rgba(237,22,125,.5),rgba(237,22,125,0) 75deg,transparent 360deg); animation: ofrSweep 6s linear infinite;} .ofr-core { position: absolute; left: 50%; top: 50%; width: 92px; height: 92px; margin: -46px 0 0 -46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(135deg,#ed167d,#7b2cbf); color: #fff; font-size: 12px; font-weight: 900; line-height: 1.15; box-shadow: 0 0 0 10px rgba(237,22,125,.16),0 0 0 22px rgba(237,22,125,.07);} .ofr-blip { position: absolute; left: var(--x); top: var(--y); transform: translate(-50%,-50%); padding: 6px 11px; border-radius: 99px; background: #fff; color: #0d1930; font-size: 11.5px; font-weight: 800; white-space: nowrap; box-shadow: 0 10px 24px -10px rgba(0,0,0,.6); animation: ofrBlip 6s linear infinite; animation-delay: var(--d);} .ofr-blip::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #45c5ff; vertical-align: middle;} .ofr-cap { position: absolute; left: 50%; bottom: 7%; transform: translateX(-50%); font-size: 10px; font-weight: 700; color: #8f9bb0; white-space: nowrap;} .ofr-ins { display: grid; gap: 14px;} .ofr-ins article { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 18px; padding: 24px; border-radius: 20px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -44px rgba(13,25,48,.5); transition: transform .4s var(--ease);} .ofr-ins article:hover { transform: translateX(6px);} .ofr-ins i { font-style: normal; width: 46px; height: 46px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: rgba(237,22,125,.1); color: var(--pink); font-size: 20px; font-weight: 900;} .ofr-ins h3 { margin: 0 0 6px; font-size: 18px; font-weight: 900; letter-spacing: -.01em; color: var(--ink);} .ofr-ins p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #4d5a70;} .ofr-answer { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 22px; align-items: start; margin-top: 48px; padding: 30px 34px; border-radius: 22px; background: #0b1d38; color: #fff;} .ofr-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;} .ofr-answer h3 { margin: 0 0 8px; font-size: 18px; font-weight: 900; color: #fff;} .ofr-answer p { margin: 0; font-size: 15px; line-height: 1.7; color: #c9d1de;} .ofr-answer a.rs-tl { color: #ff6fb0;}@keyframes ofrBadge{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-8px)}}@media (max-width:991px){.ofr-sec2 .ofr-s2.ofr-s2{grid-template-columns:minmax(0,1fr);gap:24px} .ofr-sec2 .ofr-stack.ofr-stack{height:380px}}@media (max-width:767px){.ofr-sec2 .ofr-stack.ofr-stack{height:300px} .ofr-sec2 .ofr-stack-in.ofr-stack-in{width:190px;height:190px;margin-top:110px} .ofr-sec2 .ofr-pl.ofr-pl{padding:12px 14px;border-radius:20px} .ofr-sec2 .ofr-pl.ofr-pl b{font-size:12px} .ofr-sec2 .ofr-layers.ofr-layers li{grid-template-columns:minmax(0,1fr);gap:10px}}@keyframes ofrLift{0%,100%{transform:translateZ(calc(var(--z) * 1px))}50%{transform:translateZ(calc(var(--z) * 1px + 16px))}}#ebenen.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (6 * 0.64)));} .ofr-s2 { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 56px; align-items: center;} .ofr-layers { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none;} .ofr-layers li { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 18px; padding: 20px 22px; border-radius: 18px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); transition: background .35s var(--ease),border-color .35s var(--ease);} .ofr-layers li:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22);} .ofr-layers li>span { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#ed167d,#7b2cbf); color: #fff; font-size: 13px; font-weight: 900;} .ofr-layers h3 { margin: 0 0 6px; font-size: 17px; font-weight: 900; color: #fff;} .ofr-layers p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #aeb9c9;} .ofr-stack { position: relative; height: 460px; display: flex; align-items: center; justify-content: center; perspective: 1200px;} .ofr-stack-in { position: relative; width: 250px; height: 250px; margin-top: 150px; transform: rotateX(58deg) rotateZ(-42deg); transform-style: preserve-3d;} .ofr-pl { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; padding: 18px 20px; border-radius: 26px; background: linear-gradient(135deg,var(--c1),var(--c2)); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25),0 30px 50px -20px rgba(0,0,0,.7); transform: translateZ(calc(var(--z) * 1px)); animation: ofrLift 5s ease-in-out infinite; animation-delay: var(--d); opacity: .94;} .ofr-pl span { font-size: 13px; font-weight: 900; opacity: .8;} .ofr-pl b { font-size: 15px; font-weight: 900; letter-spacing: -.01em;} .ofr-top { position: absolute; left: 50%; top: 6%; z-index: 2; padding: 8px 14px; border-radius: 99px; background: #fff; color: #0d1930; font-size: 12px; font-weight: 900; white-space: nowrap; box-shadow: 0 16px 30px -12px rgba(0,0,0,.7); animation: ofrBadge 4s ease-in-out infinite; transform: translate(-50%,0);} .ofr-top::before { content: "★"; margin-right: 6px; color: #ffb82e;}@keyframes ofrPinBob{0%,100%{transform:rotate(-45deg) translate(0,0)}50%{transform:rotate(-45deg) translate(3px,-3px)}}@keyframes ofrHomeRing{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.8);opacity:0}}@media (max-width:991px){.ofr-sec3 .ofr-atlas.ofr-atlas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.ofr-sec3 .ofr-atlas.ofr-atlas{grid-template-columns:minmax(0,1fr)} .ofr-sec3 .ofr-home.ofr-home{grid-template-columns:minmax(0,1fr);padding:28px 22px}}#atlas.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (5 * 0.64)));} .ofr-atlas { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px;} .ofr-tile { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 26px 24px 24px; border-radius: 22px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -44px rgba(13,25,48,.5); transition: transform .45s var(--ease),box-shadow .45s var(--ease);} .ofr-tile:hover { transform: translateY(-6px); box-shadow: 0 34px 70px -38px rgba(13,25,48,.55);} .ofr-tile header { display: flex; align-items: center; gap: 14px;} .ofr-tile header i { position: relative; flex: none; width: 42px; height: 42px; border-radius: 14px; background: rgba(22,97,171,.08);} .ofr-tile header i::before { content: ""; position: absolute; left: 13px; top: 11px; width: 16px; height: 16px; border-radius: 50% 50% 50% 0; background: var(--pink); transform: rotate(-45deg);} .ofr-tile:hover header i::before { animation: ofrPinBob 1s ease-in-out infinite;} .ofr-tile h3 { margin: 0; font-size: 20px; font-weight: 900; letter-spacing: -.02em; color: var(--ink);} .ofr-tile small { display: block; margin-top: 2px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8a96aa;} .ofr-tile p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #4d5a70;} .ofr-tile .ofr-tip { padding: 12px 14px; border-radius: 14px; background: #f2f5fa; font-size: 14px; color: #33415a;} .ofr-tip b { color: var(--ink);} .ofr-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: auto!important; padding-top: 4px; font-size: 14px; font-weight: 700;} .ofr-home { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 28px; align-items: center; margin-top: 24px; padding: 34px 40px; border-radius: 24px; background: linear-gradient(135deg,#0b1d38,#2a0d44); color: #fff;} .ofr-home small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--gold);} .ofr-home h3 { margin: 6px 0 10px; font-size: 22px; font-weight: 900; letter-spacing: -.02em; color: #fff;} .ofr-home p { margin: 0; font-size: 15px; line-height: 1.7; color: #c9d1de;} .ofr-home a.rs-tl { color: #ff6fb0;} .ofr-home-pin { position: relative; width: 76px; height: 76px; border-radius: 50%; background: rgba(237,22,125,.15);} .ofr-home-pin::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(237,22,125,.6); animation: ofrHomeRing 2.4s ease-out infinite;} .ofr-home-pin span { position: absolute; left: 24px; top: 20px; width: 28px; height: 28px; border-radius: 50% 50% 50% 0; background: linear-gradient(135deg,#ed167d,#ff3d9a); transform: rotate(-45deg);}@keyframes ofrFill{0%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}@keyframes ofrRun{0%{left:0}70%,100%{left:100%}}@media (max-width:991px){.ofr-sec4 .ofr-steps.ofr-steps{grid-template-columns:repeat(2,minmax(0,1fr))} .ofr-sec4 .ofr-track.ofr-track{display:none} .ofr-sec4 .ofr-steps.ofr-steps li{padding-top:26px;margin-top:0} .ofr-sec4 .ofr-dot.ofr-dot{position:static;margin-bottom:6px}}@media (max-width:600px){.ofr-sec4 .ofr-steps.ofr-steps{grid-template-columns:minmax(0,1fr)}}#fahrplan.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (7 * 0.64)));} .ofr-road { position: relative;} .ofr-track { position: relative; height: 4px; margin: 0 12.5% 0; border-radius: 99px; background: rgba(255,255,255,.12);} .ofr-fill { position: absolute; inset: 0; border-radius: 99px; background: linear-gradient(90deg,#ed167d,#45c5ff); transform-origin: left; animation: ofrFill 7s ease-in-out infinite;} .ofr-run { position: absolute; top: -9px; left: 0; width: 0; height: 0; animation: ofrRun 7s ease-in-out infinite;} .ofr-run i { position: absolute; left: -11px; top: 0; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px rgba(237,22,125,.35),0 0 24px #ed167d;} .ofr-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0; padding: 0; list-style: none;} .ofr-steps li { position: relative; padding: 44px 22px 24px; margin-top: -24px; border-radius: 20px; text-align: left;} .ofr-dot { position: absolute; left: 50%; top: 0; width: 44px; height: 44px; margin-left: -22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #0b1d38; border: 2px solid rgba(255,255,255,.25); color: #fff; font-size: 15px; font-weight: 900;} .ofr-steps li:hover .ofr-dot { border-color: #ed167d; background: #2a0d44;} .ofr-steps li { background: linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.1);} .ofr-steps small { display: block; margin-top: 14px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--gold);} .ofr-steps h3 { margin: 6px 0 8px; font-size: 19px; font-weight: 900; color: #fff;} .ofr-steps p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #aeb9c9;}@keyframes ofrTickIn{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}@media (max-width:991px){.ofr-sec5 .ofr-cmp.ofr-cmp{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.ofr-sec5 .ofr-col.ofr-col{padding:26px 20px} .ofr-sec5 .ofr-promise.ofr-promise{flex-direction:column;align-items:flex-start}}#agentur.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (5 * 0.64)));} .ofr-cmp { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px;} .ofr-col { padding: 34px 32px; border-radius: 24px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -44px rgba(13,25,48,.5);} .ofr-col--no { background: #0b1d38; border-color: transparent;} .ofr-col h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; font-size: 21px; font-weight: 900; letter-spacing: -.02em; color: var(--ink);} .ofr-col--no h3 { color: #fff;} .ofr-col h3 span { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #16a34a; color: #fff; font-size: 16px;} .ofr-col--no h3 span { background: #ed167d;} .ofr-col ul { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none;} .ofr-col li { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 14px; align-items: start;} .ofr-col li i { font-style: normal; width: 26px; height: 26px; margin-top: 1px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: rgba(22,163,74,.12); color: #16a34a; font-size: 13px; font-weight: 900;} .ofr-col--no li i { background: rgba(237,22,125,.18); color: #ff6fb0;} .ofr-col:hover li i { animation: ofrTickIn .5s var(--ease) both;} .ofr-col li:nth-child(2) i { animation-delay: .06s;} .ofr-col li:nth-child(3) i { animation-delay: .12s;} .ofr-col li:nth-child(4) i { animation-delay: .18s;} .ofr-col li:nth-child(5) i { animation-delay: .24s;} .ofr-col li:nth-child(6) i { animation-delay: .3s;} .ofr-col h4 { margin: 0 0 3px; font-size: 16px; font-weight: 800; color: var(--ink);} .ofr-col--no h4 { color: #fff;} .ofr-col p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70;} .ofr-col--no p { color: #aeb9c9;} .ofr-promise { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-top: 22px; padding: 20px 24px; border-radius: 18px; background: rgba(237,22,125,.07); border: 1px dashed rgba(237,22,125,.35); font-size: 14px; color: var(--ink);} .ofr-promise b { margin-right: 6px;} .ofr-promise span { padding: 7px 13px; border-radius: 99px; background: #fff; font-weight: 700; box-shadow: 0 6px 16px -10px rgba(13,25,48,.4);}@keyframes ofrShine{0%{transform:translateX(-120%) skewX(-20deg)}55%,100%{transform:translateX(320%) skewX(-20deg)}}@media (max-width:991px){.ofr-sec6 .ofr-tks.ofr-tks{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto}}#pakete.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (6 * 0.64)));} .ofr-tks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: stretch;} .ofr-tk { position: relative; display: flex; flex-direction: column; border-radius: 24px; background: #fff; color: var(--ink); overflow: hidden; transition: transform .45s var(--ease);} .ofr-tk:hover { transform: translateY(-6px);} .ofr-tk--hi { background: linear-gradient(160deg,#ffffff 0,#ffe6f2 100%); box-shadow: 0 0 0 2px #ed167d,0 40px 80px -40px rgba(237,22,125,.7);} .ofr-tk--hi::after { content: ""; position: absolute; top: 0; left: 0; width: 40%; height: 100%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent); animation: ofrShine 6s ease-in-out infinite; pointer-events: none;} .ofr-tk-rib { position: absolute; right: 18px; top: 18px; padding: 6px 11px; border-radius: 99px; background: #ed167d; color: #fff; font-size: 11px; font-weight: 800;} .ofr-tk-top { padding: 30px 28px 22px;} .ofr-tk-top small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8a96aa;} .ofr-tk-top h3 { margin: 8px 0 14px; font-size: 22px; font-weight: 900; letter-spacing: -.02em; color: var(--ink);} .ofr-tk-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0;} .ofr-tk-price span { font-size: 15px; font-weight: 700; color: #4d5a70;} .ofr-tk-price b { font-size: 46px; font-weight: 900; letter-spacing: -.04em; line-height: 1; color: var(--ink);} .ofr-tk-price em { flex-basis: 100%; font-style: normal; font-size: 13px; font-weight: 700; color: #4d5a70;} .ofr-tk-cut { position: relative; height: 0; margin: 0 22px; border-top: 2px dashed rgba(13,25,48,.15);} .ofr-tk-cut::before { content: ""; position: absolute; top: -14px; width: 26px; height: 26px; border-radius: 50%; background: #050b18;} .ofr-tk-cut::after { content: ""; position: absolute; top: -14px; width: 26px; height: 26px; border-radius: 50%; background: #050b18;} .ofr-tk-cut::before { left: -36px;} .ofr-tk-cut::after { right: -36px;} .ofr-tk-body { display: flex; flex-direction: column; flex: 1; gap: 22px; padding: 22px 28px 28px;} .ofr-tk-body ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none;} .ofr-tk-body li { position: relative; padding-left: 24px; font-size: 14.5px; line-height: 1.55; color: #33415a;} .ofr-tk-body li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #ed167d; font-weight: 900;} .ofr-tk .wd-btn { margin-top: auto; align-self: flex-start;} .ofr-tk .wd-btn--g { border-color: rgba(13,25,48,.18); color: var(--ink); background: #fff;} .ofr-tk .wd-btn--g b { background: var(--ink); color: #fff;} .ofr-tk-note { margin: 26px 0 0; font-size: 14px; line-height: 1.6; color: #aeb9c9; text-align: center;}@media (max-width:991px){.ofr-sec7 .ofr-faq.ofr-faq{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.ofr-sec7 .ofr-faq.ofr-faq summary{padding:20px 18px;font-size:16px} .ofr-sec7 .ofr-faq.ofr-faq p{padding:0 18px 20px 18px}}#faq.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (3 * 0.64)));} .ofr-faq { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-items: start;} .ofr-faq details { border-radius: 20px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -48px rgba(13,25,48,.5); transition: border-color .3s var(--ease);} .ofr-faq details[open] { border-color: rgba(237,22,125,.4);} .ofr-faq summary { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 22px 24px; cursor: pointer; list-style: none; font-size: 17px; font-weight: 800; line-height: 1.35; color: var(--ink);} .ofr-faq summary::-webkit-details-marker { display: none;} .ofr-faq summary::after { content: "+"; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #f2f5fa; color: var(--ink); font-size: 18px; font-weight: 700; transition: transform .35s var(--ease),background .35s var(--ease);} .ofr-faq details[open] summary::after { transform: rotate(45deg); background: #ed167d; color: #fff;} .ofr-faq summary span { font-size: 13px; font-weight: 900; color: var(--pink);} .ofr-faq p { margin: 0; padding: 0 24px 22px 62px; font-size: 15px; line-height: 1.7; color: #4d5a70;} .ofr-faq summary:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 3px; border-radius: 20px;}@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;}