@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}}.lg-hero h1.wd-h1.wd-h1 span { padding-bottom: .2em; margin-bottom: -.06em;}@keyframes lgRow{0%,4%{opacity:0;transform:translateX(-10px)}10%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes lgBar{0%,4%{transform:scaleX(0)}12%,90%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes lgStamp{0%,30%{opacity:0;transform:rotate(-14deg) scale(1.7)}36%,90%{opacity:1;transform:rotate(-14deg) scale(1)}100%{opacity:0;transform:rotate(-14deg) scale(1)}}@keyframes lgOk{0%,40%{transform:scale(0)}46%,90%{transform:scale(1)}100%{transform:scale(0)}}@media (max-width:767px){.lg-hero .lg-stamp.lg-stamp{width:78px;height:78px;right:-6px;bottom:-26px;font-size:12px} .lg-hero .lg-hv .wd-orb--1.wd-orb--1{width:340px;height:340px;margin:-170px 0 0 -170px} .lg-hero .lg-hv .wd-chip--2.wd-chip.wd-chip{display:none} .lg-hero .lg-hv.lg-hv.lg-hv{padding-top:44px} .lg-hero .lg-hv .wd-chip--1.wd-chip.wd-chip{top:0;left:8px}} .lg-hero .lg-hv { position: relative; display: flex; align-items: center; justify-content: center; min-height: 440px;} .lg-hero .lg-hv .wd-orb--1 { left: 50%; top: 50%; margin: -230px 0 0 -230px; width: 460px; height: 460px;} .lg-hero .lg-hv .wd-orb--2 { left: 50%; top: 50%; margin: -150px 0 0 -150px; width: 300px; height: 300px;} .lg-hero .lg-card { position: relative; z-index: 2; width: min(440px,100%); padding: 26px 26px 30px; border-radius: 24px; border: 1px solid rgba(255,255,255,.14); background: linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03)); backdrop-filter: blur(10px); box-shadow: 0 40px 80px -30px rgba(0,0,0,.7); animation: wdFloat 7s ease-in-out infinite;} .lg-hero .lg-top { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.1);} .lg-hero .lg-mono { flex: none; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg,#ed167d,#7b2cbf); font-size: 22px; font-weight: 900; color: #fff;} .lg-hero .lg-top b { display: block; font-size: 17px; font-weight: 900; color: #fff;} .lg-hero .lg-top small { display: block; margin-top: 2px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;} .lg-hero .lg-ok { margin-left: auto; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #34d399; color: #0d1930; font-size: 14px; font-weight: 900; font-style: normal; animation: lgOk 10s ease infinite;} .lg-hero .lg-rows { margin: 16px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;} .lg-hero .lg-rows li { display: grid; grid-template-columns: 96px minmax(0,1fr); align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.05); animation: lgRow 10s ease infinite; animation-delay: var(--d);} .lg-hero .lg-rows small { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #45c5ff;} .lg-hero .lg-rows span { position: relative; font-size: 13.5px; font-weight: 800; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .lg-hero .lg-rows span::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,#ed167d,#45c5ff); transform-origin: left; animation: lgBar 10s ease infinite; animation-delay: var(--d);} .lg-hero .lg-stamp { position: absolute; right: -18px; bottom: -22px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 50%; border: 3px dashed #ffb82e; background: rgba(5,11,24,.9); color: #ffb82e; font-size: 14px; font-weight: 900; letter-spacing: .02em; text-align: center; line-height: 1.1; animation: lgStamp 10s ease 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 wdBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@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-chip--2.wd-chip{left:0;top:auto;bottom:0} .wd-hero .wd-chip--2.wd-chip.wd-chip{right:auto}}@media (prefers-reduced-motion:reduce){.wd-page *,.wd-page *::before,.wd-page *::after{animation:none!important;transition:none!important}}@media (max-width:767px){.lg-hero.lg-hero.lg-hero{padding:140px var(--gutter) 90px} .lg-hero .lg-hv.lg-hv{min-height:360px} .lg-hero .lg-card.lg-card{padding:20px 18px} .lg-hero .lg-rows li{grid-template-columns:86px minmax(0,1fr)}} .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-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;} .lg-hero.lg-hero { padding: 180px var(--gutter) 120px;}#brxe-imwm01 {font-size: min(20.6rem, 20vw, calc(92vw / 5.76))}@media (max-width:991px){.wd-page .wd-head.wd-head{grid-template-columns:minmax(0,1fr);gap:20px}}@keyframes lgIn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes lgTop{0%,10%{transform:scaleX(.15)}40%,90%{transform:scaleX(1)}100%{transform:scaleX(.15)}}@media (max-width:767px){.lg-sec .lg-grid.lg-grid{grid-template-columns:minmax(0,1fr)} .lg-sec .lg-c.lg-c{padding:26px 22px} .lg-sec .lg-links.lg-links{padding:28px 20px}}@supports (animation-timeline:view()){.lg-sec :is(.lg-c,.lg-links){animation:lgIn linear both;animation-timeline:view();animation-range:entry 0% cover 20%}} .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;} .lg-sec { scroll-margin-top: 120px;} .lg-sec .lg-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px;} .lg-sec .lg-c { position: relative; overflow: hidden; padding: 32px 30px; 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);} .lg-sec .lg-c:hover { transform: translateY(-6px); box-shadow: 0 34px 70px -34px rgba(13,25,48,.5);} .lg-sec .lg-c::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg,var(--c1),var(--c2)); transform-origin: left; animation: lgTop 8s var(--ease) infinite; animation-delay: var(--d);} .lg-sec .lg-ic { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(135deg,var(--c1),var(--c2)); color: #fff; font-size: 22px; font-weight: 900; box-shadow: 0 12px 24px -10px var(--c1);} .lg-sec .lg-c h3 { margin: 20px 0 10px; font-size: 21px; font-weight: 900; letter-spacing: -.02em; color: var(--ink);} .lg-sec .lg-c p { margin: 0; font-size: 15.5px; line-height: 1.75; color: #4d5a70;} .lg-sec .lg-c p+p { margin-top: 10px;} .lg-sec .lg-c p b { color: var(--ink); font-weight: 800;} .lg-sec .lg-c a { color: var(--pink); font-weight: 800; text-decoration: none; border-bottom: 2px solid rgba(237,22,125,.25); transition: border-color .3s ease;} .lg-sec .lg-c a:hover { border-color: var(--pink);} .lg-sec .lg-id { display: inline-block; margin-top: 12px; padding: 8px 14px; border-radius: 10px; background: #f2f5fa; font-size: 17px; font-weight: 900; letter-spacing: .06em; color: var(--ink);} .lg-sec .lg-links { margin-top: 28px; padding: 32px 34px; border-radius: 24px; background: #0b1d38; color: #fff;} .lg-sec .lg-links small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #45c5ff;} .lg-sec .lg-links ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none;} .lg-sec .lg-links a { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05); color: #fff; font-size: 14px; font-weight: 800; text-decoration: none; transition: background .3s ease,border-color .3s ease,transform .3s var(--ease);} .lg-sec .lg-links a::after { content: "↗"; color: #ff3d9a; transition: transform .3s var(--ease);} .lg-sec .lg-links a:hover { background: rgba(237,22,125,.18); border-color: rgba(237,22,125,.6); transform: translateY(-2px);} .lg-sec .lg-links a:hover::after { transform: rotate(45deg);} .lg-sec .lg-links a[aria-current] { opacity: .45; pointer-events: none;}