/* index.html — kostasz.gr */

/* Στυλ στοιχείων */
.h-1{font-family: 'Commissioner', system-ui, sans-serif !important;background: #FFFFFF !important;color: #27273D !important;min-height: 100vh !important;overflow-x: clip !important}
.h-2{width: 46px !important;height: 46px !important;border-radius: 12px !important;background: #695EFE !important;color: #FFFFFF !important;display: flex !important;align-items: center !important;justify-content: center !important;font-family: 'JetBrains Mono', monospace !important;font-weight: 700 !important;font-size: 18px !important}
.h-3{display: flex !important;flex-direction: column !important;line-height: 1.15 !important}
.h-4{font-size: 19px !important;font-weight: 800 !important;color: #161626 !important}
.h-5{font-size: 14px !important;font-weight: 500 !important;color: #5F5F78 !important}
.h-6{position: absolute !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important}
.h-7{position: sticky !important;top: 0 !important;z-index: 40 !important;background: rgba(255,255,255,0.94) !important;backdrop-filter: blur(12px) !important;-webkit-backdrop-filter: blur(12px) !important;border-bottom: 1px solid #EDEDF5 !important}
.h-8{max-width: 1240px !important;margin: 0 auto !important;padding: 14px 24px !important;display: flex !important;flex-wrap: wrap !important;align-items: center !important;justify-content: space-between !important;gap: 14px !important}
.h-9{display: flex !important;align-items: center !important;gap: 10px !important;text-decoration: none !important}
.h-10{font-size: 15px !important;font-weight: 700 !important;line-height: 1.2 !important}
.h-11{font-weight: 500 !important;color: #5F5F78 !important;font-size: 13px !important}
.h-12{display: flex !important;flex-wrap: wrap !important;align-items: center !important;gap: 6px 24px !important;font-size: 15px !important;font-weight: 500 !important}
.h-13{text-decoration: none !important}
.h-14{display: flex !important;align-items: center !important;gap: 4px !important}
.h-15{width: 32px !important;height: 32px !important;border-radius: 50% !important;display: flex !important;align-items: center !important;justify-content: center !important;color: #5F5F78 !important;background: transparent !important;border: 1px solid #E3E3F0 !important;text-decoration: none !important}
.h-16{display: flex !important;border: 1px solid #D6D6EA !important;border-radius: 999px !important;overflow: hidden !important;padding: 2px !important}
.h-17{text-decoration: none !important;background: #161626 !important;color: #FFFFFF !important;padding: 12px 22px !important;border-radius: 999px !important;font-weight: 700 !important;font-size: 13px !important;letter-spacing: 0.04em !important;text-transform: uppercase !important}
.h-18{width: 46px !important;height: 46px !important;border-radius: 50% !important;border: 1px solid #D6D6EA !important;background: #FFFFFF !important;color: #161626 !important;align-items: center !important;justify-content: center !important;padding: 0 !important}
.h-19{flex-direction: column !important;align-items: flex-start !important;gap: 18px !important;padding: 8px 24px 26px !important;font-size: 18px !important;font-weight: 600 !important;border-top: 1px solid #EDEDF5 !important}
.h-20{background: #FFFFFF !important;padding: 20px 0 40px !important}
.h-21{padding: 0 12px !important}
.h-22{display: flex !important;height: clamp(680px, calc(100vh - 110px), 880px) !important;margin-right: -12px !important}
.h-23{position: absolute !important;inset: 0 !important;width: 100% !important;height: 100% !important;object-fit: cover !important}
.h-24{position: absolute !important;inset: 0 !important;background: linear-gradient(90deg, rgba(22,22,38,0.82) 0%, rgba(22,22,38,0.5) 60%, rgba(22,22,38,0.25) 100%) !important;transition: background .4s !important}
.h-25{position: absolute !important;inset: 0 !important;display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: space-between !important;padding: 22px 0 !important;pointer-events: none !important}
.h-26{width: 40px !important;height: 40px !important;border-radius: 50% !important;background: #FFFFFF !important;color: #161626 !important;display: flex !important;align-items: center !important;justify-content: center !important;font-size: 18px !important}
.h-27{writing-mode: vertical-rl !important;transform: rotate(180deg) !important;font-size: 15px !important;font-weight: 700 !important;letter-spacing: 0.06em !important;white-space: nowrap !important}
.h-28{position: absolute !important;inset: 0 !important;padding: clamp(28px, 4vw, 56px) !important;display: flex !important;flex-direction: column !important;justify-content: flex-end !important;gap: 20px !important}
.h-29{position: absolute !important;top: clamp(24px, 3vw, 40px) !important;right: clamp(24px, 3vw, 40px) !important;display: flex !important;align-items: center !important;gap: 10px !important}
.h-30{font-family: 'JetBrains Mono', monospace !important;font-size: 13px !important;color: #D6D6D6 !important;margin-right: 6px !important}
.h-31{width: 46px !important;height: 46px !important;border-radius: 50% !important;border: 1px solid rgba(255,255,255,0.6) !important;background: transparent !important;color: #FFFFFF !important;font-size: 20px !important}
.h-32{width: 46px !important;height: 46px !important;border-radius: 50% !important;border: 0 !important;background: #FFFFFF !important;color: #161626 !important;font-size: 20px !important}
.h-33{align-self: flex-start !important;display: inline-flex !important;align-items: center !important;gap: 8px !important;font-size: 13px !important;font-weight: 600 !important;padding: 7px 14px !important;border-radius: 999px !important;background: rgba(255,255,255,0.14) !important;border: 1px solid rgba(255,255,255,0.25) !important}
.h-34{margin: 0 !important;max-width: 820px !important;font-size: clamp(28px, 3.4vw, 50px) !important;line-height: 1.05 !important;font-weight: 900 !important;letter-spacing: -0.01em !important;text-transform: uppercase !important}
.h-35{margin: 0 !important;max-width: 560px !important;font-size: 17px !important;line-height: 1.6 !important;color: #E2E2E2 !important}
.h-36{display: flex !important;flex-wrap: wrap !important;gap: 12px !important}
.h-37{text-decoration: none !important;border: 1px solid rgba(255,255,255,0.6) !important;color: #FFFFFF !important;padding: 14px 26px !important;border-radius: 999px !important;font-weight: 600 !important;font-size: 15px !important}
.h-38{max-width: 1240px !important;margin: 22px auto 0 !important;display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;align-items: center !important;gap: 16px !important;padding: 0 12px !important}
.h-39{display: flex !important;flex-wrap: wrap !important;gap: 10px 34px !important;font-size: 14px !important;color: #3A3A55 !important}
.h-40{font-size: 20px !important;color: #161626 !important}
.h-41{display: flex !important;gap: 4px !important}
.h-42{width: 28px !important;height: 44px !important;border: 0 !important;background: transparent !important;padding: 0 !important;display: flex !important;align-items: center !important}
.h-43{background: #695EFE !important;color: #FFFFFF !important;overflow: hidden !important}
.h-44{padding: 30px 0 !important;font-size: clamp(17px, 1.7vw, 22px) !important;font-weight: 600 !important;white-space: nowrap !important}
.h-45{padding: 0 30px !important;display: flex !important;align-items: center !important;gap: 60px !important}
.h-46{color: #D6D6FF !important}
.h-47{max-width: 1240px !important;margin: 0 auto !important;padding: 96px 24px 40px !important}
.h-48{display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;align-items: flex-end !important;gap: 20px !important;margin-bottom: 36px !important}
.h-49{margin: 0 !important;font-size: clamp(22px, 2.3vw, 32px) !important;line-height: 1.12 !important;font-weight: 900 !important;letter-spacing: -0.005em !important;text-transform: uppercase !important}
.h-50{display: flex !important;gap: 10px !important}
.h-51{width: 48px !important;height: 48px !important;border-radius: 50% !important;border: 1px solid #D6D6EA !important;background: #FFFFFF !important;font-size: 22px !important}
.h-52{width: 48px !important;height: 48px !important;border-radius: 50% !important;border: 0 !important;background: #161626 !important;color: #FFFFFF !important;font-size: 22px !important}
.h-53{border-radius: 32px !important;overflow: hidden !important;background: #F0F0FA !important;color: #27273D !important;display: flex !important;flex-direction: column !important}
.h-54{display: block !important;margin: 20px 20px 0 !important;border-radius: 16px 16px 0 0 !important;overflow: hidden !important;background: #1E1E33 !important;position: relative !important;text-decoration: none !important}
.h-55{display: flex !important;align-items: center !important;gap: 6px !important;padding: 9px 12px !important}
.h-56{width: 8px !important;height: 8px !important;border-radius: 50% !important;background: #FF5F57 !important}
.h-57{width: 8px !important;height: 8px !important;border-radius: 50% !important;background: #FEBC2E !important}
.h-58{width: 8px !important;height: 8px !important;border-radius: 50% !important;background: #28C840 !important}
.h-59{margin-left: 8px !important;flex-grow: 1 !important;background: #2E2E48 !important;border-radius: 999px !important;padding: 3px 12px !important;font-family: 'JetBrains Mono', monospace !important;font-size: 11px !important;color: #B8B8CC !important}
.h-60{display: block !important;height: 270px !important;overflow: hidden !important}
.h-61{display: block !important;width: 100% !important;height: 100% !important;object-fit: cover !important;object-position: top !important}
.h-62{padding: 24px 26px 28px !important;display: flex !important;flex-direction: column !important;gap: 12px !important;flex-grow: 1 !important}
.h-63{align-self: flex-start !important;font-size: 11px !important;font-weight: 800 !important;letter-spacing: 0.06em !important;padding: 6px 12px !important;border-radius: 999px !important;background: #FFFFFF !important}
.h-64{margin: 0 !important;font-size: 17px !important;font-weight: 900 !important;line-height: 1.25 !important;text-transform: uppercase !important}
.h-65{margin: 0 !important;font-size: 15px !important;line-height: 1.6 !important;color: #55556E !important;flex-grow: 1 !important}
.h-66{font-family: 'JetBrains Mono', monospace !important;font-size: 12px !important;color: #5A4FE6 !important}
.h-67{background: #161626 !important;color: #FFFFFF !important;margin: 80px 16px 0 !important;border-radius: 40px !important;overflow: hidden !important}
.h-68{max-width: 1240px !important;margin: 0 auto !important;padding: 96px 24px !important;display: flex !important;flex-direction: column !important;gap: 44px !important}
.h-69{display: flex !important;flex-wrap: wrap !important;gap: 48px !important;align-items: center !important}
.h-70{flex: 999 1 520px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 20px !important}
.h-71{font-size: 13px !important;font-weight: 600 !important;letter-spacing: 0.08em !important;color: #A39BFF !important}
.h-72{margin: 0 !important;font-size: 17px !important;line-height: 1.65 !important;color: #B8B8B8 !important;max-width: 560px !important}
.h-73{display: flex !important;flex-direction: column !important;gap: 12px !important}
.h-74{font-size: 12px !important;font-weight: 700 !important;letter-spacing: 0.1em !important;color: #8C8CA3 !important}
.h-75{display: flex !important;flex-wrap: wrap !important;gap: 10px !important}
.h-76{display: inline-flex !important;align-items: center !important;gap: 9px !important;height: 52px !important;padding: 0 20px !important;border-radius: 16px !important;background: #FFFFFF !important;border: 1px solid #FFFFFF !important;color: #161626 !important;font-size: 17px !important;font-weight: 700 !important}
.h-77{flex: 1 1 420px !important;min-width: 0 !important;background: #1E1E33 !important;border: 1px solid #2E2E48 !important;border-radius: 14px !important;overflow: hidden !important}
.h-78{display: flex !important;align-items: center !important;gap: 7px !important;padding: 12px 16px !important;border-bottom: 1px solid #2E2E48 !important}
.h-79{width: 10px !important;height: 10px !important;border-radius: 50% !important;background: #FF5F57 !important}
.h-80{width: 10px !important;height: 10px !important;border-radius: 50% !important;background: #FEBC2E !important}
.h-81{width: 10px !important;height: 10px !important;border-radius: 50% !important;background: #28C840 !important}
.h-82{font-family: 'JetBrains Mono', monospace !important;font-size: 12px !important;color: #8592A0 !important;margin-left: 8px !important}
.h-83{padding: 18px 0 22px !important;font-family: 'JetBrains Mono', monospace !important;font-size: 14px !important;line-height: 1.8 !important;min-height: 400px !important;box-sizing: border-box !important;overflow-x: auto !important}
.h-84{display: flex !important;white-space: pre !important}
.h-85{width: 44px !important;text-align: right !important;padding-right: 16px !important;color: #8592A0 !important;flex-shrink: 0 !important}
.h-86{display: flex !important}
.h-87{width: 44px !important;text-align: right !important;padding-right: 16px !important;color: #8592A0 !important}
.h-88{display: grid !important;grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)) !important;border-top: 1px solid #2E2E48 !important;border-left: 1px solid #2E2E48 !important}
.h-89{padding: 28px !important;border-right: 1px solid #2E2E48 !important;border-bottom: 1px solid #2E2E48 !important;display: flex !important;flex-direction: column !important;gap: 12px !important}
.h-90{font-family: 'JetBrains Mono', monospace !important;font-size: 12px !important;color: #A39BFF !important}
.h-91{font-size: 19px !important;font-weight: 600 !important}
.h-92{font-size: 15px !important;line-height: 1.6 !important;color: #A8A8A8 !important}
.h-93{display: flex !important;flex-wrap: wrap !important;gap: 24px !important;align-items: stretch !important;background: #1E1E33 !important;border: 1px solid #2E2E48 !important;border-radius: 14px !important;padding: 26px !important}
.h-94{flex: 1 1 260px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 10px !important}
.h-95{font-size: 18px !important;font-weight: 600 !important}
.h-96{display: flex !important;flex-wrap: wrap !important;gap: 8px !important;margin-top: 6px !important}
.h-97{flex: 1 1 360px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 12px !important;justify-content: center !important}
.h-98{align-self: flex-end !important;max-width: 85% !important;background: #2E2E48 !important;padding: 12px 16px !important;border-radius: 16px 16px 4px 16px !important;font-size: 15px !important;line-height: 1.5 !important}
.h-99{position: relative !important;overflow: hidden !important;background: #FFFFFF !important}
.h-100{position: relative !important;max-width: 1240px !important;margin: 0 auto !important;padding: 96px 24px 60px !important}
.h-101{display: block !important;font-size: 13px !important;font-weight: 600 !important;letter-spacing: 0.1em !important;color: #5F5F78 !important;margin-bottom: 12px !important}
.h-102{display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;align-items: flex-end !important;gap: 24px !important;margin-bottom: 48px !important}
.h-103{margin: 0 !important;flex: 999 1 520px !important;font-size: clamp(22px, 2.3vw, 32px) !important;line-height: 1.12 !important;font-weight: 900 !important;letter-spacing: -0.005em !important;text-transform: uppercase !important}
.h-104{margin: 0 !important;flex: 1 1 340px !important;max-width: 420px !important;font-size: 16px !important;line-height: 1.65 !important;color: #55556E !important;border-left: 1px solid #D6D6EA !important;padding-left: 24px !important}
.h-105{display: flex !important;flex-wrap: wrap !important;gap: 40px !important;align-items: flex-start !important}
.h-106{flex: 1 1 260px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;border-top: 1px solid #EDEDF5 !important}
.h-107{flex: 999 1 600px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 22px !important}
.h-108{display: flex !important;flex-wrap: wrap !important;gap: 24px !important;align-items: center !important}
.h-109{flex: 999 1 320px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 12px !important}
.h-110{margin: 0 !important;font-size: 21px !important;font-weight: 800 !important;letter-spacing: -0.01em !important;text-transform: uppercase !important}
.h-111{margin: 0 !important;font-size: 16px !important;color: #3A3A55 !important;line-height: 1.7 !important}
.h-112{flex: 1 1 240px !important;min-width: 0 !important;height: 190px !important;border-radius: 12px !important;overflow: hidden !important}
.h-113{display: block !important;width: 100% !important;height: 100% !important;object-fit: cover !important}
.h-114{display: grid !important;grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)) !important;gap: 28px 36px !important;border-top: 1px solid #EDEDF5 !important;padding-top: 26px !important}
.h-115{display: flex !important;flex-direction: column !important;gap: 8px !important}
.h-116{display: flex !important;align-items: center !important;gap: 8px !important;font-size: 19px !important;font-weight: 600 !important;text-decoration: none !important}
.h-117{margin: 0 !important;font-size: 15px !important;line-height: 1.65 !important;color: #55556E !important}
.h-118{max-width: 1240px !important;margin: 0 auto !important;padding: 96px 24px 20px !important}
.h-119{display: grid !important;grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)) !important;gap: 24px !important}
.h-120{display: flex !important;flex-direction: column !important;min-height: 400px !important;padding: 32px !important;box-sizing: border-box !important;border: 1px solid #E3E3F0 !important;border-radius: 14px !important;background: #F0F0FA !important;text-decoration: none !important;color: #161626 !important}
.h-121{font-size: 12px !important;font-weight: 700 !important;letter-spacing: 0.1em !important;color: #5F5F78 !important}
.h-122{margin-top: 12px !important;font-size: 20px !important;font-weight: 600 !important;line-height: 1.25 !important;letter-spacing: -0.015em !important;color: #161626 !important}
.h-123{margin-top: 14px !important;font-size: 15px !important;line-height: 1.65 !important;color: #D6D6D6 !important}
.h-124{margin-top: auto !important;padding-top: 24px !important;display: flex !important;justify-content: space-between !important;align-items: flex-end !important}
.h-125{display: block !important;width: 96px !important;height: 96px !important;object-fit: cover !important;border-radius: 12px !important}
.h-126{color: #FFFFFF !important;margin-top: 80px !important}
.h-127{max-width: 1240px !important;margin: 0 auto !important;padding: 130px 24px !important;display: flex !important;flex-direction: column !important;align-items: center !important;text-align: center !important;gap: 22px !important}
.h-128{margin: 0 !important;max-width: 900px !important;font-size: clamp(26px, 3.2vw, 42px) !important;line-height: 1.2 !important;font-weight: 600 !important;letter-spacing: -0.02em !important}
.h-129{text-decoration: none !important;background: #FFFFFF !important;color: #161626 !important;padding: 15px 26px !important;border-radius: 999px !important;font-weight: 600 !important}
.h-130{background: #F0F0FA !important}
.h-131{max-width: 1240px !important;margin: 0 auto !important;padding: 96px 24px !important;display: flex !important;flex-direction: column !important;gap: 40px !important}
.h-132{display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;align-items: flex-end !important;gap: 28px !important}
.h-133{flex: 999 1 560px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 18px !important}
.h-134{margin: 0 !important;font-size: 17px !important;line-height: 1.7 !important;color: #27273D !important;max-width: 760px !important}
.h-135{flex: 1 1 280px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 8px !important}
.h-136{display: flex !important;align-items: center !important;gap: 10px !important;font-size: 15px !important;font-weight: 600 !important;padding: 12px 16px !important;border-radius: 10px !important;background: #FFFFFF !important;border: 1px solid #E3E3F0 !important}
.h-137{display: flex !important;flex-direction: column !important}
.h-138{display: flex !important;gap: 6px !important;overflow-x: auto !important;scrollbar-width: none !important;align-items: flex-end !important}
.h-139{font-size: 16px !important;font-weight: 600 !important;line-height: 1.3 !important}
.h-140{display: grid !important;background: #FFFFFF !important;border-radius: 0 0 24px 24px !important;box-shadow: 0 24px 50px -30px rgba(22,22,38,.25) !important}
.h-141{display: flex !important;flex-wrap: wrap !important;gap: 40px !important;align-items: flex-start !important;padding: clamp(20px, 3vw, 40px) !important}
.h-142{flex: 1 1 320px !important;min-width: 0 !important;height: 320px !important;border-radius: 12px !important;overflow: hidden !important;position: relative !important}
.h-143{position: absolute !important;left: 14px !important;bottom: 14px !important;background: #FFFFFF !important;padding: 10px 14px !important;border-radius: 10px !important;display: flex !important;flex-direction: column !important;gap: 2px !important}
.h-144{font-size: 26px !important;font-weight: 700 !important;letter-spacing: -0.03em !important;line-height: 1 !important}
.h-145{font-size: 12px !important;color: #55556E !important}
.h-146{flex: 999 1 480px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 14px !important}
.h-147{margin: 0 !important;font-size: 20px !important;font-weight: 800 !important;letter-spacing: -0.01em !important;text-transform: uppercase !important}
.h-148{display: flex !important;flex-direction: column !important;gap: 14px !important}
.h-149{margin: 0 !important;font-size: 16px !important;line-height: 1.75 !important;color: #27273D !important}
.h-150{margin: 0 !important;padding-left: 20px !important;font-size: 15px !important;line-height: 1.75 !important;color: #27273D !important;columns: 2 260px !important;column-gap: 32px !important}
.h-151{break-inside: avoid !important;margin-bottom: 4px !important}
.h-152{margin: 0 0 24px !important;font-size: clamp(22px, 2.3vw, 32px) !important;line-height: 1.12 !important;font-weight: 900 !important;letter-spacing: -0.005em !important;text-transform: uppercase !important}
.h-153{font-size: 20px !important;font-weight: 700 !important;display: flex !important;align-items: center !important;gap: 8px !important}
.h-154{font-size: 15px !important;line-height: 1.6 !important;color: #55556E !important}
.h-155{color: #FFFFFF !important;margin: 80px 16px 0 !important;border-radius: 40px !important;overflow: hidden !important}
.h-156{max-width: 1240px !important;margin: 0 auto !important;padding: 110px 24px !important;display: grid !important;grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr)) !important;gap: 24px !important}
.h-157{font-size: clamp(34px, 3.6vw, 50px) !important;font-weight: 600 !important;letter-spacing: -0.03em !important;line-height: 1 !important}
.h-158{font-size: 14px !important;color: #D6D6D6 !important}
.h-159{background: #161626 !important;color: #FFFFFF !important;margin: 80px 16px 0 !important;border-radius: 40px !important;position: relative !important;overflow: hidden !important}
.h-160{position: relative !important;max-width: 1240px !important;margin: 0 auto !important;padding: 96px 24px !important;display: flex !important;flex-direction: column !important;gap: 32px !important}
.h-161{display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;align-items: flex-end !important;gap: 24px !important}
.h-162{display: flex !important;flex-direction: column !important;gap: 14px !important;max-width: 700px !important}
.h-163{margin: 0 !important;font-size: 16px !important;line-height: 1.65 !important;color: #C9C9DA !important}
.h-164{width: 48px !important;height: 48px !important;border-radius: 50% !important;border: 1px solid rgba(255,255,255,0.5) !important;background: transparent !important;color: #FFFFFF !important;font-size: 22px !important}
.h-165{width: 48px !important;height: 48px !important;border-radius: 50% !important;border: 0 !important;background: #695EFE !important;color: #FFFFFF !important;font-size: 22px !important}
.h-166{position: absolute !important;left: 16px !important;top: 16px !important;font-family: 'JetBrains Mono', monospace !important;font-size: 12px !important;font-weight: 700 !important;color: #FFFFFF !important;background: rgba(22,22,38,0.8) !important;padding: 6px 11px !important;border-radius: 999px !important}
.h-167{position: absolute !important;right: 14px !important;top: 16px !important;background: #695EFE !important;color: #FFFFFF !important;font-size: 11px !important;font-weight: 700 !important;padding: 6px 10px !important;border-radius: 999px !important}
.h-168{align-self: flex-start !important;font-size: 10px !important;font-weight: 800 !important;letter-spacing: 0.07em !important;text-transform: uppercase !important;padding: 6px 11px !important;border-radius: 999px !important;background: #F0F0FA !important;color: #5A4FE6 !important;max-width: 100% !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important}
.h-169{font-size: 17px !important;line-height: 1.25 !important;font-weight: 900 !important;text-transform: uppercase !important;color: #27273D !important}
.h-170{display: flex !important;flex-direction: column !important;gap: 10px !important}
.h-171{display: flex !important;flex-wrap: wrap !important;gap: 6px !important;padding-top: 2px !important}
.h-172{font-size: 11px !important;font-weight: 600 !important;padding: 5px 10px !important;border-radius: 999px !important;background: #E4E4EF !important;color: #3A3A55 !important}
.h-173{align-self: flex-start !important;font-size: 11px !important;font-weight: 800 !important;letter-spacing: 0.06em !important;text-transform: uppercase !important;padding: 9px 16px !important;border-radius: 999px !important;background: #695EFE !important;color: #FFFFFF !important}
.h-174{text-align: center !important;font-family: 'JetBrains Mono', monospace !important;font-size: 13px !important;color: #C9C9DA !important}
.h-175{position: fixed !important;inset: 0 !important;z-index: 50 !important;background: rgba(22,22,38,0.72) !important;display: flex !important;align-items: center !important;justify-content: center !important;padding: 20px !important;box-sizing: border-box !important}
.h-176{width: 100% !important;max-width: 1160px !important;max-height: 100% !important;overflow: auto !important;background: #FFFFFF !important;border-radius: 16px !important;display: flex !important;flex-wrap: wrap !important}
.h-177{flex: 999 1 560px !important;min-width: 0 !important;background: #1E1E33 !important;position: relative !important;display: flex !important;align-items: center !important;justify-content: center !important;min-height: 340px !important}
.h-178{display: block !important;max-width: 100% !important;max-height: 72vh !important;object-fit: contain !important}
.h-179{position: absolute !important;left: 14px !important;top: 50% !important;transform: translateY(-50%) !important;width: 46px !important;height: 46px !important;border-radius: 50% !important;border: 0 !important;background: #FFFFFF !important;font-size: 22px !important}
.h-180{position: absolute !important;right: 14px !important;top: 50% !important;transform: translateY(-50%) !important;width: 46px !important;height: 46px !important;border-radius: 50% !important;border: 0 !important;background: #FFFFFF !important;font-size: 22px !important}
.h-181{position: absolute !important;left: 14px !important;bottom: 14px !important;background: rgba(22,22,38,0.8) !important;color: #FFFFFF !important;font-size: 12px !important;padding: 5px 10px !important;border-radius: 999px !important}
.h-182{flex: 1 1 320px !important;min-width: 0 !important;padding: 26px !important;box-sizing: border-box !important;display: flex !important;flex-direction: column !important;gap: 16px !important}
.h-183{display: flex !important;justify-content: space-between !important;align-items: flex-start !important;gap: 12px !important}
.h-184{display: flex !important;flex-direction: column !important;gap: 4px !important}
.h-185{font-size: 21px !important;font-weight: 600 !important;line-height: 1.25 !important}
.h-186{font-size: 14px !important;color: #5F5F78 !important}
.h-187{flex-shrink: 0 !important;width: 44px !important;height: 44px !important;border-radius: 50% !important;border: 1px solid #E3E3F0 !important;background: #FFFFFF !important;font-size: 18px !important}
.h-188{font-size: 15px !important;line-height: 1.55 !important}
.h-189{display: grid !important;grid-template-columns: repeat(4, minmax(0, 1fr)) !important;gap: 8px !important}
.h-190{display: block !important;width: 100% !important;aspect-ratio: 4 / 3 !important;object-fit: cover !important;object-position: top !important}
.h-191{max-width: 1240px !important;margin: 0 auto !important;padding: 96px 24px !important;display: flex !important;flex-wrap: wrap !important;gap: 48px !important}
.h-192{flex: 1 1 360px !important;min-width: 0 !important;display: flex !important;flex-direction: column !important;gap: 16px !important}
.h-193{margin: 0 !important;font-size: 16px !important;line-height: 1.65 !important;color: #B8B8B8 !important}
.h-194{font-size: 26px !important;font-weight: 600 !important;text-decoration: none !important;margin-top: 8px !important}
.h-195{display: flex !important;flex-direction: column !important;gap: 4px !important;font-size: 15px !important;color: #B8B8B8 !important;line-height: 1.6 !important}
.h-196{margin-top: 8px !important}
.h-197{display: flex !important;align-items: center !important;gap: 8px !important}
.h-198{width: 42px !important;height: 42px !important;border-radius: 50% !important;display: flex !important;align-items: center !important;justify-content: center !important;color: #FFFFFF !important;background: rgba(255,255,255,0.08) !important;border: 1px solid rgba(255,255,255,0.15) !important;text-decoration: none !important}
.h-199{flex: 999 1 560px !important;min-width: 0 !important;background: #FFFFFF !important;color: #161626 !important;border-radius: 14px !important;padding: clamp(22px, 4vw, 40px) !important;box-sizing: border-box !important}
.h-200{display: flex !important;flex-direction: column !important;gap: 20px !important}
.h-201{font-size: 14px !important;font-weight: 600 !important}
.h-202{display: flex !important;flex-wrap: wrap !important;gap: 8px !important}
.h-203{display: grid !important;grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)) !important;gap: 16px !important}
.h-204{display: flex !important;flex-direction: column !important;gap: 8px !important;font-size: 14px !important;font-weight: 600 !important}
.h-205{font: inherit !important;font-weight: 400 !important;font-size: 16px !important;padding: 13px 14px !important;border-radius: 6px !important;border: 1px solid #D6D6EA !important;background: #FFFFFF !important;color: #161626 !important}
.h-206{font: inherit !important;font-weight: 400 !important;font-size: 16px !important;padding: 13px 14px !important;border-radius: 6px !important;border: 1px solid #D6D6EA !important;background: #FFFFFF !important;color: #161626 !important;resize: vertical !important}
.h-207{position: absolute !important;left: -9999px !important;width: 1px !important;height: 1px !important;overflow: hidden !important}
.h-208{margin: 0 !important;padding: 12px 16px !important;border-radius: 10px !important;background: #FDECEC !important;color: #A3261F !important;font-size: 14px !important;font-weight: 600 !important}
.h-209{min-height: 400px !important;display: flex !important;flex-direction: column !important;justify-content: center !important;gap: 14px !important}
.h-210{font-size: 28px !important;font-weight: 600 !important;line-height: 1.2 !important}
.h-211{font-size: 16px !important;color: #55556E !important}
.h-212{align-self: flex-start !important;min-height: 44px !important;padding: 0 20px !important;border-radius: 999px !important;border: 1px solid #D6D6EA !important;background: #FFFFFF !important;font-weight: 600 !important;margin-top: 6px !important}
.h-213{padding: 12px !important}
.h-214{background: #F0F0FA !important;color: #27273D !important;border-radius: 40px !important;overflow: hidden !important}
.h-215{max-width: 1240px !important;margin: 0 auto !important;padding: 72px 24px 40px !important;display: grid !important;grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)) !important;gap: 40px !important}
.h-216{display: flex !important;flex-direction: column !important;gap: 16px !important;grid-column: span 1 !important}
.h-217{width: 40px !important;height: 40px !important;border-radius: 10px !important;background: #695EFE !important;color: #FFFFFF !important;display: flex !important;align-items: center !important;justify-content: center !important;font-family: 'JetBrains Mono', monospace !important;font-weight: 700 !important;font-size: 15px !important}
.h-218{font-size: 16px !important;font-weight: 800 !important;line-height: 1.2 !important}
.h-219{margin: 0 !important;font-size: 14px !important;line-height: 1.65 !important;color: #55556E !important}
.h-220{display: flex !important;gap: 8px !important}
.h-221{width: 42px !important;height: 42px !important;border-radius: 50% !important;display: flex !important;align-items: center !important;justify-content: center !important;color: #27273D !important;background: #FFFFFF !important;border: 1px solid #E3E3F0 !important;text-decoration: none !important}
.h-222{font-size: 12px !important;font-weight: 800 !important;letter-spacing: 0.1em !important;text-transform: uppercase !important;color: #5A4FE6 !important}
.h-223{text-decoration: none !important;font-size: 15px !important;color: #3A3A55 !important}
.h-224{text-decoration: none !important;font-size: 17px !important;font-weight: 800 !important;color: #27273D !important}
.h-225{text-decoration: none !important;font-size: 15px !important;font-weight: 600 !important;color: #5A4FE6 !important}
.h-226{font-size: 14px !important;line-height: 1.6 !important;color: #55556E !important}
.h-227{max-width: 1240px !important;margin: 0 auto !important;padding: 0 24px !important}
.h-228{border-top: 1px solid #DCDCEC !important;padding: 22px 0 26px !important;display: flex !important;flex-wrap: wrap !important;justify-content: space-between !important;gap: 10px !important;font-size: 13px !important;color: #5F5F78 !important}

/* Κανόνες σελίδας, εφέ, responsive */
body{margin:0}
a{color:inherit}a:hover{opacity:.8}
button{font:inherit;cursor:pointer}
.caret{display:inline-block;width:9px;height:18px;vertical-align:-4px;animation:kzblink 1s steps(1) infinite}
@keyframes kzblink{50%{opacity:0}}
.marquee{display:flex;width:max-content;animation:kzslide 45s linear infinite}
@keyframes kzslide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lift{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.lift:hover{transform:translateY(-6px);box-shadow:0 24px 44px -26px rgba(0,0,0,.35)}
.kb{animation:kzkb 10s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes kzkb{from{transform:scale(1)}to{transform:scale(1.15) translate(-2%,-1%)}}
.float{animation:kzfloat 6s ease-in-out infinite alternate}
@keyframes kzfloat{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.fx-stats{background:linear-gradient(rgba(22,22,38,.74),rgba(22,22,38,.74)),url(../../img/59aa9d3bdbcc0a2a991e6759d142a6d7.jpg) center/cover fixed}
.fx-quote{background:linear-gradient(rgba(22,22,38,.6),rgba(22,22,38,.6)),url(../../img/45f24ae9383e9daaae7261defadefe4c.jpg) center/cover fixed}
.fx-contact{background:linear-gradient(90deg,rgba(22,22,38,.62) 0%,rgba(22,22,38,.55) 40%,rgba(22,22,38,.88) 75%),url(../../img/ab58cfa0828c1cd1130bec64fe2cbfcf.png) 35% center/cover fixed}
.hv{position:relative;overflow:hidden;isolation:isolate}
.hv-bg{position:absolute;inset:0;z-index:-1;background:#141414;transform:translateY(101%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hv:hover .hv-bg,.hv:focus-visible .hv-bg{transform:translateY(0)}
.hv-t{transition:color .4s}
.hv:hover .hv-t,.hv:focus-visible .hv-t{color:#FFFFFF !important}
.hv:hover .hv-k,.hv:focus-visible .hv-k{color:#BDBDBD !important}
.hv-d{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.hv:hover .hv-d,.hv:focus-visible .hv-d{opacity:1;transform:none}
.hv-img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.hv:hover .hv-img{transform:scale(1.1) rotate(-3deg)}
.hv-arrow{transition:transform .5s}
.hv:hover .hv-arrow{transform:rotate(-45deg)}
.sub-a{transition:gap .3s}.sub-a:hover{gap:14px !important}
@media (hover:none){.hv-d{opacity:1;transform:none}}
.gp{position:relative;border-radius:22px;overflow:hidden;background:#161626;color:#FFFFFF;transition:flex .8s cubic-bezier(.2,.7,.2,1),opacity .5s,margin .8s}
.gp-active{flex:1 1 0px;opacity:1;margin-right:12px}
.gp-strip{flex:0 0 92px;opacity:1;margin-right:12px}
.gp-hidden{flex:0 0 0px;opacity:0;margin-right:0}
.gp-body{transition:opacity .6s .25s,transform .6s .25s}
.gp-strip .gp-body,.gp-hidden .gp-body{opacity:0;transform:translateY(16px);pointer-events:none}
.gp-label{transition:opacity .4s}
.gp-active .gp-label,.gp-hidden .gp-label{opacity:0}
.gp-hit{position:absolute;inset:0;z-index:3;border:0;background:transparent;padding:0}
.gp-active .gp-hit,.gp-hidden .gp-hit{display:none}
.gp-strip:hover .gp-shade{background:rgba(22,22,38,.45)}
@media (max-width:760px){.gp-strip{flex:0 0 0px;opacity:0;margin-right:0}}
.wk-img{transition:object-position 4s ease,transform .8s}
.wk:hover .wk-img{object-position:bottom;transform:scale(1.04)}
.wk-over{position:absolute;right:16px;bottom:16px;background:#695EFE;color:#FFFFFF;padding:10px 16px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.06em;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}
.wk:hover .wk-over{opacity:1;transform:none}
.flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5}
.flow path{fill:none;stroke:#695EFE;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:4 12;animation:kzflow 20s linear infinite}
.flow path:nth-child(2n){stroke:#B9B3FF;stroke-dasharray:60 18;animation-duration:30s;animation-direction:reverse}
.flow path:nth-child(3n){stroke-width:2.2;opacity:.6;animation-duration:24s}
.flow g{animation:kzdrift 14s ease-in-out infinite alternate}
@keyframes kzflow{to{stroke-dashoffset:-640}}
@keyframes kzdrift{from{transform:translateY(-18px)}to{transform:translateY(18px)}}
@media (prefers-reduced-motion: reduce){.flow path,.flow g{animation:none}}
.abp{grid-area:1/1;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1),visibility .6s}
.abp-off{opacity:0;transform:translateX(40px);visibility:hidden;pointer-events:none}
.abp-on{opacity:1;transform:none;visibility:visible}
.abp-on .abp-img{animation:kzzoomin 1.4s cubic-bezier(.2,.7,.2,1) both}
.abp-on .abp-t{animation:kzfade .7s ease both}
.abp-on .abp-t2{animation:kzfade .7s .12s ease both}
.abp-on .abp-t3{animation:kzfade .7s .24s ease both}
.abp-on .abp-badge{animation:kzpop .6s .3s cubic-bezier(.2,.9,.3,1.3) both}
@keyframes kzzoomin{from{transform:scale(1.25);filter:blur(4px)}to{transform:scale(1);filter:none}}
@keyframes kzpop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.pc{position:relative;aspect-ratio:1200/720;margin-top:8px}
.pc-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pl{fill:none;stroke:#161626;stroke-width:2.5;stroke-dasharray:1600;stroke-dashoffset:1600;transition:stroke .3s}
.pc-on .pl{animation:pcdraw 1.3s cubic-bezier(.6,0,.2,1) forwards}
.pc-on .pl-1{animation-delay:.25s}.pc-on .pl-2{animation-delay:.5s}.pc-on .pl-3{animation-delay:.75s}
@keyframes pcdraw{to{stroke-dashoffset:0}}
.pc{container-type:inline-size}
.c3-wrap{--s:21cqw;position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);transform:translate(-50%,-46%);perspective:1400px}
.c3{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.65,0,.25,1)}
.c3f{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 9%;box-sizing:border-box;backface-visibility:hidden;color:#FFFFFF;border:1px solid rgba(255,255,255,.18)}
.c3-n{font-family:'JetBrains Mono',monospace;font-size:calc(var(--s)*.07);opacity:.75}
.c3-t{font-size:calc(var(--s)*.105);font-weight:900;text-transform:uppercase;line-height:1.05;letter-spacing:-.01em}
.c3-f{font-family:'JetBrains Mono',monospace;font-size:calc(var(--s)*.065);opacity:.8}
.c3-0{transform:rotateY(0deg) translateZ(calc(var(--s)/2));background:linear-gradient(150deg,#8E85FF,#5A4FE6)}
.c3-1{transform:rotateY(90deg) translateZ(calc(var(--s)/2));background:linear-gradient(150deg,#2A2A44,#161626)}
.c3-2{transform:rotateY(180deg) translateZ(calc(var(--s)/2));background:linear-gradient(150deg,#D6D6FF,#B9B3FF);color:#161626}
.c3-3{transform:rotateY(270deg) translateZ(calc(var(--s)/2));background:linear-gradient(150deg,#695EFE,#3B33B8)}
.c3-top{transform:rotateX(90deg) translateZ(calc(var(--s)/2));background:linear-gradient(135deg,#FFFFFF,#E2E2F3);align-items:center;color:#695EFE}
.c3-top span{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:calc(var(--s)*.22)}
.c3-bot{transform:rotateX(-90deg) translateZ(calc(var(--s)/2));background:#161626}
.c3-shadow{position:absolute;left:-10%;right:-10%;bottom:-38%;height:22%;background:radial-gradient(closest-side,rgba(22,22,38,.22),transparent)}
.pb{cursor:pointer;outline:none}
.kzpre{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0B0B18;transition:opacity .8s ease,visibility .8s}
.kzpre-photo{position:absolute;inset:-4%;background:url(../../img/aiimage.jpg) center/cover no-repeat,url(../../img/b6a8c5cd248787b4d3ef194c4dd69445.jpg) center/cover no-repeat;transform:scale(1.12);animation:kzpz 2.6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes kzpz{to{transform:scale(1)}}
.kzpre-scrim{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(22,22,38,.62),rgba(11,11,24,.9) 70%)}
.kzpre-brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;animation:kzpb .9s .15s cubic-bezier(.2,.7,.2,1) both;transition:transform .8s cubic-bezier(.65,0,.25,1)}
@keyframes kzpb{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
.kzpre-badge{display:flex;align-items:center;gap:14px;background:#FFFFFF;border-radius:20px;padding:16px 26px 16px 16px;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.kzpre-bar{width:200px;height:3px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}
.kzpre-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#695EFE,#B9B3FF);transform:scaleX(0);transform-origin:left center;animation:kzbar 1.5s .25s cubic-bezier(.65,0,.25,1) forwards}
@keyframes kzbar{to{transform:scaleX(1)}}
.kzpre-leave{opacity:0;visibility:hidden;pointer-events:none}
.kzpre-leave .kzpre-brand{transform:translateY(-14px) scale(.97)}
@media (prefers-reduced-motion: reduce){.kzpre{display:none}}
.svtab{position:relative;transition:color .3s}
.svtab::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:#695EFE;transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.65,0,.25,1)}
.svtab[aria-selected="true"]::after{transform:scaleX(1)}
.svtab span{transition:transform .3s}.svtab[aria-selected="true"] span{transform:translateX(4px)}
.trk-win{overflow:hidden;padding:18px 4px 22px;margin:-18px -4px -22px}
.trk{--per:3;--u:calc((100% + 24px) / var(--per));display:flex;gap:24px;transform:translateX(calc(-1 * var(--u)))}
.trk>*{flex:0 0 calc((100% - (var(--per) - 1) * 24px) / var(--per));min-width:0;box-sizing:border-box}
.trk-n0{animation:trkn0 1s cubic-bezier(.65,0,.25,1)}.trk-n1{animation:trkn1 1s cubic-bezier(.65,0,.25,1)}
.trk-p0{animation:trkp0 1s cubic-bezier(.65,0,.25,1)}.trk-p1{animation:trkp1 1s cubic-bezier(.65,0,.25,1)}
@keyframes trkn0{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--u)))}}
@keyframes trkn1{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--u)))}}
@keyframes trkp0{from{transform:translateX(calc(-2 * var(--u)))}to{transform:translateX(calc(-1 * var(--u)))}}
@keyframes trkp1{from{transform:translateX(calc(-2 * var(--u)))}to{transform:translateX(calc(-1 * var(--u)))}}
.trk-static{transform:none;flex-wrap:wrap}
@media (max-width:1000px){.trk{--per:2}}
@media (max-width:640px){.trk{--per:1}}
@media (prefers-reduced-motion: reduce){.trk{animation:none !important}}
.wk-a0{animation:wkin0 .7s cubic-bezier(.2,.7,.2,1) both}.wk-a1{animation:wkin1 .7s cubic-bezier(.2,.7,.2,1) both}
.wk-d1{animation-delay:.08s}.wk-d2{animation-delay:.16s}
@keyframes wkin0{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes wkin1{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
.pb-on .pb-t{color:#695EFE}
.pc-a0 .pl-0,.pc-a1 .pl-1,.pc-a2 .pl-2,.pc-a3 .pl-3{stroke:#695EFE;stroke-width:3.5}
.pc-a0 .pd-0,.pc-a1 .pd-1,.pc-a2 .pd-2,.pc-a3 .pd-3{fill:#695EFE}
.ait{transition:background .3s,border-color .3s,transform .3s}.ait:hover{border-color:#695EFE;box-shadow:0 0 0 3px rgba(105,94,254,.45);transform:translateY(-2px)}
.pd{fill:#161626;stroke:#FFFFFF;stroke-width:2}
.pc-on .pd{animation:pcpop .4s .2s both}@keyframes pcpop{from{opacity:0}to{opacity:1}}
.pb{position:absolute;width:27%;display:flex;flex-direction:column;gap:8px;color:#161626;transition:transform .3s}
.pb:hover{transform:translateY(-3px)}
.pb:hover .pb-t{color:#695EFE}
.pb-0{left:0;top:2%}.pb-1{left:0;top:68%}.pb-2{right:0;top:2%}.pb-3{right:0;top:68%}
.pc:has(.pb-0:hover) .pl-0,.pc:has(.pb-1:hover) .pl-1,.pc:has(.pb-2:hover) .pl-2,.pc:has(.pb-3:hover) .pl-3{stroke:#695EFE}
@media (max-width:900px){.pc{aspect-ratio:auto;display:flex;flex-direction:column;gap:22px}.pc-lines{display:none}.c3-wrap{position:relative;left:auto;top:auto;transform:none;margin:30px auto 50px;--s:190px}.pb{position:static;width:auto;background:#F0F0FA;border-radius:22px;padding:22px}}
@media (prefers-reduced-motion: reduce){.pl{stroke-dashoffset:0;animation:none!important}.c3{transition:none}}
.abtab{transition:border-color .4s,color .4s,background-color .4s,min-height .35s}
.abtab:hover{background-color:#D6D6FF}
.abtab[aria-selected="true"]:hover{background-color:#FFFFFF}
.abtabs::-webkit-scrollbar{display:none}
@media (max-width:760px){.abtabs{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px !important;overflow:visible !important;margin-bottom:6px}.abtab{min-height:64px !important;border-radius:16px !important;border-top:0 !important;border-left:3px solid transparent !important}.abtab[aria-selected="true"]{border-left-color:#695EFE !important}.abtab:last-child{grid-column:1 / -1}.abtabs + div{border-radius:24px !important}}
@media (prefers-reduced-motion: reduce){.abp,.abp-on .abp-img,.abp-on .abp-t,.abp-on .abp-t2,.abp-on .abp-t3,.abp-on .abp-badge{animation:none;transition:none}}
.cs{position:relative;display:block;width:100%;height:500px;padding:0;border:0;border-radius:32px;overflow:hidden;background:#FFFFFF;text-align:left;color:#27273D;cursor:pointer;transition:box-shadow .5s,transform .5s}
.cs:hover{box-shadow:0 30px 60px -30px rgba(22,22,38,.35);transform:translateY(-4px)}
.cs-wave{position:absolute;left:-40px;right:-40px;bottom:40px;height:240px;pointer-events:none}
.cs-wave path{fill:none;stroke:#D6D6FF;stroke-width:60;stroke-linecap:round;transition:stroke .6s}
.cs:hover .cs-wave path{stroke:#C7C2FF}
.cs-media{position:absolute;left:32px;right:32px;top:80px;height:250px;border-radius:18px;overflow:hidden;background:#1E1E33;box-shadow:0 20px 40px -24px rgba(22,22,38,.5);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.cs:hover .cs-media{transform:translateY(-34px) scale(.96)}
.cs-pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .7s}
.cs-body{position:absolute;left:0;right:0;bottom:0;padding:24px 32px 28px;background:linear-gradient(rgba(255,255,255,0),#FFFFFF 22%);transform:translateY(116px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cs:hover .cs-body,.cs:focus-visible .cs-body{transform:none}
.cs-more{opacity:0;transition:opacity .4s .15s}
.cs:hover .cs-more,.cs:focus-visible .cs-more{opacity:1}
@media (hover:none){.cs-body{transform:none}.cs-more{opacity:1}}
.fx-clients{background:linear-gradient(rgba(22,22,38,.86),rgba(22,22,38,.86)),url(../../img/1e804e788b3a6a29a7ff61bc5a0d9cb6.jpg) center/cover fixed}
.nav-burger{display:none}
.nav-panel{display:none}
@media (max-width:960px){
.nav-links{display:none !important}
.nav-burger{display:flex !important}
.nav-panel{display:flex}
}
@media (max-width:640px){
[data-pad]{padding-top:60px !important;padding-bottom:60px !important}
.hero-h{height:max(600px, calc(100svh - 150px)) !important}
.cs{height:470px}
}
@media (hover:none){.fx-stats,.fx-quote,.fx-contact,.fx-clients{background-attachment:scroll}}
.soc a{transition:background .3s,color .3s,border-color .3s}.soc a:hover{background:#695EFE !important;color:#FFFFFF !important;border-color:#695EFE !important;opacity:1}
.csx{position:relative;display:block;width:100%;height:470px;padding:0;border:0;background:transparent;text-align:left;color:#27273D;cursor:pointer}
.csx-a0{animation:kzin1 .7s cubic-bezier(.2,.7,.2,1) both}
.csx-a1{animation:kzin2 .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes kzin1{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes kzin2{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
.csx-media{position:absolute;left:44px;right:0;top:0;height:330px;border-radius:28px;overflow:hidden;background:#1E1E33;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.csx:hover .csx-media{transform:translate(8px,-6px)}
.csx-pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .7s,transform 1.2s}
.csx:hover .csx-pic{transform:scale(1.05)}
.csx-panel{position:absolute;left:0;bottom:0;width:84%;background:#FFFFFF;border-radius:24px;padding:20px 22px;box-sizing:border-box;box-shadow:0 24px 50px -24px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:10px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.csx:hover .csx-panel,.csx:focus-visible .csx-panel{transform:translateY(-14px)}
.csx-more{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s ease,opacity .4s .1s}
.csx:hover .csx-more,.csx:focus-visible .csx-more{max-height:180px;opacity:1}
@media (hover:none){.csx-more{max-height:none;opacity:1}}
@media (prefers-reduced-motion: reduce){.csx-a0,.csx-a1{animation:none}}
.fadein{animation:kzfade .9s ease both}
@keyframes kzfade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.caret,.marquee{animation:none}.lift{transition:none}.kb,.float,.fadein{animation:none}}
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skiplink{position:absolute;left:12px;top:12px;z-index:100;background:#161626;color:#FFFFFF;padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none;opacity:0;pointer-events:none;transform:translateY(-200%);transition:transform .2s,opacity .2s}
.skiplink:focus{opacity:1;pointer-events:auto;transform:none}