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

        @keyframes ucPan {
          from { transform: rotateX(30deg) rotateZ(-9deg) translate3d(-70px, -40px, 0); }
          to { transform: rotateX(30deg) rotateZ(-9deg) translate3d(70px, 55px, 0); }
        }
        @keyframes ucDrift { from { transform: translateY(-12px); } to { transform: translateY(12px); } }
        @keyframes ucCaret { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
      
.gd6dc33d4{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;}
.g9c7ec915{position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; overflow: visible; z-index: -1;}
.gc4d03749{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;}
.g24b531c6{cursor: pointer;}
.g3ccfca98{height: 35.556px; width: auto;}
.gd85c4e64{position: relative;}
.g37e43dcd{display: flex; align-items: center; gap: 5px;}
.g6ff02028{transition: transform 0.25s; transform: none;}
.g7da31927{background: rgb(15, 15, 15); min-height: 100vh; padding-bottom: 140px; overflow: hidden; position: relative; z-index: 0;}
.g1d999909{position: relative; height: min(88vh, 920px); min-height: 620px; overflow: hidden;}
.g54eac832{position: absolute; left: 50%; top: 44%; width: 2600px; height: 1700px; margin-left: -1300px; margin-top: -850px; perspective: 1500px; pointer-events: none;}
.g757af325{position: absolute; inset: 0px; animation: 38s ease-in-out 0s infinite alternate none running ucPan; transform-style: preserve-3d;}
.g81eb5347{position: absolute; left: 30px; top: 140px;}
.g00c59de4{transform: scale(1.5); transform-origin: left top;}
.gf3743abd{animation: 21s ease-in-out 0s infinite alternate none running ucDrift; filter: blur(6px) brightness(0.55); will-change: transform;}
.g051f3632{width: 490.28px; height: 440.3px; pointer-events: none;}
.g11c38250{width: 824px; height: 740px; transform: scale(0.595); transform-origin: left top;}
.g20a81ba5{width: 824px; height: 740px;}
.gfbba1dd8{background: rgb(48, 134, 246);}
.ge7744358{background: rgb(3, 108, 112);}
.gbfb6e27e{background: rgb(3, 100, 184);}
.g051e7e63{width: 28px; height: 28px; display: block;}
.g951743f2{position: absolute; left: 1030px; top: -40px;}
.gb3304ac0{transform: scale(1.4); transform-origin: left top;}
.g416415ea{animation: 26s ease-in-out -8s infinite alternate none running ucDrift; filter: blur(7px) brightness(0.5); will-change: transform;}
.ge7247dee{width: 24px; height: 24px;}
.g052ff0c6{width: 18px; height: 18px;}
.g8a684218{position: absolute; left: 1860px; top: 160px;}
.g00a38fea{transform: scale(1.55); transform-origin: left top;}
.gd696b23e{animation: 23s ease-in-out -4s infinite alternate none running ucDrift; filter: blur(5px) brightness(0.55); will-change: transform;}
.ge5973ea1{width: 490px; height: 534px; position: relative; pointer-events: none;}
.g86ed9d2e{transform: scale(1); transform-origin: left top; width: 490px; height: 534px; position: relative;}
.gdae227df{position: absolute; left: -742px; top: -2590px; width: 1440px; height: 4000px;}
.g4f6a362b{left: 742px; top: 2590px; width: 490px; height: 534px;}
.g692c90fe{inset: -110px; background-image: linear-gradient(rgba(51, 102, 255, 0.3) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(51, 102, 255, 0.3) 1.5px, transparent 1.5px); background-size: 46px 46px; mask-image: radial-gradient(54% 54%, rgb(0, 0, 0) 46%, transparent 84%);}
.g40f973f8{padding: 2.5px; background: radial-gradient(240px 150px at 84% 0%, rgba(51, 102, 255, 0.85) 0%, transparent 62%), radial-gradient(200px 130px at 0% 58%, rgba(255, 255, 255, 0.55) 0%, transparent 62%), radial-gradient(170px 120px at 38% 100%, rgba(51, 102, 255, 0.45) 0%, transparent 62%), linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 80px -30px;}
.g27890b57{background: linear-gradient(rgb(24, 24, 25) 0%, rgb(18, 18, 19) 100%);}
.g1ba05073{width: 16px; height: 16px; display: block;}
.g5389e265{font-family: "Fixel Display:Medium", sans-serif; font-size: 12px; color: rgb(139, 142, 148); margin-left: 9px; white-space: nowrap;}
.g09fa04eb{position: absolute; left: 790px; top: 3038px; width: 400px; height: 66px; background: rgb(19, 19, 20);}
.g2b7617c6{position: absolute; left: 120px; top: 900px;}
.gabcbeba2{transform: scale(1.75); transform-origin: left top;}
.g459c2766{animation: 19s ease-in-out -11s infinite alternate none running ucDrift; filter: blur(2.5px) brightness(0.7); will-change: transform;}
.g980e3a02{background: rgb(25, 25, 25);}
.g6edc179b{position: absolute; left: 935px; top: 720px;}
.gab29073b{transform: scale(2); transform-origin: left top;}
.ged28d711{animation: 17s ease-in-out -3s infinite alternate none running ucDrift; filter: blur(0.4px) brightness(0.9); will-change: transform;}
.g15ba4e61{width: 490px; height: 534px; border-radius: 16px; padding: 2.5px; background: radial-gradient(240px 150px at 84% 0%, rgba(51, 102, 255, 0.85) 0%, transparent 62%), radial-gradient(200px 130px at 0% 58%, rgba(255, 255, 255, 0.55) 0%, transparent 62%), radial-gradient(170px 120px at 38% 100%, rgba(51, 102, 255, 0.45) 0%, transparent 62%), linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 80px -30px; box-sizing: border-box;}
.g62ada707{width: 100%; height: 100%; border-radius: 13.5px; background: linear-gradient(rgb(24, 24, 25) 0%, rgb(18, 18, 19) 100%); overflow: hidden; position: relative;}
.ge8b5720d{display: flex; align-items: center; height: 44px; padding: 0px 16px;}
.ga1f89b99{font-family: "Fixel Display:Medium", sans-serif; font-size: 12px; color: rgb(139, 142, 148); margin-left: 9px;}
.gff575dbc{padding: 8px 22px 22px; opacity: 1; transition: opacity 0.6s;}
.g2eddca19{display: flex; justify-content: flex-end; margin-bottom: 16px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g4920fa81{background: rgb(243, 243, 243); color: rgb(18, 20, 23); font-size: 11px; font-family: "Fixel Display:Light", sans-serif; line-height: 15px; border-radius: 12.65px; padding: 5px 12px;}
.g6767d43e{display: flex; align-items: center; gap: 4px; color: rgb(118, 121, 127); font-size: 10px; font-family: "Fixel Display:Medium", sans-serif; margin-bottom: 12px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.ge9145d3a{font-size: 9px;}
.g92ac4fa5{color: rgb(255, 255, 255); font-size: 12px; font-family: "Fixel Display:Medium", sans-serif; margin: 0px 0px 6px; min-height: 15px;}
.g9cab130e{color: rgb(201, 201, 201); font-size: 12px; font-family: "Fixel Display:Light", sans-serif; line-height: 17px; margin: 0px 0px 14px; min-height: 34px; white-space: pre-line;}
.g7c6e53d4{color: rgb(201, 201, 201); font-size: 12px; font-family: "Fixel Display:Light", sans-serif; margin: 0px 0px 16px; min-height: 15px;}
.g54e42e86{display: flex; justify-content: flex-end; margin-bottom: 18px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g286c1e6d{color: rgb(255, 255, 255); font-size: 12.5px; font-family: "Fixel Display:SemiBold", sans-serif; margin: 0px 0px 10px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g9bc51eb4{display: flex; gap: 8px; align-items: stretch; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g8979186e{width: 2.5px; border-radius: 16px; background: rgb(51, 102, 255); flex-shrink: 0;}
.g73b7e5c9{flex: 1 1 0%; background: rgb(43, 43, 43); border: 0.6px solid rgba(51, 102, 255, 0.5); border-radius: 8px; padding: 12px;}
.g3ec76cb1{display: flex; gap: 6px; margin-bottom: 7px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g91965392{color: rgb(255, 255, 255); font-size: 10px; font-family: "Fixel Display:Medium", sans-serif;}
.ge3d3f0bf{color: rgb(201, 201, 201); font-size: 10px; font-family: "Fixel Display:Light", sans-serif;}
.g33171cfd{display: flex; align-items: center; gap: 6px; margin-top: 10px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g215b3231{background: rgba(17, 187, 130, 0.15); color: rgb(17, 187, 130); font-size: 9px; font-family: "Fixel Display:Medium", sans-serif; padding: 2px 8px; border-radius: 40px; border: 0.5px solid rgba(17, 187, 130, 0.4); display: inline-block; transform: scale(1); transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}
.gd5b7a0f0{position: absolute; left: 1950px; top: 950px;}
.g03231872{transform: scale(1.8); transform-origin: left top;}
.g29ea73c4{animation: 24s ease-in-out -14s infinite alternate none running ucDrift; filter: blur(2.5px) brightness(0.65); will-change: transform;}
.g9edc9e50{position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgba(15, 15, 15, 0.68) 0%, rgba(15, 15, 15, 0.34) 42%, rgba(15, 15, 15, 0.75) 74%, rgb(15, 15, 15) 100%);}
.g481a2e26{position: absolute; left: 0px; right: 0px; bottom: 42px;}
.gfe3f178c{max-width: 1120px; margin: 0px auto; padding: 0px 32px;}
.gaa443e14{--rd: 0s;}
.g48343cde{display: flex; align-items: center; gap: 10px; margin-bottom: 22px;}
.ga77a2c46{width: 15px; height: 15px; display: block; flex-shrink: 0; 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;}
.g7034d7a1{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;}
.g7d65b259{color: rgba(255, 255, 255, 0.4);}
.ge03814f8{color: rgb(255, 255, 255); margin-left: 12px;}
.g1276ea97{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(48px, 6.6vw, 88px); line-height: 1.02; letter-spacing: -0.02em; color: rgb(255, 255, 255); margin: 0px; max-width: 900px;}
.g2a138f5d{max-width: 1120px; margin: 0px auto; padding: 34px 32px 0px; position: relative;}
.g8ebb86a4{font-family: "Fixel Display:Light", sans-serif; font-size: 19px; line-height: 1.55; color: rgba(255, 255, 255, 0.65); margin: 0px; max-width: 560px;}
.g9db4aa2b{display: flex; align-items: center; gap: 20px; margin-top: 30px; flex-wrap: wrap;}
.g02bb4404{font-family: "Fixel Display:Medium", sans-serif; font-size: 15px; color: rgb(18, 20, 23); background: rgb(255, 255, 255); border-radius: 999px; padding: 13px 28px; cursor: pointer; transition: background 0.2s;}
.gc10d2d0a{font-family: "Fixel Display:Medium", sans-serif; font-size: 14.5px; color: rgba(255, 255, 255, 0.7); cursor: pointer; transition: color 0.2s;}
.gee5eed12{max-width: 1120px; margin: 150px auto 0px; padding: 0px 32px;}
.gee5eed12 .gee5eed12{padding-left: 0; padding-right: 0;}
.gee5eed12 .g957badf9{padding-left: 0; padding-right: 0;}
.g249192bf{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.28; letter-spacing: -0.015em; margin: 0px; max-width: 900px;}
.g7f9f8387{color: rgb(255, 255, 255);}
.g292296c4{max-width: 1120px; margin: 90px auto 0px; padding: 0px 32px; display: flex; flex-wrap: wrap; gap: 20px;}
.gb4dcb77c{--rd: 0s; display: flex; flex: 1 1 100%;}
.gdc2b275e{position: relative; border-radius: 24px; overflow: hidden; min-height: 480px; border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(rgb(21, 22, 26) 0%, rgb(16, 17, 20) 100%); flex: 1 1 100%;}
.ga4d79969{position: absolute; inset: 0px; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(172, 163, 251, 0.3) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(172, 163, 251, 0.3) 1.5px, transparent 1.5px); background-size: 46px 46px; mask-image: radial-gradient(52% 56% at 72% 58%, rgb(0, 0, 0) 38%, transparent 82%);}
.gf0ed2a20{padding: 40px 44px; max-width: 440px; position: relative; z-index: 2;}
.gb8c3f6bf{display: flex; align-items: center; gap: 10px; margin-bottom: 16px;}
.gb8c3f6bf .g974b678c{margin: 0;}
.gb46a69f4{width: 14px; height: 14px; display: block; flex-shrink: 0; background: linear-gradient(135deg, rgb(0, 31, 187), rgb(172, 163, 251)); mask-image: url("../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}
.g96c1a598{font-family: "Fixel Display:Medium", sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); margin: 0px;}
.g38729ce1{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(26px, 3vw, 34px); line-height: 1.18; letter-spacing: -0.01em; color: rgb(255, 255, 255); margin: 0px 0px 14px;}
.g165725b5{font-family: "Fixel Display:Light", sans-serif; font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.62); margin: 0px;}
.g5745469f{position: absolute; z-index: 1; filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 24px 60px); right: -30px; top: 56px;}
.ga56cfad9{width: 510.88px; height: 458.8px; pointer-events: none;}
.g4de47e09{width: 824px; height: 740px; transform: scale(0.62); transform-origin: left top;}
.gcd886a72{--rd: 0s; display: flex; flex: 1 1 440px;}
.g7db50d11{position: relative; border-radius: 24px; overflow: hidden; min-height: 730px; border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(rgb(21, 22, 26) 0%, rgb(16, 17, 20) 100%); flex: 1 1 440px;}
.g98f659fc{position: absolute; inset: 0px; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(51, 102, 255, 0.34) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(51, 102, 255, 0.34) 1.5px, transparent 1.5px); background-size: 46px 46px; mask-image: radial-gradient(52% 56% at 50% 66%, rgb(0, 0, 0) 38%, transparent 82%);}
.gf3dea1f5{padding: 40px 44px; max-width: 520px; position: relative; z-index: 2;}
.g0826da3c{width: 17px; height: 17px; display: block; flex-shrink: 0; 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;}
.g974b678c{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 24px; line-height: 1.18; letter-spacing: -0.01em; color: rgb(255, 255, 255); margin: 0px 0px 14px;}
.gd60ed548{position: absolute; z-index: 1; filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 24px 60px); left: 50%; transform: translateX(-50%); top: 244px;}
.g1d6a81b6{width: 494.4px; height: 444px; pointer-events: none;}
.g1ec764a9{width: 824px; height: 740px; transform: scale(0.6); transform-origin: left top;}
.g7621d4f0{background: rgb(162, 89, 255);}
.g3ff10ba9{--rd: 0.08s; display: flex; flex: 1 1 440px;}
.g2ff10914{position: absolute; inset: 0px; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(196, 255, 112, 0.24) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(196, 255, 112, 0.24) 1.5px, transparent 1.5px); background-size: 46px 46px; mask-image: radial-gradient(52% 56% at 50% 66%, rgb(0, 0, 0) 38%, transparent 82%);}
.gd3155773{width: 17px; height: 17px; display: block; flex-shrink: 0; 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;}
.g2652bdb3{display: flex; align-items: center; gap: 10px; margin-bottom: 40px;}
.g10cfd82b{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 32px;}
.g5973e97d{border-top: 1px solid rgba(255, 255, 255, 0.14); padding-top: 22px;}
.g0cf6916e{font-family: "Fixel Display:Medium", sans-serif; font-size: 13px; color: rgba(255, 255, 255, 0.4); margin: 0px 0px 14px;}
.g3cff183a{font-family: "Fixel Display:Medium", sans-serif; font-size: 18px; color: rgb(255, 255, 255); margin: 0px 0px 10px;}
.gf4c5b149{font-family: "Fixel Display:Light", sans-serif; font-size: 14.5px; line-height: 1.6; color: rgba(255, 255, 255, 0.58); margin: 0px;}
.g049a40f0{--rd: 0.07s;}
.g9234326f{--rd: 0.14s;}
.g42eea333{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 44px;}
.g653e0758{font-family: "Fixel Display:Medium", sans-serif; font-size: 12.5px; color: rgba(255, 255, 255, 0.65); background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 999px; padding: 7px 15px;}
.g337087c3{border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(rgb(21, 22, 26), rgb(16, 17, 20)); padding: 48px 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px 0px;}
.gf330fe06{padding: 0px 32px;}
.g4e987715{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 52px; line-height: 1; color: rgb(255, 0, 170); margin: 0px; font-variant-numeric: tabular-nums;}
.g8468a6b0{font-family: "Fixel Display:Light", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.55); margin: 12px 0px 0px;}
.gd0b5bd2e{border-left: 1px solid rgba(255, 255, 255, 0.08);}
.g8f80f413{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 52px; line-height: 1; color: rgb(172, 163, 251); margin: 0px; font-variant-numeric: tabular-nums;}
.gb84cbd6d{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 52px; line-height: 1; color: rgb(196, 255, 112); margin: 0px; font-variant-numeric: tabular-nums;}
.g729aec9d{font-family: "Fixel Display:Light", sans-serif; font-size: 12.5px; color: rgba(255, 255, 255, 0.35); margin: 18px 0px 0px;}
.geb8e59aa{color: rgba(255, 255, 255, 0.6); cursor: pointer; text-decoration: underline; text-underline-offset: 3px;}
.g92aa8abe{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;}
.g767e647d{--rd: 0s; display: flex;}
.g597a0f32{flex: 1 1 0%; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgb(19, 20, 23); padding: 30px; display: flex; flex-direction: column; gap: 20px;}
.gdf80b0c8{width: 18px; height: 18px; display: block; flex-shrink: 0; 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;}
.g882e2a40{font-family: "Fixel Display:Medium", sans-serif; font-size: 16.5px; line-height: 1.5; color: rgba(255, 255, 255, 0.9); margin: 0px;}
.gdc1210f3{font-family: "Fixel Display:Light", sans-serif; font-size: 13.5px; color: rgba(255, 255, 255, 0.45); margin: auto 0px 0px;}
.gb866bfaf{--rd: 0.07s; display: flex;}
.g0b910b1d{width: 18px; height: 18px; display: block; flex-shrink: 0; background: linear-gradient(135deg, rgb(0, 31, 187), rgb(172, 163, 251)); mask-image: url("../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}
.g2a8b0743{--rd: 0.14s; display: flex;}
.g538880d3{width: 18px; height: 18px; display: block; flex-shrink: 0; 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;}
.g9411826b{display: flex; align-items: center; gap: 10px; margin-bottom: 28px;}
.gb92cffde{width: 15px; height: 15px; display: block; flex-shrink: 0; 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;}
.g4e4f9b94{display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px;}
.g0a428aa9{--aa: #ACA3FB; flex: 1 1 0%; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.09); background: rgb(19, 20, 23); padding: 30px; cursor: pointer; display: flex; flex-direction: column; gap: 12px;}
.g97a38c2d{font-family: "Fixel Display:Medium", sans-serif; font-size: 19px; color: rgb(255, 255, 255); margin: 6px 0px 0px;}
.g471c3b24{font-family: "Fixel Display:Medium", sans-serif; font-size: 13.5px; color: rgba(255, 255, 255, 0.8); margin: auto 0px 0px;}
.gbcf5c40c{--aa: #C4FF70; flex: 1 1 0%; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.09); background: rgb(19, 20, 23); padding: 30px; cursor: pointer; display: flex; flex-direction: column; gap: 12px;}
.g957badf9{max-width: 1076px; margin: 140px auto 0px; padding: 0px 32px;}
.g951512e7{position: relative; overflow: hidden; border-radius: 24px; background: linear-gradient(170deg, rgb(36, 71, 255) 0%, rgb(0, 31, 187) 55%, rgb(5, 13, 78) 100%); padding: clamp(36px, 5vw, 60px); text-align: center;}
.g33ce554f{position: absolute; right: -120px; top: 50%; width: 380px; height: 380px; margin-top: -190px; background: rgba(255, 255, 255, 0.13); display: block; pointer-events: none; mask-image: url("../shapes/solid-3.svg"); mask-repeat: no-repeat; mask-size: contain;}
.g3bbb1b19{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(26px, 3.6vw, 40px); line-height: 1.15; letter-spacing: -0.01em; color: rgb(255, 255, 255); margin: 0px; position: relative;}
.g59ee4ef7{font-family: "Fixel Display:Light", sans-serif; font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, 0.82); margin: 14px auto 30px; max-width: 480px; position: relative;}
.g63662494{display: flex; gap: 20px; align-items: center; justify-content: center; flex-wrap: wrap; position: relative;}
.gb06d91cf{display: inline-block; font-family: "Fixel Display:Medium", sans-serif; font-size: 15px; color: rgb(0, 31, 187); background: rgb(255, 255, 255); border-radius: 999px; padding: 13px 28px; cursor: pointer;}
.gb62d0825{font-family: "Fixel Display:Medium", sans-serif; font-size: 14.5px; color: rgba(255, 255, 255, 0.85); cursor: pointer;}

        @keyframes ukColUp { from { transform: translateY(0); } to { transform: translateY(-50%); } }
        @keyframes ukColDown { from { transform: translateY(-50%); } to { transform: translateY(0); } }
        @keyframes ukCaret { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
        @keyframes ukFlow { to { stroke-dashoffset: -110; } }
        @keyframes ukHubGlow {
          from { box-shadow: 0 0 36px rgba(172,163,251,0.16), 0 20px 50px rgba(0,0,0,0.6); border-color: rgba(172,163,251,0.3); }
          to { box-shadow: 0 0 90px rgba(172,163,251,0.42), 0 20px 50px rgba(0,0,0,0.6); border-color: rgba(172,163,251,0.6); }
        }
      
.gebfa14ff{position: absolute; left: 50%; top: 50%; width: 2000px; height: 2100px; margin-left: -1000px; margin-top: -1050px; perspective: 1500px; pointer-events: none;}
.g5794172f{position: absolute; inset: 0px; transform: rotateX(24deg) rotateZ(8deg); transform-style: preserve-3d; display: flex; justify-content: center; gap: 64px; padding-top: 40px;}
.gd74e4010{width: 490px; flex-shrink: 0;}
.gb50c9ed5{display: flex; flex-direction: column; gap: 56px; animation: 90s linear 0s infinite normal none running ukColDown; will-change: transform;}
.g4332db96{filter: blur(3.5px) brightness(0.55);}
.g85e3139d{width: 490px; height: 487px; position: relative; pointer-events: none;}
.g2947bf0d{transform: scale(1); transform-origin: left top; width: 490px; height: 487px; position: relative;}
.g1e2b73ea{position: absolute; left: -180px; top: -3244px; width: 1440px; height: 4000px;}
.gd80a0ede{left: 180px; top: 3244px; width: 490px; height: 487px;}
.g466ea2e1{inset: -110px; background-image: linear-gradient(rgba(196, 255, 112, 0.3) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(196, 255, 112, 0.3) 1.5px, transparent 1.5px); background-size: 46px 46px; mask-image: radial-gradient(54% 54%, rgb(0, 0, 0) 46%, transparent 84%);}
.gb81b40ff{padding: 2.5px; background: radial-gradient(240px 150px at 44% 0%, rgba(196, 255, 112, 0.85) 0%, transparent 62%), radial-gradient(200px 130px at 100% 26%, rgba(255, 255, 255, 0.55) 0%, transparent 62%), radial-gradient(170px 120px at 0% 74%, rgba(196, 255, 112, 0.45) 0%, transparent 62%), linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 80px -30px;}
.g4d87da76{padding: 22px; font-family: "Fixel Display", Inter, sans-serif;}
.g3153fb4e{display: flex; justify-content: flex-end; margin-bottom: 16px;}
.g24ea854c{background: rgb(243, 243, 243); color: rgb(18, 20, 23); font-size: 11px; line-height: 15px; border-radius: 14px; padding: 6px 12px; max-width: 300px; text-align: right;}
.g4ab5fb40{display: flex; align-items: center; gap: 4px; color: rgb(118, 121, 127); font-size: 10px; margin-bottom: 10px;}
.g3d022509{color: rgb(255, 255, 255); font-size: 12px; font-weight: 600; margin-bottom: 6px;}
.g876f95cd{color: rgb(201, 201, 201); font-size: 12px; line-height: 17px; margin-bottom: 16px;}
.g6197c1a9{display: flex; gap: 8px; align-items: stretch;}
.g56e56869{width: 2.5px; border-radius: 16px; background: rgb(17, 187, 130); flex-shrink: 0;}
.geb4a9442{flex: 1 1 0%; background: rgb(43, 43, 43); border: 0.6px solid rgba(17, 187, 130, 0.5); border-radius: 8px; padding: 12px;}
.g83cbf5ac{color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; margin-bottom: 10px; font-family: Inter, sans-serif;}
.g93ac7d1b{display: flex; flex-direction: column; gap: 7px;}
.g00ded1c0{display: flex; align-items: center; gap: 7px;}
.gec7926af{width: 12px; height: 12px; border-radius: 50%; background: rgb(17, 187, 130); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}
.g972fe31d{color: rgb(214, 214, 214); font-size: 9.5px; font-family: Inter, sans-serif;}
.g5b185ee3{display: flex; align-items: center; gap: 5px; margin-top: 12px;}
.g75234a71{color: rgb(255, 255, 255); font-size: 9px; font-family: Inter, sans-serif;}
.g0110cb4c{background: rgba(17, 187, 130, 0.15); color: rgb(17, 187, 130); font-size: 8px; font-weight: 600; padding: 2px 7px; border-radius: 40px; border: 0.5px solid rgba(17, 187, 130, 0.4); font-family: Inter, sans-serif;}
.g8f7e5d90{display: flex; flex-direction: column; gap: 56px; animation: 74s linear 0s infinite normal none running ukColUp; will-change: transform;}
.g6c9dab0e{filter: blur(0.4px) brightness(0.92);}
.ge6bf41c1{width: 490px; height: 432px; border-radius: 16px; padding: 2.5px; background: radial-gradient(240px 150px at 16% 0%, rgba(172, 163, 251, 0.85) 0%, transparent 62%), radial-gradient(200px 130px at 100% 42%, rgba(255, 255, 255, 0.55) 0%, transparent 62%), radial-gradient(170px 120px at 48% 100%, rgba(172, 163, 251, 0.45) 0%, transparent 62%), linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 80px -30px; box-sizing: border-box;}
.g520ac962{padding: 4px 22px 0px; opacity: 1; transition: opacity 0.6s;}
.g0c6bfde8{display: flex; justify-content: flex-end; margin-bottom: 14px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.ga193a8fc{background: rgb(243, 243, 243); color: rgb(18, 20, 23); font-size: 10.5px; font-family: "Fixel Display:Light", sans-serif; line-height: 14px; border-radius: 12.65px; padding: 5px 12px;}
.gea4443a5{display: flex; align-items: center; gap: 4px; color: rgb(118, 121, 127); font-size: 10px; font-family: "Fixel Display:Medium", sans-serif; margin-bottom: 10px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.gaa8e8507{color: rgb(255, 255, 255); font-size: 11.5px; font-family: "Fixel Display:Medium", sans-serif; line-height: 16px; margin: 0px 0px 10px; min-height: 32px;}
.ga9cf8cce{color: rgb(201, 201, 201); font-size: 11px; font-family: "Fixel Display:Medium", sans-serif; margin: 0px 0px 5px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g3815a623{margin: 0px 0px 10px;}
.g8d8de093{color: rgb(169, 169, 173); font-size: 10.5px; font-family: "Fixel Display:Light", sans-serif; line-height: 15px; margin: 0px 0px 2px; padding-left: 12px; position: relative; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g8ab5ead1{position: absolute; left: 2px;}
.g0b6ee289{display: flex; gap: 6px; margin-top: 12px; flex-wrap: wrap; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.gdd78010b{display: inline-flex; align-items: center; gap: 6px; font-family: "Fixel Display:Medium", sans-serif; font-size: 9.5px; color: rgba(255, 255, 255, 0.65); background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 999px; padding: 3px 9px;}
.g63490816{width: 8px; height: 8px; display: block; flex-shrink: 0; background: linear-gradient(135deg, rgb(0, 31, 187), rgb(172, 163, 251)); mask-image: url("../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}
.g72c430fa{width: 8px; height: 8px; display: block; flex-shrink: 0; 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;}
.g09cc7fcb{position: absolute; left: 22px; right: 22px; bottom: 14px; display: flex; align-items: center; justify-content: space-between; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 999px; padding: 6px 6px 6px 14px;}
.g3978b405{font-family: "Fixel Display:Light", sans-serif; font-size: 10.5px; color: rgb(169, 169, 169);}
.g13af3273{font-family: "Fixel Display:Medium", sans-serif; font-size: 10px; color: rgb(18, 20, 23); background: rgb(255, 255, 255); border-radius: 999px; padding: 4px 12px;}
.g8827ea28{filter: blur(2px) brightness(0.7);}
.g021f19dd{display: flex; flex-direction: column; gap: 56px; animation: 104s linear 0s infinite normal none running ukColDown; will-change: transform;}
.ge9da1e3e{width: 490.086px; height: 432.37px; position: relative; pointer-events: none;}
.g51562957{transform: scale(1); transform-origin: left top; width: 490.086px; height: 432.37px; position: relative;}
.g9d4ee3ae{position: absolute; left: -182.16px; top: -2037.9px; width: 1440px; height: 4000px;}
.g771fc208{left: 182.16px; top: 2037.9px; width: 490.086px; height: 432.37px;}
.gaf50df40{inset: -110px; background-image: linear-gradient(rgba(172, 163, 251, 0.3) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(172, 163, 251, 0.3) 1.5px, transparent 1.5px); background-size: 46px 46px; mask-image: radial-gradient(54% 54%, rgb(0, 0, 0) 46%, transparent 84%);}
.g775f057b{padding: 2.5px; background: radial-gradient(240px 150px at 16% 0%, rgba(172, 163, 251, 0.85) 0%, transparent 62%), radial-gradient(200px 130px at 100% 42%, rgba(255, 255, 255, 0.55) 0%, transparent 62%), radial-gradient(170px 120px at 48% 100%, rgba(172, 163, 251, 0.45) 0%, transparent 62%), linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 80px -30px;}
.g39004c88{display: block; margin: 0px auto; transform: translate(-30px, 20px);}
.gbb2ff49b{mask-type: alpha;}
.g8d4a173e{mix-blend-mode: darken;}
.g343afd25{position: absolute; left: 220px; top: 2406px; width: 400px; height: 40px; background: rgb(19, 19, 20);}
.g30bc732a{width: 15px; height: 15px; display: block; flex-shrink: 0; background: linear-gradient(135deg, rgb(0, 31, 187), rgb(172, 163, 251)); mask-image: url("../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}
.gd6b90796{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(48px, 6.6vw, 88px); line-height: 1.02; letter-spacing: -0.02em; color: rgb(255, 255, 255); margin: 0px; max-width: 940px;}
.gbf6b8b7c{max-width: 1120px; margin: 110px auto 0px; padding: 0px 32px;}
.g40af5dd9{position: relative; width: 100%; height: 440px; margin: 0px auto;}
.g2a143c57{position: absolute; left: 50%; top: 0px; width: 940px; height: 440px; transform: translateX(-50%) scale(1); transform-origin: center top;}
.g1f9e3627{position: absolute; inset: 0px;}
.gaca47e44{animation: 7s linear 0s infinite normal none running ukFlow;}
.g52ea6326{animation: 8s linear 0s infinite normal none running ukFlow;}
.g3a92f0f0{animation: 9s linear 0s infinite normal none running ukFlow;}
.g668455cc{animation: 10s linear 0s infinite normal none running ukFlow;}
.g7d67ae0d{position: absolute; left: 100px; top: 70px; transform: translateX(-50%); font-family: "Fixel Display:Medium", sans-serif; font-size: 13.5px; white-space: nowrap; color: rgba(255, 255, 255, 0.78); background: rgb(22, 23, 26); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; padding: 8px 18px;}
.g7afe3294{position: absolute; left: 360px; top: 26px; transform: translateX(-50%); font-family: "Fixel Display:Medium", sans-serif; font-size: 13.5px; white-space: nowrap; color: rgba(255, 255, 255, 0.78); background: rgb(22, 23, 26); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; padding: 8px 18px;}
.gd987baa8{position: absolute; left: 618px; top: 26px; transform: translateX(-50%); font-family: "Fixel Display:Medium", sans-serif; font-size: 13.5px; white-space: nowrap; color: rgba(255, 255, 255, 0.78); background: rgb(22, 23, 26); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; padding: 8px 18px;}
.gc400acc5{position: absolute; left: 852px; top: 70px; transform: translateX(-50%); font-family: "Fixel Display:Medium", sans-serif; font-size: 13.5px; white-space: nowrap; color: rgba(255, 255, 255, 0.78); background: rgb(22, 23, 26); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; padding: 8px 18px;}
.g98b28aac{position: absolute; left: 100px; top: 356px; transform: translateX(-50%); font-family: "Fixel Display:Medium", sans-serif; font-size: 13.5px; white-space: nowrap; color: rgba(255, 255, 255, 0.78); background: rgb(22, 23, 26); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; padding: 8px 18px;}
.g5d114096{position: absolute; left: 360px; top: 404px; transform: translateX(-50%); font-family: "Fixel Display:Medium", sans-serif; font-size: 13.5px; white-space: nowrap; color: rgba(255, 255, 255, 0.78); background: rgb(22, 23, 26); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; padding: 8px 18px;}
.g3cb3bdc1{position: absolute; left: 618px; top: 404px; transform: translateX(-50%); font-family: "Fixel Display:Medium", sans-serif; font-size: 13.5px; white-space: nowrap; color: rgba(255, 255, 255, 0.78); background: rgb(22, 23, 26); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; padding: 8px 18px;}
.g63237b4e{position: absolute; left: 852px; top: 356px; transform: translateX(-50%); font-family: "Fixel Display:Medium", sans-serif; font-size: 13.5px; white-space: nowrap; color: rgba(255, 255, 255, 0.78); background: rgb(22, 23, 26); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; padding: 8px 18px;}
.g481e3cc8{position: absolute; left: 470px; top: 218px; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 12px; padding: 18px 28px; border-radius: 999px; background: linear-gradient(rgb(26, 27, 31), rgb(18, 19, 22)); border: 1px solid rgba(172, 163, 251, 0.4); animation: 3.2s ease-in-out 0s infinite alternate none running ukHubGlow;}
.gb1e42f02{display: block; flex-shrink: 0;}
.gfeacf82d{font-family: "Fixel Display:Medium", sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); text-align: center; margin: 36px 0px 0px;}
.g198113dd{margin: 150px 0px 0px;}
.ge01ccc1c{max-width: 1120px; margin: 0px auto 36px; padding: 0px 32px;}
.gb512c985{display: flex; align-items: center; gap: 10px;}
.gf9183611{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(28px, 3.6vw, 40px); line-height: 1.12; letter-spacing: -0.015em; color: rgb(255, 255, 255); margin: 18px 0px 0px; max-width: 640px;}
.g60740ca8{overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, transparent);}
.g20c336e5{animation-duration: 60s; padding-bottom: 14px;}
.ga67ec717{display: inline-flex; align-items: center; gap: 10px; font-family: "Fixel Display:Light", sans-serif; font-size: 14.5px; color: rgba(255, 255, 255, 0.72); white-space: nowrap; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 999px; padding: 10px 20px; margin-right: 14px;}
.g5281198d{width: 11px; height: 11px; display: block; flex-shrink: 0; background: linear-gradient(135deg, rgb(0, 31, 187), rgb(172, 163, 251)); mask-image: url("../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}
.g86ced6cf{width: 11px; height: 11px; display: block; flex-shrink: 0; 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;}
.g1cfe90d2{width: 11px; height: 11px; display: block; flex-shrink: 0; 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;}
.ga0fdc2b3{width: 11px; height: 11px; display: block; flex-shrink: 0; 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;}
.g66452a37{animation-duration: 82s; padding-bottom: 14px;}
.g0a158c32{animation-duration: 70s; padding-bottom: 14px;}
.g1dda6279{animation-duration: 94s;}
.g0c1c9a93{display: flex; align-items: center; gap: 10px; margin-bottom: 18px;}
.g8027423e{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(28px, 3.6vw, 40px); line-height: 1.12; letter-spacing: -0.015em; color: rgb(255, 255, 255); margin: 0px 0px 48px; max-width: 640px;}
.ga275e596{display: flex; flex-wrap: wrap; gap: 20px;}
.gb7921654{position: relative; border-radius: 24px; overflow: hidden; min-height: 700px; flex: 1 1 0%; border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(rgb(21, 22, 26) 0%, rgb(16, 17, 20) 100%);}
.g94a71702{position: absolute; z-index: 1; left: 50%; transform: translateX(-50%); top: 236px; filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 24px 60px);}
.g7f6b02d4{width: 15px; height: 15px; display: block; flex-shrink: 0; 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;}
.g4c0a18d1{display: flex; gap: 24px 48px; flex-wrap: wrap; align-items: center; padding: 30px 0px; border-top: 1px solid rgba(255, 255, 255, 0.12);}
.gc6db054c{font-family: "Fixel Display:Medium", sans-serif; font-size: 14px; color: rgba(255, 255, 255, 0.4); width: 34px; flex-shrink: 0; align-self: center;}
.ga22b2b95{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -0.01em; color: rgb(255, 255, 255); margin: 0px; flex: 0 0 320px; min-width: 240px;}
.gd654d895{font-family: "Fixel Display:Light", sans-serif; font-size: 15.5px; line-height: 1.62; color: rgba(255, 255, 255, 0.62); margin: 0px; flex: 1 1 340px;}
.g98ee8e61{--rd: 0.06s;}
.gadadfed5{--rd: 0.12s;}
.gab2c379b{--aa: #3366FF; flex: 1 1 0%; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.09); background: rgb(19, 20, 23); padding: 30px; cursor: pointer; display: flex; flex-direction: column; gap: 12px;}
.g954df6c5{width: 18px; height: 18px; display: block; flex-shrink: 0; 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;}
.gbf839759{max-width: 1120px; margin: 140px auto 0px; padding: 0px 32px;}
.g378a737d{position: absolute; right: -120px; top: 50%; width: 380px; height: 380px; margin-top: -190px; background: rgba(255, 255, 255, 0.13); display: block; pointer-events: none; mask-image: url("../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}

        @keyframes uoRowL { from { transform: translateX(0); } to { transform: translateX(-50%); } }
        @keyframes uoRowR { from { transform: translateX(-50%); } to { transform: translateX(0); } }
        @keyframes uoDrift { from { transform: translateY(-12px); } to { transform: translateY(12px); } }
        @keyframes uoCaret { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
      
.gb4cd783c{position: absolute; left: 50%; top: 46%; width: 2400px; margin-left: -1200px; transform: translateY(-50%); perspective: 1500px; pointer-events: none;}
.gb0d51135{position: relative; transform: rotateX(26deg) rotateZ(-5deg); transform-style: preserve-3d; display: flex; flex-direction: column; gap: 72px;}
.gce080104{overflow: visible; width: 100%;}
.gbd862d05{display: flex; gap: 64px; width: max-content; align-items: flex-start; animation: 86s linear 0s infinite normal none running uoRowL;}
.g9c1d5c9a{filter: blur(2.5px) brightness(0.6);}
.gf16508c8{display: flex; gap: 64px; width: max-content; align-items: flex-start; animation: 108s linear 0s infinite normal none running uoRowR;}
.g9bd21f3c{position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%) scale(1.2); filter: blur(0.3px) brightness(0.95) drop-shadow(rgba(0, 0, 0, 0.75) 0px 30px 70px);}
.g9d8cc970{animation: 9s ease-in-out 0s infinite alternate none running uoDrift;}
.g12b30ea2{width: 490px; height: 487px; border-radius: 16px; padding: 2.5px; background: radial-gradient(240px 150px at 44% 0%, rgba(196, 255, 112, 0.8) 0%, transparent 62%), radial-gradient(200px 130px at 100% 26%, rgba(255, 255, 255, 0.55) 0%, transparent 62%), radial-gradient(170px 120px at 0% 74%, rgba(196, 255, 112, 0.45) 0%, transparent 62%), linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); box-shadow: rgba(0, 0, 0, 0.9) 0px 40px 80px -30px; box-sizing: border-box;}
.g4fc8be3b{padding: 6px 22px 20px; opacity: 1; transition: opacity 0.6s;}
.ge1a30187{display: flex; justify-content: flex-end; margin-bottom: 15px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g34ff540a{display: flex; align-items: center; gap: 4px; color: rgb(118, 121, 127); font-size: 10px; font-family: "Fixel Display:Medium", sans-serif; margin-bottom: 11px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.gbe6e1f0f{color: rgb(201, 201, 201); font-size: 12px; font-family: "Fixel Display:Light", sans-serif; line-height: 17px; margin: 0px 0px 14px; min-height: 51px;}
.g80865972{color: rgb(255, 255, 255); font-size: 12px; font-family: "Fixel Display:SemiBold", sans-serif; margin: 0px 0px 10px;}
.g26b600c1{display: flex; align-items: center; gap: 7px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.g57ac955c{color: rgb(214, 214, 214); font-size: 9.5px; font-family: "Fixel Display:Light", sans-serif;}
.ga21f605d{display: flex; align-items: center; gap: 5px; margin-top: 12px; opacity: 1; transform: none; transition: opacity 0.45s, transform 0.45s;}
.gbca88055{color: rgb(255, 255, 255); font-size: 9px; font-family: "Fixel Display:Medium", sans-serif;}
.ge5be4abd{background: rgba(17, 187, 130, 0.15); color: rgb(17, 187, 130); font-size: 8px; font-family: "Fixel Display:Medium", sans-serif; padding: 2px 7px; border-radius: 40px; border: 0.5px solid rgba(17, 187, 130, 0.4); display: inline-block; transform: scale(1); transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}
.gc72bdcce{position: absolute; inset: 0px; pointer-events: none; z-index: 4; background: linear-gradient(rgba(15, 15, 15, 0.68) 0%, rgba(15, 15, 15, 0.3) 42%, rgba(15, 15, 15, 0.72) 74%, rgb(15, 15, 15) 100%);}
.g72179f3b{position: absolute; left: 0px; right: 0px; bottom: 42px; z-index: 5;}
.g99190d71{font-family: "Fixel Display:SemiBold", sans-serif; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.28; letter-spacing: -0.015em; margin: 0px; max-width: 920px;}
.g7cf1fe89{display: flex; align-items: center; gap: 10px; margin-bottom: 48px;}
.g9c3b8d32{position: relative; height: 24px; margin-bottom: 36px;}
.g93b1aaca{position: absolute; left: 12px; right: 12px; top: 11px; height: 2px; background: linear-gradient(90deg, rgb(255, 0, 170), rgb(172, 163, 251) 34%, rgb(36, 71, 255) 67%, rgb(196, 255, 112)); opacity: 0.5;}
.gf64e7de2{display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; position: relative;}
.ge9ebe922{display: flex;}
.gde09f45a{background: rgb(15, 15, 15); padding: 0px 6px; margin-left: -6px;}
.g4f3b3e0b{width: 24px; height: 24px; display: block; flex-shrink: 0; 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;}
.ga0861f32{width: 24px; height: 24px; display: block; flex-shrink: 0; background: linear-gradient(135deg, rgb(0, 31, 187), rgb(172, 163, 251)); mask-image: url("../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}
.g3e72152a{width: 24px; height: 24px; display: block; flex-shrink: 0; 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;}
.g350a07b1{width: 24px; height: 24px; display: block; flex-shrink: 0; 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;}
.gfa0269eb{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px;}
.g8ed43f57{font-family: "Fixel Display:Medium", sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255, 255, 255, 0.45); margin: 0px 0px 12px;}
.gdebe0758{--rd: 0.21000000000000002s;}
.g1e281a57{max-width: 1120px; margin: 150px auto 0px; padding: 0px 32px; display: flex; flex-wrap: wrap; gap: 20px;}
.gdc006d94{position: relative; border-radius: 24px; overflow: hidden; min-height: 730px; flex: 1 1 0%; border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(rgb(21, 22, 26) 0%, rgb(16, 17, 20) 100%);}
.gc9002c7e{position: absolute; z-index: 1; filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 24px 60px); left: 50%; transform: translateX(-50%); top: 230px;}
.g42c5d77a{position: absolute; inset: 0px; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(172, 163, 251, 0.3) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(172, 163, 251, 0.3) 1.5px, transparent 1.5px); background-size: 46px 46px; mask-image: radial-gradient(52% 56% at 50% 66%, rgb(0, 0, 0) 38%, transparent 82%);}
.g2fc10e0c{position: absolute; right: -120px; top: 50%; width: 380px; height: 380px; margin-top: -190px; background: rgba(255, 255, 255, 0.13); display: block; pointer-events: none; mask-image: url("../shapes/solid-4.svg"); mask-repeat: no-repeat; mask-size: contain;}
.ge810cc03{font-family: "Fixel Display:Light", sans-serif; font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, 0.82); margin: 14px auto 30px; max-width: 500px; position: relative;}

/* ── permission flow cards (it-support use case) ───────────────────── */
.lb-flow-wrap{display:flex;gap:20px;margin-top:36px;}
.lb-flow-card{flex:1;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:28px;background:rgba(255,255,255,0.025);}
.lb-flow-card-common{border:1px solid rgba(172,163,251,0.3);}
.lb-flow-card-sensitive{border:1px solid rgba(255,183,77,0.22);}
.lb-flow-title{font-family:"Fixel Display:SemiBold",sans-serif;font-size:18px;letter-spacing:-0.01em;color:rgba(255,255,255,0.95);margin:0;text-align:center;}
.lb-flow-steps{display:flex;flex-direction:column;align-items:center;width:100%;}
.lb-flow-origin{display:flex;align-items:center;justify-content:center;padding:12px 0;}
.lb-flow-origin-logo{display:block;height:28px;width:auto;}
.lb-flow-conn{width:1px;height:20px;background:rgba(255,255,255,0.13);position:relative;}
.lb-flow-conn::after{content:"";position:absolute;bottom:-1px;left:-3px;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:5px solid rgba(255,255,255,0.18);}
.lb-flow-step-label{font-family:"Fixel Display:Light",sans-serif;font-size:14px;line-height:1.4;color:rgba(255,255,255,0.75);margin:0;padding:10px 18px;border-radius:12px;text-align:center;width:100%;box-sizing:border-box;}
.lb-flow-card-common .lb-flow-step-label{background:rgba(172,163,251,0.08);border:1px solid rgba(172,163,251,0.22);}
.lb-flow-card-sensitive .lb-flow-step-label{background:rgba(255,183,77,0.07);border:1px solid rgba(255,183,77,0.2);}

/* ── comparison cards (enterprise-knowledge use case) ──────────────── */
.lb-cmp-wrap{display:flex;gap:24px;margin-top:16px;}
.lb-cmp-card{flex:1;border-radius:24px;padding:40px 36px;display:flex;flex-direction:column;gap:28px;}
.lb-cmp-card-good{background:linear-gradient(145deg,rgba(172,163,251,0.1),rgba(172,163,251,0.03));border:1px solid rgba(172,163,251,0.3);box-shadow:0 0 40px rgba(172,163,251,0.08),inset 0 1px 0 rgba(172,163,251,0.15);}
.lb-cmp-card-bad{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);}
.lb-cmp-title{font-family:"Fixel Display:SemiBold",sans-serif;font-size:20px;letter-spacing:-0.02em;color:rgba(255,255,255,0.95);margin:0;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.08);}
.lb-cmp-card-good .lb-cmp-title{border-bottom-color:rgba(172,163,251,0.2);}
.lb-cmp-list{display:flex;flex-direction:column;gap:16px;}
.lb-cmp-item{font-family:"Fixel Display:Light",sans-serif;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,0.65);margin:0;padding-left:26px;position:relative;}
.lb-cmp-card-good .lb-cmp-item::before{content:"✓";position:absolute;left:0;color:rgba(172,163,251,1);font-family:"Fixel Display:SemiBold",sans-serif;}
.lb-cmp-card-bad .lb-cmp-item::before{content:"✕";position:absolute;left:0;color:rgba(255,90,90,0.7);font-family:"Fixel Display:SemiBold",sans-serif;}

/* ── permission architecture diagram (it-support use case) ─────────── */
.lb-perm-wrap{position:relative;width:100%;padding:48px 0 8px;}
.lb-perm-diag{position:relative;width:940px;height:320px;margin:0 auto;}
.lb-perm-svg{position:absolute;inset:0;}
.lb-perm-src{position:absolute;font-family:"Fixel Display:Medium",sans-serif;font-size:13.5px;white-space:nowrap;color:rgba(255,255,255,0.85);transform:translateX(-50%);}
.lb-perm-src-common{left:105px;top:83px;}
.lb-perm-src-sensitive{left:105px;top:203px;}
.lb-perm-gate{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translate(-50%,-50%);padding:12px 22px;border-radius:14px;}
.lb-perm-gate-label{font-family:"Fixel Display:Medium",sans-serif;font-size:13px;white-space:nowrap;color:rgba(255,255,255,0.9);}
.lb-perm-gate-note{font-family:"Fixel Display:Light",sans-serif;font-size:11px;white-space:nowrap;color:rgba(255,255,255,0.45);letter-spacing:0.02em;}
.lb-perm-gate-admin{left:450px;top:100px;background:rgba(172,163,251,0.1);border:1px solid rgba(172,163,251,0.3);}
.lb-perm-gate-user{left:450px;top:220px;background:rgba(255,183,77,0.08);border:1px solid rgba(255,183,77,0.28);}
.lb-perm-center{position:absolute;left:770px;top:160px;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:18px 28px;border-radius:999px;background:linear-gradient(135deg,rgba(172,163,251,0.15),rgba(172,163,251,0.06));border:1px solid rgba(172,163,251,0.3);box-shadow:0 0 32px rgba(172,163,251,0.12);}

/* Scan rows animation (ported from index page) */
@keyframes lbScanFlow { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes lbScanPulse { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }
.lb-scan-section { margin: 150px 0 0; position: relative; overflow: hidden; }
.lb-scan-section .g100 { position: relative; inset: auto; padding: 60px 0; }
.lb-scan-section .g130 { top: 0; bottom: 0; height: auto; }
.lb-scan-section .g131 { top: 20px; bottom: 20px; }
.lb-scan-section .g132 { top: 20px; }
.lb-scan-section .g133 { top: 50%; }
.g100{position: absolute; inset: 178px 0px 10px; display: flex; flex-direction: column; justify-content: center; gap: 44px;}
.g101{position: relative; height: 48px;}
.g102{position: absolute; inset: 0px; clip-path: inset(0px 50% 0px 0px);}
.g103{display: flex; gap: 30px; width: max-content; align-items: center; animation: 46s linear -12s infinite normal none running lbScanFlow; will-change: transform;}
.g104{width: 252px; flex-shrink: 0;}
.g105{transform: rotate(-4.4deg); display: flex; align-items: center; gap: 10px; background: rgb(23, 24, 26); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 12px; padding: 13px 16px;}
.g106{width: 14px; height: 14px; border-radius: 4px; background: rgba(255, 255, 255, 0.14); flex-shrink: 0;}
.g107{font-family: "Fixel Display:Light", sans-serif; font-size: 12.5px; color: rgba(255, 255, 255, 0.42); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.g108{font-family: "Fixel Display:Medium", sans-serif; font-size: 9px; color: rgba(255, 140, 140, 0.7); border: 1px solid rgba(255, 140, 140, 0.3); border-radius: 999px; padding: 1px 7px; margin-left: auto; flex-shrink: 0;}
.g109{transform: rotate(-2.2deg); display: flex; align-items: center; gap: 10px; background: rgb(23, 24, 26); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 12px; padding: 13px 16px;}
.g110{transform: rotate(0deg); display: flex; align-items: center; gap: 10px; background: rgb(23, 24, 26); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 12px; padding: 13px 16px;}
.g111{transform: rotate(2.2deg); display: flex; align-items: center; gap: 10px; background: rgb(23, 24, 26); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 12px; padding: 13px 16px;}
.g112{transform: rotate(4.4deg); display: flex; align-items: center; gap: 10px; background: rgb(23, 24, 26); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 12px; padding: 13px 16px;}
.g113{position: absolute; inset: 0px; clip-path: inset(0px 0px 0px 50%);}
.g114{display: flex; align-items: center; gap: 10px; background: rgb(19, 20, 23); border: 1px solid color-mix(in srgb, rgb(51, 102, 255) 35%, transparent); box-shadow: color-mix(in srgb, rgb(51, 102, 255) 12%, transparent) 0px 0px 22px; border-radius: 12px; padding: 13px 16px;}
.g115{width: 14px; height: 14px; flex-shrink: 0; 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;}
.g116{font-family: "Fixel Display:Medium", sans-serif; font-size: 12.5px; color: rgba(255, 255, 255, 0.92); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.g117{display: inline-flex; align-items: center; gap: 5px; font-family: "Fixel Display:Medium", sans-serif; font-size: 9.5px; letter-spacing: 0.6px; text-transform: uppercase; color: rgb(196, 255, 112); background: rgba(196, 255, 112, 0.1); border: 1px solid rgba(196, 255, 112, 0.3); border-radius: 999px; padding: 2px 8px; margin-left: auto; flex-shrink: 0;}
.g118{display: flex; align-items: center; gap: 10px; background: rgb(22, 17, 20); border: 1px solid rgba(255, 90, 120, 0.4); box-shadow: rgba(255, 90, 120, 0.12) 0px 0px 22px; border-radius: 12px; padding: 13px 16px;}
.g119{flex-shrink: 0;}
.g120{font-family: "Fixel Display:Light", sans-serif; font-size: 12px; color: rgba(255, 255, 255, 0.4); text-decoration: line-through rgba(255, 90, 120, 0.6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.g121{font-family: "Fixel Display:Medium", sans-serif; font-size: 9.5px; letter-spacing: 0.6px; text-transform: uppercase; color: rgb(255, 122, 147); background: rgba(255, 90, 120, 0.12); border: 1px solid rgba(255, 90, 120, 0.35); border-radius: 999px; padding: 2px 8px; margin-left: auto; flex-shrink: 0;}
.g122{display: flex; align-items: center; gap: 10px; background: rgb(19, 20, 23); border: 1px solid color-mix(in srgb, rgb(255, 0, 170) 35%, transparent); box-shadow: color-mix(in srgb, rgb(255, 0, 170) 12%, transparent) 0px 0px 22px; border-radius: 12px; padding: 13px 16px;}
.g123{width: 14px; height: 14px; flex-shrink: 0; 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;}
.g124{display: flex; align-items: center; gap: 10px; background: rgb(19, 20, 23); border: 1px solid color-mix(in srgb, rgb(172, 163, 251) 35%, transparent); box-shadow: color-mix(in srgb, rgb(172, 163, 251) 12%, transparent) 0px 0px 22px; border-radius: 12px; padding: 13px 16px;}
.g125{width: 14px; height: 14px; flex-shrink: 0; background: linear-gradient(135deg, rgb(0, 31, 187), rgb(172, 163, 251)); mask-image: url("../../shapes/solid-2.svg"); mask-repeat: no-repeat; mask-size: contain;}
.g126{display: flex; gap: 30px; width: max-content; align-items: center; animation: 60s linear -31s infinite normal none running lbScanFlow; will-change: transform;}
.g127{display: flex; align-items: center; gap: 10px; background: rgb(19, 20, 23); border: 1px solid color-mix(in srgb, rgb(196, 255, 112) 35%, transparent); box-shadow: color-mix(in srgb, rgb(196, 255, 112) 12%, transparent) 0px 0px 22px; border-radius: 12px; padding: 13px 16px;}
.g128{width: 14px; height: 14px; flex-shrink: 0; 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;}
.g129{display: flex; gap: 30px; width: max-content; align-items: center; animation: 52s linear -5s infinite normal none running lbScanFlow; will-change: transform;}
.g130{position: absolute; left: 50%; top: 146px; bottom: 16px; width: 140px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(172, 163, 251, 0.1), transparent); mask-image: linear-gradient(transparent, rgb(0, 0, 0) 14%, rgb(0, 0, 0) 82%, transparent); pointer-events: none;}
.g131{position: absolute; left: 50%; top: 176px; bottom: 40px; width: 2px; transform: translateX(-50%); background: linear-gradient(transparent, rgb(172, 163, 251) 16%, rgb(172, 163, 251) 80%, transparent); filter: drop-shadow(rgba(172, 163, 251, 0.8) 0px 0px 7px) drop-shadow(rgba(172, 163, 251, 0.4) 0px 0px 26px); animation: 3.2s ease-in-out 0s infinite normal none running lbScanPulse; pointer-events: none;}
.g132{position: absolute; left: 50%; top: 150px; transform: translateX(-50%); font-family: "Fixel Display:Medium", sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(203, 197, 255, 0.75); white-space: nowrap; margin: 0px; text-shadow: rgba(172, 163, 251, 0.6) 0px 0px 12px;}
.g133{position: absolute; left: 50%; top: 358px; transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 999px; background: linear-gradient(rgb(26, 27, 31), rgb(18, 19, 22)); border: 1px solid rgba(172, 163, 251, 0.5); box-shadow: rgba(172, 163, 251, 0.35) 0px 0px 44px, rgba(0, 0, 0, 0.6) 0px 16px 40px; display: flex; align-items: center; justify-content: center;}
.g134{display: block;}

.lb-uc-footer{border-top: 1px solid rgba(255,255,255,0.05); padding: 0 32px; height: 64px; display: flex; align-items: center; justify-content: space-between; margin-top: 80px; font-family: "Fixel Display:Regular", sans-serif; font-size: 12px; color: rgba(255,255,255,0.7);}
.lb-uc-footer-links{display: flex; gap: 24px; align-items: center;}
@media (max-width: 699px) {
  .lb-uc-footer{flex-direction: column; height: auto; padding: 24px 20px; gap: 16px; text-align: center;}
  .lb-uc-footer-links{flex-direction: column; align-items: center; gap: 16px;}
  .lb-flow-wrap{flex-direction: column;}
  .lb-cmp-wrap{flex-direction: column;}
}