.c0.c0.c0.c0{background: var(--lb-bg-primary); color: var(--lb-text-primary); font-family: var(--lb-font-body-family); overflow-x: hidden; -webkit-font-smoothing: antialiased;}
.c1.c1.c1.c1{position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 0px 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: rgba(15, 15, 15, 0.95); backdrop-filter: blur(20px); font-family: Manrope, sans-serif;}
.c2.c2.c2.c2{display: flex; align-items: center; text-decoration: none;}
.c3.c3.c3.c3{height: 40px; width: auto; cursor: pointer;}
.c4.c4.c4.c4{display: flex; align-items: center; gap: 32px; list-style: none; margin: 0px; padding: 0px;}
.c5.c5.c5.c5{font-size: 0.8rem; font-weight: 500; color: rgba(255, 255, 255, 0.6); text-decoration: none; letter-spacing: 0.01em; transition: color 0.2s;}
.c6.c6.c6.c6{display: inline; min-height: 1em;}
.c7.c7.c7.c7{height: 36px; padding: 0px 20px; border-radius: 100px; background: rgb(255, 255, 255); color: rgb(15, 15, 15); font-size: 0.8rem; font-weight: 700; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; transition: background 0.2s, transform 0.2s;}
.c8.c8.c8.c8{display: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; flex-direction: column; gap: 4px; padding: 4px;}
.c9.c9.c9.c9{display: block; width: 22px; height: 1.5px; background: rgb(255, 255, 255); border-radius: 2px;}
.c10.c10.c10.c10{position: absolute; top: 60px; left: 0px; right: 0px; background: rgba(15, 15, 15, 0.98); border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: 16px 20px 24px; display: flex; flex-direction: column; gap: 4px;}
.c11.c11.c11.c11{padding: 12px 0px; color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 0.9rem; font-weight: 500; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
.c12.c12.c12.c12{margin-top: 12px; padding: 12px 20px; border-radius: 100px; background: rgb(255, 255, 255); color: rgb(15, 15, 15); font-size: 0.85rem; font-weight: 700; text-decoration: none; display: inline-block; text-align: center;}
.c13.c13.c13.c13{padding-top: 60px;}
.c14.c14.c14.c14{position: relative; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; padding: 80px 40px; overflow: hidden; background: rgb(15, 15, 15); font-family: Manrope, sans-serif;}
.c15.c15.c15.c15{position: absolute; inset: 0px; z-index: 0; background-image: url("https://cdn.katalyst-crm.com/a/5a387219-71c3-4629-6e55-c928528b365f"); background-size: cover; background-position: center top; background-repeat: no-repeat;}
.c16.c16.c16.c16{position: absolute; inset: 0px; z-index: 1; background: radial-gradient(70% 50% at 50% -10%, rgba(18, 99, 102, 0.35) 0%, transparent 60%), radial-gradient(40% 40% at 20% 80%, rgba(29, 189, 207, 0.08) 0%, transparent 50%), radial-gradient(30% 30% at 80% 70%, rgba(60, 245, 203, 0.06) 0%, transparent 50%); animation: 12s ease-in-out 0s infinite normal none running meshPulse;}
.c17.c17.c17.c17{position: absolute; inset: 0px; z-index: 1; background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(80% 80%, black, transparent);}
.c18.c18.c18.c18{position: relative; z-index: 2; max-width: 1000px; width: 100%;}
.c19.c19.c19.c19{display: inline-flex; align-items: center; gap: 10px; font-family: "JetBrains Mono", monospace; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(60, 245, 203); margin-bottom: 36px; background: rgba(60, 245, 203, 0.08); border: 1px solid rgba(60, 245, 203, 0.22); padding: 6px 16px; border-radius: 100px;}
.c20.c20.c20.c20{width: 6px; height: 6px; border-radius: 50%; background: rgb(60, 245, 203); display: block; flex-shrink: 0;}
.c21.c21.c21.c21{font-size: clamp(3.4rem, 8vw, 7.5rem); font-weight: 300; line-height: 0.95; letter-spacing: -0.04em; color: rgb(255, 255, 255); margin: 0px 0px 28px;}
.c22.c22.c22.c22{display: block; min-height: 1em;}
.c23.c23.c23.c23{display: block;}
.c24.c24.c24.c24{color: rgb(60, 245, 203);}
.c25.c25.c25.c25{font-size: clamp(1.26rem, 2.16vw, 1.56rem); font-weight: 500; color: rgb(255, 255, 255); line-height: 1.5; max-width: 680px; margin: 0px auto 16px;}
.c26.c26.c26.c26{font-size: clamp(0.9rem, 1.4vw, 1.05rem); font-weight: 400; color: rgba(255, 255, 255, 0.78); line-height: 1.7; max-width: 680px; margin: 0px auto 48px;}
.c27.c27.c27.c27{display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;}
.c28.c28.c28.c28{display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 64px; width: 100%; max-width: 960px; margin-left: auto; margin-right: auto;}
.c29.c29.c29.c29{padding: 32px 20px; text-align: center;}
.c30.c30.c30.c30{font-family: "JetBrains Mono", monospace; font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.04em; line-height: 1; display: block; margin-bottom: 8px;}
.c31.c31.c31.c31{font-family: "JetBrains Mono", monospace; font-size: 0.6rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.4); line-height: 1.4; white-space: pre-line;}
.c32.c32.c32.c32{margin-top: 48px; width: 100%; max-width: 960px; margin-left: auto; margin-right: auto;}
.c33.c33.c33.c33{font-family: "JetBrains Mono", monospace; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(60, 245, 203, 0.5); margin-bottom: 28px; display: flex; align-items: center; justify-content: center; gap: 16px;}
.c34.c34.c34.c34{height: 52px; width: auto; opacity: 0.55; filter: grayscale(100%) brightness(2); transition: opacity 0.2s; cursor: pointer;}
.c35.c35.c35.c35{height: 44px; width: auto; opacity: 0.55; filter: grayscale(100%) brightness(2); transition: opacity 0.2s; cursor: pointer;}
.c36.c36.c36.c36{height: 40px; width: auto; opacity: 0.55; filter: grayscale(100%) brightness(2); transition: opacity 0.2s; cursor: pointer;}
.c37.c37.c37.c37{padding: 120px 40px; background: rgb(15, 15, 15); border-bottom: 1px solid rgba(255, 255, 255, 0.08); font-family: Manrope, sans-serif; position: relative; overflow: hidden;}
.c38.c38.c38.c38{position: absolute; inset: 0px; z-index: 0; pointer-events: none; background: radial-gradient(55% 45% at 15% 25%, rgba(60, 245, 203, 0.09) 0%, transparent 60%), radial-gradient(45% 55% at 85% 75%, rgba(60, 245, 203, 0.07) 0%, transparent 55%), radial-gradient(35% 40%, rgba(18, 99, 102, 0.18) 0%, transparent 65%), radial-gradient(25% 30% at 75% 20%, rgba(60, 245, 203, 0.05) 0%, transparent 50%);}
.c39.c39.c39.c39{max-width: 1200px; margin: 0px auto; position: relative; z-index: 1;}
.c40.c40.c40.c40{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 72px;}
.c41.c41.c41.c41{opacity: 1; transform: none; transition: opacity 0.75s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform;}
.c42.c42.c42.c42{opacity: 1; transform: none; transition: opacity 0.75s 150ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 150ms; will-change: opacity, transform;}
.c43.c43.c43.c43{font-size: 1rem; line-height: 1.75; color: rgba(255, 255, 255, 0.85);}
.c44.c44.c44.c44{display: block; min-height: 1em; margin-top: 20px; padding: 16px 20px; background: rgba(60, 245, 203, 0.1); border-left: 3px solid rgb(60, 245, 203); border-radius: 0px 8px 8px 0px; font-size: 0.95rem; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.5;}
.c45.c45.c45.c45{opacity: 1; transform: none; transition: opacity 0.75s 100ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 100ms; will-change: opacity, transform;}
.c46.c46.c46.c46{display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; overflow: hidden; background: rgba(255, 255, 255, 0.08); gap: 1px; margin-bottom: 52px;}
.c47.c47.c47.c47{padding: 48px 44px; background: rgb(15, 15, 15);}
.c48.c48.c48.c48{display: flex; align-items: center; gap: 14px; margin-bottom: 28px;}
.c49.c49.c49.c49{width: 38px; height: 38px; border-radius: 10px; background: rgba(255, 70, 70, 0.1); border: 1px solid rgba(255, 70, 70, 0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.c50.c50.c50.c50{font-size: 0.88rem; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.01em; line-height: 1.3; margin: 0px;}
.c51.c51.c51.c51{list-style: none; display: flex; flex-direction: column; gap: 13px; padding: 0px; margin: 0px;}
.c52.c52.c52.c52{font-size: 0.86rem; line-height: 1.6; padding-left: 20px; position: relative; color: rgba(255, 175, 160, 0.92);}
.c53.c53.c53.c53{position: absolute; left: 0px; font-size: 0.7rem; color: rgba(255, 145, 120, 0.85); font-weight: 700; top: 2px; user-select: none;}
.c54.c54.c54.c54{display: block; min-height: 1.4em;}
.c55.c55.c55.c55{padding: 48px 44px; background: rgba(18, 99, 102, 0.18);}
.c56.c56.c56.c56{width: 38px; height: 38px; border-radius: 10px; background: rgba(60, 245, 203, 0.1); border: 1px solid rgba(60, 245, 203, 0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.c57.c57.c57.c57{font-size: 0.86rem; line-height: 1.6; padding-left: 20px; position: relative; color: rgba(255, 255, 255, 0.8);}
.c58.c58.c58.c58{position: absolute; left: 0px; color: rgb(60, 245, 203); font-weight: 700; user-select: none;}
.c59.c59.c59.c59{opacity: 1; transform: none; transition: opacity 0.75s 200ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 200ms; will-change: opacity, transform; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.c60.c60.c60.c60{font-size: 1.2rem; font-weight: 300; color: rgb(255, 255, 255); letter-spacing: -0.02em; margin: 0px;}
.c61.c61.c61.c61{padding: 120px 40px; background: rgb(4, 17, 14); border-top: 1px solid rgba(60, 245, 203, 0.08); font-family: Manrope, sans-serif; position: relative; overflow: hidden;}
.c62.c62.c62.c62{position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none; opacity: 0.06;}
.c63.c63.c63.c63{position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(65% 55% at 75% 15%, rgba(18, 99, 102, 0.55) 0%, transparent 58%), radial-gradient(50% 45% at 15% 70%, rgba(18, 99, 102, 0.3) 0%, transparent 55%), radial-gradient(40% 60% at 50% 100%, rgba(60, 245, 203, 0.07) 0%, transparent 55%);}
.c64.c64.c64.c64{position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(120% 100%, transparent 50%, rgba(2, 8, 6, 0.6) 100%);}
.c65.c65.c65.c65{max-width: 1200px; margin: 0px auto; position: relative; z-index: 2;}
.c66.c66.c66.c66{opacity: 1; transform: none; transition: opacity 0.75s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; margin-bottom: 52px;}
.c67.c67.c67.c67{display: inline-flex; align-items: center; gap: 8px; font-family: "JetBrains Mono", monospace; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(60, 245, 203); margin-bottom: 20px; padding: 6px 16px; background: rgba(60, 245, 203, 0.08); border: 1px solid rgba(60, 245, 203, 0.22); border-radius: 100px;}
.c68.c68.c68.c68{font-size: clamp(2.6rem, 5vw, 4.4rem); font-weight: 300; line-height: 1; letter-spacing: -0.03em; color: rgb(255, 255, 255); margin: 0px 0px 16px;}
.c69.c69.c69.c69{font-size: 1rem; color: rgb(255, 255, 255); line-height: 1.72; max-width: 560px;}
.c70.c70.c70.c70{display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px;}
.c71.c71.c71.c71{height: 100%;}
.c72.c72.c72.c72{position: absolute; top: -50px; right: -50px; width: 270px; height: 270px; border-radius: 50%; background: radial-gradient(circle, rgba(60, 245, 203, 0.42) 0%, rgba(18, 99, 102, 0.28) 40%, transparent 70%); filter: blur(42px); pointer-events: none; z-index: 0;}
.c73.c73.c73.c73{position: absolute; bottom: -50px; left: -50px; width: 270px; height: 270px; border-radius: 50%; background: radial-gradient(circle, rgba(60, 245, 203, 0.32) 0%, rgba(18, 99, 102, 0.22) 40%, transparent 70%); filter: blur(42px); pointer-events: none; z-index: 0;}
.c74.c74.c74.c74{position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 52px 40px 28px;}
.c75.c75.c75.c75{position: relative; width: 140px; height: 140px;}
.c76.c76.c76.c76{position: absolute; inset: -20px; background: radial-gradient(circle, rgba(60, 245, 203, 0.22) 0%, transparent 70%); border-radius: 50%; filter: blur(12px);}
.c77.c77.c77.c77{filter: blur(1px);}
.c78.c78.c78.c78{position: relative; z-index: 1; padding: 0px 32px 40px;}
.c79.c79.c79.c79{opacity: 1; transform: none; transition: opacity 0.75s 140ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 140ms; will-change: opacity, transform;}
.c80.c80.c80.c80{position: absolute; inset: -20px; background: radial-gradient(circle, rgba(60, 245, 203, 0.18) 0%, transparent 70%); border-radius: 50%; filter: blur(14px);}
.c81.c81.c81.c81{filter: blur(4px);}
.c82.c82.c82.c82{opacity: 1; transform: none; transition: opacity 0.75s 100ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 100ms; will-change: opacity, transform; margin-bottom: 56px;}
.c83.c83.c83.c83{position: absolute; top: -60px; right: -60px; width: 330px; height: 330px; border-radius: 50%; background: radial-gradient(circle, rgba(60, 245, 203, 0.4) 0%, rgba(18, 99, 102, 0.25) 40%, transparent 70%); filter: blur(54px); pointer-events: none; z-index: 0;}
.c84.c84.c84.c84{position: absolute; bottom: -60px; left: -60px; width: 330px; height: 330px; border-radius: 50%; background: radial-gradient(circle, rgba(60, 245, 203, 0.34) 0%, rgba(18, 99, 102, 0.22) 40%, transparent 70%); filter: blur(54px); pointer-events: none; z-index: 0;}
.c85.c85.c85.c85{position: absolute; inset: -10px; background: radial-gradient(80% 80%, rgba(18, 99, 102, 0.35) 0%, transparent 70%);}
.c86.c86.c86.c86{position: relative; z-index: 1; width: 100%;}
.c87.c87.c87.c87{position: relative; width: 100%; max-width: 500px;}
.c88.c88.c88.c88{position: absolute; top: 0px; left: 0px; width: 14px; height: 14px; border-top: 1.5px solid rgba(60, 245, 203, 0.4); border-left: 1.5px solid rgba(60, 245, 203, 0.4);}
.c89.c89.c89.c89{position: absolute; top: 0px; right: 0px; width: 14px; height: 14px; border-top: 1.5px solid rgba(60, 245, 203, 0.4); border-right: 1.5px solid rgba(60, 245, 203, 0.4);}
.c90.c90.c90.c90{position: absolute; bottom: 0px; left: 0px; width: 14px; height: 14px; border-bottom: 1.5px solid rgba(60, 245, 203, 0.4); border-left: 1.5px solid rgba(60, 245, 203, 0.4);}
.c91.c91.c91.c91{position: absolute; bottom: 0px; right: 0px; width: 14px; height: 14px; border-bottom: 1.5px solid rgba(60, 245, 203, 0.4); border-right: 1.5px solid rgba(60, 245, 203, 0.4);}
.c92.c92.c92.c92{display: block; overflow: visible;}
.c93.c93.c93.c93{opacity: 1; transition: opacity 1s 0.5s;}
.c94.c94.c94.c94{stroke-dashoffset: 0; transition: stroke-dashoffset 1.2s cubic-bezier(0.4, 0, 0.2, 1);}
.c95.c95.c95.c95{opacity: 1; transition: opacity 0.3s 0.25s;}
.c96.c96.c96.c96{opacity: 1; transition: opacity 0.3s 0.35s;}
.c97.c97.c97.c97{opacity: 1; transition: opacity 0.3s 0.45s;}
.c98.c98.c98.c98{opacity: 1; transition: opacity 0.3s 0.55s;}
.c99.c99.c99.c99{opacity: 1; transition: opacity 0.3s 0.65s;}
.c100.c100.c100.c100{opacity: 1; transition: opacity 0.3s 0.75s;}
.c101.c101.c101.c101{opacity: 1; transition: opacity 0.3s 0.85s;}
.c102.c102.c102.c102{opacity: 1; transition: opacity 0.3s 0.95s;}
.c103.c103.c103.c103{opacity: 1; transition: opacity 0.5s 1.1s;}
.c104.c104.c104.c104{display: flex; gap: 20px; margin-top: 14px; justify-content: flex-start; padding-left: 2px;}
.c105.c105.c105.c105{font-family: "JetBrains Mono", monospace; font-size: 0.72rem; font-weight: 700; color: rgb(60, 245, 203);}
.c106.c106.c106.c106{font-family: "JetBrains Mono", monospace; font-size: 0.5rem; color: rgba(60, 245, 203, 0.38); letter-spacing: 0.1em; text-transform: uppercase;}
.c107.c107.c107.c107{opacity: 1; transform: none; transition: opacity 0.75s 200ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 200ms; will-change: opacity, transform; text-align: center;}
.c108.c108.c108.c108{height: 100px; background: linear-gradient(rgb(4, 17, 14) 0%, rgb(42, 56, 48) 30%, rgb(220, 232, 224) 70%, rgb(247, 247, 245) 100%); pointer-events: none;}
.c109.c109.c109.c109{font-family: Manrope, sans-serif;}
.c110.c110.c110.c110{background: rgb(247, 247, 245);}
.c111.c111.c111.c111{font-family: "JetBrains Mono", monospace; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(13, 108, 104); margin-bottom: 18px; display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px; background: rgba(13, 108, 104, 0.08); border: 1px solid rgba(13, 108, 104, 0.22); border-radius: 100px;}
.c112.c112.c112.c112{font-size: clamp(2.2rem, 4.5vw, 4rem); font-weight: 300; line-height: 1.05; letter-spacing: -0.02em; color: rgb(15, 15, 15); margin-bottom: 28px;}
.c113.c113.c113.c113{font-size: 1rem; line-height: 1.75; color: rgba(15, 15, 15, 0.6); margin-bottom: 36px;}
.c114.c114.c114.c114{margin-bottom: 14px;}
.c115.c115.c115.c115{width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block;}
.c116.c116.c116.c116{position: absolute; inset: 0px; background: linear-gradient(to left, transparent 70%, rgba(247, 247, 245, 0.18) 100%); pointer-events: none;}
.c117.c117.c117.c117{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block;}
.c118.c118.c118.c118{position: absolute; inset: 0px; background: linear-gradient(135deg, rgba(18, 99, 102, 0.12) 0%, transparent 60%);}
.c119.c119.c119.c119{background: rgb(15, 15, 15); padding: 100px 72px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid rgba(255, 255, 255, 0.08);}
.c120.c120.c120.c120{margin-bottom: 16px;}
.c121.c121.c121.c121{font-size: clamp(1.05rem, 1.8vw, 1.3rem); font-weight: 500; color: rgb(255, 255, 255); line-height: 1.5; margin-bottom: 28px;}
.c122.c122.c122.c122{font-size: 1rem; line-height: 1.75; color: rgba(255, 255, 255, 0.78); margin-bottom: 36px;}
.c123.c123.c123.c123{align-self: flex-start;}
.c124.c124.c124.c124{padding: 120px 40px; background: rgb(10, 10, 10); border-top: 1px solid rgba(255, 255, 255, 0.08); font-family: Manrope, sans-serif;}
.c125.c125.c125.c125{max-width: 1200px; margin: 0px auto;}
.c126.c126.c126.c126{opacity: 1; transform: none; transition: opacity 0.75s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; margin-bottom: 16px;}
.c127.c127.c127.c127{font-size: 1rem; color: rgba(255, 255, 255, 0.78); line-height: 1.7; max-width: 620px; margin-bottom: 52px;}
.c128.c128.c128.c128{display: flex; gap: 0px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; overflow: hidden; margin-bottom: 2px;}
.c129.c129.c129.c129{flex: 1 1 0%; padding: 14px 20px; background: rgba(18, 99, 102, 0.25); border-width: medium 1px medium medium; border-style: none solid none none; border-color: currentcolor rgba(255, 255, 255, 0.08) currentcolor currentcolor; border-image: none; cursor: pointer; font-family: Manrope, sans-serif; font-size: 0.82rem; font-weight: 600; color: rgb(255, 255, 255); transition: 0.2s; text-align: left; display: flex; align-items: center; gap: 10px; letter-spacing: -0.01em;}
.c130.c130.c130.c130{width: 30px; height: 30px; border-radius: 8px; border: 1px solid rgba(60, 245, 203, 0.2); background: rgba(60, 245, 203, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgb(60, 245, 203);}
.c131.c131.c131.c131{flex: 1 1 0%; padding: 14px 20px; background: rgba(255, 255, 255, 0.03); border-width: medium 1px medium medium; border-style: none solid none none; border-color: currentcolor rgba(255, 255, 255, 0.08) currentcolor currentcolor; border-image: none; cursor: pointer; font-family: Manrope, sans-serif; font-size: 0.82rem; font-weight: 600; color: rgba(255, 255, 255, 0.4); transition: 0.2s; text-align: left; display: flex; align-items: center; gap: 10px; letter-spacing: -0.01em;}
.c132.c132.c132.c132{width: 30px; height: 30px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.06); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgba(255, 255, 255, 0.4);}
.c133.c133.c133.c133{flex: 1 1 0%; padding: 14px 20px; background: rgba(255, 255, 255, 0.03); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-family: Manrope, sans-serif; font-size: 0.82rem; font-weight: 600; color: rgba(255, 255, 255, 0.4); transition: 0.2s; text-align: left; display: flex; align-items: center; gap: 10px; letter-spacing: -0.01em;}
.c134.c134.c134.c134{opacity: 1; transform: none; transition: opacity 0.75s 200ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 200ms; will-change: opacity, transform;}
.c135.c135.c135.c135{display: grid; grid-template-columns: 1fr 1.4fr; gap: 1px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; overflow: hidden; animation: 0.35s ease 0s 1 normal none running panelIn;}
.c136.c136.c136.c136{background: rgb(15, 15, 15); padding: 52px 48px; display: flex; flex-direction: column;}
.c137.c137.c137.c137{font-family: "JetBrains Mono", monospace; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: rgb(29, 189, 207); margin-bottom: 16px;}
.c138.c138.c138.c138{width: 54px; height: 54px; border-radius: 14px; background: rgba(60, 245, 203, 0.1); border: 1px solid rgba(60, 245, 203, 0.2); display: flex; align-items: center; justify-content: center; margin-bottom: 24px;}
.c139.c139.c139.c139{font-size: 1.7rem; font-weight: 300; color: rgb(255, 255, 255); letter-spacing: -0.03em; line-height: 1.1; margin-bottom: 14px;}
.c140.c140.c140.c140{font-size: 0.86rem; color: rgba(255, 255, 255, 0.78); line-height: 1.7; margin-bottom: 18px;}
.c141.c141.c141.c141{font-size: 0.76rem; color: rgb(60, 245, 203); font-style: italic; padding: 10px 14px; background: rgba(60, 245, 203, 0.1); border-left: 2px solid rgba(60, 245, 203, 0.2); border-radius: 0px 6px 6px 0px; margin-bottom: 28px; line-height: 1.5;}
.c142.c142.c142.c142{font-size: 0.82rem; font-weight: 700; color: rgb(60, 245, 203); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; margin-top: auto; transition: gap 0.2s;}
.c143.c143.c143.c143{background: rgb(17, 17, 17); padding: 52px 44px; position: relative; overflow: hidden;}
.c144.c144.c144.c144{position: absolute; inset: 0px; z-index: 0; background-image: linear-gradient(rgba(60, 245, 203, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(60, 245, 203, 0.04) 1px, transparent 1px); background-size: 40px 40px;}
.c145.c145.c145.c145{position: absolute; inset: 0px; z-index: 0; background: radial-gradient(70% 60% at 80% 20%, rgba(18, 99, 102, 0.28) 0%, transparent 60%), radial-gradient(50% 50% at 20% 80%, rgba(60, 245, 203, 0.07) 0%, transparent 55%);}
.c146.c146.c146.c146{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; position: relative; z-index: 1;}
.c147.c147.c147.c147{width: 34px; height: 34px; border-radius: 9px; background: rgba(60, 245, 203, 0.1); border: 1px solid rgba(60, 245, 203, 0.2); display: flex; align-items: center; justify-content: center; margin-bottom: 12px;}
.c148.c148.c148.c148{font-size: 0.84rem; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 5px; letter-spacing: -0.01em;}
.c149.c149.c149.c149{font-size: 0.82rem; color: rgb(255, 255, 255); line-height: 1.65; opacity: 0.85;}
.c150.c150.c150.c150{background: rgb(255, 255, 255); padding: 80px 40px; border-top: 1px solid rgba(0, 0, 0, 0.07); border-bottom: 1px solid rgba(0, 0, 0, 0.07); position: relative; overflow: hidden; font-family: Manrope, sans-serif;}
.c151.c151.c151.c151{position: absolute; inset: 0px; background: radial-gradient(60% 60%, rgba(18, 99, 102, 0.04) 0%, transparent 70%); pointer-events: none;}
.c152.c152.c152.c152{max-width: 1100px; margin: 0px auto; position: relative; z-index: 2;}
.c153.c153.c153.c153{width: 44px; height: 44px; border-radius: 12px; background: rgba(18, 99, 102, 0.08); border: 1px solid rgba(18, 99, 102, 0.15); display: flex; align-items: center; justify-content: center; margin-bottom: 18px;}
.c154.c154.c154.c154{font-family: "JetBrains Mono", monospace; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(15, 15, 15, 0.5); margin-bottom: 10px;}
.c155.c155.c155.c155{font-size: 1.1rem; font-weight: 600; color: rgb(15, 15, 15); margin-bottom: 10px; letter-spacing: -0.02em; line-height: 1.2;}
.c156.c156.c156.c156{font-size: 0.84rem; color: rgba(15, 15, 15, 0.55); line-height: 1.7;}
.c157.c157.c157.c157{opacity: 1; transform: none; transition: opacity 0.75s 120ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 120ms; will-change: opacity, transform;}
.c158.c158.c158.c158{opacity: 1; transform: none; transition: opacity 0.75s 240ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 240ms; will-change: opacity, transform;}
.c159.c159.c159.c159{opacity: 1; transform: none; transition: opacity 0.75s 220ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 220ms; will-change: opacity, transform; position: relative; z-index: 2; display: flex; justify-content: center; margin-top: 40px;}
.c160.c160.c160.c160{height: 52px; padding: 0px 28px; border-radius: 100px; background: rgb(15, 15, 15); color: rgb(255, 255, 255); font-family: Manrope, sans-serif; font-size: 0.9rem; font-weight: 700; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: 0.25s cubic-bezier(0.16, 1, 0.3, 1);}
.c161.c161.c161.c161{padding-top: 120px; background: rgb(15, 15, 15); border-top: 1px solid rgba(255, 255, 255, 0.08); font-family: Manrope, sans-serif;}
.c162.c162.c162.c162{opacity: 1; transform: none; transition: opacity 0.75s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; max-width: 900px; margin: 0px auto 56px; padding: 0px 40px; text-align: center;}
.c163.c163.c163.c163{justify-content: center;}
.c164.c164.c164.c164{font-size: clamp(2.34rem, 3.38vw, 3.38rem); font-weight: 300; line-height: 1.1; letter-spacing: -0.02em; color: rgb(255, 255, 255); margin: 0px 0px 16px;}
.c165.c165.c165.c165{display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; padding: 16px 40px; position: sticky; top: 0px; z-index: 50; background: rgba(10, 10, 10, 0.9); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.c166.c166.c166.c166{display: flex; align-items: center; gap: 8px; padding: 10px 22px; border-radius: 100px; background: rgba(60, 245, 203, 0.1); border: 1px solid rgba(60, 245, 203, 0.35); cursor: pointer; font-family: Manrope, sans-serif; font-size: 0.8rem; font-weight: 500; color: rgb(255, 255, 255); transition: 0.2s; white-space: nowrap;}
.c167.c167.c167.c167{font-family: "JetBrains Mono", monospace; font-size: 0.6rem; font-weight: 600; color: rgb(60, 245, 203); letter-spacing: 0.1em;}
.c168.c168.c168.c168{display: flex; align-items: center; gap: 8px; padding: 10px 22px; border-radius: 100px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); cursor: pointer; font-family: Manrope, sans-serif; font-size: 0.8rem; font-weight: 500; color: rgba(255, 255, 255, 0.4); transition: 0.2s; white-space: nowrap;}
.c169.c169.c169.c169{font-family: "JetBrains Mono", monospace; font-size: 0.6rem; font-weight: 600; color: rgba(255, 255, 255, 0.2); letter-spacing: 0.1em;}
.c170.c170.c170.c170{position: relative; width: 100%; min-height: 88vh; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; animation: 0.5s ease 0s 1 normal none running panelIn;}
.c171.c171.c171.c171{position: absolute; inset: 0px; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top;}
.c172.c172.c172.c172{position: absolute; inset: 0px; z-index: 1; background: rgba(5, 10, 10, 0.45);}
.c173.c173.c173.c173{position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 2; height: 75%; background: linear-gradient(to top, rgba(8, 12, 12, 0.98) 0%, rgba(8, 12, 12, 0.75) 40%, rgba(8, 12, 12, 0.2) 70%, transparent 100%);}
.c174.c174.c174.c174{position: relative; z-index: 3; width: 100%; padding: 0px 40px 72px;}
.c175.c175.c175.c175{max-width: 640px;}
.c176.c176.c176.c176{font-family: "JetBrains Mono", monospace; font-size: 0.6rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: rgb(60, 245, 203); margin-bottom: 16px;}
.c177.c177.c177.c177{font-size: clamp(2.4rem, 4.5vw, 4rem); font-weight: 300; color: rgb(255, 255, 255); letter-spacing: -0.025em; line-height: 1.05; margin-bottom: 18px;}
.c178.c178.c178.c178{font-size: 1rem; color: rgba(255, 255, 255, 0.82); line-height: 1.72; margin-bottom: 28px; max-width: 520px;}
.c179.c179.c179.c179{font-size: 0.82rem; color: rgb(60, 245, 203); font-style: italic; line-height: 1.6; margin-bottom: 32px; max-width: 480px; padding-left: 14px; border-left: 2px solid rgba(60, 245, 203, 0.35);}
.c180.c180.c180.c180{display: inline-flex; align-items: center; gap: 8px; padding: 12px 26px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); font-family: Manrope, sans-serif; font-size: 0.84rem; font-weight: 500; color: rgb(255, 255, 255); cursor: pointer; transition: 0.25s; white-space: nowrap;}
.c181.c181.c181.c181{display: inline-flex; align-items: center; gap: 8px; padding: 12px 26px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); font-family: Manrope, sans-serif; font-size: 0.84rem; font-weight: 500; color: rgb(255, 255, 255); text-decoration: none; transition: 0.25s; white-space: nowrap;}
.c182.c182.c182.c182{max-width: 1100px; margin: 0px auto;}
.c183.c183.c183.c183{opacity: 1; transform: none; transition: opacity 0.75s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; max-width: 600px; margin-bottom: 64px;}
.c184.c184.c184.c184{white-space: nowrap;}
.c185.c185.c185.c185{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px;}
.c186.c186.c186.c186{position: absolute; inset: 0px; border-radius: inherit; background: radial-gradient(90% 60% at 50% 0%, rgba(18, 99, 102, 0.4) 0%, transparent 65%);}
.c187.c187.c187.c187{position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 52px 40px 24px; min-height: 210px;}
.c188.c188.c188.c188{position: relative; z-index: 1; padding: 0px 36px 44px;}
.c189.c189.c189.c189{position: absolute; inset: 0px; border-radius: inherit; background: radial-gradient(80% 70% at 0% 100%, rgba(29, 189, 207, 0.18) 0%, transparent 60%);}
.c190.c190.c190.c190{opacity: 1; transform: none; transition: opacity 0.75s 100ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 100ms; will-change: opacity, transform; display: flex; gap: 32px; align-items: flex-start; background: rgba(18, 99, 102, 0.18); border-width: 1px; border-style: solid; border-color: rgba(18, 99, 102, 0.35); border-radius: 20px; padding: 44px; margin-bottom: 64px;}
.c191.c191.c191.c191{width: 48px; height: 48px; min-width: 48px; border-radius: 14px; background: rgba(60, 245, 203, 0.1); border: 1px solid rgba(60, 245, 203, 0.2); display: flex; align-items: center; justify-content: center; margin-top: 4px; color: rgb(60, 245, 203);}
.c192.c192.c192.c192{font-family: "JetBrains Mono", monospace; font-size: 0.58rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: rgb(60, 245, 203); margin-bottom: 12px;}
.c193.c193.c193.c193{font-size: 0.95rem; color: rgba(255, 255, 255, 0.78); line-height: 1.78; margin-bottom: 12px;}
.c194.c194.c194.c194{font-size: 0.95rem; color: rgba(255, 255, 255, 0.8); font-weight: 600; font-style: italic;}
.c195.c195.c195.c195{display: grid; grid-template-columns: 1fr 420px; gap: 72px; align-items: center; margin-bottom: 52px;}
.c196.c196.c196.c196{max-width: 540px;}
.c197.c197.c197.c197{font-family: "JetBrains Mono", monospace; font-size: 0.6rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.22em; color: rgb(60, 245, 203); margin-bottom: 10px; display: flex; align-items: center; gap: 10px;}
.c198.c198.c198.c198{font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 300; color: rgb(255, 255, 255); letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 36px;}
.c199.c199.c199.c199{list-style: none; padding: 0px; margin: 0px; display: flex; flex-direction: column; gap: 0px;}
.c200.c200.c200.c200{display: flex; align-items: flex-start; gap: 16px; padding: 20px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); font-size: 0.88rem; color: rgb(255, 255, 255); line-height: 1.72;}
.c201.c201.c201.c201{display: flex; align-items: center; margin-top: 3px; flex-shrink: 0; color: rgb(60, 245, 203);}
.c202.c202.c202.c202{display: flex; transform: scale(1.2); transform-origin: center center;}
.c203.c203.c203.c203{display: flex; align-items: flex-start; gap: 16px; padding: 20px 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; font-size: 0.88rem; color: rgb(255, 255, 255); line-height: 1.72;}
.c204.c204.c204.c204{color: rgb(60, 245, 203); font-weight: 700;}
.c205.c205.c205.c205{opacity: 1; transform: none; transition: opacity 0.75s 100ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 100ms; will-change: opacity, transform; border-radius: 24px; overflow: hidden; position: relative;}
.c206.c206.c206.c206{width: 100%; height: 520px; object-fit: cover; display: block;}
.c207.c207.c207.c207{position: absolute; inset: 0px; background: linear-gradient(135deg, rgba(18, 99, 102, 0.15) 0%, transparent 60%);}
.c208.c208.c208.c208{opacity: 1; transform: none; transition: opacity 0.75s 100ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 100ms; will-change: opacity, transform; text-align: center;}
.c209.c209.c209.c209{padding: 120px 40px; background: rgb(247, 247, 245); border-top: 1px solid rgba(0, 0, 0, 0.07); font-family: Manrope, sans-serif;}
.c210.c210.c210.c210{opacity: 1; transform: none; transition: opacity 0.75s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; max-width: 500px; margin-bottom: 56px;}
.c211.c211.c211.c211{font-family: "JetBrains Mono", monospace; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(18, 99, 102); margin-bottom: 18px; display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px; background: rgba(18, 99, 102, 0.08); border: 1px solid rgba(18, 99, 102, 0.22); border-radius: 100px;}
.c212.c212.c212.c212{font-size: clamp(2.2rem, 4.5vw, 4rem); font-weight: 300; line-height: 1.05; letter-spacing: -0.02em; color: rgb(15, 15, 15);}
.c213.c213.c213.c213{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
.c214.c214.c214.c214{background: rgb(255, 255, 255); border-radius: 20px; padding: 48px 44px; border: 1px solid rgba(0, 0, 0, 0.07); transition: box-shadow 0.3s, transform 0.3s; height: 100%;}
.c215.c215.c215.c215{opacity: 0.18;}
.c216.c216.c216.c216{display: flex; gap: 3px; margin-bottom: 20px;}
.c217.c217.c217.c217{font-size: 0.93rem; color: rgba(15, 15, 15, 0.65); line-height: 1.82; margin-bottom: 32px; font-weight: 400; quotes: none;}
.c218.c218.c218.c218{display: flex; align-items: center; gap: 12px;}
.c219.c219.c219.c219{width: 40px; height: 40px; border-radius: 50%; background: rgba(18, 99, 102, 0.08); border: 1px solid rgba(18, 99, 102, 0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.c220.c220.c220.c220{font-size: 0.9rem; font-weight: 700; color: rgb(15, 15, 15);}
.c221.c221.c221.c221{font-family: "JetBrains Mono", monospace; font-size: 0.57rem; color: rgba(15, 15, 15, 0.4); letter-spacing: 0.06em; text-transform: uppercase; margin-top: 3px;}
.c222.c222.c222.c222{padding: 140px 40px; background: rgb(15, 15, 15); border-top: 1px solid rgba(255, 255, 255, 0.08); position: relative; overflow: hidden; text-align: center; font-family: Manrope, sans-serif;}
.c223.c223.c223.c223{position: absolute; width: 800px; height: 800px; border-radius: 50%; background: radial-gradient(circle, rgba(18, 99, 102, 0.4) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); animation: 8s ease-in-out 0s infinite normal none running glowPulse; pointer-events: none;}
.c224.c224.c224.c224{position: relative; z-index: 2; max-width: 720px; margin: 0px auto;}
.c225.c225.c225.c225{font-size: clamp(2.6rem, 5.5vw, 4.5rem); margin-bottom: 16px;}
.c226.c226.c226.c226{font-family: "JetBrains Mono", monospace; font-size: 0.68rem; font-weight: 600; color: rgb(60, 245, 203); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 20px;}
.c227.c227.c227.c227{font-size: 1rem; color: rgb(255, 255, 255); line-height: 1.75; margin-bottom: 48px;}
.c228.c228.c228.c228{display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; overflow: hidden; margin-bottom: 48px; text-align: left;}
.c229.c229.c229.c229{background: rgba(255, 255, 255, 0.02); padding: 20px 22px; display: flex; align-items: flex-start; gap: 12px; font-size: 0.84rem; color: rgb(255, 255, 255); line-height: 1.55; transition: background 0.2s;}
.c230.c230.c230.c230{width: 26px; height: 26px; border-radius: 8px; background: rgba(60, 245, 203, 0.1); border: 1px solid rgba(60, 245, 203, 0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px;}
.c231.c231.c231.c231{opacity: 1; transform: none; transition: opacity 0.75s 250ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 250ms; will-change: opacity, transform; display: grid; gap: 16px; justify-items: center;}
.c232.c232.c232.c232{font-family: "JetBrains Mono", monospace; font-size: 0.68rem; font-weight: 600; color: rgba(255, 255, 255, 0.72); letter-spacing: 0.12em; text-transform: uppercase;}
.c233.c233.c233.c233{padding: 100px 40px; background: rgb(255, 255, 255); border-top: 1px solid rgba(0, 0, 0, 0.08); font-family: Manrope, sans-serif;}
.c234.c234.c234.c234{max-width: 860px; margin: 0px auto;}
.c235.c235.c235.c235{opacity: 1; transform: none; transition: opacity 0.75s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; margin-bottom: 48px;}
.c236.c236.c236.c236{color: rgb(18, 99, 102);}
.c237.c237.c237.c237{color: rgb(10, 10, 10);}
.c238.c238.c238.c238{opacity: 1; transform: none; transition: opacity 0.75s, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.c239.c239.c239.c239{width: 100%; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 22px 40px 22px 0px; text-align: left; font-family: Manrope, sans-serif; font-size: 0.94rem; font-weight: 700; color: rgba(0, 0, 0, 0.6); cursor: pointer; position: relative; transition: color 0.2s; letter-spacing: -0.01em; line-height: 1.5;}
.c240.c240.c240.c240{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.02); display: flex; align-items: center; justify-content: center; transition: 0.3s;}
.c241.c241.c241.c241{transform: none; transition: transform 0.3s;}
.c242.c242.c242.c242{max-height: 0px; overflow: hidden; transition: max-height 0.4s, padding 0.4s; padding-bottom: 0px;}
.c243.c243.c243.c243{font-size: 0.88rem; color: rgba(0, 0, 0, 0.65); line-height: 1.8; padding-left: 20px; border-left: 2px solid rgba(60, 245, 203, 0.4);}
.c244.c244.c244.c244{font-family: "JetBrains Mono", monospace; color: rgb(60, 245, 203); font-weight: 700; margin-right: 8px;}
.c245.c245.c245.c245{opacity: 1; transform: none; transition: opacity 0.75s 60ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 60ms; will-change: opacity, transform; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.c246.c246.c246.c246{opacity: 1; transform: none; transition: opacity 0.75s 120ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 120ms; will-change: opacity, transform; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.c247.c247.c247.c247{opacity: 1; transform: none; transition: opacity 0.75s 180ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 180ms; will-change: opacity, transform; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.c248.c248.c248.c248{opacity: 1; transform: none; transition: opacity 0.75s 240ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 240ms; will-change: opacity, transform; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.c249.c249.c249.c249{opacity: 1; transform: none; transition: opacity 0.75s 300ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 300ms; will-change: opacity, transform; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.c250.c250.c250.c250{text-align: center; position: relative; overflow: hidden; font-family: Manrope, sans-serif;}
.c251.c251.c251.c251{position: absolute; inset: 0px; z-index: 0; background-image: url("https://cdn.katalyst-crm.com/a/ac181824-e270-5106-762c-41f99ea3b0f9"); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.c252.c252.c252.c252{position: relative; z-index: 2; max-width: 960px; margin: 0px auto; padding: 140px 40px;}
.c253.c253.c253.c253{font-size: clamp(2.2rem, 3.8vw, 4.2rem); margin-bottom: 20px; color: rgb(255, 255, 255);}
.c254.c254.c254.c254{font-size: 1rem; color: rgba(255, 255, 255, 0.78); line-height: 1.75; margin-bottom: 44px; max-width: 560px; margin-left: auto; margin-right: auto;}
.c255.c255.c255.c255{opacity: 1; transform: none; transition: opacity 0.75s 200ms, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 200ms; will-change: opacity, transform; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;}
.c256.c256.c256.c256{background: rgb(10, 10, 10); border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 64px 40px 28px; font-family: Manrope, sans-serif;}
.c257.c257.c257.c257{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; max-width: 1200px; margin: 0px auto 48px;}
.c258.c258.c258.c258{display: inline-block; margin-bottom: 12px;}
.c259.c259.c259.c259{height: 36px; width: auto; cursor: pointer;}
.c260.c260.c260.c260{font-size: 0.78rem; color: rgba(255, 255, 255, 0.4); line-height: 1.65; max-width: 280px; margin-bottom: 14px;}
.c261.c261.c261.c261{font-size: 0.76rem; color: rgba(255, 255, 255, 0.4); line-height: 1.78;}
.c262.c262.c262.c262{white-space: pre-line; margin-bottom: 4px;}
.c263.c263.c263.c263{color: rgb(60, 245, 203); text-decoration: none; display: block;}
.c264.c264.c264.c264{font-family: "JetBrains Mono", monospace; font-size: 0.54rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.18em; color: rgba(255, 255, 255, 0.4); margin: 0px 0px 18px;}
.c265.c265.c265.c265{list-style: none; padding: 0px; margin: 0px;}
.c266.c266.c266.c266{margin-bottom: 9px;}
.c267.c267.c267.c267{font-size: 0.79rem; color: rgba(255, 255, 255, 0.4); text-decoration: none; transition: color 0.2s;}
.c268.c268.c268.c268{border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: 20px; max-width: 1200px; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px;}
.c269.c269.c269.c269{font-family: "JetBrains Mono", monospace; font-size: 0.58rem; color: rgba(255, 255, 255, 0.2); letter-spacing: 0.04em;}
.c270.c270.c270.c270{display: flex; gap: 8px;}
.c271.c271.c271.c271{width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.08); display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.4); text-decoration: none;}
.c272.c272.c272.c272{font-size: 0.65rem;}
.c273.c273.c273.c273{flex: 1 1 0%; padding: 14px 20px; background: rgba(18, 99, 102, 0.25); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-family: Manrope, sans-serif; font-size: 0.82rem; font-weight: 600; color: rgb(255, 255, 255); transition: 0.2s; text-align: left; display: flex; align-items: center; gap: 10px; letter-spacing: -0.01em;}
.hv0:hover{column-gap:10px !important;row-gap:10px !important}
.hv1:hover{color:rgb(255, 255, 255) !important}
.hv2:hover{background-color:rgb(60, 245, 203) !important;transform:translateY(-1px) !important}
.hv3:hover{opacity:0.9 !important}
.hv4:hover{background-color:rgb(18, 99, 102) !important;box-shadow:rgba(18, 99, 102, 0.2) 0px 16px 40px !important;transform:translateY(-2px) !important}
.hv5:hover{box-shadow:rgba(0, 0, 0, 0.08) 0px 16px 48px !important;transform:translateY(-2px) !important}
.hv6:hover{background-color:rgba(255, 255, 255, 0.04) !important}
.hv7:hover{color:rgb(10, 10, 10) !important}
* { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  ::-webkit-scrollbar { width: 2px; }
  body { background: var(--lb-bg-primary); }
  
  h1, h2, h3, h4, h5, h6,
  .lb-s-h2,
  .lb-diff2-h3,
  .lb-diff-h3,
  .lb-subtitle,
  .lb-box-name,
  .lb-faq-q {
    font-family: var(--lb-font-heading-family) !important;
    font-weight: var(--lb-heading-weight);
    font-style: var(--lb-heading-style);
    letter-spacing: var(--lb-heading-letter-spacing);
    line-height: var(--lb-heading-line-height);
    text-transform: var(--lb-heading-text-transform);
  }

  .lb-s-label {
    font-family: var(--lb-font-mono-family) !important;
    font-size: 0.72rem;
    font-weight: var(--lb-label-weight);
    letter-spacing: var(--lb-label-letter-spacing);
    text-transform: var(--lb-label-text-transform);
    color: var(--lb-accent);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 6px 16px;
    background: var(--lb-accent-muted);
    border: 1px solid var(--lb-border-accent);
    border-radius: 100px;
  }

  .lb-s-h2 {
    font-size: clamp(2.2rem, 4.5vw, 4rem);
    color: var(--lb-text-primary);
    margin: 0;
  }

  .lb-s-h2 .accent,
  .lb-hero-headline .accent {
    color: var(--lb-accent);
  }

  .lb-btn-primary {
    height: 52px;
    padding: 0 32px;
    border-radius: 100px;
    background: var(--lb-button-primary-bg);
    color: var(--lb-button-primary-text);
    font-family: var(--lb-font-body-family);
    font-size: 0.9rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .lb-btn-primary:hover {
    background: var(--lb-button-primary-hover);
    color: var(--lb-text-on-accent);
    transform: translateY(-2px);
    box-shadow: 0 16px 40px color-mix(in srgb, var(--lb-accent) 25%, transparent);
  }

  .lb-btn-outline {
    height: 52px;
    padding: 0 32px;
    border-radius: 100px;
    background: transparent;
    color: var(--lb-button-outline-text);
    font-family: var(--lb-font-body-family);
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid var(--lb-button-outline-border);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .lb-btn-outline:hover {
    border-color: var(--lb-accent);
    color: var(--lb-accent);
    background: var(--lb-button-outline-hover-bg);
  }

  ::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--lb-accent) 20%, transparent);
  }

  a:not(.lb-btn-primary):not(.lb-btn-outline) {
    color: var(--lb-link-color);
  }
@media (max-width: 768px) {
          .lb-nav-links { display: none !important; }
          .lb-hamburger { display: flex !important; }
        }
        @media (min-width: 769px) {
          .lb-mobile-menu { display: none !important; }
        }
@keyframes meshPulse { 0%,100% { opacity: 1; } 50% { opacity: 0.7; } }
        @keyframes lbLogoScroll {
          from { transform: translateX(0); }
          to { transform: translateX(-50%); }
        }
        .lb-logo-marquee {
          width: 100%;
          overflow: hidden;
          -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
          mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
        }
        .lb-logo-track {
          display: flex;
          width: max-content;
          animation: lbLogoScroll 40s linear infinite;
        }
        .lb-logo-group {
          display: flex;
          align-items: center;
          flex: 0 0 auto;
          gap: 56px;
          padding-right: 56px;
        }
        .lb-logo-marquee:hover .lb-logo-track { animation-play-state: paused; }
        .lb-logo-marquee[data-lb-paused="true"] .lb-logo-track {
          animation: none;
          justify-content: center;
        }
        @media (prefers-reduced-motion: reduce) {
          .lb-logo-track { animation: none; }
        }
        @keyframes scrollBounce {
          0%,100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }
          50% { transform: translateX(-50%) translateY(5px); opacity: 1; }
        }
        .lb-btn-primary {
          height: 52px; padding: 0 32px; border-radius: 100px;
          background: #fff; color: #0F0F0F;
          font-family: 'Manrope', sans-serif; font-size: 0.9rem; font-weight: 700;
          border: none; cursor: pointer; text-decoration: none;
          display: inline-flex; align-items: center; gap: 8px;
          transition: all 0.25s cubic-bezier(0.16,1,0.3,1);
        }
        .lb-btn-primary:hover { background: #3CF5CB; transform: translateY(-2px); box-shadow: 0 16px 40px rgba(60,245,203,0.25); }
        .lb-btn-primary:hover svg { transform: translateX(4px); }
        .lb-btn-primary svg { transition: transform 0.2s; }
        .lb-btn-outline {
          height: 52px; padding: 0 32px; border-radius: 100px;
          background: transparent; color: #fff;
          font-family: 'Manrope', sans-serif; font-size: 0.9rem; font-weight: 600;
          border: 1px solid rgba(255,255,255,0.2); cursor: pointer; text-decoration: none;
          display: inline-flex; align-items: center; gap: 8px;
          transition: all 0.25s cubic-bezier(0.16,1,0.3,1);
        }
        .lb-btn-outline:hover { border-color: #3CF5CB; color: #3CF5CB; background: rgba(60,245,203,0.1); }
        .lb-hero-headline .accent {
          color: #3CF5CB;
          font-family: 'Montserrat', sans-serif;
        }
        @media (max-width: 768px) {
          .lb-hero-stats-grid { grid-template-columns: 1fr 1fr !important; }
        }
.lb-s-label {
          font-family: 'JetBrains Mono', monospace; font-size: 0.72rem; font-weight: 700;
          letter-spacing: 0.18em; text-transform: uppercase; color: #3CF5CB;
          margin-bottom: 18px; display: inline-flex; align-items: center; gap: 10px;
          padding: 6px 16px;
          background: rgba(60,245,203,0.08);
          border: 1px solid rgba(60,245,203,0.22);
          border-radius: 100px;
        }
        .lb-s-h2 {
          font-size: clamp(2.2rem, 4.5vw, 4rem); font-weight: 300;
          line-height: 1.05; letter-spacing: -0.02em; color: #fff; margin: 0;
        }
        .lb-s-h2 .accent { color: #3CF5CB; }
        @media (max-width: 1024px) {
          .lb-plateau-top { grid-template-columns: 1fr !important; gap: 40px !important; }
          .lb-plateau-cols { grid-template-columns: 1fr !important; }
        }
        @media (max-width: 768px) {
          .lb-p-col { padding: 32px 24px !important; }
        }
/* ── Glassmorphic card ── */
        .lb-diff-glass-card {
          position: relative; overflow: hidden;
          border-radius: 18px;
          border: 1px solid rgba(60,245,203,0.22);
          background: rgba(4,16,14,0.78);
          backdrop-filter: blur(24px);
          -webkit-backdrop-filter: blur(24px);
          display: flex; flex-direction: column;
          transition: border-color 0.35s, transform 0.35s, box-shadow 0.35s;
        }
        .lb-diff-glass-card:hover {
          border-color: rgba(60,245,203,0.5);
          transform: translateY(-5px);
          box-shadow:
            0 0 0 1px rgba(60,245,203,0.22),
            0 24px 60px rgba(0,0,0,0.55),
            0 0 120px rgba(60,245,203,0.12) inset;
        }

        /* ── Wide bottom card ── */
        .lb-diff-wide-card {
          flex-direction: row !important;
          align-items: stretch;
        }
        .lb-diff-wide-chart {
          position: relative; flex: 0 0 420px;
          padding: 44px 36px;
          border-right: 1px solid rgba(60,245,203,0.08);
          display: flex; align-items: center; justify-content: center;
        }
        .lb-diff-wide-body {
          flex: 1; padding: 52px 48px;
          display: flex; flex-direction: column; justify-content: center;
          position: relative; z-index: 1;
        }

        /* ── Typography ── */
        .lb-diff2-tag {
          font-family: 'JetBrains Mono', monospace;
          font-size: 0.56rem; font-weight: 700;
          letter-spacing: 0.22em; text-transform: uppercase;
          color: rgba(60,245,203,0.7); margin-bottom: 12px;
        }
        .lb-diff2-h3 {
          font-size: clamp(1.4rem, 2.5vw, 1.9rem);
          font-weight: 300; color: #fff;
          letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 14px;
        }
        .lb-diff2-p {
          font-size: 0.86rem; color: #fff;
          line-height: 1.78;
        }

        /* ── Responsive ── */
        @media (max-width: 1024px) {
          .lb-diff-top { grid-template-columns: 1fr !important; }
          .lb-diff-wide-card { flex-direction: column !important; }
          .lb-diff-wide-chart { flex: none !important; border-right: none !important; border-bottom: 1px solid rgba(60,245,203,0.08) !important; }
        }
        @media (max-width: 768px) {
          .lb-diff-wide-body { padding: 28px 24px !important; }
          .lb-diff-wide-chart { padding: 28px 20px !important; }
        }
.lb-strategic { display: grid; grid-template-columns: 1fr 1fr; min-height: 640px; }
        .lb-strategic-photo {
          position: relative; overflow: hidden;
        }
        .lb-strategic-photo img {
          position: absolute; inset: 0;
          width: 100%; height: 100%;
          object-fit: cover; object-position: center top;
          display: block;
        }
        .lb-strategic-text {
          padding: 100px 72px;
          display: flex; flex-direction: column; justify-content: center;
          border-right: 1px solid rgba(0,0,0,0.06);
        }
        .lb-btn-dark {
          height: 52px; padding: 0 24px; border-radius: 100px;
          background: #0F0F0F; color: #fff;
          font-family: 'Manrope', sans-serif; font-size: 0.9rem; font-weight: 700;
          border: none; cursor: pointer; text-decoration: none;
          display: inline-flex; align-items: center; gap: 8px;
          transition: all 0.25s cubic-bezier(0.16,1,0.3,1);
        }
        .lb-btn-dark:hover { background: #126366; transform: translateY(-2px); box-shadow: 0 16px 40px rgba(18,99,102,0.2); }
        .lb-btn-dark svg { transition: transform 0.2s; }
        .lb-btn-dark:hover svg { transform: translateX(4px); }
        @media (max-width: 1024px) {
          .lb-strategic { grid-template-columns: 1fr !important; min-height: unset; }
          .lb-strategic-photo { height: 480px; }
          .lb-strategic-text { padding: 72px 40px !important; border-right: none !important; border-top: 1px solid rgba(0,0,0,0.06); }
        }
        @media (max-width: 768px) {
          .lb-strategic-photo { height: 360px; }
          .lb-strategic-text { padding: 56px 24px !important; }
        }
.lb-family { display: grid; grid-template-columns: 1fr 1fr; min-height: 680px; }
        .lb-family-visual {
          position: relative; overflow: hidden; min-height: 680px;
        }
        @media (max-width: 1024px) {
          .lb-family { grid-template-columns: 1fr !important; min-height: unset; }
          .lb-family-visual { min-height: 460px; }
          .lb-family-text { padding: 72px 40px !important; border-left: none !important; border-top: 1px solid rgba(255,255,255,0.08); }
        }
        @media (max-width: 768px) {
          .lb-family-visual { min-height: 320px; }
          .lb-family-text { padding: 56px 24px !important; }
        }
@keyframes panelIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
        .lb-svc-feat {
          background: rgba(15,15,15,0.7); border: 1px solid rgba(255,255,255,0.08);
          border-radius: 14px; padding: 22px 20px;
          backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
          transition: border-color 0.25s, transform 0.25s, background 0.25s;
        }
        .lb-svc-feat:hover { border-color: rgba(60,245,203,0.2); transform: translateY(-3px); background: rgba(18,99,102,0.15); }
        @media (max-width: 1024px) {
          .lb-svc-panel { grid-template-columns: 1fr !important; }
          .lb-svc-tabs { flex-wrap: wrap; }
          .lb-svc-tabs button { flex: 1 1 auto; min-width: 140px; }
        }
        @media (max-width: 768px) {
          .lb-svc-left { padding: 36px 24px !important; }
          .lb-svc-right { padding: 36px 24px !important; }
          .lb-svc-grid { grid-template-columns: 1fr !important; }
        }
.lb-vip-inner { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; }
        .lb-vip-item { padding: 0 44px; border-right: 1px solid rgba(0,0,0,0.08); }
        .lb-vip-item:first-child { padding-left: 0; }
        .lb-vip-item:last-child { border-right: none; padding-right: 0; }
        @media (max-width: 1024px) {
          .lb-vip-inner { grid-template-columns: 1fr !important; }
          .lb-vip-item { padding: 28px 0 !important; border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.08); }
          .lb-vip-item:last-child { border-bottom: none; }
        }
@media (max-width: 768px) {
          .lb-process-outer { padding: 0 24px 48px !important; }
        }
        @media (max-width: 1024px) {
          .lb-process-outer { padding: 0 36px 56px !important; }
        }
.lb-mission-card {
          position: relative; overflow: hidden; border-radius: 20px;
          border: 1px solid rgba(255,255,255,0.08);
          display: flex; flex-direction: column; background: #0f0f0f;
          transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
        }
        .lb-mission-card:hover {
          border-color: rgba(60,245,203,0.25);
          transform: translateY(-4px);
          box-shadow: 0 20px 48px rgba(60,245,203,0.06), 0 0 0 1px rgba(60,245,203,0.1);
        }
        @media (max-width: 1024px) {
          .lb-mission-grid { grid-template-columns: 1fr !important; }
          .lb-mission-belief { flex-direction: column !important; gap: 20px !important; }
          .lb-obj-layout { grid-template-columns: 1fr !important; }
          .lb-obj-img-wrap { max-height: 360px; }
          .lb-obj-img-wrap img { height: 360px !important; }
        }
        @media (max-width: 768px) {
          .lb-mission-belief { padding: 24px !important; }
        }
@media (max-width: 1024px) {
          .lb-test-grid { grid-template-columns: 1fr !important; }
        }
        @media (max-width: 768px) {
          .lb-test-grid > div { padding: 32px 24px !important; }
        }
@keyframes glowPulse {
          0%,100% { opacity: 0.5; transform: translate(-50%,-50%) scale(1); }
          50% { opacity: 1; transform: translate(-50%,-50%) scale(1.08); }
        }
        @media (max-width: 1024px) {
          .lb-disc-grid { grid-template-columns: 1fr !important; }
        }
@media (max-width: 768px) {
          section[id="faq"] { padding: 80px 20px !important; }
        }
@media (max-width: 1024px) {
          .lb-footer-top { grid-template-columns: 1fr 1fr !important; }
        }
        @media (max-width: 768px) {
          .lb-footer-top { grid-template-columns: 1fr !important; }
          .lb-footer-bottom { flex-direction: column !important; text-align: center !important; }
        }
/* LB blog look (from repo blogStyles.ts) applied on KATEK blog pages */
html.cms-blog-page #root > div > main:not(.lb-blog-main),html.cms-blog-page .cms-blog{display:none!important}
html.cms-blog-page #root > div{min-height:100vh;display:flex;flex-direction:column}
.lb-blog-page {
    background: var(--lb-bg-primary);
    color: var(--lb-text-primary);
    font-family: var(--lb-font-body-family);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
  }

  .lb-blog-main {
    flex: 1;
    width: 100%;
  }

  .lb-blog-hero {
    position: relative;
    padding: 80px 40px 64px;
    background: linear-gradient(160deg, #14191e 0%, #111418 60%, #0d1114 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
    text-align: center;
  }

  .lb-blog-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 70% 60% at 50% -10%, rgba(18, 99, 102, 0.45) 0%, transparent 60%),
      radial-gradient(ellipse 40% 40% at 80% 80%, rgba(60, 245, 203, 0.06) 0%, transparent 50%);
    pointer-events: none;
  }

  .lb-blog-hero-inner {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
  }

  .lb-blog-eyebrow {
    display: inline-flex;
    align-items: center;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #3cf5cb;
    margin-bottom: 24px;
    background: rgba(60, 245, 203, 0.08);
    border: 1px solid rgba(60, 245, 203, 0.2);
    padding: 5px 14px;
    border-radius: 100px;
  }

  .lb-blog-hero-title {
    font-family: var(--lb-font-heading-family);
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 300;
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: #fff;
    margin-bottom: 20px;
  }

  .lb-blog-hero-subtitle {
    font-size: clamp(1rem, 1.8vw, 1.15rem);
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.72);
    max-width: 560px;
    margin: 0 auto;
  }

  .lb-blog-content {
    max-width: 960px;
    margin: 0 auto;
    padding: 64px 40px 96px;
    width: 100%;
  }

  .lb-blog-empty,
  .lb-blog-loading {
    text-align: center;
    color: var(--lb-text-muted);
    font-size: 1rem;
    line-height: 1.7;
    padding: 24px 0;
  }

  .lb-blog-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .lb-blog-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  .lb-blog-card:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }

  .lb-blog-card.has-image {
    align-items: start;
  }

  @media (min-width: 640px) {
    .lb-blog-card.has-image {
      grid-template-columns: 240px minmax(0, 1fr);
    }
  }

  .lb-blog-card-image-link {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    line-height: 0;
  }

  .lb-blog-card-image {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }

  .lb-blog-card-body {
    min-width: 0;
  }

  .lb-blog-card-date {
    display: block;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--lb-text-muted);
    margin-bottom: 10px;
  }

  .lb-blog-card-title {
    font-family: var(--lb-font-heading-family);
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 12px;
    word-break: break-word;
  }

  .lb-blog-card-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
  }

  .lb-blog-card-title a:hover {
    color: #126366;
  }

  .lb-blog-card-excerpt {
    color: var(--lb-text-muted);
    line-height: 1.75;
    font-size: 0.95rem;
    margin-bottom: 14px;
  }

  .lb-blog-read-more {
    color: #126366;
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
  }

  .lb-blog-read-more:hover {
    text-decoration: underline;
  }

  .lb-blog-article {
    max-width: 760px;
    margin: 0 auto;
    padding: 64px 40px 96px;
    width: 100%;
  }

  .lb-blog-back-link {
    display: inline-block;
    margin-bottom: 32px;
    color: #126366;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
  }

  .lb-blog-back-link:hover {
    text-decoration: underline;
  }

  .lb-blog-article-date {
    display: block;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--lb-text-muted);
    margin-bottom: 14px;
  }

  .lb-blog-article-title {
    font-family: var(--lb-font-heading-family);
    font-size: clamp(1.85rem, 3.5vw, 2.75rem);
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin-bottom: 28px;
    word-break: break-word;
  }

  .lb-blog-featured-image {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 32px;
    display: block;
  }

  .lb-blog-lead {
    font-size: clamp(1.05rem, 2vw, 1.2rem);
    line-height: 1.75;
    color: var(--lb-text-muted);
    margin-bottom: 36px;
    font-weight: 500;
  }

  .lb-blog-body {
    font-size: 1.05rem;
    line-height: 1.85;
    color: var(--lb-text-primary);
  }

  .lb-blog-body p {
    margin-bottom: 1.35em;
  }

  .lb-blog-body p:last-child {
    margin-bottom: 0;
  }

  .lb-blog-state-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  .lb-blog-state-main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 24px 64px;
    text-align: center;
  }

  .lb-blog-state-main p {
    color: var(--lb-text-muted);
    margin-bottom: 16px;
    font-size: 1rem;
  }

  @media (max-width: 768px) {
    .lb-blog-hero {
      padding: 72px 24px 48px;
    }

    .lb-blog-content,
    .lb-blog-article {
      padding: 48px 24px 72px;
    }

    .lb-blog-card {
      gap: 16px;
      padding-bottom: 32px;
    }

    .lb-blog-card-image {
      height: 200px;
    }
  }