@layer bricks {.brxe-code{width:100%}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-button{width:auto}}@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}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}root { width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }root { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.4), rgba(0,0,0,1)); }root { position: absolute; inset: 0; z-index: 0; }root { color: transparent; background-clip: text; background-image: linear-gradient(to right, #fb923c, #ea580c); }root { font-size: 2.25rem; font-weight: 900; letter-spacing: -0.025em; margin-bottom: 1.5rem; line-height: 1.2; } @media (min-width: 640px) { root { font-size: 3rem; } } @media (min-width: 768px) { root { font-size: 4.5rem; } } @media (min-width: 1024px) { root { font-size: 6rem; } }root { opacity: 0; transform: translateY(30px); animation: fadeInUp 1s ease-out forwards; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }root { font-size: 1rem; color: #d1d5db; max-width: 42rem; margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; font-weight: 300; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 640px) { root { font-size: 1.125rem; } } @media (min-width: 768px) { root { font-size: 1.5rem; } }root { opacity: 0; transform: translateY(20px); animation: fadeInUp 1s ease-out 0.2s forwards; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }#brxe-m0_icon1 {: video}root { width: 1.25rem; height: 1.25rem; }root { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem 2rem; border-radius: 9999px; background-color: #ea580c; color: white; font-weight: 600; transition: all 0.3s; } root:hover { background-color: #c2410c; transform: scale(1.05); } root:focus { outline: none; box-shadow: 0 0 0 2px #f97316; }#brxe-m0_icon2 {: users}root { width: 1.25rem; height: 1.25rem; }root { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem 2rem; border-radius: 9999px; background-color: rgba(255,255,255,0.1); color: white; font-weight: 600; backdrop-filter: blur(4px); transition: all 0.3s; border: 1px solid rgba(255,255,255,0.1); } root:hover { background-color: rgba(255,255,255,0.2); transform: scale(1.05); } root:focus { outline: none; box-shadow: 0 0 0 2px #f97316; }root { display: flex; flex-direction: column; gap: 1rem; opacity: 0; transform: translateY(20px); animation: fadeInUp 1s ease-out 0.4s forwards; } @media (min-width: 640px) { root { flex-direction: row; } } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }root { position: relative; z-index: 10; max-width: 80rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; text-align: center; display: flex; flex-direction: column; align-items: center; } @media (min-width: 640px) { root { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1024px) { root { padding-left: 2rem; padding-right: 2rem; } }root { width: 1px; height: 4rem; background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent); margin-left: auto; margin-right: auto; }root { position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,0.5); animation: bounce 2s infinite ease-in-out; } @keyframes bounce { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 10px); } }root { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; background: black; color: white; }root { color: #f97316; }root { font-size: 1.875rem; font-weight: 700; letter-spacing: -0.025em; margin-bottom: 1.5rem; } @media (min-width: 768px) { root { font-size: 3rem; } }root { color: #9ca3af; font-size: 1.125rem; margin-bottom: 2rem; line-height: 1.75; }root { width: 1.25rem; height: 1.25rem; color: #f97316; }root { width: 2.5rem; height: 2.5rem; border-radius: 9999px; background-color: rgba(249, 115, 22, 0.1); display: flex; align-items: center; justify-content: center; }root { font-weight: 500; }root { display: flex; align-items: center; gap: 0.75rem; color: #d1d5db; }root { display: flex; flex-direction: column; gap: 1rem; }root { opacity: 1; }root { width: 100%; height: 100%; object-fit: cover; }root { position: absolute; inset: 0; background-image: linear-gradient(to top right, rgba(234, 88, 12, 0.4), transparent); mix-blend-mode: overlay; }root { aspect-ratio: 1/1; border-radius: 1.5rem; overflow: hidden; position: relative; }root { font-size: 2.25rem; font-weight: 900; color: white; margin-bottom: 0.25rem; }root { font-size: 0.875rem; color: #9ca3af; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; }root { position: absolute; bottom: -2rem; left: -2rem; background-color: #18181b; padding: 1.5rem; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); backdrop-filter: blur(12px); display: none; } @media (min-width: 640px) { root { display: block; } }root { position: relative; opacity: 1; }root { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; } @media (min-width: 768px) { root { grid-template-columns: 1fr 1fr; } }root { max-width: 80rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 640px) { root { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (min-width: 1024px) { root { padding-left: 2rem; padding-right: 2rem; } }root { padding-top: 6rem; padding-bottom: 6rem; position: relative; background-color: black; color: white; } @media (min-width: 768px) { root { padding-top: 8rem; padding-bottom: 8rem; } }root { position: absolute; inset: 0; background-color: #ea580c; }root { position: absolute; inset: 0; background-image: url('https://www.transparenttextures.com/patterns/stardust.png'); opacity: 0.3; mix-blend-mode: overlay; }root { font-size: 1.875rem; font-weight: 900; color: white; margin-bottom: 2rem; letter-spacing: -0.025em; } @media (min-width: 640px) { root { font-size: 2.25rem; } } @media (min-width: 768px) { root { font-size: 3.75rem; } }root { position: relative; z-index: 10; max-width: 56rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; text-align: center; }root { position: relative; overflow: hidden; background-color: black; color: white; padding-top: 6rem; padding-bottom: 6rem; }#brxe-m3_icon1 {: zap}root { width: 1rem; height: 1rem; }root { font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #f97316; display: flex; align-items: center; gap: 0.5rem; }root { font-size: 0.75rem; color: #6b7280; } root:hover { color: white; transition-property: color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }root { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; }root { font-size: 0.75rem; font-weight: 700; color: rgba(255, 255, 255, 0.8); }root { font-size: 0.625rem; color: #4b5563; }root { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.75rem; }root { font-size: 0.875rem; color: #9ca3af; margin-bottom: 0.75rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition-property: color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } div:hover > & { color: #d1d5db; }root { font-size: 0.625rem; font-weight: 700; color: #f97316; }root { width: 1.25rem; height: 1.25rem; border-radius: 9999px; background-color: rgba(249, 115, 22, 0.2); display: flex; align-items: center; justify-content: center; }root { font-size: 0.6875rem; color: #6b7280; }root { display: flex; align-items: center; gap: 0.5rem; }root { padding: 1.25rem; border-radius: 1rem; background-color: rgba(24, 24, 27, 0.5); border: 1px solid rgba(255, 255, 255, 0.05); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } root:hover { border-color: rgba(255, 255, 255, 0.1); }root { display: grid; grid-template-columns: 1fr; gap: 1.5rem; } @media (min-width: 768px) { root { grid-template-columns: repeat(3, 1fr); } }root { padding-top: 3rem; padding-bottom: 3rem; background-color: rgba(9, 9, 11, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.05); background-color: black; color: white; }root { font-size: 1.875rem; line-height: 2.25rem; font-weight: 900; margin-bottom: 1.5rem; } @media (min-width: 768px) { root { font-size: 3rem; line-height: 1; } }root { color: rgb(156, 163, 175); font-size: 1.125rem; line-height: 1.75rem; max-width: 42rem; margin-left: auto; margin-right: auto; }root { text-align: center; margin-bottom: 4rem; }root { width: 2rem; height: 2rem; color: rgb(249, 115, 22); }root { width: 4rem; height: 4rem; border-radius: 1rem; background-color: rgba(249, 115, 22, 0.1); display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; }root { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; margin-bottom: 1rem; }root { color: rgb(156, 163, 175); line-height: 1.625; }root { padding: 2rem; border-radius: 1.5rem; background-color: rgb(24, 24, 27); border: 1px solid rgba(255, 255, 255, 0.05); transition-property: all; text-align: center; } root:hover { border-color: rgba(249, 115, 22, 0.2); }root { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 2rem; } @media (min-width: 768px) { root { grid-template-columns: repeat(3, minmax(0, 1fr)); } }root { padding-top: 6rem; padding-bottom: 6rem; background-color: black; color: white; } @media (min-width: 768px) { root { padding-top: 8rem; padding-bottom: 8rem; } }root { font-size: 1.875rem; line-height: 2.25rem; font-weight: 900; margin-bottom: 2rem; } @media (min-width: 768px) { root { font-size: 3rem; line-height: 1; } }#brxe-m5_icon001 {: graduation-cap}root { width: 1.5rem; height: 1.5rem; color: #3b82f6; }root { width: 3rem; height: 3rem; border-radius: 0.75rem; background-color: rgba(59, 130, 246, 0.1); display: flex; align-items: center; justify-content: center; }root { font-weight: 700; font-size: 1.125rem; line-height: 1.75rem; }root { font-size: 0.875rem; line-height: 1.25rem; color: #6b7280; }root { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }root { display: flex; justify-content: space-between; font-size: 0.75rem; line-height: 1rem; color: #9ca3af; margin-bottom: 0.25rem; }root { width: 65%; height: 100%; background-color: #3b82f6; }root { width: 100%; height: 0.375rem; background-color: #000000; border-radius: 9999px; overflow: hidden; }root { display: flex; flex-direction: column; gap: 0.5rem; }root { padding: 1.5rem; border-radius: 1rem; background-color: #18181b; border: 1px solid rgba(255, 255, 255, 0.05); }#brxe-m5_icon002 {: trending-up}root { width: 1.5rem; height: 1.5rem; color: #f97316; }root { width: 3rem; height: 3rem; border-radius: 0.75rem; background-color: rgba(249, 115, 22, 0.1); display: flex; align-items: center; justify-content: center; }root { width: 1.5rem; height: 1.5rem; border-radius: 9999px; border: 2px solid #18181b; background-color: #27272a; }root { width: 1.5rem; height: 1.5rem; border-radius: 9999px; border: 2px solid #18181b; background-color: #27272a; margin-left: -0.5rem; }root { display: flex; margin-right: -0.5rem; }root { font-size: 0.75rem; line-height: 1rem; color: #6b7280; }root { display: flex; flex-direction: column; gap: 1.5rem; }root { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; }root { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; margin-bottom: 0.5rem; }root { font-size: 0.875rem; line-height: 1.25rem; color: #9ca3af; margin-bottom: 1.5rem; }root { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: #ea580c; border-radius: 9999px; font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } root:hover { background-color: #c2410c; }root { padding: 2rem; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(12px); border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }root { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }root { position: relative; aspect-ratio: 16/9; border-radius: 1.5rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); opacity: 1; }root { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; } @media (min-width: 1024px) { root { grid-template-columns: 1fr 1fr; } }root { background-color: #000000; color: white; padding-top: 6rem; padding-bottom: 6rem; } @media (min-width: 768px) { root { padding-top: 8rem; padding-bottom: 8rem; } }root { background-color: #000 !important; color: #fff; min-height: 100vh; overflow-x: hidden; }