/* Machine-generated by build/split-css.mjs from extracted.css — do not hand-edit. */
.x61.x61{display: flex; flex-direction: column; gap: 2px;}
.x63.x63{font-size: clamp(13px, 3.4vw, 15px); color: rgb(16, 21, 18); align-self: flex-start; padding: 12px 0px; min-height: 44px; display: flex; align-items: center; line-height: 1.3;}
.x64.x64{display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: clamp(26px, 4.5vh, 44px); padding: 0px 36px;}
.x65.x65{height: 26px; width: auto;}
.x66.x66{font-family: "JetBrains Mono", monospace; font-size: 12.5px; line-height: 1.7; color: rgb(90, 101, 96); text-align: center;}
.x72.x72{position: absolute; left: 50%; top: -120px; transform: translateX(-50%); width: 760px; max-width: 100vw; height: 380px; background: radial-gradient(rgba(14, 22, 16, 0.22), rgba(14, 22, 16, 0) 68%); pointer-events: none;}
.x111.x111{font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(105, 114, 109);}
.x116.x116{position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 0; height: var(--reveal-h, 50vh); background: linear-gradient(rgb(243, 239, 249) 0%, rgb(227, 217, 241) 52%, rgb(201, 182, 228) 100%); display: flex; align-items: center; justify-content: center; overflow: hidden;}
.x117.x117{position: relative; font-family: Outfit, sans-serif; font-weight: 700; font-size: min(30vw, 44vh); line-height: 0.8; letter-spacing: -0.04em; white-space: nowrap; color: rgb(251, 250, 243); user-select: none;}
.x118.x118{min-height: 100dvh; background: rgb(253, 253, 251); color: rgb(16, 21, 18); font-family: "Albert Sans", system-ui, sans-serif; overflow-x: clip; position: relative; z-index: 2; border-radius: 0px 0px 44px 44px; box-shadow: rgba(20, 14, 30, 0.35) 0px 26px 60px -22px; margin-bottom: var(--reveal-h, 50vh);}
.x119.x119{position: absolute; top: -30px; left: 0px; right: 0px; height: 750px; pointer-events: none; z-index: 0;}
.x120.x120{position: sticky; top: 0px; z-index: 50; width: 100%;}
.x121.x121{position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1220px; margin: 0px auto; padding: 18px clamp(18px, 5vw, 32px); box-sizing: border-box; background: transparent; border-bottom: 1px solid transparent; backdrop-filter: blur(10px);}
.x122.x122{display: inline-flex; align-items: center; gap: 4px; min-height: 44px; flex: 0 0 auto; position: relative; z-index: 1;}
.x123.x123{height: clamp(30px, 8vw, 38px); width: auto; display: block; margin-top: -3px;}
.x124.x124{font-family: Outfit, sans-serif; font-weight: 700; font-size: clamp(24px, 6.4vw, 30px); letter-spacing: -0.04em; color: rgb(20, 18, 26); line-height: 1;}
.x125.x125{display: flex; align-items: center; gap: 28px; position: relative; z-index: 1;}
.x126.x126{font-size: clamp(14px, 3.8vw, 15px); font-weight: 600; color: rgb(253, 253, 251); background: rgb(16, 21, 18); padding: 13px clamp(18px, 5vw, 26px); border-radius: 999px; box-shadow: rgba(16, 21, 18, 0.25) 0px 2px 6px, rgba(16, 21, 18, 0.5) 0px 12px 28px -8px;}
.x127.x127{max-width: 1120px; margin: 0px auto; padding: clamp(48px, 9vw, 76px) clamp(18px, 5vw, 32px) clamp(56px, 12vw, 128px); box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: clamp(36px, 7vw, 64px); position: relative; z-index: 1;}
.x128.x128{display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 760px; width: 100%;}
.x129.x129{font-size: clamp(30px, 7.6vw, 80px); font-weight: 650; line-height: 1.06; letter-spacing: -0.04em; margin: 0px 0px 24px; text-wrap: balance; animation: 700ms cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running fadeUp;}
.x130.x130{font-size: 19px; line-height: 1.6; color: rgb(68, 64, 60); margin: 0px 0px clamp(28px, 6vw, 36px); max-width: 52ch; text-wrap: pretty; display: block; animation: 700ms cubic-bezier(0.22, 1, 0.36, 1) 120ms 1 normal both running fadeUp;}
.x131.x131{display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; width: 100%; animation: 700ms cubic-bezier(0.22, 1, 0.36, 1) 220ms 1 normal both running fadeUp;}
.x132.x132{font-size: 17px; font-weight: 600; color: rgb(253, 253, 251); background: rgb(16, 21, 18); border-radius: 12px; width: auto; padding: 18px 40px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; box-shadow: rgba(16, 21, 18, 0.2) 0px 2px 6px, rgba(16, 21, 18, 0.45) 0px 14px 32px -10px; transition: transform 0.18s, box-shadow 0.18s, background 0.18s;}
.x133.x133{display: inline-grid; text-align: center; overflow: hidden;}
.x134.x134{grid-area: 1 / 1; opacity: 1; transform: translateY(0%); transition: opacity 300ms cubic-bezier(0.22, 1, 0.36, 1), transform 300ms cubic-bezier(0.22, 1, 0.36, 1); white-space: nowrap;}
.x135.x135{grid-area: 1 / 1; opacity: 0; transform: translateY(115%); transition: opacity 300ms cubic-bezier(0.22, 1, 0.36, 1), transform 300ms cubic-bezier(0.22, 1, 0.36, 1); white-space: nowrap;}
.x136.x136{display: flex; justify-content: center; width: 100%;}
.x137.x137{position: relative; width: min(780px, 100%); min-height: 460px; zoom: 1;}
.x138.x138{position: absolute; inset: 0px; pointer-events: none;}
.x139.x139{position: absolute; left: 50%; top: -260px; transform: translateX(-50%); width: 880px; height: 540px; background: radial-gradient(circle, rgba(14, 22, 16, 0.26), rgba(14, 22, 16, 0) 70%);}
.x140.x140{position: absolute; left: 50%; bottom: -140px; transform: translateX(-50%); width: 680px; height: 300px; background: radial-gradient(rgba(14, 22, 16, 0.1), rgba(14, 22, 16, 0) 70%);}
.x141.x141{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 120%; height: 125%; background: radial-gradient(rgba(14, 22, 16, 0.14), rgba(14, 22, 16, 0) 70%);}
.x142.x142{position: relative; background: rgb(255, 255, 255); border: 1px solid rgba(16, 21, 18, 0.1); border-radius: 14px; padding: clamp(15px, 4.4vw, 22px); box-shadow: rgba(14, 22, 16, 0.08) 0px 1px 2px, rgba(14, 22, 16, 0.18) 0px 12px 24px -10px, rgba(14, 22, 16, 0.38) 0px 40px 80px -24px; width: min(780px, 100%); margin: 0px auto; box-sizing: border-box; animation: 800ms cubic-bezier(0.22, 1, 0.36, 1) 300ms 1 normal both running fadeUp;}
.x143.x143{display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap;}
.x144.x144{display: block; font-size: clamp(16px, 4.2vw, 19px); font-weight: 700; letter-spacing: -0.02em; margin-top: 5px; color: rgb(16, 21, 18);}
.x145.x145{display: flex; align-items: center; gap: 14px;}
.x146.x146{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: rgb(90, 101, 96);}
.x147.x147{width: 8px; height: 8px; border-radius: 999px; background: rgb(62, 107, 42);}
.x148.x148{width: 8px; height: 8px; border-radius: 999px; background: rgb(174, 182, 175);}
.x149.x149{display: flex; gap: 16px; margin-top: 14px; flex-wrap: wrap;}
.x150.x150{position: relative; flex: 1.35 1 300px; min-width: 0px; height: 330px; border-radius: 10px; overflow: hidden; background: rgb(243, 243, 237); border: 1px solid rgb(230, 231, 223);}
.x661.x661{position: absolute; left: -28%; top: 80%; width: 95%; height: 9px; background: rgb(255, 255, 255); box-shadow: rgba(210, 213, 204, 0.35) 0px 0px 0px 1px; transform: rotate(-19deg); transform-origin: center center;}
.x662.x662{position: absolute; left: 48.2%; top: 54.6%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 57ms 1 normal both running dotPop;}
.x663.x663{position: absolute; left: 62.5%; top: 50.2%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 81ms 1 normal both running dotPop;}
.x664.x664{position: absolute; left: 41.1%; top: 45.1%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 82ms 1 normal both running dotPop;}
.x665.x665{position: absolute; left: 36.6%; top: 53%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 94ms 1 normal both running dotPop;}
.x666.x666{position: absolute; left: 62.5%; top: 45.1%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 100ms 1 normal both running dotPop;}
.x667.x667{position: absolute; left: 33.5%; top: 48.8%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 108ms 1 normal both running dotPop;}
.x668.x668{position: absolute; left: 65.7%; top: 54.6%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 116ms 1 normal both running dotPop;}
.x669.x669{position: absolute; left: 59.5%; top: 39.6%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 140ms 1 normal both running dotPop;}
.x670.x670{position: absolute; left: 72%; top: 49.9%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 143ms 1 normal both running dotPop;}
.x671.x671{position: absolute; left: 46.4%; top: 62.1%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 147ms 1 normal both running dotPop;}
.x672.x672{position: absolute; left: 51.1%; top: 36.6%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 161ms 1 normal both running dotPop;}
.x673.x673{position: absolute; left: 67%; top: 39.8%; width: 8px; height: 8px; border-radius: 999px; background: rgb(62, 107, 42); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(16, 21, 18, 0.25) 0px 1px 4px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 165ms 1 normal both running dotPop;}
.x674.x674{position: absolute; left: 24.5%; top: 50.2%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 166ms 1 normal both running dotPop;}
.x675.x675{position: absolute; left: 53.6%; top: 63.8%; width: 8px; height: 8px; border-radius: 999px; background: rgb(62, 107, 42); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(16, 21, 18, 0.25) 0px 1px 4px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 168ms 1 normal both running dotPop;}
.x676.x676{position: absolute; left: 25.3%; top: 45.1%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 171ms 1 normal both running dotPop;}
.x677.x677{position: absolute; left: 37.4%; top: 37.5%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 171ms 1 normal both running dotPop;}
.x678.x678{position: absolute; left: 24.3%; top: 54.5%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 175ms 1 normal both running dotPop;}
.x679.x679{position: absolute; left: 77.4%; top: 47.2%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 181ms 1 normal both running dotPop;}
.x680.x680{position: absolute; left: 77.6%; top: 54.5%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 187ms 1 normal both running dotPop;}
.x681.x681{position: absolute; left: 34.2%; top: 63.3%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 190ms 1 normal both running dotPop;}
.x682.x682{position: absolute; left: 64.8%; top: 63.7%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 191ms 1 normal both running dotPop;}
.x683.x683{position: absolute; left: 27.3%; top: 39.8%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 191ms 1 normal both running dotPop;}
.x684.x684{position: absolute; left: 72.3%; top: 61%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 196ms 1 normal both running dotPop;}
.x685.x685{position: absolute; left: 27.1%; top: 61.7%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 204ms 1 normal both running dotPop;}
.x686.x686{position: absolute; left: 63.2%; top: 34.5%; width: 8px; height: 8px; border-radius: 999px; background: rgb(62, 107, 42); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(16, 21, 18, 0.25) 0px 1px 4px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 205ms 1 normal both running dotPop;}
.x687.x687{position: absolute; left: 46.7%; top: 32.7%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 209ms 1 normal both running dotPop;}
.x688.x688{position: absolute; left: 59.9%; top: 67.2%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 217ms 1 normal both running dotPop;}
.x689.x689{position: absolute; left: 50.4%; top: 68.4%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 221ms 1 normal both running dotPop;}
.x690.x690{position: absolute; left: 79.6%; top: 60.5%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 229ms 1 normal both running dotPop;}
.x691.x691{position: absolute; left: 34.7%; top: 32%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 238ms 1 normal both running dotPop;}
.x692.x692{position: absolute; left: 26.7%; top: 34.7%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 238ms 1 normal both running dotPop;}
.x693.x693{position: absolute; left: 76.9%; top: 36.4%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 239ms 1 normal both running dotPop;}
.x694.x694{position: absolute; left: 86.6%; top: 45.7%; width: 5.5px; height: 5.5px; border-radius: 999px; background: rgb(192, 197, 191); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px; animation: 480ms cubic-bezier(0.34, 1.56, 0.64, 1) 243ms 1 normal both running dotPop;}
.x695.x695{position: absolute; left: 50%; top: 50%; width: 56%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%); border-radius: 999px; border: 1.5px dashed rgba(16, 21, 18, 0.32); background: radial-gradient(circle, rgba(16, 21, 18, 0.05) 0%, rgba(16, 21, 18, 0.02) 60%, rgba(16, 21, 18, 0) 100%); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;}
.x696.x696{position: absolute; left: 33.5%; top: 48.8%; width: 24px; height: 24px; margin: -11.25px 0px 0px -11.25px; border-radius: 999px; border: 2px solid rgb(16, 21, 18); box-shadow: rgba(16, 21, 18, 0.08) 0px 0px 0px 4px; transition: left 1200ms cubic-bezier(0.4, 0, 0.2, 1), top 1200ms cubic-bezier(0.4, 0, 0.2, 1);}
.x697.x697{position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; box-sizing: border-box; margin: -17px 0px 0px -17px; border-radius: 999px; border: 2px solid rgba(16, 21, 18, 0.45); animation: 2.8s ease-out 0s infinite normal none running pinPulse;}
.x699.x699{flex: 1 1 220px; min-width: 0px; height: 330px; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box;}
.x700.x700{flex: 1 1 0%; display: flex; align-items: center; gap: 10px; border: 1px solid rgb(237, 238, 233); border-radius: 12px; padding: 0px 14px; background: rgb(251, 251, 249);}
.x701.x701{width: 9px; height: 9px; border-radius: 999px; background: rgb(199, 207, 201); flex: 0 0 auto;}
.x702.x702{flex: 1 1 0%; font-size: clamp(12.5px, 3.3vw, 13.5px); font-weight: 500; color: rgb(58, 66, 61); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.x703.x703{font-size: clamp(13px, 3.4vw, 14.5px); font-weight: 700; letter-spacing: -0.02em; color: rgb(16, 21, 18); font-variant-numeric: tabular-nums;}
.x704.x704{width: 9px; height: 9px; border-radius: 999px; background: rgb(138, 148, 140); flex: 0 0 auto;}
.x705.x705{width: 9px; height: 9px; border-radius: 999px; background: rgb(62, 107, 42); flex: 0 0 auto;}
.x706.x706{width: 9px; height: 9px; border-radius: 999px; background: rgb(16, 21, 18); flex: 0 0 auto;}
.x707.x707{width: 9px; height: 9px; border-radius: 999px; background: rgb(166, 106, 30); flex: 0 0 auto;}
.x708.x708{display: block; gap: 10px; align-items: stretch;}
.x709.x709{display: flex; align-items: center; gap: 12px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 251, 249) 100%); border: 1px solid rgba(16, 21, 18, 0.09); border-radius: 14px; padding: 13px 16px; width: 310px; box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(14, 22, 16, 0.05) 0px 1px 1px, rgba(14, 22, 16, 0.08) 0px 4px 8px -2px, rgba(14, 22, 16, 0.18) 0px 16px 28px -8px, rgba(14, 22, 16, 0.32) 0px 36px 60px -18px; position: absolute; left: -44px; top: 84px; margin-top: 0px; box-sizing: border-box; animation: 800ms cubic-bezier(0.22, 1, 0.36, 1) 520ms 1 normal backwards running fadeUp; opacity: 1; transform: translateY(0px); transition: opacity 320ms, transform 320ms;}
.x710.x710{width: 36px; height: 36px; border-radius: 999px; background: linear-gradient(rgb(244, 245, 243) 0%, rgb(233, 235, 231) 100%); box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset, rgba(14, 22, 16, 0.06) 0px -1px 2px inset, rgba(14, 22, 16, 0.08) 0px 1px 2px; color: rgb(16, 21, 18); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex: 0 0 auto;}
.x712.x712{display: block; font-size: 13px; font-weight: 600; color: rgb(16, 21, 18); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.x713.x713{display: block; font-size: 11px; color: rgb(90, 101, 96); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.x714.x714{margin-left: auto; flex: 0 0 auto; font-size: 10.5px; font-weight: 700; border-radius: 999px; padding: 3px 8px; background: rgb(232, 241, 236); color: rgb(42, 110, 74);}
.x715.x715{display: flex; align-items: center; gap: 12px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 251, 249) 100%); border: 1px solid rgba(16, 21, 18, 0.09); border-radius: 14px; padding: 13px 16px; width: 310px; box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(14, 22, 16, 0.05) 0px 1px 1px, rgba(14, 22, 16, 0.08) 0px 4px 8px -2px, rgba(14, 22, 16, 0.18) 0px 16px 28px -8px, rgba(14, 22, 16, 0.32) 0px 36px 60px -18px; position: absolute; left: 240px; bottom: -26px; margin-top: 0px; box-sizing: border-box; animation: 800ms cubic-bezier(0.22, 1, 0.36, 1) 680ms 1 normal backwards running fadeUp; opacity: 1; transform: translateY(0px); transition: opacity 320ms, transform 320ms;}
.x716.x716{margin-left: auto; flex: 0 0 auto; font-size: 10.5px; font-weight: 700; border-radius: 999px; padding: 3px 8px; background: rgb(72, 48, 106); color: rgb(253, 253, 251);}
.x717.x717{background: rgb(253, 253, 251); box-shadow: rgb(227, 227, 224) 0px 1px 0px inset, rgba(14, 22, 16, 0.18) 0px 8px 16px -12px inset, rgb(227, 227, 224) 0px -1px 0px inset, rgba(14, 22, 16, 0.18) 0px -8px 16px -12px inset; padding: 96px 32px; position: relative; z-index: 1;}
.x718.x718{position: absolute; left: -140px; top: -80px; width: 680px; height: 500px; background: radial-gradient(circle, rgba(14, 22, 16, 0.1), rgba(14, 22, 16, 0) 70%); pointer-events: none;}
.x719.x719{max-width: 1120px; margin: 0px auto;}
.x720.x720{display: flex; flex-wrap: wrap; gap: clamp(28px, 5vw, 40px) 72px; align-items: flex-start;}
.x724.x724{display: flex; flex-wrap: wrap; gap: 44px 72px; margin-top: clamp(52px, 9vw, 80px);}
.x726.x726{font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(105, 114, 109);}
.x727.x727{font-size: 24px; font-weight: 650; letter-spacing: -0.03em; line-height: 1.25; margin: 18px 0px 0px; color: rgb(16, 21, 18);}
.x728.x728{font-size: 16.5px; line-height: 1.7; color: rgb(90, 101, 96); margin: 14px 0px 0px; max-width: 50ch; text-wrap: pretty;}
.x730.x730{background: rgb(236, 236, 234); padding: clamp(64px, 11vw, 96px) clamp(18px, 5vw, 32px) clamp(72px, 12vw, 112px); position: relative; z-index: 1;}
.x732.x732{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: clamp(34px, 6vw, 48px) 40px;}
.x734.x734{font-size: clamp(28px, 7vw, 56px); font-weight: 650; letter-spacing: -0.04em; line-height: 1; color: rgb(16, 21, 18);}
.x735.x735{font-size: 17px; line-height: 1.55; color: rgb(58, 66, 61); text-wrap: pretty;}
.x736.x736{font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(102, 108, 104); margin-top: auto;}
.x739.x739{background: rgb(236, 236, 234); border-top: 1px solid rgb(222, 222, 219); padding: clamp(72px, 12vw, 112px) clamp(18px, 5vw, 32px) clamp(68px, 11vw, 104px); position: relative; z-index: 1;}
.x740.x740{max-width: 720px; margin: 0px auto; text-align: center;}
.x743.x743{display: block; gap: 14px; overflow-x: visible; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0px; padding: 0px;}
.x745.x745{position: absolute; inset: -110px -170px; background: radial-gradient(55% 60% at 42% 48%, rgba(14, 22, 16, 0.16), rgba(14, 22, 16, 0) 72%); pointer-events: none;}
.x746.x746{font-size: clamp(22px, 5.6vw, 42px); font-weight: 650; letter-spacing: -0.035em; line-height: 1.1; margin: 14px 0px 0px; max-width: 22ch; text-wrap: balance;}
.x748.x748{display: flex; flex-wrap: wrap; gap: clamp(26px, 5vw, 40px) 80px; align-items: center; margin-top: clamp(26px, 5vw, 44px);}
.x749.x749{flex: 2 1 520px; min-width: 300px; position: relative; zoom: 1;}
.x750.x750{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 130%; height: 135%; background: radial-gradient(rgba(14, 22, 16, 0.16), rgba(14, 22, 16, 0) 70%);}
.x751.x751{position: relative; max-width: 780px; margin: 0px 0px 30px;}
.x787.x787{flex: 1 1 260px; min-width: 260px; max-width: 380px;}
.x788.x788{font-size: clamp(15.5px, 4vw, 19px); line-height: 1.45; font-weight: 600; letter-spacing: -0.01em; margin: 0px; text-wrap: pretty;}
.x793.x793{position: absolute; inset: -110px -170px; background: radial-gradient(55% 60% at 58% 48%, rgba(14, 22, 16, 0.16), rgba(14, 22, 16, 0) 72%); pointer-events: none;}
.x794.x794{font-size: clamp(22px, 5.6vw, 42px); font-weight: 650; letter-spacing: -0.035em; line-height: 1.1; margin: 14px 0px 0px auto; max-width: 22ch; text-wrap: balance; text-align: right;}
.x795.x795{display: flex; flex-flow: row-reverse wrap; gap: clamp(26px, 5vw, 40px) 80px; align-items: center; margin-top: clamp(26px, 5vw, 44px);}
.x796.x796{flex: 1.4 1 400px; min-width: 300px; position: relative; zoom: 1;}
.x797.x797{position: relative; max-width: 580px; margin: 0px 0px 52px auto;}
.x812.x812{flex: 1.8 1 480px; min-width: 300px; position: relative; zoom: 1;}
.x813.x813{position: relative; max-width: 700px; margin: 0px 0px 30px;}
.x837.x837{height: 2280px; position: relative; margin-top: clamp(64px, 11vw, 96px);}
.x838.x838{position: absolute; top: 0px;}
.x839.x839{position: sticky; top: 0px; min-height: 100dvh; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 40px 0px;}
.x840.x840{text-align: center;}
.x841.x841{font-size: clamp(23px, 5.8vw, 42px); font-weight: 650; letter-spacing: -0.035em; line-height: 1.1; margin: 0px;}
.x842.x842{font-size: clamp(15px, 3.9vw, 16.5px); line-height: 1.6; color: rgb(90, 101, 96); margin: 16px auto 0px; max-width: 52ch;}
.x843.x843{display: flex; gap: 28px; justify-content: center; align-items: stretch; margin-top: clamp(32px, 6vw, 52px); flex-wrap: wrap;}
.x844.x844{flex: 1 1 300px; max-width: 470px; order: 0; background: rgb(245, 245, 242); border: 1px solid rgb(228, 228, 224); border-radius: 16px; padding: 24px clamp(18px, 5vw, 28px); box-sizing: border-box; opacity: 1; transform: translateX(calc(0% + 0px)) scale(1); filter: blur(0px); transition: transform 250ms cubic-bezier(0.22, 1, 0.36, 1), opacity 250ms linear, filter 250ms linear;}
.x845.x845{font-size: 15px; font-weight: 650; letter-spacing: -0.01em; color: rgb(58, 66, 61); padding-bottom: 14px;}
.x846.x846{display: flex; align-items: center; gap: 12px; padding: clamp(11px, 3vw, 15px) 0px; border-top: 1px solid rgb(230, 230, 225); opacity: 1; transition: opacity 250ms;}
.x847.x847{flex: 1 1 0%; font-size: clamp(14px, 3.7vw, 15px); line-height: 1.5; color: rgb(90, 101, 96); text-decoration: 1.5px;}
.x848.x848{width: 22px; height: 22px; border-radius: 7px; border: 1px solid rgb(217, 217, 212); color: rgb(102, 108, 104); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; flex: 0 0 auto;}
.x849.x849{flex: 1 1 300px; max-width: 470px; order: 0; background: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 228); border-radius: 16px; padding: 24px clamp(18px, 5vw, 28px); box-sizing: border-box; position: relative; z-index: 2; transform: translateX(calc(0% + 0px)) scale(1); box-shadow: rgba(14, 22, 16, 0.05) 0px 1px 2px, rgba(14, 22, 16, 0.26) 0px 28px 56px -28px; transition: transform 250ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 250ms linear;}
.x850.x850{font-size: 15px; font-weight: 650; letter-spacing: -0.01em; color: rgb(16, 21, 18); padding-bottom: 14px;}
.x851.x851{display: flex; align-items: center; gap: 12px; padding: clamp(11px, 3vw, 15px) 0px clamp(11px, 3vw, 15px) 8px; margin-left: -8px; border-top: 1px solid rgb(240, 240, 238); border-radius: 8px; opacity: 1; background: transparent; transition: opacity 250ms, background 250ms;}
.x852.x852{flex: 1 1 0%; font-size: clamp(14px, 3.7vw, 15px); font-weight: 500; line-height: 1.5; color: rgb(16, 21, 18);}
.x853.x853{width: 22px; height: 22px; border-radius: 7px; background: rgb(72, 48, 106); color: rgb(253, 253, 251); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; flex: 0 0 auto;}
.x854.x854{display: none; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 24px calc(-1 * clamp(18px, 5vw, 32px)) 0px; padding: 4px clamp(18px, 5vw, 32px) 6px;}
.x855.x855{flex: 0 0 84%; scroll-snap-align: center; box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgb(220, 213, 232); border-radius: 16px; padding: 16px 18px 6px; box-shadow: rgba(14, 22, 16, 0.05) 0px 1px 2px, rgba(72, 48, 106, 0.5) 0px 18px 32px -22px;}
.x856.x856{display: flex; align-items: center; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid rgb(240, 240, 238);}
.x857.x857{width: 7px; height: 7px; border-radius: 999px; background: rgb(72, 48, 106);}
.x858.x858{font-size: 14.5px; font-weight: 650; letter-spacing: -0.01em; color: rgb(16, 21, 18);}
.x859.x859{display: flex; flex-direction: column; gap: 7px; padding: 13px 0px; border-bottom: 1px solid rgb(240, 240, 238);}
.x861.x861{display: flex; align-items: flex-start; gap: 9px;}
.x862.x862{width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; border-radius: 6px; background: rgb(72, 48, 106); color: rgb(253, 253, 251); display: flex; align-items: center; justify-content: center; font-size: 10px;}
.x863.x863{flex: 1 1 0%; font-size: 14.5px; line-height: 1.45; font-weight: 500; color: rgb(16, 21, 18);}
.x864.x864{display: flex; flex-direction: column; gap: 7px; padding: 13px 0px;}
.x865.x865{flex: 0 0 84%; scroll-snap-align: center; box-sizing: border-box; background: rgb(245, 245, 242); border: 1px solid rgb(228, 228, 224); border-radius: 16px; padding: 16px 18px 6px; box-shadow: none;}
.x866.x866{display: flex; align-items: center; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid rgb(233, 233, 228);}
.x867.x867{width: 7px; height: 7px; border-radius: 999px; background: rgb(199, 207, 201);}
.x868.x868{font-size: 14.5px; font-weight: 650; letter-spacing: -0.01em; color: rgb(105, 114, 109);}
.x869.x869{display: flex; flex-direction: column; gap: 7px; padding: 13px 0px; border-bottom: 1px solid rgb(233, 233, 228);}
.x870.x870{width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; border-radius: 6px; border: 1px solid rgb(217, 217, 212); color: rgb(102, 108, 104); display: flex; align-items: center; justify-content: center; font-size: 9px;}
.x871.x871{flex: 1 1 0%; font-size: 14.5px; line-height: 1.45; color: rgb(106, 114, 108); text-decoration: line-through 1px;}
.x873.x873{font-size: 17px; font-weight: 600; color: rgb(253, 253, 251); background: rgb(16, 21, 18); padding: 18px 40px; border-radius: 12px; box-shadow: rgba(16, 21, 18, 0.2) 0px 2px 6px, rgba(16, 21, 18, 0.45) 0px 14px 32px -10px; transition: transform 0.18s, box-shadow 0.18s, background 0.18s;}
.x874.x874{background: rgb(236, 236, 234); border-top: 1px solid rgb(222, 222, 219); padding: clamp(68px, 11vw, 104px) clamp(18px, 5vw, 32px); position: relative; z-index: 1;}
.x875.x875{position: absolute; left: calc(50% - 560px); top: 20px; width: 620px; height: 560px; background: radial-gradient(circle, rgba(14, 22, 16, 0.16), rgba(14, 22, 16, 0) 70%); pointer-events: none;}
.x876.x876{max-width: 900px; margin: 0px auto; display: flex; flex-wrap: wrap; gap: clamp(28px, 6vw, 52px); align-items: flex-start; justify-content: flex-start;}
.x877.x877{flex: 0 0 auto; max-width: 100%; margin: 0px;}
.x878.x878{width: 312px;}
.x879.x879{--px: 50.00000000000001%; --py: 50%; --rx: -0.00deg; --ry: 0.00deg; --fl: 0.500; --ft: 0.500;}
.x880.x880{flex: 1 1 380px; min-width: 300px; text-align: left;}
.x881.x881{font-size: clamp(24px, 6vw, 34px); line-height: 1.1; letter-spacing: -0.03em; font-weight: 650; margin: 0px; color: rgb(16, 21, 18);}
.x882.x882{font-size: 17px; line-height: 1.6; color: rgb(90, 101, 96); margin: 16px 0px 0px;}
.x883.x883{position: absolute; left: 50%; top: -80px; transform: translateX(-50%); width: 800px; height: 400px; background: radial-gradient(rgba(14, 22, 16, 0.12), rgba(14, 22, 16, 0) 70%); pointer-events: none;}
.x884.x884{max-width: 880px; margin: 0px auto; text-align: center;}
.x885.x885{font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(105, 114, 109);}
.x886.x886{font-size: clamp(26px, 6.2vw, 48px); line-height: 1.08; letter-spacing: -0.04em; font-weight: 650; margin: 12px 0px 0px; color: rgb(16, 21, 18);}
.x887.x887{max-width: 880px; margin: clamp(26px, 6vw, 44px) auto 0px; border-top: 1px solid rgb(226, 227, 221);}
.x888.x888{border-bottom: 1px solid rgb(226, 227, 221);}
.x889.x889{width: 100%; display: flex; align-items: center; gap: clamp(12px, 3vw, 20px); padding: clamp(16px, 4vw, 26px) 4px; background: transparent; border: 0px; cursor: pointer; text-align: left; font-family: "Albert Sans", sans-serif; font-size: clamp(15.5px, 4vw, 19px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.35; color: rgb(16, 21, 18); transition: color 220ms;}
.x891.x891{width: clamp(26px, 7vw, 34px); height: clamp(26px, 7vw, 34px); flex: 0 0 auto; border-radius: 999px; background: rgb(240, 241, 239); color: rgb(16, 21, 18); display: flex; align-items: center; justify-content: center; transform: rotate(0deg); transition: transform 460ms cubic-bezier(0.34, 1.4, 0.4, 1), background 300ms, color 300ms;}
.x892.x892{overflow: hidden;}
.x894.x894{font-size: clamp(14.5px, 3.8vw, 16px); line-height: 1.65; color: rgb(90, 101, 96); margin: 0px; text-align: left;}
.x895.x895{display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; font-size: clamp(14.5px, 3.8vw, 16px); font-weight: 600; color: rgb(16, 21, 18); padding: 12px 0px; min-height: 44px;}
.x896.x896{background: rgb(253, 253, 251); border-top: 1px solid rgb(227, 227, 224); min-height: 100dvh; box-sizing: border-box; padding: clamp(40px, 8vw, 48px) clamp(18px, 5vw, 32px); display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.x897.x897{max-width: 1120px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: center; position: relative;}
.x898.x898{font-size: clamp(29px, 7.2vw, 64px); line-height: 1.08; letter-spacing: -0.04em; font-weight: 650; color: rgb(16, 21, 18); margin: 0px; text-align: center; text-wrap: balance;}
.x899.x899{font-size: 17px; line-height: 1.6; color: rgb(90, 101, 96); margin: 16px 0px 0px; max-width: 52ch; text-align: center; text-wrap: pretty;}
.x900.x900{width: 100%; max-width: 1040px; margin: clamp(26px, 6vw, 44px) 0px 0px;}
.x901.x901{width: 100%; min-height: 620px; overflow: visible; background: rgb(255, 255, 255); border: 1px dashed rgb(216, 218, 211); border-radius: 16px; box-shadow: rgba(16, 21, 18, 0.08) 0px 4px 14px, rgba(72, 48, 106, 0.35) 0px 40px 90px -20px; display: flex; align-items: center; justify-content: center;}
.x902.x902{background: rgb(236, 236, 234); border-top: 1px solid rgb(222, 222, 219); padding: clamp(68px, 11vw, 104px) 0px clamp(68px, 11vw, 104px) clamp(18px, 5vw, 32px); position: relative; z-index: 1;}
.x903.x903{position: absolute; left: -160px; top: -60px; width: 640px; height: 440px; background: radial-gradient(circle, rgba(14, 22, 16, 0.12), rgba(14, 22, 16, 0) 70%); pointer-events: none;}
.x904.x904{display: flex; align-items: baseline; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-right: 36px;}
.x905.x905{font-size: clamp(22px, 5.4vw, 34px); line-height: 1.05; letter-spacing: -0.04em; font-weight: 650; margin: 0px; color: rgb(16, 21, 18);}
.x906.x906{font-size: 16px; font-weight: 600; color: rgb(16, 21, 18); display: inline-flex; align-items: center; gap: 7px; padding: 12px 0px; min-height: 44px;}
.x907.x907{display: flex; gap: 16px; margin-top: 26px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 0px 36px 4px 0px; scrollbar-width: none;}
.x908.x908{flex: 0 0 268px; scroll-snap-align: start; display: flex; flex-direction: column; text-decoration: none; background: rgb(255, 255, 255); border: 1px solid rgb(201, 207, 200); border-radius: 12px; box-shadow: rgba(16, 21, 18, 0.06) 0px 1px 2px, rgba(16, 21, 18, 0.16) 0px 8px 20px -6px; overflow: hidden; transition: border-color 220ms, box-shadow 220ms, transform 220ms;}
.x909.x909{display: flex; flex-direction: column; gap: 6px; padding: 15px 16px 17px; flex: 1 1 0%;}
.x910.x910{font-size: 16.5px; font-weight: 700; letter-spacing: -0.024em; line-height: 1.3; margin: 0px; color: rgb(16, 21, 18);}
.x911.x911{position: relative; border-top: 1px solid rgb(236, 237, 233); z-index: 1; padding-bottom: clamp(30px, 4.5vh, 48px);}
.x912.x912{max-width: 1120px; margin: 0px auto; padding: clamp(64px, 11vh, 120px) clamp(18px, 5vw, 32px) 0px; display: flex; flex-wrap: wrap; gap: clamp(32px, 6vw, 90px); align-items: flex-start; justify-content: center;}
.x913.x913{display: flex; gap: clamp(16px, 4vw, 64px); flex-wrap: nowrap; justify-content: center; width: 100%;}
.x914.x914{font-size: clamp(12px, 3.2vw, 13.5px); color: rgb(105, 114, 109); margin-bottom: 3px;}