/* Leebry redesign — about page. Generated from the design source. */
body{margin:0;background:#0f0f0f;}

.about-g0{position: relative; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset, rgba(0, 0, 0, 0.12) 0px -1px 0px inset, rgba(0, 0, 0, 0.25) 0px 4px 32px;}
.about-g1{position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; overflow: visible; z-index: -1;}
.about-g2{position: absolute; inset: 0px; border-radius: 76.712px; background: rgba(15, 15, 16, 0.28); backdrop-filter: url("#lb-nav-lens"); pointer-events: none; z-index: 0;}
.about-g3{cursor: pointer;}
.about-g4{height: 35.556px; width: auto;}
.about-g5{position: relative;}
.about-g6{display: flex; align-items: center; gap: 5px;}
.about-g7{transition: transform 0.25s; transform: none;}
.about-g8{background: rgb(15, 15, 15); min-height: 100vh; padding-bottom: 140px; overflow: hidden;}
.about-g9{position: relative; padding-top: 300px; padding-bottom: 120px;}
.about-g10{position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.09) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(60% 60% at 50% 22%, rgb(0, 0, 0), transparent 78%);}
.about-g11{position: absolute; left: 0px; right: 0px; top: 748px; height: 640px; overflow: hidden; pointer-events: none;}
.about-g12{gap: 140px; height: 100%;}
.about-g13{display: flex; align-items: center; gap: 140px; padding-right: 140px;}
.about-g14{width: 640px; height: 640px; display: block; flex-shrink: 0; background: linear-gradient(135deg, rgb(255, 0, 170), rgb(255, 180, 254)); opacity: 0.9; mask-image: url("../shapes/solid-1.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g15{width: 640px; height: 640px; display: block; flex-shrink: 0; background: linear-gradient(135deg, rgb(0, 31, 187), rgb(172, 163, 251)); opacity: 0.9; mask-image: url("../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g16{width: 640px; height: 640px; display: block; flex-shrink: 0; background: linear-gradient(170deg, rgb(36, 71, 255) 0%, rgb(0, 31, 187) 55%, rgb(5, 13, 78) 100%); opacity: 0.9; mask-image: url("../shapes/solid-3.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g17{width: 640px; height: 640px; display: block; flex-shrink: 0; background: linear-gradient(135deg, rgb(196, 255, 112), rgb(172, 163, 251)); opacity: 0.9; mask-image: url("../shapes/solid-4.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g18{max-width: 1076px; margin: 0px auto; padding: 0px 32px; position: relative; text-align: center;}
.about-g19{--rd: 0.1s;}
.about-g20{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(44px, 6.6vw, 84px); line-height: 1.04; letter-spacing: -0.015em; color: rgb(255, 255, 255); margin: 0px;}
.about-g21{--rd: 0.22s;}
.about-g22{font-family: "Fixel Display:Light", sans-serif; font-size: 19px; line-height: 1.55; color: rgba(255, 255, 255, 0.78); margin: 34px auto 0px; max-width: 560px; text-shadow: rgba(0, 0, 0, 0.75) 0px 1px 18px;}
.about-g23{max-width: 1076px; margin: 0px auto; padding: 0px 32px;}
.about-g24{display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px;}
.about-g25{--rd: 0s; grid-column: span 7; min-width: 0px; display: flex;}
.about-g26{border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.22); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px inset, rgba(0, 0, 0, 0.25) 0px -1px 0px inset, rgba(0, 0, 0, 0.55) 0px 24px 60px -24px; padding: 6px; position: relative; overflow: hidden; flex: 1 1 0%; min-height: 250px;}
.about-g27{position: absolute; inset: 0px; border-radius: 20px; background: rgba(255, 255, 255, 0.043); backdrop-filter: url("#ab-glass-1") saturate(1.25); pointer-events: none;}
.about-g28{position: relative; height: 100%; border-radius: 15px; background: rgba(15, 15, 17, 0.74); backdrop-filter: blur(14px) saturate(1.1); padding: 26px; display: flex; flex-direction: column;}
.about-g29{position: absolute; top: 20px; right: 22px; width: 32px; height: 34px; opacity: 0.9;}
.about-g30{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(56px, 7vw, 88px); line-height: 1; color: rgb(255, 255, 255); margin: auto 0px 0px; position: relative;}
.about-g31{font-family: "Fixel Display:Light", sans-serif; font-size: 16px; color: rgba(255, 255, 255, 0.75); margin: 12px 0px 0px; position: relative;}
.about-g32{--rd: 0.08s; grid-column: span 5; min-width: 0px; display: flex;}
.about-g33{border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.22); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px inset, rgba(0, 0, 0, 0.25) 0px -1px 0px inset, rgba(0, 0, 0, 0.55) 0px 24px 60px -24px; padding: 6px; position: relative; overflow: hidden; flex: 1 1 0%;}
.about-g34{position: absolute; inset: 0px; border-radius: 20px; background: rgba(255, 255, 255, 0.043); backdrop-filter: url("#ab-glass-2") saturate(1.25); pointer-events: none;}
.about-g35{position: relative; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; min-height: 186px;}
.about-g36{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(40px, 4.6vw, 56px); line-height: 1; color: rgb(255, 255, 255); margin: 0px;}
.about-g37{font-family: "Fixel Display:Light", sans-serif; font-size: 15px; color: rgba(255, 255, 255, 0.6); margin: 10px 0px 0px;}
.about-g38{--rd: 0s; grid-column: span 5; min-width: 0px; display: flex;}
.about-g39{position: absolute; inset: 0px; border-radius: 20px; background: rgba(255, 255, 255, 0.043); backdrop-filter: url("#ab-glass-3") saturate(1.25); pointer-events: none;}
.about-g40{font-family: "Fixel Display:Medium", sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); margin: 0px;}
.about-g41{display: flex; align-items: center; gap: 26px; margin-top: 26px; flex-wrap: wrap;}
.about-g42{display: flex; align-items: center; gap: 9px;}
.about-g43{position: relative; width: 28px; height: 28px; display: block; flex-shrink: 0; overflow: hidden;}
.about-g44{position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; transform: scale(0.933333); transform-origin: left top; display: block;}
.about-g45{position: absolute; left: 30.29%; top: 81.43%; width: 39.44%; height: 1.7px; display: block; mix-blend-mode: darken;}
.about-g46{position: absolute; left: 32.06%; top: 63.72%; width: 35.81%; height: 6px; display: block;}
.about-g47{position: absolute; left: 32.06%; top: 63.72%; width: 35.81%; height: 5.2px; display: block;}
.about-g48{position: absolute; left: 46.57%; top: 69.01%; width: 6.95%; height: 2.2px; display: block;}
.about-g49{position: absolute; left: 7.97%; top: 20.75%; width: 84.07%; height: 13.9px; display: block;}
.about-g50{position: absolute; left: 13.55%; top: 26.79%; width: 72.66%; height: 9.6px; display: block;}
.about-g51{position: absolute; left: 71.01%; top: 24.98%; width: 17%; height: 9.9px; display: block;}
.about-g52{position: absolute; left: 47.9%; top: 19.17%; width: 33.68%; height: 6px; display: block;}
.about-g53{width: 78px; height: 12px; opacity: 0.9;}
.about-g54{position: relative; width: 26px; height: 26px; display: block; overflow: hidden; flex-shrink: 0;}
.about-g55{position: absolute; left: 10%; top: 10%; width: 80%; height: 80%; display: block;}
.about-g56{position: absolute; left: 12.5%; top: 12.11%; width: 75.58%; height: 74.99%; display: block;}
.about-g57{position: absolute; left: 32%; top: 19.1%; width: 58.06%; height: 32.66%; display: block;}
.about-g58{width: 29px; height: 12px; opacity: 0.9;}
.about-g59{width: 16px; height: 24px;}
.about-g60{width: 44px; height: 12px; opacity: 0.9;}
.about-g61{width: 28px; height: 22px;}
.about-g62{width: 63px; height: 10px; opacity: 0.9;}
.about-g63{font-family: "Fixel Display:Light", sans-serif; font-size: 14.5px; line-height: 1.55; color: rgba(255, 255, 255, 0.55); margin: 24px 0px 0px;}
.about-g64{--rd: 0.08s; grid-column: span 4; min-width: 0px; display: flex;}
.about-g65{position: absolute; inset: 0px; border-radius: 20px; background: rgba(255, 255, 255, 0.043); backdrop-filter: url("#ab-glass-4") saturate(1.25); pointer-events: none;}
.about-g66{display: flex; flex-direction: column; height: 100%; min-height: 186px;}
.about-g67{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 44px; line-height: 1; color: rgb(255, 255, 255); margin: 0px;}
.about-g68{font-family: "Fixel Display:Light", sans-serif; font-size: 14.5px; color: rgba(255, 255, 255, 0.6); margin: 10px 0px auto;}
.about-g69{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 22px;}
.about-g70{font-family: "Fixel Display:Medium", sans-serif; font-size: 10.5px; letter-spacing: 1.2px; color: rgb(196, 255, 112); border: 1px solid rgba(196, 255, 112, 0.35); border-radius: 999px; padding: 5px 10px;}
.about-g71{--rd: 0.14s; grid-column: span 3; min-width: 0px; display: flex;}
.about-g72{position: absolute; inset: 0px; border-radius: 20px; background: rgba(255, 255, 255, 0.043); backdrop-filter: url("#ab-glass-5") saturate(1.25); pointer-events: none;}
.about-g73{margin-top: 22px;}
.about-g74{font-family: "Fixel Display:Medium", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.8); margin: 0px; display: flex; align-items: center; gap: 8px;}
.about-g75{width: 6px; height: 6px; border-radius: 999px; background: rgb(51, 102, 255); box-shadow: rgb(51, 102, 255) 0px 0px 8px;}
.about-g76{font-family: "Fixel Display:Medium", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.8); margin: 8px 0px 0px; display: flex; align-items: center; gap: 8px;}
.about-g77{margin-top: 190px; display: flex; flex-wrap: wrap; gap: 48px 90px; align-items: flex-start;}
.about-g78{--rd: 0s; flex: 1 1 320px; min-width: 280px; position: sticky; top: 140px;}
.about-g79{font-family: "Fixel Display:Medium", sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); margin: 0px 0px 20px;}
.about-g80{font-family: "Fixel Display:Medium", sans-serif; font-size: clamp(30px, 4vw, 44px); line-height: 1.15; letter-spacing: -0.01em; color: rgb(255, 255, 255); margin: 0px;}
.about-g81{position: relative; padding-left: 64px; flex: 1 1 480px; min-width: 320px;}
.about-g82{position: absolute; left: 10px; top: 8px; bottom: 8px; width: 2px; border-radius: 2px; background: rgba(255, 255, 255, 0.12);}
.about-g83{width: 100%; height: 0%; border-radius: 2px; background: linear-gradient(rgb(255, 0, 170) 0%, rgb(172, 163, 251) 36%, rgb(51, 102, 255) 68%, rgb(196, 255, 112) 100%); box-shadow: rgba(172, 163, 251, 0.45) 0px 0px 12px; transition: height 0.25s ease-out;}
.about-g84{--rd: 0s; --aa: #FF00AA; --mg: linear-gradient(135deg,#FF00AA,#FFB4FE);}
.about-g85{position: relative; padding-bottom: 72px;}
.about-g86{position: absolute; left: -64px; top: 10px; width: 22px; height: 22px; display: block;}
.about-g87{position: absolute; inset: -5px; border-radius: 50%; background: rgb(15, 15, 15); display: block;}
.about-g88{position: absolute; inset: 0px; display: block; mask-image: url("../shapes/solid-1.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g89{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 38px; line-height: 1; color: rgb(255, 0, 170); margin: 0px 0px 12px;}
.about-g90{font-family: "Fixel Display:Medium", sans-serif; font-size: 22px; color: rgb(255, 255, 255); margin: 0px 0px 10px;}
.about-g91{font-family: "Fixel Display:Light", sans-serif; font-size: 16.5px; line-height: 1.62; color: rgba(255, 255, 255, 0.62); margin: 0px; max-width: 640px;}
.about-g92{--rd: 0s; --aa: #ACA3FB; --mg: linear-gradient(135deg,#001FBB,#ACA3FB);}
.about-g93{position: absolute; inset: 0px; display: block; mask-image: url("../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g94{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 38px; line-height: 1; color: rgb(172, 163, 251); margin: 0px 0px 12px;}
.about-g95{--rd: 0s; --aa: #3366FF; --mg: linear-gradient(170deg,#2447FF 0%,#001FBB 55%,#050D4E 100%);}
.about-g96{position: absolute; inset: 0px; display: block; mask-image: url("../shapes/solid-3.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g97{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 38px; line-height: 1; color: rgb(51, 102, 255); margin: 0px 0px 12px;}
.about-g98{--rd: 0s; --aa: #C4FF70; --mg: linear-gradient(135deg,#C4FF70,#ACA3FB);}
.about-g99{position: relative; padding-bottom: 0px;}
.about-g100{position: absolute; inset: 0px; display: block; mask-image: url("../shapes/solid-4.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g101{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 38px; line-height: 1; color: rgb(196, 255, 112); margin: 0px 0px 12px;}
.about-g102{--rd: 0s;}
.about-g103{margin-top: 190px; padding: 40px 0px;}
.about-g104{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(30px, 4.4vw, 52px); line-height: 1.22; letter-spacing: -0.015em; color: rgb(255, 255, 255); margin: 0px; max-width: 880px;}
.about-g105{background: linear-gradient(92deg, rgb(255, 0, 170), rgb(229, 0, 143)); color: rgb(26, 3, 18); border-radius: 8px; padding: 0px 12px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.about-g106{display: flex; align-items: center; gap: 11px; margin-top: 30px;}
.about-g107{width: 24px; height: 24px;}
.about-g108{font-family: "Fixel Display:Light", sans-serif; font-size: 14.5px; color: rgba(255, 255, 255, 0.55); margin: 0px;}
.about-g109{font-family: "Fixel Display:Medium", sans-serif; font-size: clamp(30px, 4vw, 44px); letter-spacing: -0.01em; color: rgb(255, 255, 255); margin: 0px;}
.about-g110{display: flex; flex-direction: column; gap: 56px; flex: 1 1 480px; min-width: 320px;}
.about-g111{--rd: 0s; --aa: #FF00AA;}
.about-g112{display: flex; gap: 36px; align-items: flex-start; flex-wrap: wrap;}
.about-g113{position: relative; width: 64px; height: 64px; flex-shrink: 0; display: block;}
.about-g114{transform: rotate(-90deg);}
.about-g115{position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; transform: translate(-50%, -50%); display: block; background: linear-gradient(135deg, rgb(255, 0, 170), rgb(255, 180, 254)); mask-image: url("../shapes/solid-1.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g116{flex: 1 1 380px; min-width: 280px;}
.about-g117{display: flex; align-items: baseline; gap: 16px;}
.about-g118{font-family: "Fixel Display:Medium", sans-serif; font-size: 14px; letter-spacing: 1.6px; color: rgba(255, 255, 255, 0.4);}
.about-g119{font-family: "Fixel Display:Medium", sans-serif; font-size: 24px; color: rgb(255, 255, 255); margin: 0px;}
.about-g120{font-family: "Fixel Display:Light", sans-serif; font-size: 16px; line-height: 1.62; color: rgba(255, 255, 255, 0.62); margin: 12px 0px 0px; max-width: 660px;}
.about-g121{--rd: 0.08s; --aa: #3366FF;}
.about-g122{position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; transform: translate(-50%, -50%); display: block; background: linear-gradient(170deg, rgb(36, 71, 255) 0%, rgb(0, 31, 187) 55%, rgb(5, 13, 78) 100%); mask-image: url("../shapes/solid-3.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g123{--rd: 0.16s; --aa: #C4FF70;}
.about-g124{position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; transform: translate(-50%, -50%); display: block; background: linear-gradient(135deg, rgb(196, 255, 112), rgb(172, 163, 251)); mask-image: url("../shapes/solid-4.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g125{display: flex; align-items: center; gap: 14px; margin-top: 14px;}
.about-g126{width: 38px; height: 41px;}
.about-g127{width: 187px; height: 34px;}
.about-g128{display: inline-flex; align-items: center; gap: 8px; margin-top: 32px; font-family: "Fixel Display:Medium", sans-serif; font-size: 14.5px; color: rgba(255, 255, 255, 0.75); text-decoration: none; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 999px; padding: 10px 20px; transition: border-color 0.25s, color 0.25s, background 0.25s;}
.about-g129{flex: 1 1 480px; min-width: 320px;}
.about-g130{font-family: "Fixel Display:Light", sans-serif; font-size: 17px; line-height: 1.65; color: rgba(255, 255, 255, 0.68); margin: 0px; max-width: 620px;}
.about-g131{margin-top: 20px;}
.about-g132{display: flex; gap: 22px; align-items: flex-start; padding: 30px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-top: 26px; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.about-g133{width: 20px; height: 20px; display: block; flex-shrink: 0; margin-top: 4px; background: linear-gradient(135deg, rgb(255, 0, 170), rgb(255, 180, 254)); mask-image: url("../shapes/solid-1.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g134{font-family: "Fixel Display:Medium", sans-serif; font-size: 18.5px; color: rgb(255, 255, 255); margin: 0px 0px 8px;}
.about-g135{font-family: "Fixel Display:Light", sans-serif; font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.6); margin: 0px; max-width: 560px;}
.about-g136{--rd: 0.08s;}
.about-g137{display: flex; gap: 22px; align-items: flex-start; padding: 30px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}
.about-g138{width: 20px; height: 20px; display: block; flex-shrink: 0; margin-top: 4px; background: linear-gradient(170deg, rgb(36, 71, 255) 0%, rgb(0, 31, 187) 55%, rgb(5, 13, 78) 100%); mask-image: url("../shapes/solid-3.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g139{--rd: 0.16s;}
.about-g140{display: flex; gap: 22px; align-items: flex-start; padding: 30px 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}
.about-g141{width: 20px; height: 20px; display: block; flex-shrink: 0; margin-top: 4px; background: linear-gradient(135deg, rgb(196, 255, 112), rgb(172, 163, 251)); mask-image: url("../shapes/solid-4.svg"); mask-repeat: no-repeat; mask-size: contain;}
.about-g142{margin-top: 200px; border-top: 1px solid rgba(255, 255, 255, 0.12); padding-top: 84px; text-align: center;}
.about-g143{font-family: "Fixel Display:Medium", sans-serif; font-size: clamp(28px, 4.2vw, 46px); line-height: 1.2; letter-spacing: -0.01em; color: rgb(255, 255, 255); margin: 0px auto 16px; max-width: 640px;}
.about-g144{position: relative; white-space: nowrap;}
.about-g145{position: absolute; left: 0px; right: 0px; bottom: -8px; height: 5px; border-radius: 3px; background: linear-gradient(90deg, rgb(255, 0, 170), rgb(172, 163, 251), rgb(51, 102, 255));}
.about-g146{font-family: "Fixel Display:Light", sans-serif; font-size: 16px; color: rgba(255, 255, 255, 0.6); margin: 22px 0px 34px;}
.about-g147{display: flex; gap: 22px; justify-content: center; align-items: center; flex-wrap: wrap;}
.about-g148{font-family: "Fixel Display:Medium", sans-serif; font-size: 15.5px; color: rgb(18, 20, 23); background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 999px; padding: 13px 28px; cursor: pointer; transition: background 0.2s;}
.about-g149{font-family: "Fixel Display:Medium", sans-serif; font-size: 15px; color: rgba(255, 255, 255, 0.65); cursor: pointer; transition: color 0.2s;}