@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 thgDash{to{stroke-dashoffset:-60}}@keyframes thgPing{0%{transform:scale(.7);opacity:.6}100%{transform:scale(2.6);opacity:0}}@keyframes thgHome{0%,100%{transform:scale(1);opacity:.25}50%{transform:scale(1.8);opacity:.05}} .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 .thg-trail { stroke-dasharray: 2 10; animation: thgDash 3s linear infinite;} .wcv .thg-border { stroke-dasharray: 8 7; animation: thgDash 6s linear infinite;} .wcv .thg-ping { transform-box: fill-box; transform-origin: center; animation: thgPing 3s ease-out infinite; animation-delay: var(--d);} .wcv .thg-home { transform-box: fill-box; transform-origin: center; animation: thgHome 2.4s ease-in-out infinite;}@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-284816 {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-284816.brxe-div{transform:rotate(-1.5deg) scaleX(1.035)}#brxe-284816 .rs-track.rs-track{font-size:2.15rem;animation-duration:12s}}@media (prefers-reduced-motion:reduce){#brxe-284816 .rs-track.rs-track{animation:none}}#brxe-284816 { transform: rotate(-1deg) scaleX(1.035); box-shadow: 0 26px 50px rgba(5,11,24,.25);}#brxe-284816 .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-284816 .rs-track span { flex: none; margin-right: .45em;}#brxe-284816 .rs-track .rs-star { color: var(--gold); font-size: .55em;}@media (max-width: 767px) {#brxe-284816 {top: -86px; height: 116px}}#brxe-bc9e8b {position: relative; z-index: 6; height: 0px; width: 100%}#brxe-bc9e8b { 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 thgLine{to{stroke-dashoffset:-40}}@keyframes thgArc{0%{stroke-dashoffset:260}60%,100%{stroke-dashoffset:0}}@keyframes thgGlow{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.9);opacity:.06}}@media (max-width:991px){.thg-sec1 .thg-s1.thg-s1{grid-template-columns:minmax(0,1fr);gap:28px}}@media (max-width:767px){.thg-sec1 .thg-answer.thg-answer{grid-template-columns:minmax(0,1fr);padding:26px 22px} .thg-sec1 .thg-facts.thg-facts article{padding:58px 20px 22px}}@media (prefers-reduced-motion:reduce){.thg-sec1 .thg-arc.thg-arc{stroke-dashoffset:0!important}}#grenzland.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (9 * 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;} .thg-s1 { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: center;} .thg-border-card { position: relative; border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 40px 80px -48px rgba(13,25,48,.55); border: 1px solid rgba(13,25,48,.08);} .thg-border-card svg { display: block; width: 100%; height: auto;} .thg-border-card small { position: absolute; left: 18px; bottom: 14px; padding: 4px 10px; border-radius: 99px; background: rgba(13,25,48,.72); color: #fff; font-size: 10.5px; font-weight: 700;} .thg-line { stroke-dasharray: 10 10; animation: thgLine 2.4s linear infinite;} .thg-arc { stroke-dasharray: 260; stroke-dashoffset: 260; animation: thgArc 4.5s ease-in-out infinite;} .thg-glow { transform-box: fill-box; transform-origin: center; animation: thgGlow 2.6s ease-in-out infinite;} .thg-facts { display: grid; gap: 14px;} .thg-facts article { position: relative; padding: 24px 26px 24px 78px; border-radius: 20px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -46px rgba(13,25,48,.5); transition: transform .4s var(--ease),border-color .4s var(--ease);} .thg-facts article:hover { transform: translateY(-4px); border-color: rgba(123,44,191,.35);} .thg-facts b { position: absolute; left: 24px; top: 24px; font-size: 24px; font-weight: 900; letter-spacing: -.04em; background: linear-gradient(135deg,#7b2cbf,#ed167d); -webkit-background-clip: text; background-clip: text; color: transparent;} .thg-facts h3 { margin: 0 0 6px; font-size: 18px; font-weight: 900; color: var(--ink);} .thg-facts p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #4d5a70;} .thg-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: linear-gradient(135deg,#1a0f3a,#0b1d38); color: #fff;} .thg-answer>span { width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#7b2cbf,#ed167d); font-family: var(--font-serif); font-style: italic; font-size: 26px; font-weight: 700;} .thg-answer h3 { margin: 0 0 8px; font-size: 18px; font-weight: 900; color: #fff;} .thg-answer p { margin: 0; font-size: 15px; line-height: 1.7; color: #c9d1de;} .thg-answer a.rs-tl { color: #ff6fb0;}@keyframes thgMarq{to{transform:translateX(-50%)}}@media (max-width:991px){.thg-sec2 .thg-int.thg-int{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.thg-sec2 .thg-wall.thg-wall span{font-size:13px;padding:10px 14px}}#suche.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (5 * 0.64)));} .thg-wall { position: relative; display: grid; gap: 12px; margin: 0 calc(var(--gutter) * -1); padding: 6px 0 36px; -webkit-mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);} .thg-row { overflow: hidden;} .thg-track { display: flex; gap: 12px; width: max-content; animation: thgMarq 48s linear infinite;} .thg-row--1 .thg-track { animation-direction: reverse; animation-duration: 56s;} .thg-row--2 .thg-track { animation-duration: 62s;} .thg-wall:hover .thg-track { animation-play-state: paused;} .thg-wall span { display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 99px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #e6ebf3; font-size: 14.5px; font-weight: 700; white-space: nowrap;} .thg-wall span i { font-style: normal; color: #45c5ff;} .thg-row--1 span i { color: #ff6fb0;} .thg-row--2 span i { color: var(--gold);} .thg-wall small { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); font-size: 11px; font-weight: 700; color: #8f9bb0;} .thg-int { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 36px;} .thg-int article { padding: 28px 26px; border-radius: 22px; background: linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.1); transition: transform .4s var(--ease),border-color .4s var(--ease);} .thg-int article:hover { transform: translateY(-6px); border-color: rgba(255,255,255,.28);} .thg-int i { font-style: normal; width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#7b2cbf,#ed167d); color: #fff; font-size: 20px;} .thg-int h3 { margin: 18px 0 8px; font-size: 20px; font-weight: 900; color: #fff;} .thg-int p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #aeb9c9;}@keyframes thgScan{0%{transform:translateY(-10%);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateY(1000%);opacity:0}}@keyframes thgTick{0%,10%{transform:scale(0)}18%,88%{transform:scale(1)}100%{transform:scale(0)}}@media (max-width:991px){.thg-sec3 .thg-check.thg-check{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.thg-sec3 .thg-check.thg-check{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.thg-check .thg-box::after{transform:scale(1)!important}}#check.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (6 * 0.64)));} .thg-check { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px;} .thg-scan { position: absolute; left: -10px; right: -10px; top: 0; height: 10%; z-index: 2; pointer-events: none; background: linear-gradient(180deg,transparent,rgba(123,44,191,.12),transparent); border-bottom: 2px solid rgba(237,22,125,.45); animation: thgScan 8s ease-in-out infinite;} .thg-check article { display: flex; flex-direction: column; gap: 14px; padding: 24px 22px; border-radius: 20px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -48px rgba(13,25,48,.5);} .thg-box { position: relative; width: 30px; height: 30px; border-radius: 9px; border: 2px solid rgba(13,25,48,.18); background: #fff;} .thg-box::after { content: "✓"; position: absolute; inset: -2px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#7b2cbf,#ed167d); color: #fff; font-size: 15px; font-weight: 900; transform: scale(0); animation: thgTick 8s ease-in-out infinite; animation-delay: calc(var(--i) * .45s);} .thg-check h3 { margin: 0 0 6px; font-size: 17px; font-weight: 900; color: var(--ink);} .thg-check p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70;} .thg-check-cta { margin: 26px 0 0; font-size: 15px; line-height: 1.6; color: #33415a; text-align: center;}@keyframes thgQ{0%,100%{opacity:.35}50%{opacity:1}}@media (max-width:767px){.thg-sec4 .thg-regs.thg-regs{grid-template-columns:minmax(0,1fr)} .thg-sec4 .thg-reg.thg-reg{padding:28px 22px}}#regionen.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (8 * 0.64)));} .thg-regs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px;} .thg-reg { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 32px 30px; border-radius: 24px; background: linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.1); overflow: hidden; transition: transform .45s var(--ease),border-color .45s var(--ease);} .thg-reg:hover { transform: translateY(-6px); border-color: var(--c);} .thg-reg::before { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle,var(--c),transparent 70%); opacity: .18;} .thg-reg-map { position: relative; width: 54px; height: 54px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px;} .thg-reg-map::before { content: ""; grid-column: 1/-1; grid-row: 1/-1;} .thg-reg-map i { position: absolute; width: 24px; height: 24px; border-radius: 7px; background: var(--c); animation: thgQ 2.8s ease-in-out infinite;} .thg-reg-map { background: linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)) 0 0/24px 24px no-repeat,linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)) 30px 0/24px 24px no-repeat,linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)) 0 30px/24px 24px no-repeat,linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)) 30px 30px/24px 24px no-repeat;} .thg-reg-map .q1 { left: 0; top: 30px;} .thg-reg-map .q2 { left: 0; top: 0;} .thg-reg-map .q3 { left: 30px; top: 0;} .thg-reg-map .q4 { left: 30px; top: 30px;} .thg-reg h3 { margin: 6px 0 0; font-size: 24px; font-weight: 900; letter-spacing: -.02em; color: #fff;} .thg-reg p { position: relative; margin: 0; font-size: 14.5px; line-height: 1.65; color: #aeb9c9;} .thg-reg .thg-reg-orte { font-size: 12.5px; font-weight: 800; letter-spacing: .04em; color: var(--c);} .thg-reg .thg-reg-tip { padding: 14px 16px; border-radius: 14px; background: rgba(255,255,255,.06); color: #dbe2ec;} .thg-reg-tip b { color: #fff;} .thg-reg-links { display: flex; flex-wrap: wrap; gap: 6px 16px; font-weight: 700; margin-top: auto!important;}@keyframes thgWalk{0%{top:0}100%{top:100%}}@media (max-width:767px){.thg-sec5 .thg-path.thg-path{left:21px} .thg-sec5 .thg-trailway.thg-trailway li{grid-template-columns:44px minmax(0,1fr);gap:16px} .thg-sec5 .thg-trailway.thg-trailway li .thg-stop.thg-stop{grid-column:2;grid-row:1;text-align:left} .thg-sec5 .thg-trailway.thg-trailway li .thg-mark{grid-column:1} .thg-sec5 .thg-trailway.thg-trailway li::before{display:none} .thg-sec5 .thg-stop.thg-stop{padding:22px 20px}}@media (min-width:768px){.thg-sec5 .thg-trailway ol li+li{margin-top:-64px}}#etappen.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (7 * 0.64)));} .thg-trailway { position: relative; max-width: 980px; margin: 0 auto;} .thg-path { position: absolute; left: 50%; top: 10px; bottom: 10px; width: 4px; margin-left: -2px; border-radius: 99px; background: repeating-linear-gradient(180deg,#43ad86 0 10px,transparent 10px 18px);} .thg-path span { position: absolute; left: 50%; top: 0; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: #ed167d; box-shadow: 0 0 0 6px rgba(237,22,125,.18); animation: thgWalk 9s ease-in-out infinite alternate;} .thg-trailway ol { position: relative; display: grid; gap: 22px; margin: 0; padding: 0; list-style: none;} .thg-trailway li { display: grid; grid-template-columns: minmax(0,1fr) 64px minmax(0,1fr); align-items: center;} .thg-mark { grid-column: 2; justify-self: center; position: relative; z-index: 1; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; border: 3px solid #43ad86; color: var(--ink); font-size: 16px; font-weight: 900; box-shadow: 0 10px 24px -12px rgba(13,25,48,.5);} .thg-trailway li:nth-child(odd) .thg-stop { grid-column: 1; grid-row: 1; text-align: right;} .thg-trailway li:nth-child(even) .thg-stop { grid-column: 3; grid-row: 1;} .thg-trailway li .thg-mark { grid-row: 1;} .thg-stop { padding: 26px 28px; border-radius: 22px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -46px rgba(13,25,48,.5); transition: transform .4s var(--ease);} .thg-stop:hover { transform: translateY(-4px);} .thg-stop small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #2f9a73;} .thg-stop h3 { margin: 6px 0 8px; font-size: 20px; font-weight: 900; color: var(--ink);} .thg-stop p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #4d5a70;}@media (max-width:767px){.thg-sec6 .thg-swipe.thg-swipe{display:block} .thg-sec6 .thg-tbl.thg-tbl{grid-template-columns:138px repeat(3,128px);width:max-content} .thg-sec6 .thg-tbl.thg-tbl .thg-th--f,.thg-sec6 .thg-tbl.thg-tbl .thg-td--f{position:sticky;left:0;z-index:1;background:#0a1426;font-size:13px;padding:14px 12px} .thg-sec6 .thg-tbl.thg-tbl .thg-th,.thg-sec6 .thg-tbl.thg-tbl .thg-td{padding-left:10px;padding-right:10px} .thg-sec6 .thg-pr.thg-pr{font-size:26px} .thg-sec6 .thg-tbl.thg-tbl .thg-th b{font-size:14px}}#pakete.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (6 * 0.64)));} .thg-tbl-wrap { overflow-x: auto; border-radius: 24px; -webkit-overflow-scrolling: touch;} .thg-tbl { display: grid; grid-template-columns: minmax(200px,1.4fr) repeat(3,minmax(140px,1fr)); border-radius: 24px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.1);} .thg-th { padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;} .thg-td { padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;} .thg-th { padding: 26px 18px 22px; gap: 4px;} .thg-th--f { align-items: flex-start; text-align: left;} .thg-td--f { align-items: flex-start; text-align: left;} .thg-th--f { justify-content: flex-end; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;} .thg-th small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;} .thg-th b { font-size: 17px; font-weight: 900; color: #fff;} .thg-pr { margin-top: 6px; font-size: 34px; font-weight: 900; letter-spacing: -.04em; line-height: 1; color: #fff;} .thg-th em { font-style: normal; font-size: 12px; font-weight: 700; line-height: 1.4; color: #aeb9c9;} .thg-td { font-size: 14.5px; color: #dbe2ec;} .thg-td--f { font-weight: 700;} .thg-hi { background: rgba(237,22,125,.1);} .thg-th.thg-hi { border-radius: 22px 22px 0 0; box-shadow: inset 0 3px 0 #ed167d;} .thg-y { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#7b2cbf,#ed167d); color: #fff; font-size: 13px; font-weight: 900;} .thg-n { color: #5c6a82; font-size: 18px; font-weight: 700;} .thg-tbl>div:nth-last-child(-n+4) { border-bottom: 0; padding: 22px 14px 26px;} .thg-tbl .wd-btn { padding: 7px 7px 7px 18px; font-size: 14px; gap: 12px;} .thg-tbl .wd-btn b { width: 34px; height: 34px;} .thg-swipe { display: none; margin: 12px 0 0; font-size: 12px; font-weight: 700; color: #8f9bb0; text-align: center;} .thg-tbl-note { margin: 24px auto 0; max-width: 760px; font-size: 14px; line-height: 1.6; color: #aeb9c9; text-align: center;} .thg-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;} .thg-y i { font-style: normal;} .thg-n i { font-style: normal;} .thg-sec6 .thg-tbl-wrap { width: 100%; max-width: calc(100vw - 2 * var(--gutter));} .thg-sec6 .brxe-container.wd-shell { min-width: 0;} .thg-sec6 p.thg-swipe { margin: 0 0 12px;}@media (max-width:767px){.thg-sec7 .thg-faq.thg-faq summary{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:18px 16px;font-size:16px} .thg-sec7 .thg-faq.thg-faq p{padding:0 18px 20px 18px}}#faq.wd-sec .wd-wm.wd-wm { font-size: min(20.6rem, 20vw, calc(92vw / (6 * 0.64)));} .thg-faq { max-width: 900px; margin: 0 auto; display: grid; gap: 10px; counter-reset: q;} .thg-faq details { border-radius: 18px; background: #fff; border: 1px solid rgba(13,25,48,.08); overflow: hidden; transition: box-shadow .35s var(--ease);} .thg-faq details[open] { box-shadow: 0 30px 60px -44px rgba(123,44,191,.55); border-color: rgba(123,44,191,.3);} .thg-faq summary { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 20px 24px; cursor: pointer; list-style: none; font-size: 17.5px; font-weight: 800; line-height: 1.35; color: var(--ink);} .thg-faq summary::-webkit-details-marker { display: none;} .thg-faq summary b { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #f2f5fa; color: #7b2cbf; font-size: 14px; font-weight: 900; transition: background .3s var(--ease),color .3s var(--ease);} .thg-faq details[open] summary b { background: linear-gradient(135deg,#7b2cbf,#ed167d); color: #fff;} .thg-faq summary i { position: relative; width: 18px; height: 18px;} .thg-faq summary i::before { content: ""; position: absolute; left: 0; top: 8px; width: 18px; height: 2px; border-radius: 2px; background: var(--ink); transition: transform .35s var(--ease);} .thg-faq summary i::after { content: ""; position: absolute; left: 0; top: 8px; width: 18px; height: 2px; border-radius: 2px; background: var(--ink); transition: transform .35s var(--ease);} .thg-faq summary i::after { transform: rotate(90deg);} .thg-faq details[open] summary i::after { transform: rotate(0);} .thg-faq p { margin: 0; padding: 0 28px 22px 76px; font-size: 15px; line-height: 1.7; color: #4d5a70;} .thg-faq summary:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: -3px;}@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;}