/* Bewegung 1:1 aus dem Original (Onepage-Abzug): Markup in bewegung/*.html, Regeln und Keyframes hier. Klassen sind eindeutig (styles_op_*). */
:root, :host { --color-kit-white: #FFFFFF; --color-kit-white-array: 255,255,255; --color-kit-black: #08090B; --color-kit-black-array: 8,9,11; --color-kit-light: #F2EEE6; --color-kit-light-array: 242,238,230; --color-kit-dark: #0E1216; --color-kit-dark-array: 14,18,22; --color-kit-key1: #C4A06A; --color-kit-key1-array: 196,160,106; --color-kit-key2: #E0C79B; --color-kit-key2-array: 224,199,155; }
:root { --font-kit-header-font: "Space Grotesk", system-ui, sans-serif; --font-kit-text-font: "Inter", system-ui, sans-serif; }
.bw { width: 100%; max-width: 656px; }
.bw-kette-leistungen, .bw-portal-start { max-width: none; }
/* fenster-automatisierung */
.styles_op_3wwuiu_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_3wwuiu_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_3wwuiu_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_3wwuiu_dR { background: rgb(229, 103, 78); }
.styles_op_3wwuiu_dY { background: rgb(224, 199, 155); }
.styles_op_3wwuiu_dG { background: rgb(95, 191, 126); }
.styles_op_3wwuiu_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_3wwuiu_stage { position: relative; height: 340px; overflow: hidden; }
.styles_op_3wwuiu_workflow { padding: 14px 16px; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
.styles_op_3wwuiu_stepRow { display: flex; align-items: flex-start; gap: 14px; }
.styles_op_3wwuiu_stepLeft { display: flex; flex-direction: column; align-items: center; width: 28px; flex: 0 0 auto; }
.styles_op_3wwuiu_stepNode { width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.094); background: rgb(15, 17, 22); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; transition: border-color 0.5s, background 0.5s, box-shadow 0.5s; }
.styles_op_3wwuiu_nodeActive { border-color: rgb(196, 160, 106); background: rgb(26, 21, 8); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 3px, rgba(196, 160, 106, 0.267) 0px 0px 16px; }
.styles_op_3wwuiu_nodeDone { border-color: rgba(95, 191, 126, 0.333); background: rgb(13, 26, 15); }
.styles_op_3wwuiu_stepNum { font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; color: rgb(74, 76, 84); transition: color 0.4s; }
.styles_op_3wwuiu_stepNumActive { color: rgb(224, 199, 155); }
.styles_op_3wwuiu_checkSvg { width: 14px; height: 14px; }
.styles_op_3wwuiu_connector { width: 1px; height: 18px; position: relative; overflow: visible; }
.styles_op_3wwuiu_connLine { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 1px; background: rgba(255, 255, 255, 0.094); transition: background 0.5s; }
.styles_op_3wwuiu_connDone { background: rgba(196, 160, 106, 0.333); }
.styles_op_3wwuiu_stepLabel { font-family: var(--font-kit-text-font); font-size: 13px; line-height: 28px; transition: color 0.4s, opacity 0.4s; }
.styles_op_3wwuiu_labelActive { color: rgb(224, 199, 155); font-weight: 500; }
.styles_op_3wwuiu_labelDone { color: rgb(138, 135, 121); }
.styles_op_3wwuiu_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_3wwuiu_statusLeft { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); }
.styles_op_3wwuiu_statusRight { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); }
.styles_op_3wwuiu_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running styles_op_3wwuiu_ping; }
.styles_op_3wwuiu_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 560px) {
.styles_op_3wwuiu_stage { height: 300px; }
.styles_op_3wwuiu_stepLabel { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_3wwuiu_pulse { animation: auto ease 0s 1 normal none running none; }
.styles_op_3wwuiu_nodeActive { box-shadow: none; }
}
@keyframes styles_op_3wwuiu_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}
/* fenster-chatbots */
.styles_op_1h54m7c_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_1h54m7c_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1h54m7c_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_1h54m7c_dR { background: rgb(229, 103, 78); }
.styles_op_1h54m7c_dY { background: rgb(224, 199, 155); }
.styles_op_1h54m7c_dG { background: rgb(95, 191, 126); }
.styles_op_1h54m7c_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); letter-spacing: 0.01em; }
.styles_op_1h54m7c_chatHeader { display: flex; align-items: center; gap: 12px; padding: 13px 16px; background: rgb(14, 16, 21); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1h54m7c_chatAvatar { width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0; background: linear-gradient(135deg, rgb(196, 160, 106), rgb(224, 199, 155)); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: rgb(10, 11, 14); letter-spacing: 0.04em; font-family: var(--font-kit-header-font); }
.styles_op_1h54m7c_chatMeta { display: flex; flex-direction: column; gap: 3px; }
.styles_op_1h54m7c_chatName { font-family: var(--font-kit-header-font); font-weight: 600; font-size: 13.5px; color: rgb(242, 238, 230); letter-spacing: 0.01em; }
.styles_op_1h54m7c_chatStatusLine { display: flex; align-items: center; gap: 5px; font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(95, 191, 126); }
.styles_op_1h54m7c_onlineDot { width: 7px; height: 7px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.6) 0px 0px 6px; animation: 2.5s ease-in-out 0s infinite normal none running styles_op_1h54m7c_onlinePulse; }
.styles_op_1h54m7c_chatBody { padding: 14px 16px 12px; display: flex; flex-direction: column; gap: 9px; overflow: hidden; }
.styles_op_1h54m7c_customerWrap { display: flex; justify-content: flex-end; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_customerAnim; }
.styles_op_1h54m7c_customerBubble { max-width: 88%; background: rgb(24, 28, 38); border: 1px solid rgba(255, 255, 255, 0.06); color: rgb(201, 198, 190); border-radius: 14px 14px 4px; padding: 10px 14px; font-size: 13px; line-height: 1.55; font-family: var(--font-kit-text-font); }
.styles_op_1h54m7c_replyArea { position: relative; min-height: 72px; }
.styles_op_1h54m7c_typingWrap { position: absolute; top: 0px; left: 0px; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_typingAnim; }
.styles_op_1h54m7c_typingDots { display: flex; align-items: center; gap: 5px; background: rgb(19, 22, 30); border: 1px solid rgba(255, 255, 255, 0.04); padding: 10px 14px; border-radius: 14px 14px 14px 4px; }
.styles_op_1h54m7c_tDot { width: 7px; height: 7px; border-radius: 50%; background: rgb(196, 160, 106); animation: 0.9s ease-in-out 0s infinite normal none running styles_op_1h54m7c_dotBounce; }
.styles_op_1h54m7c_tDot:nth-child(2) { animation-delay: 0.18s; }
.styles_op_1h54m7c_tDot:nth-child(3) { animation-delay: 0.36s; }
.styles_op_1h54m7c_assistantWrap { position: absolute; top: 0px; left: 0px; right: 0px; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_assistantAnim; }
.styles_op_1h54m7c_assistantBubble { background: linear-gradient(135deg, rgba(196, 160, 106, 0.11), rgba(224, 199, 155, 0.05)); border: 1px solid rgba(196, 160, 106, 0.22); color: rgb(237, 232, 223); border-radius: 14px 14px 14px 4px; padding: 11px 15px; font-size: 13px; line-height: 1.6; font-family: var(--font-kit-text-font); box-shadow: rgba(196, 160, 106, 0.086) 0px 1px 0px inset; }
.styles_op_1h54m7c_chipsWrap { display: flex; flex-wrap: wrap; gap: 6px; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_chipsAnim; }
.styles_op_1h54m7c_chip { display: inline-block; padding: 4px 10px; border-radius: 20px; background: rgba(196, 160, 106, 0.094); border: 1px solid rgba(196, 160, 106, 0.267); color: rgb(212, 176, 122); font-size: 11px; letter-spacing: 0.02em; font-family: var(--font-kit-text-font); font-weight: 500; }
.styles_op_1h54m7c_leadWrap { display: flex; align-items: center; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_leadAnim; }
.styles_op_1h54m7c_leadBadge { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; border-radius: 8px; background: rgb(24, 34, 24); border: 1px solid rgba(95, 191, 126, 0.267); color: rgb(127, 191, 158); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; font-family: var(--font-kit-text-font); }
.styles_op_1h54m7c_leadCheck { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: rgba(95, 191, 126, 0.2); color: rgb(127, 191, 158); font-size: 10px; }
.styles_op_1h54m7c_voiceWaveWrap { display: flex; align-items: center; gap: 2.5px; height: 24px; padding: 2px 0px; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_waveContainerAnim; }
.styles_op_1h54m7c_waveBar { display: inline-block; width: 2.5px; border-radius: 2px; height: 4px; background: linear-gradient(to top, rgb(196, 160, 106), rgba(224, 199, 155, 0.533)); animation: 0.6s ease-in-out 0s infinite alternate none running styles_op_1h54m7c_waveH; }
.styles_op_1h54m7c_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 11px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_1h54m7c_statusLeft { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); }
.styles_op_1h54m7c_statusRight { display: flex; align-items: center; gap: 8px; color: rgb(127, 191, 158); }
.styles_op_1h54m7c_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); animation: 1.6s ease-out 0s infinite normal none running styles_op_1h54m7c_ping; }
.styles_op_1h54m7c_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 560px) {
.styles_op_1h54m7c_chatBody { padding: 12px 12px 10px; gap: 8px; }
.styles_op_1h54m7c_customerBubble, .styles_op_1h54m7c_assistantBubble { font-size: 12px; }
.styles_op_1h54m7c_replyArea { min-height: 78px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_1h54m7c_customerWrap { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
.styles_op_1h54m7c_typingWrap { animation: auto ease 0s 1 normal none running none; opacity: 0; }
.styles_op_1h54m7c_assistantWrap { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
.styles_op_1h54m7c_chipsWrap { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
.styles_op_1h54m7c_leadWrap { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
.styles_op_1h54m7c_voiceWaveWrap { animation: auto ease 0s 1 normal none running none; opacity: 0; }
.styles_op_1h54m7c_tDot, .styles_op_1h54m7c_waveBar, .styles_op_1h54m7c_onlineDot, .styles_op_1h54m7c_pulse { animation: auto ease 0s 1 normal none running none; }
.styles_op_1h54m7c_tDot { opacity: 0.5; }
.styles_op_1h54m7c_waveBar { height: 6px; }
}
@keyframes styles_op_1h54m7c_onlinePulse { 
  0%, 100% { box-shadow: rgba(95, 191, 126, 0.533) 0px 0px 5px; }
  50% { box-shadow: rgba(95, 191, 126, 0.8) 0px 0px 13px; }
}
@keyframes styles_op_1h54m7c_customerAnim { 
  0%, 2.5% { opacity: 0; transform: translateY(7px); }
  7.5% { opacity: 1; transform: translateY(0px); }
  80% { opacity: 1; transform: translateY(0px); }
  90%, 100% { opacity: 0; transform: translateY(0px); }
}
@keyframes styles_op_1h54m7c_dotBounce { 
  0%, 100% { transform: translateY(0px); opacity: 0.4; }
  45% { transform: translateY(-5px); opacity: 1; }
}
@keyframes styles_op_1h54m7c_typingAnim { 
  0%, 12.5% { opacity: 0; }
  15%, 22% { opacity: 1; }
  25%, 100% { opacity: 0; }
}
@keyframes styles_op_1h54m7c_assistantAnim { 
  0%, 25% { opacity: 0; transform: translateY(5px); }
  30% { opacity: 1; transform: translateY(0px); }
  80% { opacity: 1; transform: translateY(0px); }
  90%, 100% { opacity: 0; transform: translateY(0px); }
}
@keyframes styles_op_1h54m7c_chipsAnim { 
  0%, 37.5% { opacity: 0; transform: translateY(4px); }
  42.5% { opacity: 1; transform: translateY(0px); }
  80% { opacity: 1; transform: translateY(0px); }
  90%, 100% { opacity: 0; transform: translateY(0px); }
}
@keyframes styles_op_1h54m7c_leadAnim { 
  0%, 50% { opacity: 0; transform: scale(0.9); }
  56% { opacity: 1; transform: scale(1); }
  80% { opacity: 1; transform: scale(1); }
  90%, 100% { opacity: 0; transform: scale(0.95); }
}
@keyframes styles_op_1h54m7c_waveH { 
  0% { height: 3px; }
  100% { height: 18px; }
}
@keyframes styles_op_1h54m7c_waveContainerAnim { 
  0%, 60% { opacity: 0; }
  65% { opacity: 0.8; }
  75% { opacity: 0.8; }
  80%, 100% { opacity: 0; }
}
@keyframes styles_op_1h54m7c_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}
/* fenster-crm */
.styles_op_11i57xb_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_11i57xb_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_11i57xb_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_11i57xb_dR { background: rgb(229, 103, 78); }
.styles_op_11i57xb_dY { background: rgb(224, 199, 155); }
.styles_op_11i57xb_dG { background: rgb(95, 191, 126); }
.styles_op_11i57xb_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_11i57xb_stage { position: relative; height: 340px; overflow: hidden; }
.styles_op_11i57xb_crmView, .styles_op_11i57xb_portalView { position: absolute; inset: 0px; }
.styles_op_11i57xb_crmView { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_viewCRM; }
.styles_op_11i57xb_portalView { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_viewPortal; }
.styles_op_11i57xb_crmView { background: rgb(12, 14, 18); padding: 18px 20px; display: flex; flex-direction: column; gap: 14px; }
.styles_op_11i57xb_crmTopBar { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_11i57xb_crmLabel { font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(122, 120, 112); }
.styles_op_11i57xb_crmValue { font-family: var(--font-kit-header-font); font-size: 15px; font-weight: 700; background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; }
.styles_op_11i57xb_leadRow { display: flex; align-items: center; gap: 12px; background: rgb(16, 18, 26); border: 1px solid rgba(196, 160, 106, 0.133); border-radius: 10px; padding: 10px 14px; }
.styles_op_11i57xb_leadAvatar { width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto; background: linear-gradient(135deg, rgba(196, 160, 106, 0.267), rgba(196, 160, 106, 0.133)); border: 1px solid rgba(196, 160, 106, 0.267); display: flex; align-items: center; justify-content: center; font-family: var(--font-kit-header-font); font-size: 11px; font-weight: 700; color: rgb(196, 160, 106); letter-spacing: 0.05em; }
.styles_op_11i57xb_leadMeta { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0%; min-width: 0px; }
.styles_op_11i57xb_leadName { font-family: var(--font-kit-header-font); font-size: 13px; font-weight: 600; color: rgb(242, 238, 230); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.styles_op_11i57xb_leadCompany { font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(122, 120, 112); }
.styles_op_11i57xb_leadTag { flex: 0 0 auto; font-family: var(--font-kit-text-font); font-size: 10px; font-weight: 600; color: rgb(196, 160, 106); letter-spacing: 0.1em; border: 1px solid rgba(196, 160, 106, 0.2); border-radius: 5px; padding: 3px 8px; white-space: nowrap; }
.styles_op_11i57xb_pipelineWrap { display: flex; flex-direction: column; gap: 10px; margin-top: 2px; }
.styles_op_11i57xb_pipelineRailWrap { position: relative; height: 4px; margin: 0px 14px; }
.styles_op_11i57xb_pipelineRail { position: relative; width: 100%; height: 4px; background: rgb(30, 32, 40); border-radius: 2px; overflow: visible; }
.styles_op_11i57xb_pipelineFill { position: absolute; left: 0px; top: 0px; height: 100%; border-radius: 2px; background: linear-gradient(90deg, rgb(196, 160, 106), rgb(224, 199, 155)); animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_pFill; }
.styles_op_11i57xb_pipelinePulse { position: absolute; top: 50%; width: 10px; height: 10px; border-radius: 50%; margin-top: -5px; margin-left: -5px; background: rgb(224, 199, 155); box-shadow: rgba(196, 160, 106, 0.8) 0px 0px 10px, rgba(196, 160, 106, 0.4) 0px 0px 22px; animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_pPulse; }
.styles_op_11i57xb_pipelineStages { display: flex; justify-content: space-between; align-items: flex-start; padding: 0px 8px; }
.styles_op_11i57xb_pStage { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 1 1 0%; }
.styles_op_11i57xb_stageNode { width: 20px; height: 20px; border-radius: 50%; background: rgb(37, 40, 48); border: 2px solid rgb(48, 51, 60); display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; transition: background 0.4s, box-shadow 0.4s; }
.styles_op_11i57xb_stageCheck { font-size: 10px; font-weight: 700; color: rgb(8, 9, 11); animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_checkIn; }
.styles_op_11i57xb_stageLabel { font-family: var(--font-kit-text-font); font-size: 10px; color: rgb(90, 92, 100); letter-spacing: 0.06em; text-align: center; }
.styles_op_11i57xb_pS1 .styles_op_11i57xb_stageNode { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_node1; }
.styles_op_11i57xb_pS2 .styles_op_11i57xb_stageNode { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_node2; }
.styles_op_11i57xb_pS3 .styles_op_11i57xb_stageNode { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_node3; }
.styles_op_11i57xb_pS4 .styles_op_11i57xb_stageNode { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_node4; }
.styles_op_11i57xb_pS4 .styles_op_11i57xb_stageLabel { color: rgb(155, 224, 174); }
.styles_op_11i57xb_portalView { background: linear-gradient(rgb(13, 15, 20), rgb(12, 14, 18)); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.styles_op_11i57xb_portalTopBar { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_11i57xb_portalTitle { font-family: var(--font-kit-header-font); font-size: 13px; font-weight: 700; letter-spacing: 0.1em; color: rgb(242, 238, 230); }
.styles_op_11i57xb_portalOnline { display: flex; align-items: center; gap: 6px; font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(155, 224, 174); }
.styles_op_11i57xb_portalDot { width: 7px; height: 7px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 7px; animation: 2s ease-out 0s infinite normal none running styles_op_11i57xb_portalPing; }
.styles_op_11i57xb_portalSections { display: flex; flex-direction: column; gap: 4px; }
.styles_op_11i57xb_portalSection { display: flex; align-items: center; justify-content: space-between; background: rgb(16, 18, 26); border: 1px solid rgba(255, 255, 255, 0.04); border-radius: 8px; padding: 9px 14px; }
.styles_op_11i57xb_pSecLabel { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(201, 198, 190); }
.styles_op_11i57xb_pSecStatus { font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; color: rgb(196, 160, 106); }
.styles_op_11i57xb_notifications { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.styles_op_11i57xb_notif { display: flex; align-items: center; gap: 9px; font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(176, 173, 166); background: rgb(19, 21, 28); border: 1px solid rgba(196, 160, 106, 0.133); border-radius: 7px; padding: 8px 12px; }
.styles_op_11i57xb_notifDot { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 6px; }
.styles_op_11i57xb_notif1 { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_notif1; }
.styles_op_11i57xb_notif2 { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_notif2; }
.styles_op_11i57xb_notif3 { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_notif3; }
.styles_op_11i57xb_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_11i57xb_statusCode { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_viewCRM; }
.styles_op_11i57xb_statusLive { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_viewPortal; }
.styles_op_11i57xb_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); animation: 1.6s ease-out 0s infinite normal none running styles_op_11i57xb_ping; }
.styles_op_11i57xb_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 560px) {
.styles_op_11i57xb_stage { height: 300px; }
.styles_op_11i57xb_leadTag { display: none; }
.styles_op_11i57xb_pStage .styles_op_11i57xb_stageLabel { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_11i57xb_pipelineFill { animation: auto ease 0s 1 normal none running none; width: 100%; }
.styles_op_11i57xb_pipelinePulse { animation: auto ease 0s 1 normal none running none; opacity: 0; }
.styles_op_11i57xb_pS1 .styles_op_11i57xb_stageNode, .styles_op_11i57xb_pS2 .styles_op_11i57xb_stageNode, .styles_op_11i57xb_pS3 .styles_op_11i57xb_stageNode { animation: auto ease 0s 1 normal none running none; background: rgb(196, 160, 106); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 10px; }
.styles_op_11i57xb_pS4 .styles_op_11i57xb_stageNode { animation: auto ease 0s 1 normal none running none; background: rgb(95, 191, 126); border-color: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 10px; }
.styles_op_11i57xb_stageCheck { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: scale(1); }
.styles_op_11i57xb_notif1, .styles_op_11i57xb_notif2, .styles_op_11i57xb_notif3 { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: translateX(0px); }
.styles_op_11i57xb_crmView, .styles_op_11i57xb_statusCode { animation: auto ease 0s 1 normal none running none; opacity: 1; }
.styles_op_11i57xb_portalView, .styles_op_11i57xb_statusLive { animation: auto ease 0s 1 normal none running none; opacity: 0; }
.styles_op_11i57xb_portalDot { animation: auto ease 0s 1 normal none running none; }
}
@keyframes styles_op_11i57xb_viewCRM { 
  0%, 43% { opacity: 1; }
  50%, 93% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes styles_op_11i57xb_viewPortal { 
  0%, 43% { opacity: 0; }
  50%, 93% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes styles_op_11i57xb_pFill { 
  0% { width: 0%; }
  2.5% { width: 11.5%; }
  8.75% { width: 11.5%; }
  12.5% { width: 37%; }
  18.75% { width: 37%; }
  22.5% { width: 63%; }
  28.75% { width: 63%; }
  32.5% { width: 88.5%; }
  40.625%, 100% { width: 88.5%; }
}
@keyframes styles_op_11i57xb_pPulse { 
  0% { left: 0%; opacity: 1; }
  2.5% { left: 11.5%; opacity: 1; }
  8.75% { left: 11.5%; opacity: 1; }
  12.5% { left: 37%; opacity: 1; }
  18.75% { left: 37%; opacity: 1; }
  22.5% { left: 63%; opacity: 1; }
  28.75% { left: 63%; opacity: 1; }
  32.5% { left: 88.5%; opacity: 1; }
  40.625% { left: 88.5%; opacity: 1; }
  41% { left: 88.5%; opacity: 0; }
  100% { left: 88.5%; opacity: 0; }
}
@keyframes styles_op_11i57xb_node1 { 
  0%, 100% { background: rgb(196, 160, 106); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 10px; }
}
@keyframes styles_op_11i57xb_node2 { 
  0%, 15.5% { background: rgb(37, 40, 48); border-color: rgb(48, 51, 60); box-shadow: none; }
  15.6%, 100% { background: rgb(196, 160, 106); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 10px; }
}
@keyframes styles_op_11i57xb_node3 { 
  0%, 28% { background: rgb(37, 40, 48); border-color: rgb(48, 51, 60); box-shadow: none; }
  28.1%, 100% { background: rgb(196, 160, 106); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 10px; }
}
@keyframes styles_op_11i57xb_node4 { 
  0%, 40.5% { background: rgb(37, 40, 48); border-color: rgb(48, 51, 60); box-shadow: none; }
  40.6%, 100% { background: rgb(95, 191, 126); border-color: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 10px; }
}
@keyframes styles_op_11i57xb_checkIn { 
  0%, 40.5% { opacity: 0; transform: scale(0.4); }
  40.6%, 100% { opacity: 1; transform: scale(1); }
}
@keyframes styles_op_11i57xb_portalPing { 
  0% { box-shadow: rgba(95, 191, 126, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(95, 191, 126, 0) 0px 0px 0px 7px; }
}
@keyframes styles_op_11i57xb_notif1 { 
  0%, 52% { opacity: 0; transform: translateX(-8px); }
  57%, 90% { opacity: 1; transform: translateX(0px); }
  96%, 100% { opacity: 0; transform: translateX(-8px); }
}
@keyframes styles_op_11i57xb_notif2 { 
  0%, 62% { opacity: 0; transform: translateX(-8px); }
  67%, 90% { opacity: 1; transform: translateX(0px); }
  96%, 100% { opacity: 0; transform: translateX(-8px); }
}
@keyframes styles_op_11i57xb_notif3 { 
  0%, 72% { opacity: 0; transform: translateX(-8px); }
  77%, 90% { opacity: 1; transform: translateX(0px); }
  96%, 100% { opacity: 0; transform: translateX(-8px); }
}
@keyframes styles_op_11i57xb_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}
/* fenster-seo */
.styles_op_s46hzn_window { border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_s46hzn_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_s46hzn_dR { background: rgb(229, 103, 78); }
.styles_op_s46hzn_dY { background: rgb(224, 199, 155); }
.styles_op_s46hzn_dG { background: rgb(95, 191, 126); }
.styles_op_s46hzn_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_s46hzn_dashContent { opacity: 0; transition: opacity 0.6s; }
.styles_op_s46hzn_dashVis { opacity: 1; }
.styles_op_s46hzn_searchRow { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_searchIco { width: 14px; height: 14px; flex: 0 0 auto; }
.styles_op_s46hzn_searchQ { flex: 1 1 0%; font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(231, 227, 218); letter-spacing: 0.01em; }
.styles_op_s46hzn_gBadge { font-family: var(--font-kit-text-font); font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(106, 104, 96); background: rgb(22, 24, 30); padding: 3px 8px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_dashMain { display: flex; height: 196px; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_rankArea { width: 128px; flex: 0 0 auto; padding: 16px 14px; border-right: 1px solid rgba(255, 255, 255, 0.05); display: flex; flex-direction: column; justify-content: center; gap: 5px; background: rgb(12, 14, 18); }
.styles_op_s46hzn_rankLbl { font-family: var(--font-kit-text-font); font-size: 9px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(90, 88, 82); }
.styles_op_s46hzn_rankDisp { display: flex; flex-direction: column; gap: 0px; }
.styles_op_s46hzn_rankPos { font-family: var(--font-kit-text-font); font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: rgb(138, 135, 121); }
.styles_op_s46hzn_rankNum { font-family: var(--font-kit-header-font); font-size: 50px; font-weight: 700; color: var(--color-kit-key1); line-height: 1; animation: 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running styles_op_s46hzn_rankUp; }
.styles_op_s46hzn_rankKw { font-family: var(--font-kit-text-font); font-size: 9px; color: rgb(74, 72, 64); line-height: 1.4; margin-top: 2px; }
.styles_op_s46hzn_chartWrap { flex: 1 1 0%; display: flex; flex-direction: column; padding: 16px 16px 0px; background: rgb(12, 14, 18); }
.styles_op_s46hzn_chartBars { flex: 1 1 0%; display: flex; align-items: flex-end; gap: 7px; }
.styles_op_s46hzn_barSlot { flex: 1 1 0%; position: relative; height: 100%; }
.styles_op_s46hzn_bar { position: absolute; bottom: 0px; left: 0px; right: 0px; min-height: 2px; border-radius: 3px 3px 0px 0px; background: linear-gradient(rgb(224, 199, 155) 0%, rgb(196, 160, 106) 100%); transition: height 1.15s cubic-bezier(0.25, 0.9, 0.4, 1), background 0.9s; }
.styles_op_s46hzn_barGreen { background: linear-gradient(rgb(127, 191, 143) 0%, rgb(95, 191, 126) 100%); }
.styles_op_s46hzn_chartLine { height: 1px; background: rgba(255, 255, 255, 0.07); margin-top: 6px; }
.styles_op_s46hzn_metrics { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.05); opacity: 0; transition: opacity 0.85s; }
.styles_op_s46hzn_metricsOn { opacity: 1; }
.styles_op_s46hzn_met { padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; border-right: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_met:last-child { border-right: none; }
.styles_op_s46hzn_metV { font-family: var(--font-kit-header-font); font-size: 17px; font-weight: 700; color: var(--color-kit-key2); line-height: 1.1; }
.styles_op_s46hzn_metGreen { color: rgb(127, 191, 143); }
.styles_op_s46hzn_metL { font-family: var(--font-kit-text-font); font-size: 9px; color: rgb(90, 88, 82); line-height: 1.3; text-transform: uppercase; letter-spacing: 0.06em; }
.styles_op_s46hzn_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_s46hzn_sLeft { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); }
.styles_op_s46hzn_sRight { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); }
.styles_op_s46hzn_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); animation: 1.6s ease-out 0s infinite normal none running styles_op_s46hzn_ping; }
.styles_op_s46hzn_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 960px) {
.styles_op_s46hzn_dashMain { height: 160px; }
.styles_op_s46hzn_rankArea { width: 108px; }
.styles_op_s46hzn_rankNum { font-size: 38px; }
}
@media (max-width: 560px) {
.styles_op_s46hzn_dashMain { height: 140px; }
.styles_op_s46hzn_rankArea { width: 94px; }
.styles_op_s46hzn_rankNum { font-size: 32px; }
.styles_op_s46hzn_metrics { grid-template-columns: repeat(2, 1fr); }
.styles_op_s46hzn_met:nth-child(2) { border-right: none; }
.styles_op_s46hzn_met:nth-child(3) { border-top: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_met:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.05); }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_s46hzn_bar { transition: none; }
.styles_op_s46hzn_rankNum { animation: auto ease 0s 1 normal none running none; }
.styles_op_s46hzn_dashContent { transition: none; opacity: 1; }
.styles_op_s46hzn_metrics { transition: none; opacity: 1; }
.styles_op_s46hzn_pulse { animation: auto ease 0s 1 normal none running none; }
}
@keyframes styles_op_s46hzn_rankUp { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes styles_op_s46hzn_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}
/* fenster-uber */
.styles_op_il34f_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_il34f_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_il34f_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_il34f_dR { background: rgb(229, 103, 78); }
.styles_op_il34f_dY { background: rgb(224, 199, 155); }
.styles_op_il34f_dG { background: rgb(95, 191, 126); }
.styles_op_il34f_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_il34f_stage { position: relative; height: 340px; }
.styles_op_il34f_codeView, .styles_op_il34f_siteView { position: absolute; inset: 0px; }
.styles_op_il34f_codeView { animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_viewCode; }
.styles_op_il34f_siteView { animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_viewSite; }
.styles_op_il34f_codeView { background: rgb(12, 14, 18); padding: 16px 4px; overflow: hidden; }
.styles_op_il34f_codeScroll { animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_codeScroll; }
.styles_op_il34f_codeLine { display: flex; align-items: flex-start; gap: 12px; font-family: SFMono-Regular, ui-monospace, Menlo, monospace; font-size: 13px; line-height: 1.9; }
.styles_op_il34f_gutter { color: rgb(74, 76, 84); width: 18px; text-align: right; flex: 0 0 auto; user-select: none; }
.styles_op_il34f_codeText { position: relative; white-space: pre; }
.styles_op_il34f_tok_kw { color: rgb(197, 139, 224); }
.styles_op_il34f_tok_fn { color: rgb(224, 199, 155); }
.styles_op_il34f_tok_str { color: rgb(127, 191, 143); }
.styles_op_il34f_tok_tag { color: rgb(111, 168, 214); }
.styles_op_il34f_tok_attr { color: rgb(196, 160, 106); }
.styles_op_il34f_tok_op { color: rgb(185, 138, 224); }
.styles_op_il34f_tok_txt { color: rgb(201, 198, 190); }
.styles_op_il34f_caret { display: inline-block; width: 7px; height: 15px; margin-left: 2px; background: rgb(224, 199, 155); vertical-align: -2px; animation: 1s steps(2) 0s infinite normal none running styles_op_il34f_blink; }
.styles_op_il34f_siteView { background: linear-gradient(rgb(13, 15, 20), rgb(10, 11, 15)); padding: 0px; display: flex; flex-direction: column; }
.styles_op_il34f_siteNav { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_il34f_siteBrand { font-family: var(--font-kit-header-font); font-weight: 700; letter-spacing: 0.16em; font-size: 13px; color: rgb(242, 238, 230); }
.styles_op_il34f_siteLinks { display: flex; gap: 12px; }
.styles_op_il34f_siteLinks i { width: 30px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.12); }
.styles_op_il34f_sitePill { width: 74px; height: 20px; border-radius: 6px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_il34f_siteHero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; padding: 22px 18px; align-items: center; flex: 1 1 0%; }
.styles_op_il34f_siteHeroText { display: flex; flex-direction: column; gap: 12px; }
.styles_op_il34f_sLineLg { width: 92%; height: 16px; border-radius: 6px; background: linear-gradient(90deg, rgba(242, 238, 230, 0.8), rgba(242, 238, 230, 0.25)); animation: 0.6s ease 0.5s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_sLineMd { width: 74%; height: 12px; border-radius: 5px; background: rgba(255, 255, 255, 0.15); animation: 0.6s ease 0.62s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_sLineSm { width: 60%; height: 12px; border-radius: 5px; background: rgba(255, 255, 255, 0.1); animation: 0.6s ease 0.72s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_sBtn { width: 118px; height: 30px; border-radius: 8px; margin-top: 8px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); animation: 0.6s ease 0.84s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_siteHeroArt { height: 128px; border-radius: 10px; background: radial-gradient(circle at 30% 30%, rgba(196, 160, 106, 0.267), rgb(12, 14, 18) 70%), rgb(15, 17, 22); border: 1px solid rgba(196, 160, 106, 0.18); animation: 0.6s ease 0.7s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_siteCards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0px 18px 20px; }
.styles_op_il34f_siteCards span { height: 54px; border-radius: 9px; background: rgb(18, 20, 26); border: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_il34f_siteCards span:nth-child(1) { animation: 0.6s ease 0.9s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_siteCards span:nth-child(2) { animation: 0.6s ease 1s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_siteCards span:nth-child(3) { animation: 0.6s ease 1.1s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_il34f_statusCode { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_viewCode; }
.styles_op_il34f_statusLive { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_viewSite; }
.styles_op_il34f_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running styles_op_il34f_ping; }
.styles_op_il34f_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 560px) {
.styles_op_il34f_stage { height: 300px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_il34f_codeScroll, .styles_op_il34f_caret, .styles_op_il34f_pulse, .styles_op_il34f_sLineLg, .styles_op_il34f_sLineMd, .styles_op_il34f_sLineSm, .styles_op_il34f_sBtn, .styles_op_il34f_siteHeroArt, .styles_op_il34f_siteCards span { animation: auto ease 0s 1 normal none running none; }
.styles_op_il34f_codeView, .styles_op_il34f_statusCode { opacity: 1; }
.styles_op_il34f_siteView, .styles_op_il34f_statusLive { opacity: 0; }
}
@keyframes styles_op_il34f_viewCode { 
  0%, 40% { opacity: 1; }
  48%, 92% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes styles_op_il34f_viewSite { 
  0%, 40% { opacity: 0; }
  48%, 92% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes styles_op_il34f_codeScroll { 
  0%, 8% { transform: translateY(0px); }
  40% { transform: translateY(-120px); }
  48%, 100% { transform: translateY(-120px); }
}
@keyframes styles_op_il34f_blink { 
  50% { opacity: 0; }
}
@keyframes styles_op_il34f_rise { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes styles_op_il34f_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}
/* fenster-wartung */
.styles_op_ze1gi3_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_ze1gi3_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_ze1gi3_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_ze1gi3_dR { background: rgb(229, 103, 78); }
.styles_op_ze1gi3_dY { background: rgb(224, 199, 155); }
.styles_op_ze1gi3_dG { background: rgb(95, 191, 126); }
.styles_op_ze1gi3_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_ze1gi3_stage { position: relative; height: 340px; }
.styles_op_ze1gi3_dashboard { position: absolute; inset: 0px; background: rgb(12, 14, 18); display: flex; flex-direction: column; padding: 18px 20px 14px; gap: 10px; }
.styles_op_ze1gi3_dashHead { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); flex: 0 0 auto; }
.styles_op_ze1gi3_dashTitle { font-family: var(--font-kit-header-font); font-size: 13px; font-weight: 600; letter-spacing: 0.05em; color: rgb(231, 227, 218); transition: color 0.7s; }
.styles_op_ze1gi3_dashTitleDone { color: rgb(110, 212, 144); }
.styles_op_ze1gi3_dashBadge { font-family: var(--font-kit-text-font); font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; color: rgb(196, 160, 106); border: 1px solid rgba(196, 160, 106, 0.267); background: rgba(196, 160, 106, 0.05); transition: color 0.7s, border-color 0.7s, background 0.7s; }
.styles_op_ze1gi3_dashBadgeDone { color: rgb(110, 212, 144); border-color: rgba(110, 212, 144, 0.267); background: rgba(110, 212, 144, 0.05); }
.styles_op_ze1gi3_dashRows { display: flex; flex-direction: column; gap: 1px; flex: 1 1 0%; }
.styles_op_ze1gi3_dashRow { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 7px; transition: background 0.5s; }
.styles_op_ze1gi3_dashRowSweep { background: rgba(196, 160, 106, 0.035); }
.styles_op_ze1gi3_rowDot { width: 7px; height: 7px; border-radius: 50%; background: rgb(42, 43, 49); flex: 0 0 auto; transition: background 0.6s, box-shadow 0.6s; }
.styles_op_ze1gi3_rowDotScan { background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 8px; animation: 1.6s ease-in-out 0s infinite normal none running styles_op_ze1gi3_dotGoldPulse; }
.styles_op_ze1gi3_rowDotDone { background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.4) 0px 0px 6px; }
.styles_op_ze1gi3_rowLabel { font-family: var(--font-kit-text-font); font-size: 12.5px; color: rgb(78, 79, 86); flex: 1 1 0%; white-space: nowrap; transition: color 0.5s; }
.styles_op_ze1gi3_rowLabelActive { color: rgb(201, 198, 190); }
.styles_op_ze1gi3_rowValue { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(58, 59, 66); display: flex; align-items: center; gap: 5px; min-width: 96px; justify-content: flex-end; text-align: right; transition: color 0.6s; white-space: nowrap; }
.styles_op_ze1gi3_rowValueDone { color: rgb(155, 224, 174); }
.styles_op_ze1gi3_rowCheck { color: rgb(95, 191, 126); font-size: 10px; font-style: normal; opacity: 0; transform: scale(0.5); transition: opacity 0.5s, transform 0.5s; display: inline-block; }
.styles_op_ze1gi3_rowCheckVisible { opacity: 1; transform: scale(1); }
.styles_op_ze1gi3_dashFooter { display: flex; align-items: center; gap: 8px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(58, 59, 66); letter-spacing: 0.06em; flex: 0 0 auto; transition: color 0.7s; }
.styles_op_ze1gi3_dashFooterDone { color: rgb(106, 138, 114); }
.styles_op_ze1gi3_dashFooterDot { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; transition: background 0.7s, box-shadow 0.7s; }
.styles_op_ze1gi3_dashFooterDotScan { background: rgb(196, 160, 106); animation: 2s ease-in-out 0s infinite normal none running styles_op_ze1gi3_dotGoldPulse; }
.styles_op_ze1gi3_dashFooterDotDone { background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.333) 0px 0px 6px; }
.styles_op_ze1gi3_statusRow { display: flex; align-items: center; justify-content: flex-start; padding: 11px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; min-height: 38px; }
.styles_op_ze1gi3_statusCode { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); }
.styles_op_ze1gi3_pulse { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running styles_op_ze1gi3_ping; }
.styles_op_ze1gi3_dotGreen { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 560px) {
.styles_op_ze1gi3_stage { height: 300px; }
.styles_op_ze1gi3_dashboard { padding: 14px 14px 10px; gap: 8px; }
.styles_op_ze1gi3_dashTitle { font-size: 12px; }
.styles_op_ze1gi3_rowLabel { font-size: 11.5px; }
.styles_op_ze1gi3_rowValue { font-size: 11px; min-width: 80px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_ze1gi3_rowDotScan { animation: auto ease 0s 1 normal none running none; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.4) 0px 0px 6px; }
.styles_op_ze1gi3_rowDot { background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.4) 0px 0px 6px; }
.styles_op_ze1gi3_dashFooterDotScan { animation: auto ease 0s 1 normal none running none; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.333) 0px 0px 6px; }
.styles_op_ze1gi3_pulse { animation: auto ease 0s 1 normal none running none; }
.styles_op_ze1gi3_dashTitle { color: rgb(110, 212, 144); }
.styles_op_ze1gi3_dashBadge { color: rgb(110, 212, 144); border-color: rgba(110, 212, 144, 0.267); background: rgba(110, 212, 144, 0.05); }
.styles_op_ze1gi3_rowLabel { color: rgb(201, 198, 190); }
.styles_op_ze1gi3_dashFooter { color: rgb(106, 138, 114); }
}
@keyframes styles_op_ze1gi3_dotGoldPulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
@keyframes styles_op_ze1gi3_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}
/* fenster-webdesign */
.styles_op_1nnd8gr_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_1nnd8gr_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1nnd8gr_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_1nnd8gr_dR { background: rgb(229, 103, 78); }
.styles_op_1nnd8gr_dY { background: rgb(224, 199, 155); }
.styles_op_1nnd8gr_dG { background: rgb(95, 191, 126); }
.styles_op_1nnd8gr_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_1nnd8gr_stage { position: relative; height: 340px; }
.styles_op_1nnd8gr_codeView, .styles_op_1nnd8gr_siteView { position: absolute; inset: 0px; }
.styles_op_1nnd8gr_codeView { animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_viewCode; }
.styles_op_1nnd8gr_siteView { animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_viewSite; }
.styles_op_1nnd8gr_codeView { background: rgb(12, 14, 18); padding: 16px 4px; overflow: hidden; }
.styles_op_1nnd8gr_codeScroll { animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_codeScroll; }
.styles_op_1nnd8gr_codeLine { display: flex; align-items: flex-start; gap: 12px; font-family: SFMono-Regular, ui-monospace, Menlo, monospace; font-size: 13px; line-height: 1.9; }
.styles_op_1nnd8gr_gutter { color: rgb(74, 76, 84); width: 18px; text-align: right; flex: 0 0 auto; user-select: none; }
.styles_op_1nnd8gr_codeText { position: relative; white-space: pre; }
.styles_op_1nnd8gr_tok_kw { color: rgb(197, 139, 224); }
.styles_op_1nnd8gr_tok_fn { color: rgb(224, 199, 155); }
.styles_op_1nnd8gr_tok_str { color: rgb(127, 191, 143); }
.styles_op_1nnd8gr_tok_tag { color: rgb(111, 168, 214); }
.styles_op_1nnd8gr_tok_attr { color: rgb(196, 160, 106); }
.styles_op_1nnd8gr_tok_op { color: rgb(185, 138, 224); }
.styles_op_1nnd8gr_tok_txt { color: rgb(201, 198, 190); }
.styles_op_1nnd8gr_caret { display: inline-block; width: 7px; height: 15px; margin-left: 2px; background: rgb(224, 199, 155); vertical-align: -2px; animation: 1s steps(2) 0s infinite normal none running styles_op_1nnd8gr_blink; }
.styles_op_1nnd8gr_siteView { background: linear-gradient(rgb(13, 15, 20), rgb(10, 11, 15)); padding: 0px; display: flex; flex-direction: column; }
.styles_op_1nnd8gr_siteNav { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1nnd8gr_siteBrand { font-family: var(--font-kit-header-font); font-weight: 700; letter-spacing: 0.16em; font-size: 13px; color: rgb(242, 238, 230); }
.styles_op_1nnd8gr_siteLinks { display: flex; gap: 12px; }
.styles_op_1nnd8gr_siteLinks i { width: 30px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.12); }
.styles_op_1nnd8gr_sitePill { width: 74px; height: 20px; border-radius: 6px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_1nnd8gr_siteHero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; padding: 22px 18px; align-items: center; flex: 1 1 0%; }
.styles_op_1nnd8gr_siteHeroText { display: flex; flex-direction: column; gap: 12px; }
.styles_op_1nnd8gr_sLineLg { width: 92%; height: 16px; border-radius: 6px; background: linear-gradient(90deg, rgba(242, 238, 230, 0.8), rgba(242, 238, 230, 0.25)); animation: 0.6s ease 0.5s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_sLineMd { width: 74%; height: 12px; border-radius: 5px; background: rgba(255, 255, 255, 0.15); animation: 0.6s ease 0.62s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_sLineSm { width: 60%; height: 12px; border-radius: 5px; background: rgba(255, 255, 255, 0.1); animation: 0.6s ease 0.72s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_sBtn { width: 118px; height: 30px; border-radius: 8px; margin-top: 8px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); animation: 0.6s ease 0.84s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_siteHeroArt { height: 128px; border-radius: 10px; background: radial-gradient(circle at 30% 30%, rgba(196, 160, 106, 0.267), rgb(12, 14, 18) 70%), rgb(15, 17, 22); border: 1px solid rgba(196, 160, 106, 0.18); animation: 0.6s ease 0.7s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_siteCards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0px 18px 20px; }
.styles_op_1nnd8gr_siteCards span { height: 54px; border-radius: 9px; background: rgb(18, 20, 26); border: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1nnd8gr_siteCards span:nth-child(1) { animation: 0.6s ease 0.9s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_siteCards span:nth-child(2) { animation: 0.6s ease 1s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_siteCards span:nth-child(3) { animation: 0.6s ease 1.1s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_1nnd8gr_statusCode { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_viewCode; }
.styles_op_1nnd8gr_statusLive { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_viewSite; }
.styles_op_1nnd8gr_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running styles_op_1nnd8gr_ping; }
.styles_op_1nnd8gr_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 560px) {
.styles_op_1nnd8gr_stage { height: 300px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_1nnd8gr_codeScroll, .styles_op_1nnd8gr_caret, .styles_op_1nnd8gr_pulse, .styles_op_1nnd8gr_sLineLg, .styles_op_1nnd8gr_sLineMd, .styles_op_1nnd8gr_sLineSm, .styles_op_1nnd8gr_sBtn, .styles_op_1nnd8gr_siteHeroArt, .styles_op_1nnd8gr_siteCards span { animation: auto ease 0s 1 normal none running none; }
.styles_op_1nnd8gr_codeView, .styles_op_1nnd8gr_statusCode { opacity: 1; }
.styles_op_1nnd8gr_siteView, .styles_op_1nnd8gr_statusLive { opacity: 0; }
}
@keyframes styles_op_1nnd8gr_viewCode { 
  0%, 40% { opacity: 1; }
  48%, 92% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes styles_op_1nnd8gr_viewSite { 
  0%, 40% { opacity: 0; }
  48%, 92% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes styles_op_1nnd8gr_codeScroll { 
  0%, 8% { transform: translateY(0px); }
  40% { transform: translateY(-120px); }
  48%, 100% { transform: translateY(-120px); }
}
@keyframes styles_op_1nnd8gr_blink { 
  50% { opacity: 0; }
}
@keyframes styles_op_1nnd8gr_rise { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes styles_op_1nnd8gr_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}
/* kette-leistungen */
.styles_op_84iojo_chain { display: flex; align-items: stretch; justify-content: center; gap: 0px; }
.styles_op_84iojo_station { position: relative; flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; gap: 10px; padding: 16px 16px 18px; border-radius: 18px; border: 1px solid color-mix(in srgb, var(--gold) 13%, #ffffff10); background: linear-gradient(rgba(23, 27, 33, 0.88), rgba(14, 18, 22, 0.85)); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
.styles_op_84iojo_station::after { content: ""; position: absolute; inset: 0px; border-radius: 18px; pointer-events: none; background: radial-gradient(
      90% 70% at 12% 0%,
      color-mix(in srgb, var(--gold) 6%, transparent),
      transparent 60%); opacity: 0.7; }
.styles_op_84iojo_stTop { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }
.styles_op_84iojo_stLbl { font-family: var(--font-kit-text-font), sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: rgba(242, 238, 230, 0.8); }
.styles_op_84iojo_dot { width: 7px; height: 7px; border-radius: 50%; background: rgb(42, 49, 56); flex: 0 0 auto; transition: none; }
.styles_op_84iojo_dot::after { content: ""; position: absolute; }
.styles_op_84iojo_win, .styles_op_84iojo_chat, .styles_op_84iojo_crm, .styles_op_84iojo_wf, .styles_op_84iojo_growth { position: relative; z-index: 1; width: 100%; min-height: 96px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.06); background: radial-gradient(120% 100% at 20% 0%, rgb(27, 32, 39), rgb(12, 14, 18)); overflow: hidden; }
.styles_op_84iojo_conn { position: relative; align-self: center; flex: 0 0 34px; height: 2px; margin: 0px -1px; border-radius: 2px; background: rgba(255, 255, 255, 0.086); }
.styles_op_84iojo_conn::after { content: ""; position: absolute; inset: 0px; border-radius: 2px; transform-origin: left center; transform: scaleX(0); opacity: 0; background: linear-gradient(
      90deg,
      var(--gold),
      color-mix(in srgb, var(--gold) 55%, transparent)); box-shadow: 0 0 8px -1px var(--gold); }
.styles_op_84iojo_conn i { position: absolute; top: 50%; left: 0px; width: 5px; height: 5px; margin: -2.5px 0px 0px -2.5px; border-radius: 50%; background: rgb(255, 233, 176); box-shadow: 0 0 8px 1px color-mix(in srgb, var(--gold) 80%, transparent); opacity: 0; }
.styles_op_84iojo_s1 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow1; }
.styles_op_84iojo_s2 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow2; }
.styles_op_84iojo_s3 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow3; }
.styles_op_84iojo_s4 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow4; }
.styles_op_84iojo_s5 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow5; }
.styles_op_84iojo_c1::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_fill1; }
.styles_op_84iojo_c2::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_fill2; }
.styles_op_84iojo_c3::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_fill3; }
.styles_op_84iojo_c4::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_fill4; }
.styles_op_84iojo_c1 i { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pkt1; }
.styles_op_84iojo_c2 i { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pkt2; }
.styles_op_84iojo_c3 i { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pkt3; }
.styles_op_84iojo_c4 i { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pkt4; }
.styles_op_84iojo_d1 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot1; }
.styles_op_84iojo_d2 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot2; }
.styles_op_84iojo_d3 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot3; }
.styles_op_84iojo_d4 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot4; }
.styles_op_84iojo_d5 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot5; }
.styles_op_84iojo_winBar { display: flex; align-items: center; gap: 5px; padding: 7px 10px; background: rgb(19, 24, 32); border-bottom: 1px solid rgba(255, 255, 255, 0.063); }
.styles_op_84iojo_winBar i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); }
.styles_op_84iojo_winBar i:first-child { background: rgb(224, 102, 79); }
.styles_op_84iojo_winUrl { margin-left: 6px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 8px; color: rgba(255, 255, 255, 0.333); letter-spacing: 0.3px; }
.styles_op_84iojo_winBody { padding: 14px 12px; display: flex; align-items: center; min-height: 56px; }
.styles_op_84iojo_reqRow { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 9px; background: color-mix(in srgb, var(--gold) 9%, #ffffff08); border: 1px solid color-mix(in srgb, var(--gold) 24%, transparent); font-family: var(--font-kit-text-font), sans-serif; font-size: 10px; color: rgb(242, 238, 230); }
.styles_op_84iojo_reqDot { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 7px 0 var(--gold); }
.styles_op_84iojo_reqArr { color: var(--gold); }
.styles_op_84iojo_act1 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear1; }
.styles_op_84iojo_chat { display: flex; flex-direction: column; gap: 7px; padding: 12px; justify-content: center; }
.styles_op_84iojo_uBubble { align-self: flex-start; max-width: 92%; padding: 6px 10px; border-radius: 11px 11px 11px 3px; background: rgba(255, 255, 255, 0.063); color: rgb(232, 235, 239); font-family: var(--font-kit-text-font), sans-serif; font-size: 9.5px; line-height: 1.35; }
.styles_op_84iojo_qBadge { align-self: flex-end; display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 20px; font-family: var(--font-kit-text-font), sans-serif; font-size: 9px; font-weight: 600; color: rgb(111, 206, 158); background: rgba(111, 206, 158, 0.1); border: 1px solid rgba(111, 206, 158, 0.27); box-shadow: rgb(111, 206, 158) 0px 0px 16px -6px; }
.styles_op_84iojo_check { display: inline-flex; width: 11px; height: 11px; border-radius: 50%; background: rgb(111, 206, 158); color: rgb(5, 39, 15); align-items: center; justify-content: center; font-size: 7px; }
.styles_op_84iojo_act2 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear2; }
.styles_op_84iojo_act2b { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear2b; }
.styles_op_84iojo_crm { display: flex; flex-direction: column; gap: 8px; padding: 12px; justify-content: center; }
.styles_op_84iojo_leadMini { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 9px; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.08); }
.styles_op_84iojo_avatar { width: 22px; height: 22px; border-radius: 50%; flex: 0 0 auto; background: linear-gradient(
      135deg,
      var(--gold),
      var(--color-kit-key2,#E0C79B)); color: rgb(26, 18, 6); font-family: var(--font-kit-header-font), sans-serif; font-weight: 700; font-size: 8.5px; display: flex; align-items: center; justify-content: center; }
.styles_op_84iojo_leadName { font-family: var(--font-kit-text-font), sans-serif; font-size: 10px; color: rgb(238, 241, 244); font-weight: 600; }
.styles_op_84iojo_leadVal { margin-left: auto; font-family: var(--font-kit-header-font), sans-serif; font-weight: 700; font-size: 11px; color: var(--gold); }
.styles_op_84iojo_pipe { display: flex; align-items: center; gap: 5px; }
.styles_op_84iojo_pipe i { flex: 1 1 0%; height: 5px; border-radius: 3px; background: rgba(255, 255, 255, 0.07); position: relative; overflow: hidden; }
.styles_op_84iojo_pipe i::after { content: ""; position: absolute; inset: 0px; border-radius: 3px; transform-origin: left center; transform: scaleX(0); background: linear-gradient(
      90deg,
      var(--color-kit-key2,#E0C79B),
      var(--gold)); box-shadow: 0 0 8px -1px var(--gold); }
.styles_op_84iojo_pf1::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pipeFill; }
.styles_op_84iojo_pf2::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pipeFill; }
.styles_op_84iojo_pf3::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pipeFill3; }
.styles_op_84iojo_pipeLbl { display: flex; justify-content: space-between; font-family: var(--font-kit-text-font), sans-serif; font-size: 8px; color: rgba(255, 255, 255, 0.4); }
.styles_op_84iojo_act3 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear3; }
.styles_op_84iojo_wf { display: flex; flex-direction: column; gap: 12px; padding: 16px 14px; justify-content: center; }
.styles_op_84iojo_wfRow { display: flex; align-items: center; gap: 4px; }
.styles_op_84iojo_wfNode { width: 16px; height: 16px; border-radius: 6px; flex: 0 0 auto; background: color-mix(in srgb, var(--gold) 14%, #ffffff0c); border: 1px solid color-mix(in srgb, var(--gold) 30%, transparent); }
.styles_op_84iojo_wfLine { position: relative; flex: 1 1 0%; height: 2px; background: rgba(255, 255, 255, 0.08); border-radius: 2px; overflow: hidden; }
.styles_op_84iojo_wfLine b { position: absolute; inset: 0px; transform-origin: left center; transform: scaleX(0); background: linear-gradient(
      90deg,
      var(--gold),
      transparent); }
.styles_op_84iojo_wfLine:nth-of-type(2) b { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_wfFill; }
.styles_op_84iojo_wfLine:nth-of-type(4) b { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_wfFill2; }
.styles_op_84iojo_wfStatus { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 20px; align-self: flex-start; font-family: var(--font-kit-text-font), sans-serif; font-size: 9px; font-weight: 600; color: rgb(111, 206, 158); background: rgba(111, 206, 158, 0.1); border: 1px solid rgba(111, 206, 158, 0.27); box-shadow: rgb(111, 206, 158) 0px 0px 16px -6px; }
.styles_op_84iojo_wfSpin { width: 9px; height: 9px; border-radius: 50%; border-width: 1.5px; border-style: solid; border-color: transparent rgb(111, 206, 158) rgb(111, 206, 158); border-image: initial; animation: 1s linear 0s infinite normal none running styles_op_84iojo_spin; }
.styles_op_84iojo_act4 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear4; }
.styles_op_84iojo_growth { display: flex; flex-direction: column; gap: 10px; padding: 14px; justify-content: center; }
.styles_op_84iojo_gHead { display: flex; align-items: center; justify-content: space-between; }
.styles_op_84iojo_gKpi { font-family: var(--font-kit-header-font), sans-serif; font-weight: 700; font-size: 18px; line-height: 1; color: rgb(242, 238, 230); }
.styles_op_84iojo_gDelta { display: inline-flex; align-items: center; gap: 2px; font-family: var(--font-kit-text-font), sans-serif; font-size: 9px; font-weight: 600; color: rgb(111, 206, 158); background: rgba(111, 206, 158, 0.12); border: 1px solid rgba(111, 206, 158, 0.25); padding: 2px 7px; border-radius: 20px; }
.styles_op_84iojo_bars { display: flex; align-items: flex-end; gap: 6px; height: 42px; }
.styles_op_84iojo_bars i { flex: 1 1 0%; border-radius: 3px 3px 1px 1px; background: linear-gradient(
      180deg,
      var(--color-kit-key2,#E0C79B),
      var(--gold)); box-shadow: 0 0 10px -3px var(--gold); transform: scaleY(0); transform-origin: center bottom; }
.styles_op_84iojo_b1 { height: 40%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_grow; }
.styles_op_84iojo_b2 { height: 58%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_grow; }
.styles_op_84iojo_b3 { height: 52%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_grow; }
.styles_op_84iojo_b4 { height: 78%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_grow; }
.styles_op_84iojo_b5 { height: 100%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_growLast; }
@media (max-width: 760px) {
.styles_op_84iojo_chain { flex-direction: column; align-items: stretch; gap: 0px; }
.styles_op_84iojo_station { flex: 0 0 auto; width: 100%; }
.styles_op_84iojo_conn { align-self: center; width: 2px; height: 26px; flex: 0 0 auto; margin: 2px 0px; }
.styles_op_84iojo_conn::after { transform-origin: center top; }
.styles_op_84iojo_c1::after { animation-name: styles_op_84iojo_fillV1; }
.styles_op_84iojo_c2::after { animation-name: styles_op_84iojo_fillV2; }
.styles_op_84iojo_c3::after { animation-name: styles_op_84iojo_fillV3; }
.styles_op_84iojo_c4::after { animation-name: styles_op_84iojo_fillV4; }
.styles_op_84iojo_conn i { top: 0px; left: 50%; margin: -2.5px 0px 0px -2.5px; }
.styles_op_84iojo_c1 i { animation-name: styles_op_84iojo_pktV1; }
.styles_op_84iojo_c2 i { animation-name: styles_op_84iojo_pktV2; }
.styles_op_84iojo_c3 i { animation-name: styles_op_84iojo_pktV3; }
.styles_op_84iojo_c4 i { animation-name: styles_op_84iojo_pktV4; }
}
@keyframes styles_op_84iojo_glow1 { 
  0%, 2% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  6%, 14% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  18%, 96% { border-color: color-mix(in srgb, var(--gold) 26%, #ffffff10); box-shadow: 0 0 14px -8px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_glow2 { 
  0%, 20% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  24%, 32% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  36%, 96% { border-color: color-mix(in srgb, var(--gold) 26%, #ffffff10); box-shadow: 0 0 14px -8px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_glow3 { 
  0%, 38% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  42%, 50% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  54%, 96% { border-color: color-mix(in srgb, var(--gold) 26%, #ffffff10); box-shadow: 0 0 14px -8px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_glow4 { 
  0%, 56% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  60%, 68% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  72%, 96% { border-color: color-mix(in srgb, var(--gold) 26%, #ffffff10); box-shadow: 0 0 14px -8px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_glow5 { 
  0%, 74% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  78%, 88% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  91%, 96% { border-color: color-mix(in srgb, var(--gold) 30%, #ffffff10); box-shadow: 0 0 16px -7px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_fill1 { 
  0%, 15% { transform: scaleX(0); opacity: 0; }
  17% { opacity: 1; }
  22%, 96% { transform: scaleX(1); opacity: 0.65; }
  100% { transform: scaleX(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fill2 { 
  0%, 33% { transform: scaleX(0); opacity: 0; }
  35% { opacity: 1; }
  40%, 96% { transform: scaleX(1); opacity: 0.65; }
  100% { transform: scaleX(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fill3 { 
  0%, 51% { transform: scaleX(0); opacity: 0; }
  53% { opacity: 1; }
  58%, 96% { transform: scaleX(1); opacity: 0.65; }
  100% { transform: scaleX(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fill4 { 
  0%, 69% { transform: scaleX(0); opacity: 0; }
  71% { opacity: 1; }
  76%, 96% { transform: scaleX(1); opacity: 0.65; }
  100% { transform: scaleX(0); opacity: 0; }
}
@keyframes styles_op_84iojo_pkt1 { 
  0%, 15% { opacity: 0; left: 0px; }
  16% { opacity: 1; }
  21% { opacity: 1; }
  22% { opacity: 0; left: 100%; }
  100% { opacity: 0; left: 100%; }
}
@keyframes styles_op_84iojo_pkt2 { 
  0%, 33% { opacity: 0; left: 0px; }
  34% { opacity: 1; }
  39% { opacity: 1; }
  40% { opacity: 0; left: 100%; }
  100% { opacity: 0; left: 100%; }
}
@keyframes styles_op_84iojo_pkt3 { 
  0%, 51% { opacity: 0; left: 0px; }
  52% { opacity: 1; }
  57% { opacity: 1; }
  58% { opacity: 0; left: 100%; }
  100% { opacity: 0; left: 100%; }
}
@keyframes styles_op_84iojo_pkt4 { 
  0%, 69% { opacity: 0; left: 0px; }
  70% { opacity: 1; }
  75% { opacity: 1; }
  76% { opacity: 0; left: 100%; }
  100% { opacity: 0; left: 100%; }
}
@keyframes styles_op_84iojo_dot1 { 
  0%, 12% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  15% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  18%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_dot2 { 
  0%, 30% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  33% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  36%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_dot3 { 
  0%, 48% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  51% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  54%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_dot4 { 
  0%, 66% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  69% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  72%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_dot5 { 
  0%, 86% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  89% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  92%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_appear1 { 
  0%, 5% { opacity: 0; transform: translateY(7px); }
  11% { opacity: 1; transform: none; }
  96% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(7px); }
}
@keyframes styles_op_84iojo_appear2 { 
  0%, 22% { opacity: 0; transform: translateY(6px); }
  27% { opacity: 1; transform: none; }
  96% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(6px); }
}
@keyframes styles_op_84iojo_appear2b { 
  0%, 28% { opacity: 0; transform: scale(0.8); }
  33% { opacity: 1; transform: scale(1); }
  96% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}
@keyframes styles_op_84iojo_pipeFill { 
  0%, 42% { transform: scaleX(0); }
  47%, 96% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
@keyframes styles_op_84iojo_pipeFill3 { 
  0%, 47% { transform: scaleX(0); }
  52%, 96% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
@keyframes styles_op_84iojo_appear3 { 
  0%, 40% { opacity: 0; transform: translateY(6px); }
  46% { opacity: 1; transform: none; }
  96% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(6px); }
}
@keyframes styles_op_84iojo_wfFill { 
  0%, 60% { transform: scaleX(0); }
  65%, 96% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
@keyframes styles_op_84iojo_wfFill2 { 
  0%, 64% { transform: scaleX(0); }
  69%, 96% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
@keyframes styles_op_84iojo_spin { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_84iojo_appear4 { 
  0%, 66% { opacity: 0; transform: translateY(6px); }
  71% { opacity: 1; transform: none; }
  96% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(6px); }
}
@keyframes styles_op_84iojo_grow { 
  0%, 77% { transform: scaleY(0); }
  84%, 96% { transform: scaleY(1); }
  100% { transform: scaleY(0); }
}
@keyframes styles_op_84iojo_growLast { 
  0%, 80% { transform: scaleY(0); }
  88%, 96% { transform: scaleY(1); }
  100% { transform: scaleY(0); }
}
@keyframes styles_op_84iojo_fillV1 { 
  0%, 15% { transform: scaleY(0); opacity: 0; }
  17% { opacity: 1; }
  22%, 96% { transform: scaleY(1); opacity: 0.65; }
  100% { transform: scaleY(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fillV2 { 
  0%, 33% { transform: scaleY(0); opacity: 0; }
  35% { opacity: 1; }
  40%, 96% { transform: scaleY(1); opacity: 0.65; }
  100% { transform: scaleY(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fillV3 { 
  0%, 51% { transform: scaleY(0); opacity: 0; }
  53% { opacity: 1; }
  58%, 96% { transform: scaleY(1); opacity: 0.65; }
  100% { transform: scaleY(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fillV4 { 
  0%, 69% { transform: scaleY(0); opacity: 0; }
  71% { opacity: 1; }
  76%, 96% { transform: scaleY(1); opacity: 0.65; }
  100% { transform: scaleY(0); opacity: 0; }
}
@keyframes styles_op_84iojo_pktV1 { 
  0%, 15% { opacity: 0; top: 0px; }
  16% { opacity: 1; }
  21% { opacity: 1; }
  22% { opacity: 0; top: 100%; }
  100% { opacity: 0; top: 100%; }
}
@keyframes styles_op_84iojo_pktV2 { 
  0%, 33% { opacity: 0; top: 0px; }
  34% { opacity: 1; }
  39% { opacity: 1; }
  40% { opacity: 0; top: 100%; }
  100% { opacity: 0; top: 100%; }
}
@keyframes styles_op_84iojo_pktV3 { 
  0%, 51% { opacity: 0; top: 0px; }
  52% { opacity: 1; }
  57% { opacity: 1; }
  58% { opacity: 0; top: 100%; }
  100% { opacity: 0; top: 100%; }
}
@keyframes styles_op_84iojo_pktV4 { 
  0%, 69% { opacity: 0; top: 0px; }
  70% { opacity: 1; }
  75% { opacity: 1; }
  76% { opacity: 0; top: 100%; }
  100% { opacity: 0; top: 100%; }
}
/* portal-start */
.styles_op_1pdgot6_portalTilt { position: relative; transform-style: preserve-3d; transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; }
.styles_op_1pdgot6_sheen { position: absolute; inset: 0px; z-index: 6; pointer-events: none; mix-blend-mode: screen; background: linear-gradient(115deg, transparent 38%, rgba(255, 247, 224, 0.12) 47%, rgba(255, 247, 224, 0.36) 50%, rgba(255, 247, 224, 0.12) 53%, transparent 62%) 0% 0% / 250% 100% no-repeat; animation: 8s cubic-bezier(0.6, 0, 0.2, 1) 0.7s infinite normal none running styles_op_1pdgot6_portalSheen; }
.styles_op_1pdgot6_portalBar { display: flex; align-items: center; gap: 7px; padding: 13px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.063); background: rgba(255, 255, 255, 0.02); }
.styles_op_1pdgot6_dotR, .styles_op_1pdgot6_dotY, .styles_op_1pdgot6_dotG { width: 9px; height: 9px; border-radius: 50%; }
.styles_op_1pdgot6_dotR { background: rgb(229, 105, 91); }
.styles_op_1pdgot6_dotY { background: rgb(229, 185, 79); }
.styles_op_1pdgot6_dotG { background: rgb(111, 191, 123); }
.styles_op_1pdgot6_portalTag { margin-left: 10px; font-family: var(--font-kit-text-font), sans-serif; font-size: 11px; letter-spacing: 2px; color: rgba(244, 241, 233, 0.5); }
.styles_op_1pdgot6_live { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-kit-text-font), sans-serif; font-size: 10px; letter-spacing: 2px; color: color-mix(in srgb, var(--gold) 80%, #fff); }
.styles_op_1pdgot6_live i { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); display: inline-block; }
.styles_op_1pdgot6_liveDot { box-shadow: 0 0 0 0 color-mix(in srgb, var(--gold) 60%, transparent); animation: 2.4s ease-out 0s infinite normal none running styles_op_1pdgot6_livePing; }
.styles_op_1pdgot6_portalBody { padding: 18px; display: flex; flex-direction: column; gap: 15px; }
.styles_op_1pdgot6_pHead { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.styles_op_1pdgot6_statusPill { display: inline-flex; align-items: center; gap: 9px; padding: 9px 14px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 999px; background: rgba(255, 255, 255, 0.02); min-width: 190px; overflow: hidden; }
.styles_op_1pdgot6_sDot, .styles_op_1pdgot6_sDotStatic { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); flex: 0 0 auto; box-shadow: 0 0 8px 1px color-mix(in srgb, var(--gold) 60%, transparent); }
.styles_op_1pdgot6_sDot { animation: 1.4s ease-in-out 0s infinite normal none running styles_op_1pdgot6_sBlink; }
.styles_op_1pdgot6_statusText { font-family: var(--font-kit-text-font), sans-serif; font-size: 13px; color: rgba(244, 241, 233, 0.85); white-space: nowrap; }
.styles_op_1pdgot6_ringWrap { position: relative; width: 52px; height: 52px; flex: 0 0 auto; display: grid; place-items: center; }
.styles_op_1pdgot6_ring { width: 52px; height: 52px; transform: rotate(-90deg); }
.styles_op_1pdgot6_ringBg { fill: none; stroke: rgba(255, 255, 255, 0.08); stroke-width: 3.5; }
.styles_op_1pdgot6_ringFg { fill: none; stroke: var(--gold); stroke-width: 3.5; stroke-linecap: round; filter: drop-shadow(0 0 4px color-mix(in srgb, var(--gold) 55%, transparent)); }
.styles_op_1pdgot6_ringLabel { position: absolute; font-family: var(--font-kit-header-font), sans-serif; font-size: 12px; color: rgb(244, 241, 233); letter-spacing: -0.3px; }
.styles_op_1pdgot6_chart { position: relative; height: 118px; padding: 12px 12px 20px; border: 1px solid rgba(255, 255, 255, 0.063); border-radius: 11px; background: rgba(255, 255, 255, 0.02); overflow: hidden; }
.styles_op_1pdgot6_chartSvg { width: 100%; height: 100%; display: block; overflow: visible; }
.styles_op_1pdgot6_grid { stroke: rgba(255, 255, 255, 0.05); stroke-width: 1; stroke-dasharray: 3, 5; }
.styles_op_1pdgot6_linePath { fill: none; stroke: var(--gold); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--gold) 40%, transparent)); }
.styles_op_1pdgot6_leadHalo { fill: color-mix(in srgb, var(--gold) 45%, transparent); animation: 1.8s ease-in-out 0s infinite normal none running styles_op_1pdgot6_haloPulse; transform-origin: center center; transform-box: fill-box; }
.styles_op_1pdgot6_leadDot { fill: rgb(255, 247, 216); filter: drop-shadow(0 0 5px color-mix(in srgb, var(--gold) 90%, transparent)); }
.styles_op_1pdgot6_chartTag { position: absolute; left: 12px; bottom: 6px; font-family: var(--font-kit-text-font), sans-serif; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: rgba(244, 241, 233, 0.35); }
.styles_op_1pdgot6_kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.styles_op_1pdgot6_kpi { border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 11px 12px; background: rgba(255, 255, 255, 0.01); display: flex; flex-direction: column; gap: 4px; }
.styles_op_1pdgot6_kpiVal { font-family: var(--font-kit-header-font), sans-serif; font-size: 19px; color: rgb(244, 241, 233); letter-spacing: -0.4px; font-variant-numeric: tabular-nums; }
.styles_op_1pdgot6_kpiVal em { font-style: normal; font-size: 13px; color: var(--gold); margin-left: 1px; }
.styles_op_1pdgot6_kpiLabel { font-family: var(--font-kit-text-font), sans-serif; font-size: 10.5px; color: rgba(244, 241, 233, 0.467); line-height: 1.3; }
.styles_op_1pdgot6_feedWrap { position: relative; height: 212px; overflow: hidden; flex-shrink: 0; }
.styles_op_1pdgot6_feed { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 8px; }
.styles_op_1pdgot6_feedItem { display: flex; align-items: center; gap: 10px; padding: 10px 13px; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 10px; background: rgba(255, 255, 255, 0.02); overflow: hidden; }
.styles_op_1pdgot6_feedDot { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; }
.styles_op_1pdgot6_s_ok { background: rgb(111, 191, 123); box-shadow: rgba(111, 191, 123, 0.5) 0px 0px 7px; }
.styles_op_1pdgot6_s_info { background: var(--gold); box-shadow: 0 0 7px color-mix(in srgb, var(--gold) 55%, transparent); }
.styles_op_1pdgot6_feedText { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.76); flex: 1 1 0%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.styles_op_1pdgot6_feedTime { font-family: var(--font-kit-text-font), sans-serif; font-size: 10.5px; color: rgba(244, 241, 233, 0.38); flex: 0 0 auto; }
@media (prefers-reduced-motion: reduce) {
.styles_op_1pdgot6_liveDot, .styles_op_1pdgot6_sDot, .styles_op_1pdgot6_leadHalo, .styles_op_1pdgot6_sheen { animation: auto ease 0s 1 normal none running none; }
}
@keyframes styles_op_1pdgot6_portalSheen { 
  0% { background-position: 165% 0px; opacity: 0; }
  7% { opacity: 1; }
  33% { background-position: -65% 0px; opacity: 1; }
  41%, 100% { background-position: -65% 0px; opacity: 0; }
}
@keyframes styles_op_1pdgot6_livePing { 
  0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--gold) 55%, transparent); }
  70%, 100% { box-shadow: transparent 0px 0px 0px 7px; }
}
@keyframes styles_op_1pdgot6_sBlink { 
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.45; transform: scale(0.82); }
}
@keyframes styles_op_1pdgot6_haloPulse { 
  0%, 100% { opacity: 0.35; r: 3.4px; }
  50% { opacity: 0.85; r: 6px; }
}
/* fab-gruppe */
.styles_op_eyw47c_aiFloating { position: fixed; right: 22px; bottom: 130px; z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.styles_op_eyw47c_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_eyw47c_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold, #C4A06A); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_eyw47c_assistant:hover { transform: translateY(-2px); border-color: var(--gold, #C4A06A); box-shadow: 0 16px 40px -14px color-mix(in srgb, var(--gold, #C4A06A) 45%, transparent); }
.styles_op_eyw47c_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_eyw47c_assistantActive { border-color: var(--gold, #C4A06A); box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold, #C4A06A) 40%, transparent), 0 16px 42px -12px color-mix(in srgb, var(--gold, #C4A06A) 55%, transparent); }
.styles_op_eyw47c_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_eyw47c_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--gold, #C4A06A) 35%, transparent)); }
.styles_op_eyw47c_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_eyw47c_aiBlink; }
.styles_op_eyw47c_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(
      circle,
      color-mix(in srgb, var(--gold, #C4A06A) 42%, transparent),
      transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_eyw47c_aiPulse; }
.styles_op_eyw47c_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_eyw47c_aiOrbit; }
.styles_op_eyw47c_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold, #C4A06A); box-shadow: 0 0 6px 1px color-mix(in srgb, var(--gold, #C4A06A) 70%, transparent); }
.styles_op_eyw47c_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_eyw47c_assistant:hover .styles_op_eyw47c_aiSweep, .styles_op_eyw47c_assistantActive .styles_op_eyw47c_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_eyw47c_aiSweep; }
.styles_op_eyw47c_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_eyw47c_assistant:hover .styles_op_eyw47c_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_eyw47c_assistantActive .styles_op_eyw47c_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
@media (prefers-reduced-motion: reduce) {
.styles_op_eyw47c_chat, .styles_op_eyw47c_aiEye, .styles_op_eyw47c_aiPulse, .styles_op_eyw47c_aiOrbit, .styles_op_eyw47c_aiSweep { animation: auto ease 0s 1 normal none running none; }
.styles_op_eyw47c_aiPulse { opacity: 0.4; }
.styles_op_eyw47c_assistant:hover .styles_op_eyw47c_aiTip { transition-delay: 0s; }
}
@media (max-width: 900px) {
.styles_op_eyw47c_aiTip { display: none !important; }
}
.styles_op_eyw47c_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_eyw47c_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--gold, #C4A06A),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: transparent; box-shadow: 0 14px 34px -12px color-mix(in srgb, var(--gold, #C4A06A) 60%, transparent); transition: transform 0.25s, box-shadow 0.25s; }
.styles_op_eyw47c_fab:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 18px 40px -12px color-mix(in srgb, var(--gold, #C4A06A) 72%, transparent); }
.styles_op_eyw47c_fab:active { transform: translateY(-1px) scale(0.98); }
.styles_op_eyw47c_fab:focus-visible { outline: 2px solid var(--gold, #C4A06A); outline-offset: 3px; }
.styles_op_eyw47c_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_eyw47c_fab:hover .styles_op_eyw47c_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
@media (max-width: 900px) {
.styles_op_eyw47c_fabTip { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_eyw47c_fab { transition: none; }
.styles_op_eyw47c_fab:hover { transform: none; }
.styles_op_eyw47c_fab:hover .styles_op_eyw47c_fabTip { transition-delay: 0s; }
}
@media (max-width: 767px) {
.styles_op_eyw47c_aiFloating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
}
@keyframes styles_op_eyw47c_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_eyw47c_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_eyw47c_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_eyw47c_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}

/* Startseite „Über AVYZOR“: Text links, Portal-Karte rechts */
#ueber .ueber-gitter { max-width: 1180px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
@media (max-width: 900px) { #ueber .ueber-gitter { grid-template-columns: minmax(0, 1fr); gap: 36px; } }

/* 0startb-lib: Sternenfeld (@siteui/starfield, ptjyzt) des Originals */
.styles_op_ptjyzt_field {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.styles_op_ptjyzt_canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.styles_op_ptjyzt_fadeTop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.styles_op_ptjyzt_fadeBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.bw-startb-sec { position: relative; isolation: isolate; }
.bw-startb-grund { position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); z-index: -1; overflow: hidden; pointer-events: none; }

/* Grundwerte wie auf der Original-Seite (Browser-Standard: Times New Roman 14px/24px, schwarz, Links blau); der Nachbau setzt global andere Werte, die hier zurückgenommen werden. :where() = keine Spezifität, Modulregeln gewinnen wie im Original. */
:where(.bw-hero-start, .bw-kennzahlen, .bw-leistungen-karten, .bw-leistungen-karten-seite, .bw-warum, .bw-vorgehen) { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: normal; text-align: start; text-transform: none; hyphens: manual; overflow-wrap: normal; max-width: none; }
:where(.bw-hero-start, .bw-kennzahlen, .bw-leistungen-karten, .bw-leistungen-karten-seite, .bw-warum, .bw-vorgehen) :is(h1, h2, h3, h4) { font-weight: bold; letter-spacing: inherit; line-height: inherit; hyphens: inherit; overflow-wrap: inherit; margin: revert; }
:where(.bw-hero-start, .bw-kennzahlen, .bw-leistungen-karten, .bw-leistungen-karten-seite, .bw-warum, .bw-vorgehen) p { margin: revert; }
:where(.bw-hero-start, .bw-kennzahlen, .bw-leistungen-karten, .bw-leistungen-karten-seite, .bw-warum, .bw-vorgehen) a { color: #0000ee; text-decoration: underline; }
/* Gemeinsame Bauteile des Onepage-Kits, die die Bausteine von starta nutzen: Badge, Überschrift, Text, Haken-Zeile, Sternenfeld */
.styles_op_1mijys6_badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: var(--font-kit-text-font, "Inter"), sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--color-kit-key1, #E5A62C);
  padding: 0.5rem 1rem 0.5rem 0.85rem;
  border: 1px solid #E5A62C40;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      #E5A62C14,
      #E5A62C08);
  backdrop-filter: blur(6px);
}
.styles_op_1mijys6_badge::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--color-kit-key1, #E5A62C);
  box-shadow: 0 0 8px 1px #E5A62Caa;
  flex: none;
  animation: styles_op_1mijys6_badgePulse 3.2s ease-in-out infinite;
}
@keyframes styles_op_1mijys6_badgePulse {
  0%, 100% {
    opacity: 0.55;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_1mijys6_badge::before {
    animation: none;
  }
}
.styles_op_shd2v6_h {
  font-family: var(--font-kit-header-font, "Playfair Display"), serif;
  color: var(--color-kit-white, #ffffff);
  line-height: 1.1;
  letter-spacing: -0.015em;
  margin: 0;
  font-weight: 700;
  text-wrap: balance;
}
.styles_op_shd2v6_a_left {
  text-align: left;
}
.styles_op_shd2v6_a_center {
  text-align: center;
}
.styles_op_shd2v6_s_sm {
  font-size: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  letter-spacing: -0.01em;
}
.styles_op_shd2v6_s_md {
  font-size: clamp(1.75rem, 1.4rem + 1.6vw, 2.4rem);
}
.styles_op_shd2v6_s_lg {
  font-size: clamp(2.1rem, 1.55rem + 2.5vw, 3.05rem);
}
.styles_op_shd2v6_s_xl {
  font-size: clamp(2.3rem, 1.6rem + 2.9vw, 3.55rem);
}
.styles_op_shd2v6_s_xxl {
  font-size: clamp(2.7rem, 1.9rem + 4.4vw, 4.6rem);
  line-height: 1.05;
}
.styles_op_wbsm8m_text {
  font-family: var(--font-kit-text-font, "Inter"), sans-serif;
  color: var(--color-kit-white, #fff);
  line-height: 1.65;
  margin: 0;
}
.styles_op_wbsm8m_muted {
  color: #b7b2a6;
}
.styles_op_wbsm8m_s_xs {
  font-size: 0.8rem;
}
.styles_op_wbsm8m_s_sm {
  font-size: 0.9rem;
}
.styles_op_wbsm8m_s_md {
  font-size: 1.02rem;
}
.styles_op_wbsm8m_s_lg {
  font-size: 1.15rem;
}
.styles_op_3ygybm_item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-kit-text-font, "Inter"), sans-serif;
  color: #d7d7db;
  font-size: 0.98rem;
}
.styles_op_3ygybm_mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #e5a62c1f;
  border: 1px solid #e5a62c55;
  color: #e5a62c;
  flex-shrink: 0;
}
.styles_op_3ygybm_label {
  line-height: 1.4;
}
.styles_op_ptjyzt_field {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.styles_op_ptjyzt_canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.styles_op_ptjyzt_fadeTop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.styles_op_ptjyzt_fadeBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.bw-hero-start, .bw-kennzahlen, .bw-leistungen-karten, .bw-leistungen-karten-seite, .bw-warum, .bw-vorgehen { max-width: none; }

/* Cookie-Hinweis: Ablehnen und Akzeptieren gleich groß und gleich auffällig; Hinweis „KI-generiert“ auf Videos */
.avy-cookie { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483002; max-height: 62dvh; overflow-y: auto; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "kopf knoepfe" "einst einst"; column-gap: 28px; row-gap: 10px; align-items: center; padding: 12px max(20px, calc((100% - 1200px) / 2)) calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(196, 160, 106, .35); font-family: var(--sans, "Inter", system-ui, sans-serif); color: #E8E6E1; background: rgba(12, 14, 19, .98); box-shadow: 0 -14px 40px -18px rgba(0, 0, 0, .85); opacity: 0; transform: translateY(18px); transition: opacity .3s ease, transform .35s cubic-bezier(.2, .9, .25, 1.05); }
/* Der Hinweis ist eine Leiste ganz unten: Seite, Hero und schwebende Knöpfe weichen um seine Höhe (--avy-cookie-h) nach oben aus, nichts wird überdeckt */
html.avy-cookie-offen body { padding-bottom: var(--avy-cookie-h, 0px); }
html.avy-cookie-offen .bw-hero-start { min-height: calc(100svh - var(--avy-cookie-h, 0px)) !important; }
html.avy-cookie-offen [class*="_contactWrap"], html.avy-cookie-offen aside[aria-label="Schnellzugriff"] { translate: 0 calc(-1 * var(--avy-cookie-h, 0px)); transition: translate .3s ease; }
.avy-cookie-kopf { grid-area: kopf; min-width: 0; }
.avy-cookie-reihe { grid-area: knoepfe; flex-wrap: nowrap; }
.avy-cookie-einst { grid-area: einst; margin-bottom: 0; }
.avy-cookie.offen { opacity: 1; transform: none; }
.avy-cookie-titel { margin: 0 0 2px; font-size: 14px; font-weight: 700; color: #fff; }
.avy-cookie-text .kurz { display: none; }
.avy-cookie-text { margin: 0 0 2px; font-size: 13px; line-height: 1.5; color: #B9BCC4; }
.avy-cookie-link { display: inline-block; margin-bottom: 0; font-size: 13px; color: rgb(224, 199, 155); text-decoration: underline; text-underline-offset: 3px; }
.avy-cookie-einst { display: grid; gap: 8px; margin-bottom: 14px; }
.avy-cookie-einst[hidden], .avy-cookie-knopf[hidden] { display: none; }
.avy-cookie-zeile { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(196, 160, 106, .16); cursor: pointer; }
.avy-cookie-zeile input { margin-top: 3px; width: 18px; height: 18px; accent-color: #C4A06A; flex: none; }
.avy-cookie-zt { display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.avy-cookie-zt small { font-size: 12px; }
.avy-cookie-reihe { display: flex; flex-wrap: wrap; gap: 10px; }
.avy-cookie-knopf { -webkit-appearance: none; appearance: none; flex: 0 0 auto; min-width: 132px; min-height: 44px; padding: 10px 16px; border-radius: 12px; font-weight: 600; font-size: 14px; line-height: 1.2; font-family: inherit; cursor: pointer; transition: transform .2s, background .2s; }
.avy-cookie-knopf.gleich { color: #0B0D11; border: 1px solid rgba(196, 160, 106, .5); background: linear-gradient(135deg, #D9B77C, #B88732); }
.avy-cookie-knopf.rand { color: #F2D9A6; border: 1px solid rgba(224, 190, 130, .75); background: #171A21; }
.avy-cookie-knopf:hover { transform: translateY(-1px); }
.avy-cookie-knopf:focus-visible, .avy-cookie-tab:focus-visible { outline: 2px solid #F2D9A6; outline-offset: 3px; }
.avy-cookie-tab { -webkit-appearance: none; appearance: none; position: fixed; left: 12px; bottom: 10px; z-index: 2147482000; padding: 6px 10px; min-height: 44px; border: 0; border-radius: 8px; font: 500 11px/1.2 var(--sans, system-ui, sans-serif); color: #C9CCD3; background: #0C0E13; cursor: pointer; }
.avy-cookie-tab:hover { color: #fff; }
.avy-cookie-fuss { -webkit-appearance: none; appearance: none; background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; text-decoration: none; }
.avy-cookie-fuss:hover { text-decoration: underline; }
.avy-cookie-fuss:focus-visible { outline: 2px solid #F2D9A6; outline-offset: 3px; }
.avy-cookie-zt small { color: #A9ADB6; }
.avy-ki-label { position: absolute; left: 10px; bottom: 8px; z-index: 3; padding: 2px 7px; border-radius: 6px; font: 500 10px/1.4 var(--sans, system-ui, sans-serif); letter-spacing: .04em; color: rgba(255, 255, 255, .9); background: rgba(0, 0, 0, .55); pointer-events: none; }
@media (max-width: 760px) {
  .avy-cookie { grid-template-columns: minmax(0, 1fr); grid-template-areas: "kopf" "einst" "knoepfe"; row-gap: 8px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)); }
  .avy-cookie-titel { display: none; }
  .avy-cookie-text { font-size: 12px; line-height: 1.4; }
  .avy-cookie-text .lang { display: none; }
  .avy-cookie-text .kurz { display: inline; }
  html.avy-cookie-offen .bw-hero-start [class*="_bgLayer"] { aspect-ratio: auto; height: clamp(40px, calc(100svh - var(--avy-cookie-h, 0px) - 450px), 219px); }
  .avy-cookie-reihe { gap: 8px; }
  .avy-cookie-knopf { flex: 1 1 0; min-width: 0; padding: 8px 6px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .avy-cookie { transition: none; } }

/* Sprechblase am Chat-Knopf (Interview BE1) */
.avy-sprechblase { position: fixed; z-index: 2147482990; transform: translateY(-50%) translateX(8px); opacity: 0; transition: opacity .35s ease, transform .35s cubic-bezier(.2, .9, .25, 1.1); display: flex; align-items: center; gap: 2px; max-width: min(240px, calc(100vw - 112px)); padding: 4px 4px 4px 14px; border-radius: 18px; background: rgba(14, 16, 22, .96); border: 1px solid rgba(196, 160, 106, .45); box-shadow: 0 16px 40px -12px rgba(0, 0, 0, .7); color: #F2E7D0; font-family: var(--sans, "Inter", system-ui, sans-serif); font-size: 14px; line-height: 1.3; }
.avy-sprechblase.da { opacity: 1; transform: translateY(-50%); }
.avy-sprechblase::after { content: ""; position: absolute; right: -6px; top: 50%; width: 11px; height: 11px; margin-top: -6px; background: rgba(14, 16, 22, .96); border-top: 1px solid rgba(196, 160, 106, .45); border-right: 1px solid rgba(196, 160, 106, .45); transform: rotate(45deg); }
.avy-sprechblase-text, .avy-sprechblase-zu { background: none; border: 0; color: inherit; font: inherit; cursor: pointer; }
.avy-sprechblase-text { padding: 8px 6px 8px 0; text-align: left; }
.avy-sprechblase-zu { width: 28px; height: 28px; border-radius: 50%; font-size: 18px; opacity: .7; }
.avy-sprechblase-zu:hover { opacity: 1; background: rgba(255, 255, 255, .08); }
@media (prefers-reduced-motion: reduce) { .avy-sprechblase { transition: none; } }

/* cta-start (Original 1blnm2r, Startseite "Bereit für den nächsten digitalen Schritt?"): Regeln 1:1 aus dem Original-Modul, Formular sendet über seite.js (nur an Jarvis). */
/* Grundwerte wie auf der Original-Seite (Browser-Standard), siehe a-starta-basis.css; :where() = keine Spezifität */
:where(.bw-cta-start) { font-family: "Times New Roman"; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: normal; text-align: start; text-transform: none; hyphens: manual; overflow-wrap: normal; max-width: none; }
:where(.bw-cta-start) :is(h1, h2, h3, h4) { font-weight: bold; letter-spacing: inherit; line-height: inherit; hyphens: inherit; overflow-wrap: inherit; margin: revert; }
:where(.bw-cta-start) p { margin: revert; }
:where(.bw-cta-start) a { color: #0000ee; text-decoration: underline; }
:where(.bw-cta-start) :is(input, select, textarea, button) { font: revert; letter-spacing: normal; text-transform: none; margin: revert; }
.bw-cta-start { max-width: 100%; --font-kit-text-font: "Inter"; --font-kit-header-font: "Space Grotesk"; }
.styles_op_1blnm2r_wrap {
  position: relative;
  isolation: isolate;
  background: var(--bg, #0B0D11);
  padding: 130px 24px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-anchor: none;
  contain: layout paint style;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.styles_op_1blnm2r_wrap *,
.styles_op_1blnm2r_wrap *::before,
.styles_op_1blnm2r_wrap *::after {
  overflow-anchor: none;
}
.styles_op_1blnm2r_full {
  min-height: var(--con-kit-section-min-height, 100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.styles_op_1blnm2r_glow {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      42% 55% at 28% 34%,
      color-mix(in srgb, var(--gold) 11%, transparent),
      transparent 62%),
    radial-gradient(
      40% 50% at 72% 68%,
      #ffffff08,
      transparent 60%);
  pointer-events: none;
}
.styles_op_1blnm2r_orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: -1;
  filter: blur(60px);
  will-change: transform;
  contain: layout paint;
}
.styles_op_1blnm2r_orb[data-a] {
  width: 420px;
  height: 420px;
  left: 8%;
  top: 6%;
  background:
    radial-gradient(
      circle,
      color-mix(in srgb, var(--gold) 26%, transparent),
      transparent 70%);
  animation: styles_op_1blnm2r_orbFloatA 18s ease-in-out infinite;
}
.styles_op_1blnm2r_orb[data-b] {
  width: 360px;
  height: 360px;
  right: 6%;
  bottom: 4%;
  background:
    radial-gradient(
      circle,
      color-mix(in srgb, var(--color-kit-key2) 22%, transparent),
      transparent 70%);
  animation: styles_op_1blnm2r_orbFloatB 22s ease-in-out infinite;
}
@keyframes styles_op_1blnm2r_orbFloatA {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(40px, -30px) scale(1.12);
  }
  66% {
    transform: translate(-20px, 20px) scale(0.95);
  }
}
@keyframes styles_op_1blnm2r_orbFloatB {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(-50px, 34px) scale(0.9);
  }
  66% {
    transform: translate(25px, -18px) scale(1.1);
  }
}
.styles_op_1blnm2r_gridBg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  will-change: background-position;
  contain: layout paint;
  animation: styles_op_1blnm2r_gridShift 12s linear infinite;
  background-image:
    linear-gradient(#ffffff06 1px, transparent 1px),
    linear-gradient(
      90deg,
      #ffffff06 1px,
      transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image:
    radial-gradient(
      70% 70% at 70% 55%,
      #000 0%,
      transparent 78%);
  mask-image:
    radial-gradient(
      70% 70% at 70% 55%,
      #000 0%,
      transparent 78%);
}
@keyframes styles_op_1blnm2r_gridShift {
  from {
    background-position: 0 0, 0 0;
  }
  to {
    background-position: 46px 46px, 46px 46px;
  }
}
.styles_op_1blnm2r_container {
  position: relative;
  max-width: 1340px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.styles_op_1blnm2r_left {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.styles_op_1blnm2r_title {
  font-size: clamp(30px, 4vw, 54px);
  letter-spacing: -1px;
}
.styles_op_1blnm2r_words {
  display: inline-block;
}
.styles_op_1blnm2r_word {
  display: inline-block;
  will-change: transform;
}
.styles_op_1blnm2r_sub {
  color: #f2eee69e;
  max-width: 460px;
  margin: 20px 0 34px;
}
.styles_op_1blnm2r_actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.styles_op_1blnm2r_trust {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 26px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12.5px;
  color: #f2eee680;
}
.styles_op_1blnm2r_trust i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--gold) 70%, transparent);
}
.styles_op_1blnm2r_ctaWrap {
  transition: transform .25s cubic-bezier(0.22, 1, 0.36, 1);
}
.styles_op_1blnm2r_ctaWrap:hover {
  transform: translateY(-2px);
}
.styles_op_1blnm2r_ctaWrap:active {
  transform: scale(0.99);
}
.styles_op_1blnm2r_form {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--gold) 16%, transparent);
  border-radius: 20px;
  padding: 32px 34px 30px 44px;
  background:
    linear-gradient(
      180deg,
      #14181fbf,
      #0b0d11d9);
  box-shadow: 0 44px 100px -55px #000, inset 0 1px 0 #ffffff0d;
  display: flex;
  flex-direction: column;
  gap: 16px;
  backdrop-filter: blur(4px);
  overflow: hidden;
}
.styles_op_1blnm2r_form::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(
      90deg,
      transparent 30%,
      color-mix(in srgb, var(--gold) 85%, #fff) 50%,
      transparent 70%);
  background-size: 300% 100%;
  background-position: 130% 0;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 2;
}
.styles_op_1blnm2r_formDone::before {
  animation: styles_op_1blnm2r_borderSheen 1.5s cubic-bezier(0.22, 1, 0.36, 1) 1;
}
@keyframes styles_op_1blnm2r_borderSheen {
  0% {
    opacity: 0;
    background-position: 130% 0;
  }
  12% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    background-position: -30% 0;
  }
}
.styles_op_1blnm2r_rail {
  position: absolute;
  left: 20px;
  top: 34px;
  bottom: 34px;
  width: 3px;
  border-radius: 3px;
  background: #ffffff10;
  overflow: hidden;
}
.styles_op_1blnm2r_railFill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background:
    linear-gradient(
      180deg,
      var(--color-kit-key2),
      var(--gold));
  transition: height .6s cubic-bezier(0.22, 1, 0.36, 1);
}
.styles_op_1blnm2r_railNode {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #1a1e25;
  border: 1px solid #ffffff26;
  transition: all .4s ease;
  z-index: 1;
}
.styles_op_1blnm2r_railNode:nth-child(1) {
  top: 8%;
}
.styles_op_1blnm2r_railNode:nth-child(2) {
  top: 36%;
}
.styles_op_1blnm2r_railNode:nth-child(3) {
  top: 64%;
}
.styles_op_1blnm2r_railNode:nth-child(4) {
  top: 92%;
}
.styles_op_1blnm2r_railOn {
  background: var(--gold);
  border-color: var(--gold);
  box-shadow: 0 0 10px 1px color-mix(in srgb, var(--gold) 55%, transparent);
  animation: styles_op_1blnm2r_nodePulse 1.8s ease-in-out infinite;
}
@keyframes styles_op_1blnm2r_nodePulse {
  0%, 100% {
    box-shadow: 0 0 10px 1px color-mix(in srgb, var(--gold) 55%, transparent);
  }
  50% {
    box-shadow: 0 0 16px 3px color-mix(in srgb, var(--gold) 70%, transparent);
  }
}
.styles_op_1blnm2r_row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.styles_op_1blnm2r_rowPhoneCompany {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
  order: 2;
}
.styles_op_1blnm2r_field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.styles_op_1blnm2r_field span {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12.5px;
  color: #f2eee699;
  transition: color .25s ease;
}
.styles_op_1blnm2r_field:focus-within span {
  color: color-mix(in srgb, var(--gold) 85%, #fff);
}
.styles_op_1blnm2r_field input,
.styles_op_1blnm2r_field textarea {
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  padding: 12px 14px;
  color: #F2EEE6;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 14px;
  resize: vertical;
  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    transform .25s ease;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.styles_op_1blnm2r_field input::placeholder,
.styles_op_1blnm2r_field textarea::placeholder {
  color: #f2eee659;
}
.styles_op_1blnm2r_field input:focus,
.styles_op_1blnm2r_field textarea:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--gold) 75%, transparent);
  background: #ffffff12;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent), 0 0 22px -4px color-mix(in srgb, var(--gold) 34%, transparent);
}
.styles_op_1blnm2r_field:focus-within input,
.styles_op_1blnm2r_field:focus-within textarea {
  transform: translateY(-1px);
}
.styles_op_1blnm2r_field::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  background:
    linear-gradient(
      90deg,
      var(--gold),
      color-mix(in srgb, var(--gold) 20%, transparent));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s cubic-bezier(0.22, 1, 0.36, 1);
}
.styles_op_1blnm2r_field:focus-within::after {
  transform: scaleX(1);
}
.styles_op_1blnm2r_check {
  position: absolute;
  right: 12px;
  top: 34px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity .3s ease, transform .3s cubic-bezier(0.22, 1, 0.36, 1);
  background: color-mix(in srgb, var(--gold) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--gold) 55%, transparent);
}
.styles_op_1blnm2r_check::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #F2EEE6;
  border-width: 0 1.6px 1.6px 0;
  transform: rotate(45deg);
}
.styles_op_1blnm2r_valid .styles_op_1blnm2r_check {
  opacity: 1;
  transform: scale(1);
  animation: styles_op_1blnm2r_checkPop .4s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes styles_op_1blnm2r_checkPop {
  0% {
    transform: scale(0.4);
  }
  60% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.styles_op_1blnm2r_nachrichtWrap {
  order: 1;
}
.styles_op_1blnm2r_submitWrap {
  order: 3;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.styles_op_1blnm2r_flow {
  order: 4;
}
.styles_op_1blnm2r_ok {
  order: 5;
}
.styles_op_1blnm2r_err {
  order: 5;
}
.styles_op_1blnm2r_submit {
  margin-top: 8px;
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: filter .25s ease;
}
.styles_op_1blnm2r_submit:hover {
  filter: brightness(1.05);
}
.styles_op_1blnm2r_submit::after {
  content: "";
  position: absolute;
  top: 0;
  left: -70%;
  width: 45%;
  height: 100%;
  background:
    linear-gradient(
      100deg,
      transparent,
      #fff7e055,
      transparent);
  transform: skewX(-18deg);
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
}
.styles_op_1blnm2r_submit:hover::after {
  opacity: 1;
  animation: styles_op_1blnm2r_btnSweep .8s cubic-bezier(.22, 1, .36, 1);
}
@keyframes styles_op_1blnm2r_btnSweep {
  0% {
    left: -70%;
  }
  100% {
    left: 130%;
  }
}
.styles_op_1blnm2r_actions a.styles_op_1blnm2r_ctaOutline:hover {
  box-shadow: none;
  background: #ffffff0a;
  border-color: color-mix(in srgb, var(--gold) 55%, #ffffff40);
  color: color-mix(in srgb, var(--gold) 42%, #fff);
}
.styles_op_1blnm2r_actions a.styles_op_1blnm2r_ctaOutline:hover::before {
  animation: none;
}
.styles_op_1blnm2r_flow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.styles_op_1blnm2r_flowStep {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11.5px;
  letter-spacing: 0.3px;
  color: #f2eee666;
  transition: color .4s ease;
}
.styles_op_1blnm2r_flowDot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1a1e25;
  border: 1px solid #ffffff26;
  transition: all .4s ease;
  display: inline-block;
  flex-shrink: 0;
}
.styles_op_1blnm2r_flowStep.styles_op_1blnm2r_flowOn .styles_op_1blnm2r_flowDot {
  background: var(--gold);
  border-color: var(--gold);
  box-shadow: 0 0 8px 1px color-mix(in srgb, var(--gold) 50%, transparent);
}
@keyframes styles_op_1blnm2r_dotPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.styles_op_1blnm2r_flowDotPulse {
  animation: styles_op_1blnm2r_dotPulse 1s ease-in-out infinite;
}
.styles_op_1blnm2r_flowLine {
  flex: 1;
  height: 1px;
  background: #ffffff14;
  transition: background .4s ease;
}
.styles_op_1blnm2r_flowOn {
  color: color-mix(in srgb, var(--gold) 85%, #fff);
}
.styles_op_1blnm2r_flowLine.styles_op_1blnm2r_flowOn {
  background:
    linear-gradient(
      90deg,
      var(--gold),
      color-mix(in srgb, var(--gold) 30%, transparent));
}
.styles_op_1blnm2r_ok {
  color: #86b39a;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13.5px;
  margin: 4px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  animation: styles_op_1blnm2r_msgIn .4s ease;
}
.styles_op_1blnm2r_okTick {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #86b39a26;
  border: 1px solid #86b39a;
  display: inline-block;
  flex: none;
  animation: styles_op_1blnm2r_tickPop .5s cubic-bezier(0.22, 1, 0.36, 1);
}
.styles_op_1blnm2r_okTick::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #86b39a;
  border-width: 0 1.6px 1.6px 0;
  transform: rotate(45deg);
}
.styles_op_1blnm2r_err {
  color: #E5837B;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13.5px;
  margin: 4px 0 0;
  animation: styles_op_1blnm2r_msgShake .45s ease;
}
@keyframes styles_op_1blnm2r_msgIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes styles_op_1blnm2r_msgShake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-8px);
  }
  40% {
    transform: translateX(8px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes styles_op_1blnm2r_tickPop {
  0% {
    transform: scale(0) rotate(-40deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.styles_op_1blnm2r_reveal {
  opacity: 0;
  transform: translateY(18px);
  filter: blur(6px);
  transition:
    opacity .7s cubic-bezier(0.22, 1, 0.36, 1),
    transform .7s cubic-bezier(0.22, 1, 0.36, 1),
    filter .7s cubic-bezier(0.22, 1, 0.36, 1);
}
.styles_op_1blnm2r_inView .styles_op_1blnm2r_reveal {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.styles_op_1blnm2r_wordReveal {
  opacity: 0;
  transform: translateY(24px);
  filter: blur(9px);
  transition:
    opacity .85s cubic-bezier(0.22, 1, 0.36, 1),
    transform .85s cubic-bezier(0.22, 1, 0.36, 1),
    filter .85s cubic-bezier(0.22, 1, 0.36, 1);
}
.styles_op_1blnm2r_inView .styles_op_1blnm2r_wordReveal {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.styles_op_1blnm2r_fieldFull {
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.styles_op_1blnm2r_selectWrap {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.styles_op_1blnm2r_selectArrow {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1.7px solid #f2eee666;
  border-bottom: 1.7px solid #f2eee666;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
  transition: border-color .25s ease, transform .25s ease;
}
.styles_op_1blnm2r_field:focus-within .styles_op_1blnm2r_selectArrow {
  border-color: color-mix(in srgb, var(--gold) 80%, #fff);
  transform: translateY(-35%) rotate(225deg);
}
.styles_op_1blnm2r_select {
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 10px;
  padding: 12px 38px 12px 14px;
  color: #F2EEE6;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 14px;
  cursor: pointer;
  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    transform .25s ease;
  min-width: 0;
}
.styles_op_1blnm2r_selectEmpty {
  color: #f2eee659;
}
.styles_op_1blnm2r_select:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--gold) 75%, transparent);
  background: #ffffff12;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent), 0 0 22px -4px color-mix(in srgb, var(--gold) 34%, transparent);
}
.styles_op_1blnm2r_field:focus-within .styles_op_1blnm2r_select {
  transform: translateY(-1px);
}
.styles_op_1blnm2r_select option {
  background: #14181f;
  color: #F2EEE6;
}
.styles_op_1blnm2r_select option:checked {
  background: color-mix(in srgb, var(--gold) 22%, #14181f);
  color: color-mix(in srgb, var(--gold) 92%, #fff);
}
@media (max-width: 960px) {
  .styles_op_1blnm2r_wrap {
    padding: 88px 22px;
  }
  .styles_op_1blnm2r_container {
    grid-template-columns: 1fr !important;
    gap: 40px;
  }
  .styles_op_1blnm2r_left,
  .styles_op_1blnm2r_form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 767px) {
  .styles_op_1blnm2r_wrap {
    padding: 60px 16px 108px !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  .styles_op_1blnm2r_container {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    gap: 28px !important;
    padding: 0 !important;
  }
  .styles_op_1blnm2r_left {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .styles_op_1blnm2r_title {
    font-size: clamp(24px, 7.5vw, 34px) !important;
    letter-spacing: -0.5px !important;
  }
  .styles_op_1blnm2r_sub {
    margin: 12px 0 20px !important;
    max-width: 100% !important;
  }
  .styles_op_1blnm2r_actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .styles_op_1blnm2r_ctaWrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .styles_op_1blnm2r_ctaWrap > *,
  .styles_op_1blnm2r_ctaWrap a,
  .styles_op_1blnm2r_ctaWrap button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .styles_op_1blnm2r_trust {
    flex-wrap: wrap !important;
    gap: 6px 10px !important;
    margin-top: 18px !important;
  }
  .styles_op_1blnm2r_trust > span {
    white-space: nowrap !important;
  }
  .styles_op_1blnm2r_form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 20px 16px 24px 30px !important;
    gap: 14px !important;
    overflow: hidden !important;
  }
  .styles_op_1blnm2r_rail {
    left: 12px !important;
  }
  .styles_op_1blnm2r_row,
  .styles_op_1blnm2r_rowPhoneCompany {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    gap: 14px !important;
  }
  .styles_op_1blnm2r_fieldFull,
  .styles_op_1blnm2r_nachrichtWrap,
  .styles_op_1blnm2r_rowPhoneCompany,
  .styles_op_1blnm2r_submitWrap,
  .styles_op_1blnm2r_flow,
  .styles_op_1blnm2r_ok,
  .styles_op_1blnm2r_err {
    order: 0 !important;
  }
  .styles_op_1blnm2r_fieldFull {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .styles_op_1blnm2r_select {
    font-size: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .styles_op_1blnm2r_field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .styles_op_1blnm2r_field input,
  .styles_op_1blnm2r_field textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }
  .styles_op_1blnm2r_submitWrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .styles_op_1blnm2r_submit,
  .styles_op_1blnm2r_submitWrap > *,
  .styles_op_1blnm2r_submitWrap a,
  .styles_op_1blnm2r_submitWrap button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .styles_op_1blnm2r_flow {
    gap: 4px !important;
    overflow: hidden !important;
  }
  .styles_op_1blnm2r_flowStep {
    font-size: 10px !important;
    gap: 4px !important;
  }
  .styles_op_1blnm2r_flowLine {
    min-width: 0 !important;
  }
  .styles_op_1blnm2r_orb[data-a] {
    width: 200px !important;
    height: 200px !important;
  }
  .styles_op_1blnm2r_orb[data-b] {
    width: 180px !important;
    height: 180px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_1blnm2r_railFill,
  .styles_op_1blnm2r_field::after,
  .styles_op_1blnm2r_check {
    transition: none;
  }
  .styles_op_1blnm2r_orb,
  .styles_op_1blnm2r_railOn,
  .styles_op_1blnm2r_gridBg,
  .styles_op_1blnm2r_flowDotPulse {
    animation: none !important;
  }
  .styles_op_1blnm2r_formDone::before {
    animation: none;
  }
  .styles_op_1blnm2r_reveal,
  .styles_op_1blnm2r_wordReveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}
/* Knöpfe des Onepage-Kits (@siteui/button, o0oxqu) */
.styles_op_o0oxqu_btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; font-family: var(--font-kit-text-font, "Inter"), sans-serif; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.01em; border-radius: 11px; cursor: pointer; border: 1px solid transparent; text-decoration: none; transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s, background 0.25s, border-color 0.25s, color 0.25s; white-space: nowrap; }
.styles_op_o0oxqu_btn::before { content: ""; position: absolute; top: 0px; left: -130%; width: 55%; height: 100%; background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.36) 50%, transparent 100%); transform: skewX(-18deg); pointer-events: none; opacity: 0; }
.styles_op_o0oxqu_btn:hover::before { animation: 0.85s ease 0s 1 normal none running styles_op_o0oxqu_sweep; }
.styles_op_o0oxqu_btn > * { position: relative; z-index: 1; }
.styles_op_o0oxqu_sz_lg { padding: 1.05rem 2.1rem; font-size: 1rem; }
.styles_op_o0oxqu_primary { background: linear-gradient(
      135deg,
      #F6D57A 0%,
      var(--color-kit-key2, #F0C24B) 42%,
      var(--color-kit-key1, #E5A62C) 100%); color: rgb(26, 20, 8); box-shadow: rgba(229, 166, 44, 0.6) 0px 10px 28px -14px, rgba(255, 246, 217, 0.667) 0px 1px 0px inset; }
.styles_op_o0oxqu_primary:hover { transform: translateY(-2px); box-shadow: rgba(229, 166, 44, 0.753) 0px 16px 40px -16px, rgba(255, 246, 217, 0.8) 0px 1px 0px inset; }
.styles_op_o0oxqu_outline { background: transparent; color: var(--color-kit-white, #fff); border-color: rgba(255, 255, 255, 0.2); }
.styles_op_o0oxqu_outline:hover { border-color: var(--color-kit-key1, #E5A62C); color: var(--color-kit-key1, #E5A62C); transform: translateY(-2px); box-shadow: rgba(229, 166, 44, 0.667) 0px 14px 40px -20px; }
@media (prefers-reduced-motion: reduce) {
.styles_op_o0oxqu_btn { transition: box-shadow 0.25s, border-color 0.25s, color 0.25s; }
.styles_op_o0oxqu_btn:hover { transform: none; }
.styles_op_o0oxqu_btn:hover::before { animation: auto ease 0s 1 normal none running none; }
}
/* Zusätze des Nachbaus (nicht im Original): Einwilligung (Pflicht für das Speichern der Anfrage; liegt im unteren Innenabstand der Karte, damit das Layout des Originals unverändert bleibt), Honigtopf-Feld, Meldungen von seite.js, Dank-Ansicht nach dem Senden */
.bw-cta-start .falle { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.bw-cta-start .bw-ct-einw { position: absolute; left: 44px; right: 34px; bottom: 6px; display: flex; align-items: flex-start; gap: 10px; font-family: var(--font-kit-text-font), sans-serif; font-size: 11px; line-height: 1.5; color: #f2eee680; cursor: pointer; }
.bw-cta-start .bw-ct-einw input { flex: none; width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--gold); }
.bw-cta-start .bw-ct-einw a { color: color-mix(in srgb, var(--gold) 85%, #fff); text-decoration: underline; }
.bw-cta-start .meldung { order: 5; min-height: 0; margin: 4px 0 0; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 24px; color: #86b39a; animation: styles_op_1blnm2r_msgIn .4s ease; }
.bw-cta-start .meldung:empty { display: none; }
.bw-cta-start .meldung.fehler { color: #E5837B; animation: styles_op_1blnm2r_msgShake .45s ease; }
.bw-cta-start .styles_op_1blnm2r_form .dialog-fertig { color: #F2EEE6; font-family: var(--font-kit-text-font), sans-serif; }
.bw-cta-start .styles_op_1blnm2r_form .dialog-fertig h2 { font-family: var(--font-kit-header-font), sans-serif; font-size: 22px; font-weight: 700; margin: 0; color: #fff; }
.bw-cta-start .styles_op_1blnm2r_form .dialog-fertig p { margin: 0; font-size: 14px; line-height: 1.6; color: #f2eee6b3; }
@media (max-width: 767px) { .bw-cta-start .bw-ct-einw { position: static; order: 0 !important; } .bw-cta-start .meldung { order: 0 !important; } }
/* Auswahlfeld so hoch wie die Textfelder (Original: Zeilenhöhe der Inter-Schrift 17 px + 24 + 2) */
.bw-cta-start .styles_op_1blnm2r_select { min-height: 43px; }

/* dsd-fab-automatisierung: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_fcktr9_floating { position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.styles_op_fcktr9_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_fcktr9_assistant:hover { transform: translateY(-2px); border-color: var(--gold); box-shadow: 0 16px 40px -14px color-mix(in srgb, var(--gold) 45%, transparent); }
.styles_op_fcktr9_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_fcktr9_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_fcktr9_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--gold) 35%, transparent)); }
.styles_op_fcktr9_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_fcktr9_aiBlink; }
.styles_op_fcktr9_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(
      circle,
      color-mix(in srgb, var(--gold) 42%, transparent),
      transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_fcktr9_aiPulse; }
.styles_op_fcktr9_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_fcktr9_aiOrbit; }
.styles_op_fcktr9_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 6px 1px color-mix(in srgb, var(--gold) 70%, transparent); }
.styles_op_fcktr9_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_fcktr9_assistant:hover .styles_op_fcktr9_aiSweep, .styles_op_fcktr9_assistantActive .styles_op_fcktr9_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_fcktr9_aiSweep; }
.styles_op_fcktr9_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_fcktr9_aiLabel { display: none; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; background: rgba(11, 13, 17, 0.9); border: 1px solid rgba(214, 169, 74, 0.32); font-family: var(--font-kit-text-font), sans-serif; font-size: 11px; letter-spacing: 0.3px; color: rgb(244, 241, 233); white-space: nowrap; pointer-events: none; backdrop-filter: blur(8px); line-height: 1; }
.styles_op_fcktr9_aiLabelDot { flex: 0 0 auto; width: 5px; height: 5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 5px 1px color-mix(in srgb, var(--gold) 60%, transparent); }
.styles_op_fcktr9_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_fcktr9_assistant:hover .styles_op_fcktr9_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_fcktr9_assistantActive .styles_op_fcktr9_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_fcktr9_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_fcktr9_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: 0 14px 34px -12px color-mix(in srgb, var(--gold) 60%, transparent); transition: transform 0.25s; text-decoration: none; }
.styles_op_fcktr9_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_fcktr9_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_fcktr9_fab:hover .styles_op_fcktr9_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
@media (prefers-reduced-motion: reduce) {
.styles_op_fcktr9_chat, .styles_op_fcktr9_aiEye, .styles_op_fcktr9_aiPulse, .styles_op_fcktr9_aiOrbit, .styles_op_fcktr9_aiSweep { animation: auto ease 0s 1 normal none running none; }
.styles_op_fcktr9_aiPulse { opacity: 0.4; }
.styles_op_fcktr9_assistant:hover .styles_op_fcktr9_aiTip { transition-delay: 0s; }
.styles_op_fcktr9_fab:hover .styles_op_fcktr9_fabTip { transition-delay: 0s; }
}
@media (max-width: 900px) {
.styles_op_fcktr9_aiTip { display: none !important; }
.styles_op_fcktr9_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_fcktr9_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
.styles_op_fcktr9_aiLabel { display: inline-flex; }
}
@keyframes styles_op_fcktr9_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_fcktr9_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_fcktr9_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_fcktr9_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}

/* dsd-fab-chatbots: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_1l1h05z_floatingRoot { position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 0px; pointer-events: none; }
.styles_op_1l1h05z_floatingBtns { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; pointer-events: none; }
.styles_op_1l1h05z_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; pointer-events: none; }
.styles_op_1l1h05z_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(196, 160, 106, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--color-kit-key1); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgba(0, 0, 0, 0.8) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; pointer-events: auto; }
.styles_op_1l1h05z_assistant:hover { transform: translateY(-2px); border-color: var(--color-kit-key1); box-shadow: rgba(196, 160, 106, 0.447) 0px 16px 40px -14px; }
.styles_op_1l1h05z_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_1l1h05z_assistant:focus-visible { outline: 2px solid var(--color-kit-key1); outline-offset: 3px; }
.styles_op_1l1h05z_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_1l1h05z_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.35) 0px 0px 5px); }
.styles_op_1l1h05z_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_1l1h05z_aiBlink; }
.styles_op_1l1h05z_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.42), transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_1l1h05z_aiPulse; }
.styles_op_1l1h05z_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_1l1h05z_aiOrbit; }
.styles_op_1l1h05z_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--color-kit-key1); box-shadow: rgba(196, 160, 106, 0.698) 0px 0px 6px 1px; }
.styles_op_1l1h05z_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_1l1h05z_assistant:hover .styles_op_1l1h05z_aiSweep, .styles_op_1l1h05z_assistantActive .styles_op_1l1h05z_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_1l1h05z_aiSweep; }
.styles_op_1l1h05z_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.4); border: 1px solid rgba(196, 160, 106, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1l1h05z_assistant:hover .styles_op_1l1h05z_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_1l1h05z_assistantActive .styles_op_1l1h05z_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_1l1h05z_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; pointer-events: none; }
.styles_op_1l1h05z_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(196, 160, 106, 0.3); background: linear-gradient(
      135deg,
      var(--color-kit-key1),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: rgba(196, 160, 106, 0.6) 0px 14px 34px -12px; transition: transform 0.25s, box-shadow 0.25s; text-decoration: none; pointer-events: auto; }
.styles_op_1l1h05z_fab:hover { transform: translateY(-2px) scale(1.03); box-shadow: rgba(196, 160, 106, 0.667) 0px 18px 40px -12px; }
.styles_op_1l1h05z_fab:focus-visible { outline: 2px solid var(--color-kit-key1); outline-offset: 3px; }
.styles_op_1l1h05z_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.4); border: 1px solid rgba(196, 160, 106, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1l1h05z_fab:hover .styles_op_1l1h05z_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
@media (max-width: 1100px) {
.styles_op_1l1h05z_aiTip, .styles_op_1l1h05z_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_1l1h05z_floatingRoot { right: 16px; bottom: calc(152px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_1l1h05z_aiEye { animation: auto ease 0s 1 normal none running none; }
.styles_op_1l1h05z_aiPulse { animation: auto ease 0s 1 normal none running none; opacity: 0.4; }
.styles_op_1l1h05z_aiOrbit { animation: auto ease 0s 1 normal none running none; }
.styles_op_1l1h05z_aiSweep { animation: auto ease 0s 1 normal none running none !important; }
.styles_op_1l1h05z_assistant:hover .styles_op_1l1h05z_aiTip { transition-delay: 0s; }
.styles_op_1l1h05z_fab:hover .styles_op_1l1h05z_fabTip { transition-delay: 0s; }
}
@keyframes styles_op_1l1h05z_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_1l1h05z_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_1l1h05z_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_1l1h05z_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}

/* dsd-fab-crm: Regeln aus dem Original-Baustein, 1:1. */
@media (max-width: 900px) {
.styles_op_1eioxq3_aiTip { display: none !important; }
.styles_op_1eioxq3_fabTip { display: none !important; }
}

/* dsd-fab-leistungen: Regeln aus dem Original-Baustein, 1:1. */
@media (max-width: 900px) {
.styles_op_1o681sf_aiTip { display: none !important; }
.styles_op_1o681sf_fabTip { display: none !important; }
}

/* dsd-fab-seo: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_s46hzn_floating { position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.styles_op_s46hzn_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_s46hzn_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--color-kit-key1); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_s46hzn_assistant:hover { transform: translateY(-2px); border-color: var(--color-kit-key1); box-shadow: rgba(196, 160, 106, 0.447) 0px 16px 40px -14px; }
.styles_op_s46hzn_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_s46hzn_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_s46hzn_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.35) 0px 0px 5px); }
.styles_op_s46hzn_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_s46hzn_aiBlink; }
.styles_op_s46hzn_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.42), transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_s46hzn_aiPulse; }
.styles_op_s46hzn_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_s46hzn_aiOrbit; }
.styles_op_s46hzn_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--color-kit-key1); box-shadow: rgba(196, 160, 106, 0.7) 0px 0px 6px 1px; }
.styles_op_s46hzn_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.55), transparent); }
.styles_op_s46hzn_assistant:hover .styles_op_s46hzn_aiSweep, .styles_op_s46hzn_assistantActive .styles_op_s46hzn_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_s46hzn_aiSweep; }
.styles_op_s46hzn_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_s46hzn_assistant:hover .styles_op_s46hzn_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_s46hzn_assistantActive .styles_op_s46hzn_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_s46hzn_contactWrapFab { position: relative; }
.styles_op_s46hzn_fab { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: none; background: linear-gradient(
      135deg,
      var(--color-kit-key2),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: rgba(196, 160, 106, 0.6) 0px 14px 34px -12px; transition: transform 0.25s; -webkit-tap-highlight-color: transparent; }
.styles_op_s46hzn_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_s46hzn_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_s46hzn_fab:hover .styles_op_s46hzn_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_s46hzn_fabOpen .styles_op_s46hzn_fabTip { opacity: 0 !important; transition-delay: 0s !important; }
@media (max-width: 960px) {
.styles_op_s46hzn_aiTip { display: none !important; }
.styles_op_s46hzn_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_s46hzn_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_s46hzn_aiEye, .styles_op_s46hzn_aiPulse, .styles_op_s46hzn_aiOrbit, .styles_op_s46hzn_aiSweep, .styles_op_s46hzn_chat { animation: auto ease 0s 1 normal none running none; }
.styles_op_s46hzn_aiPulse { opacity: 0.4; }
}
@keyframes styles_op_s46hzn_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_s46hzn_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_s46hzn_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_s46hzn_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}

/* dsd-fab-uber: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_il34f_floating { position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.styles_op_il34f_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_il34f_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold, var(--color-kit-key1)); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_il34f_assistant:hover { transform: translateY(-2px); border-color: var(--gold, var(--color-kit-key1)); box-shadow: rgba(196, 160, 106, 0.45) 0px 16px 40px -14px; }
.styles_op_il34f_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_il34f_assistant:focus-visible { outline: 2px solid var(--gold, var(--color-kit-key1)); outline-offset: 3px; }
.styles_op_il34f_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_il34f_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.35) 0px 0px 5px); }
.styles_op_il34f_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_il34f_aiBlink; }
.styles_op_il34f_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.42), transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_il34f_aiPulse; }
.styles_op_il34f_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_il34f_aiOrbit; }
.styles_op_il34f_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold, var(--color-kit-key1)); box-shadow: rgba(196, 160, 106, 0.7) 0px 0px 6px 1px; }
.styles_op_il34f_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_il34f_assistant:hover .styles_op_il34f_aiSweep, .styles_op_il34f_assistantActive .styles_op_il34f_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_il34f_aiSweep; }
.styles_op_il34f_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_il34f_assistant:hover .styles_op_il34f_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_il34f_assistantActive .styles_op_il34f_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_il34f_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_il34f_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--gold, var(--color-kit-key1)),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: rgba(196, 160, 106, 0.6) 0px 14px 34px -12px; text-decoration: none; transition: transform 0.25s; }
.styles_op_il34f_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_il34f_fab:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 3px; }
.styles_op_il34f_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_il34f_fab:hover .styles_op_il34f_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
@media (max-width: 960px) {
.styles_op_il34f_aiTip { display: none !important; }
.styles_op_il34f_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_il34f_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_il34f_aiEye, .styles_op_il34f_aiPulse, .styles_op_il34f_aiOrbit, .styles_op_il34f_aiSweep, .styles_op_il34f_chat { animation: auto ease 0s 1 normal none running none; }
.styles_op_il34f_aiPulse { opacity: 0.4; }
.styles_op_il34f_assistant:hover .styles_op_il34f_aiTip { transition-delay: 0s; }
.styles_op_il34f_fab:hover .styles_op_il34f_fabTip { transition-delay: 0s; }
}
@keyframes styles_op_il34f_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_il34f_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_il34f_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_il34f_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}

/* dsd-fab-wartung: Regeln aus dem Original-Baustein, 1:1. */


/* dsd-fuss-automatisierung: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_fcktr9_footer { position: relative; isolation: isolate; --gold: var(--color-kit-key1); background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 84px 24px 40px; }
.styles_op_fcktr9_bg { position: absolute; inset: 0px; z-index: -1; pointer-events: none; }
.styles_op_fcktr9_glow { position: absolute; width: 700px; height: 380px; top: 0px; left: 50%; transform: translateX(-50%); background: radial-gradient(rgba(196, 160, 106, 0.063) 0%, rgba(8, 9, 11, 0) 70%); pointer-events: none; }
.styles_op_fcktr9_inner { position: relative; z-index: 1; max-width: 1320px; margin: 0px auto; }
.styles_op_fcktr9_top { display: grid; grid-template-columns: 260px 1fr; gap: 72px; align-items: flex-start; }
.styles_op_fcktr9_brand { display: flex; flex-direction: column; gap: 18px; }
.styles_op_fcktr9_brandName { font-family: var(--font-kit-header-font, "Space Grotesk", sans-serif); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; transition: color 0.2s; }
.styles_op_fcktr9_brandName:hover { color: var(--color-kit-key1); }
.styles_op_fcktr9_brandDesc { font-family: var(--font-kit-text-font, "Inter", sans-serif); font-size: 13.5px; color: rgb(104, 104, 96); line-height: 1.68; margin: 0px; }
.styles_op_fcktr9_cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.styles_op_fcktr9_col { display: flex; flex-direction: column; gap: 14px; }
.styles_op_fcktr9_colHead { font-family: var(--font-kit-text-font, "Inter", sans-serif); font-size: 11.5px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--color-kit-key1); text-decoration: none; transition: color 0.2s; }
.styles_op_fcktr9_colHead:hover { color: var(--color-kit-key2); }
.styles_op_fcktr9_colList { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 9px; }
.styles_op_fcktr9_colLink { font-family: var(--font-kit-text-font, "Inter", sans-serif); font-size: 13.5px; color: rgb(122, 120, 112); text-decoration: none; transition: color 0.2s; line-height: 1.4; }
.styles_op_fcktr9_colLink:hover { color: rgb(192, 189, 181); }
.styles_op_fcktr9_divider { height: 1px; background: rgba(255, 255, 255, 0.05); margin: 56px 0px 30px; }
.styles_op_fcktr9_bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.styles_op_fcktr9_bottomBrand { font-family: var(--font-kit-header-font, "Space Grotesk", sans-serif); font-weight: 700; font-size: 15px; letter-spacing: 0.18em; color: rgb(62, 64, 72); text-decoration: none; transition: color 0.2s; }
.styles_op_fcktr9_bottomBrand:hover { color: var(--color-kit-key1); }
.styles_op_fcktr9_legal { display: flex; align-items: center; gap: 10px; }
.styles_op_fcktr9_legalLink { font-family: var(--font-kit-text-font, "Inter", sans-serif); font-size: 13px; color: rgb(82, 84, 92); text-decoration: none; transition: color 0.2s; }
.styles_op_fcktr9_legalLink:hover { color: rgb(192, 189, 181); }
.styles_op_fcktr9_legalDot { color: rgb(62, 64, 72); font-size: 13px; }
.styles_op_fcktr9_copy { font-family: var(--font-kit-text-font, "Inter", sans-serif); font-size: 12.5px; color: rgb(62, 64, 72); margin: 0px; }
@media (max-width: 1024px) {
.styles_op_fcktr9_top { grid-template-columns: 1fr; gap: 48px; }
.styles_op_fcktr9_cols { grid-template-columns: repeat(2, 1fr); gap: 32px; }
}
@media (max-width: 600px) {
.styles_op_fcktr9_footer { padding: 64px 20px 32px; }
.styles_op_fcktr9_cols { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; }
.styles_op_fcktr9_bottom { flex-direction: column; align-items: flex-start; }
}

/* dsd-fuss-chatbots: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_1l1h05z_footer { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 80px 24px 0px; }
.styles_op_1l1h05z_starBg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; overflow: hidden; }
.styles_op_1l1h05z_inner { position: relative; z-index: 1; max-width: 1320px; margin: 0px auto; display: flex; flex-direction: column; gap: 52px; }
.styles_op_1l1h05z_grid { display: grid; grid-template-columns: 2fr 1.6fr 1.4fr 1fr 1fr 1fr; gap: 48px 28px; align-items: start; }
.styles_op_1l1h05z_brandCol { display: flex; flex-direction: column; gap: 18px; }
.styles_op_1l1h05z_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 21px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; transition: color 0.22s; }
.styles_op_1l1h05z_brand:hover { color: var(--color-kit-key1); }
.styles_op_1l1h05z_tagline { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(106, 104, 96); line-height: 1.7; margin: 0px; max-width: 260px; }
.styles_op_1l1h05z_col { display: flex; flex-direction: column; gap: 14px; }
.styles_op_1l1h05z_colTitle { font-family: var(--font-kit-header-font); font-size: 11px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--color-kit-key1); text-decoration: none; }
a.styles_op_1l1h05z_colTitle:hover { color: var(--color-kit-key2); }
.styles_op_1l1h05z_linkList { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 10px; }
.styles_op_1l1h05z_link { font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(122, 120, 112); text-decoration: none; line-height: 1.4; transition: color 0.2s; }
.styles_op_1l1h05z_link:hover { color: rgb(232, 228, 218); }
.styles_op_1l1h05z_divider { height: 1px; background: rgba(255, 255, 255, 0.047); }
.styles_op_1l1h05z_copyright { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(68, 66, 62); text-align: center; margin: 0px; padding: 0px 0px 36px; }
@media (max-width: 1100px) {
.styles_op_1l1h05z_grid { grid-template-columns: 1fr 1fr 1fr; gap: 36px 24px; }
.styles_op_1l1h05z_brandCol { grid-column: 1 / -1; }
.styles_op_1l1h05z_tagline { max-width: none; }
}
@media (max-width: 640px) {
.styles_op_1l1h05z_grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
.styles_op_1l1h05z_footer { padding: 60px 20px 0px; }
.styles_op_1l1h05z_inner { gap: 36px; }
}
@media (max-width: 380px) {
.styles_op_1l1h05z_grid { grid-template-columns: 1fr; }
}

/* dsd-fuss-crm: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_1eioxq3_wrap { position: relative; background: var(--bg, #08090B); color: rgb(242, 238, 230); padding: 90px 24px 44px; overflow: hidden; font-family: var(--font-kit-text-font); border-top: 1px solid rgba(255, 255, 255, 0.06); }
.styles_op_1eioxq3_container { position: relative; z-index: 1; max-width: 1250px; margin: 0px auto; }
.styles_op_1eioxq3_top { display: grid; grid-template-columns: 1.1fr 2.4fr; gap: 56px; padding-bottom: 48px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.styles_op_1eioxq3_brandCol { display: flex; flex-direction: column; gap: 14px; }
.styles_op_1eioxq3_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 26px; letter-spacing: 0.14em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_1eioxq3_tagline { color: rgb(154, 150, 142); font-size: 15px; line-height: 1.6; max-width: 260px; margin: 0px; }
.styles_op_1eioxq3_cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.styles_op_1eioxq3_col { display: flex; flex-direction: column; }
.styles_op_1eioxq3_colHead { display: flex; align-items: center; justify-content: space-between; font-family: var(--font-kit-header-font); font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold, #C4A06A); background: none; border: 0px; padding: 0px 0px 16px; cursor: pointer; text-align: left; }
.styles_op_1eioxq3_colHeadLink { color: var(--gold, #C4A06A); text-decoration: none; }
.styles_op_1eioxq3_colToggle { display: none; background: none; border: 0px; cursor: pointer; padding: 4px; }
.styles_op_1eioxq3_plus { display: none; }
.styles_op_1eioxq3_colItems { display: flex; flex-direction: column; gap: 11px; }
.styles_op_1eioxq3_link { color: rgb(184, 180, 172); font-size: 14px; text-decoration: none; transition: color 0.2s; width: fit-content; }
.styles_op_1eioxq3_link:hover { color: var(--color-kit-white); }
.styles_op_1eioxq3_bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding-top: 26px; }
.styles_op_1eioxq3_copy { color: rgb(124, 121, 112); font-size: 13px; }
.styles_op_1eioxq3_legal { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.styles_op_1eioxq3_legalHead { color: rgb(124, 121, 112); font-size: 13px; }
@media (max-width: 900px) {
.styles_op_1eioxq3_top { grid-template-columns: 1fr; gap: 34px; }
.styles_op_1eioxq3_cols { grid-template-columns: 1fr; gap: 0px; }
.styles_op_1eioxq3_col { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.styles_op_1eioxq3_colHead { padding: 16px 0px; width: 100%; }
.styles_op_1eioxq3_colToggle { display: inline-flex; }
.styles_op_1eioxq3_plus { display: block; position: relative; width: 12px; height: 12px; }
.styles_op_1eioxq3_plus::before, .styles_op_1eioxq3_plus::after { content: ""; position: absolute; background: var(--gold, #C4A06A); left: 50%; top: 50%; }
.styles_op_1eioxq3_plus::before { width: 12px; height: 2px; transform: translate(-50%, -50%); }
.styles_op_1eioxq3_plus::after { width: 2px; height: 12px; transform: translate(-50%, -50%); transition: transform 0.25s; }
.styles_op_1eioxq3_colOpen .styles_op_1eioxq3_plus::after { transform: translate(-50%, -50%) scaleY(0); }
.styles_op_1eioxq3_colItems { max-height: 0px; overflow: hidden; transition: max-height 0.3s, padding 0.3s; }
.styles_op_1eioxq3_colOpen .styles_op_1eioxq3_colItems { max-height: 400px; padding-bottom: 16px; }
.styles_op_1eioxq3_aiTip { display: none !important; }
.styles_op_1eioxq3_fabTip { display: none !important; }
}
@media (max-width: 560px) {
.styles_op_1eioxq3_wrap { padding: 64px 18px 40px; }
.styles_op_1eioxq3_bottom { flex-direction: column; align-items: flex-start; }
}

/* dsd-fuss-leistungen: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_1o681sf_wrap { position: relative; isolation: isolate; overflow: hidden; background: var(--bg, #050608); padding: 80px 24px 32px; }
.styles_op_1o681sf_container { position: relative; z-index: 1; max-width: 1250px; margin: 0px auto; }
.styles_op_1o681sf_top { display: grid; grid-template-columns: 1.2fr 3fr; gap: 50px; padding-bottom: 48px; }
.styles_op_1o681sf_brand { font-family: var(--font-kit-header-font), serif; font-size: 26px; font-weight: 700; color: rgb(244, 241, 233); letter-spacing: 2px; }
.styles_op_1o681sf_tagline { font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; color: rgba(244, 241, 233, 0.55); margin: 14px 0px 20px; max-width: 260px; line-height: 1.6; }
.styles_op_1o681sf_social { display: flex; gap: 10px; }
.styles_op_1o681sf_cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.styles_op_1o681sf_col { display: flex; flex-direction: column; gap: 11px; }
.styles_op_1o681sf_colHead { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; background: none; border: 0px; padding: 0px; margin: 0px 0px 6px; text-align: left; cursor: default; font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold); }
.styles_op_1o681sf_colItems { display: flex; flex-direction: column; gap: 11px; }
.styles_op_1o681sf_colPlus { display: none; position: relative; width: 13px; height: 13px; flex: 0 0 auto; }
.styles_op_1o681sf_colPlus::before, .styles_op_1o681sf_colPlus::after { content: ""; position: absolute; background: var(--gold); border-radius: 2px; }
.styles_op_1o681sf_colPlus::before { left: 0px; top: 5.5px; width: 13px; height: 2px; }
.styles_op_1o681sf_colPlus::after { left: 5.5px; top: 0px; width: 2px; height: 13px; transition: transform 0.3s, opacity 0.3s; }
.styles_op_1o681sf_colOpen .styles_op_1o681sf_colPlus::after { transform: rotate(90deg); opacity: 0; }
.styles_op_1o681sf_link { position: relative; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; color: rgba(244, 241, 233, 0.58); text-decoration: none; padding-left: 0px; transition: color 0.19s, transform 0.19s; }
.styles_op_1o681sf_link::before { content: ""; position: absolute; left: -14px; top: 50%; margin-top: -1px; width: 7px; height: 1.5px; border-radius: 2px; background: var(--gold); opacity: 0; transform: translateX(-3px); transition: opacity 0.19s, transform 0.19s; }
@media (hover: hover) {
.styles_op_1o681sf_link:hover { color: rgb(244, 241, 233); transform: translateX(5px); }
.styles_op_1o681sf_link:hover::before { opacity: 1; transform: translateX(0px); }
}
.styles_op_1o681sf_bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 26px; border-top: 1px solid rgba(255, 255, 255, 0.06); gap: 16px; flex-wrap: wrap; }
.styles_op_1o681sf_copy { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.4); }
.styles_op_1o681sf_legal { display: flex; gap: 22px; }
@media (max-width: 900px) {
.styles_op_1o681sf_top { grid-template-columns: 1fr; gap: 34px; }
.styles_op_1o681sf_cols { grid-template-columns: repeat(2, 1fr); }
.styles_op_1o681sf_aiTip { display: none !important; }
.styles_op_1o681sf_fabTip { display: none !important; }
}
@media (max-width: 560px) {
.styles_op_1o681sf_cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
.styles_op_1o681sf_cols { grid-template-columns: 1fr; gap: 0px; }
.styles_op_1o681sf_col { gap: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.styles_op_1o681sf_colHead { cursor: pointer; padding: 16px 2px; margin: 0px; font-size: 13px; }
.styles_op_1o681sf_colPlus { display: block; }
.styles_op_1o681sf_colItems { max-height: 0px; overflow: hidden; padding-left: 2px; transition: max-height 0.35s; }
.styles_op_1o681sf_colOpen .styles_op_1o681sf_colItems { max-height: 360px; padding-bottom: 16px; }
.styles_op_1o681sf_top { padding-bottom: 24px; }
.styles_op_1o681sf_bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* dsd-fuss-seo: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_17efrdn_footer { position: relative; background: rgb(8, 9, 11); padding: 72px 24px 44px; color: var(--color-kit-white); }
.styles_op_17efrdn_inner { position: relative; z-index: 1; max-width: 1320px; margin: 0px auto; display: grid; grid-template-columns: 1.5fr 1fr 1fr 0.75fr 0.9fr; gap: 40px 32px; padding-bottom: 52px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_17efrdn_brandCol { display: flex; flex-direction: column; gap: 10px; }
.styles_op_17efrdn_logo { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; transition: color 0.22s; }
.styles_op_17efrdn_logo:hover { color: var(--color-kit-key2); }
.styles_op_17efrdn_tagline { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(90, 88, 82); line-height: 1.55; margin: 0px; }
.styles_op_17efrdn_col { display: flex; flex-direction: column; gap: 9px; }
.styles_op_17efrdn_colHead { font-family: var(--font-kit-header-font); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.22em; color: var(--color-kit-key1); text-decoration: none; margin-bottom: 5px; transition: color 0.2s; display: block; cursor: pointer; }
.styles_op_17efrdn_colHead:hover { color: var(--color-kit-key2); }
.styles_op_17efrdn_link { font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(122, 120, 112); text-decoration: none; line-height: 1.4; transition: color 0.22s; }
.styles_op_17efrdn_link:hover { color: var(--color-kit-white); }
.styles_op_17efrdn_bottom { position: relative; z-index: 1; max-width: 1320px; margin: 0px auto; padding-top: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.styles_op_17efrdn_copy { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(74, 72, 68); }
.styles_op_17efrdn_legal { display: flex; align-items: center; gap: 16px; }
.styles_op_17efrdn_legalLink { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(90, 88, 82); text-decoration: none; transition: color 0.2s; }
.styles_op_17efrdn_legalLink:hover { color: var(--color-kit-white); }
.styles_op_17efrdn_sep { color: rgb(46, 44, 40); font-size: 14px; }
@media (max-width: 1100px) {
.styles_op_17efrdn_inner { grid-template-columns: 1.2fr 1fr 1fr; }
.styles_op_17efrdn_brandCol { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 20px; }
}
@media (max-width: 680px) {
.styles_op_17efrdn_inner { grid-template-columns: 1fr 1fr; }
.styles_op_17efrdn_brandCol { grid-column: 1 / -1; flex-direction: column; align-items: flex-start; gap: 8px; }
.styles_op_17efrdn_footer { padding: 56px 20px 36px; }
}
@media (max-width: 420px) {
.styles_op_17efrdn_inner { grid-template-columns: 1fr; }
.styles_op_17efrdn_bottom { flex-direction: column; align-items: flex-start; }
}

/* dsd-fuss-wartung: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_23v2pa_footer { position: relative; overflow: hidden; background: rgb(8, 9, 11); padding: 72px 24px 40px; color: var(--color-kit-white); }
.styles_op_23v2pa_sfWrap { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_23v2pa_inner { position: relative; z-index: 1; max-width: 1320px; margin: 0px auto; display: flex; flex-direction: column; gap: 52px; }
.styles_op_23v2pa_top { display: grid; grid-template-columns: 240px 1fr; gap: 48px; align-items: flex-start; }
.styles_op_23v2pa_brandCol { display: flex; flex-direction: column; gap: 10px; }
.styles_op_23v2pa_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)) text; -webkit-text-fill-color: transparent; display: inline-block; transition: opacity 0.2s; }
.styles_op_23v2pa_brand:hover { opacity: 0.82; }
.styles_op_23v2pa_tagline { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(78, 79, 86); line-height: 1.5; margin: 0px; max-width: 200px; }
.styles_op_23v2pa_colsGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.styles_op_23v2pa_col { display: flex; flex-direction: column; gap: 10px; }
.styles_op_23v2pa_colHead { font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(196, 160, 106); text-decoration: none; margin-bottom: 4px; display: block; transition: color 0.2s; }
.styles_op_23v2pa_colHead:hover { color: rgb(224, 199, 155); }
.styles_op_23v2pa_colLink { font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(90, 87, 98); text-decoration: none; line-height: 1.4; transition: color 0.2s; }
.styles_op_23v2pa_colLink:hover { color: rgb(201, 198, 190); }
.styles_op_23v2pa_divider { height: 1px; background: rgba(255, 255, 255, 0.05); }
.styles_op_23v2pa_bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.styles_op_23v2pa_copy { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(62, 63, 70); }
.styles_op_23v2pa_legal { display: flex; align-items: center; gap: 24px; }
.styles_op_23v2pa_legalLink { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(74, 75, 82); text-decoration: none; transition: color 0.2s; }
.styles_op_23v2pa_legalLink:hover { color: rgb(196, 160, 106); }
@media (max-width: 960px) {
.styles_op_23v2pa_top { grid-template-columns: 1fr; gap: 36px; }
.styles_op_23v2pa_colsGrid { grid-template-columns: repeat(2, 1fr); gap: 28px 24px; }
.styles_op_23v2pa_footer { padding: 56px 20px 32px; }
}
@media (max-width: 480px) {
.styles_op_23v2pa_colsGrid { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
.styles_op_23v2pa_bottom { flex-direction: column; align-items: flex-start; gap: 16px; }
.styles_op_23v2pa_footer { padding: 48px 16px 28px; }
}

/* dsd-fuss-webdesign: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_a79986_footer { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 84px 24px 40px; overflow: hidden; }
.styles_op_a79986_glow { position: absolute; width: 760px; height: 420px; top: 0px; left: 50%; transform: translate(-50%, -55%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 70%); pointer-events: none; z-index: 0; }
.styles_op_a79986_inner { position: relative; z-index: 1; max-width: 1250px; margin: 0px auto; }
.styles_op_a79986_top { display: grid; grid-template-columns: 1.2fr 3fr; gap: 56px; }
.styles_op_a79986_brandCol { display: flex; flex-direction: column; gap: 16px; max-width: 320px; }
.styles_op_a79986_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 26px; letter-spacing: 0.14em; text-decoration: none; background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; width: fit-content; }
.styles_op_a79986_tagline { font-family: var(--font-kit-text-font); font-size: 14px; line-height: 1.65; color: rgb(140, 138, 130); margin: 0px; }
.styles_op_a79986_cols { display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; }
.styles_op_a79986_col { display: flex; flex-direction: column; gap: 14px; }
.styles_op_a79986_colTitle { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 14px; letter-spacing: 0.06em; color: rgb(196, 160, 106); text-decoration: none; }
a.styles_op_a79986_colTitle:hover { color: rgb(224, 199, 155); }
.styles_op_a79986_colList { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 10px; }
.styles_op_a79986_colLink { font-family: var(--font-kit-text-font); font-size: 14px; line-height: 1.4; color: rgb(183, 181, 173); text-decoration: none; transition: color 0.2s; }
.styles_op_a79986_colLink:hover { color: var(--color-kit-white); }
.styles_op_a79986_divider { height: 1px; background: rgba(255, 255, 255, 0.07); margin: 48px 0px 24px; }
.styles_op_a79986_bottom { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.styles_op_a79986_copyright { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(122, 120, 112); text-align: center; }
@media (max-width: 960px) {
.styles_op_a79986_top { grid-template-columns: 1fr; gap: 40px; }
.styles_op_a79986_cols { grid-template-columns: repeat(3, 1fr); gap: 28px 20px; }
}
@media (max-width: 620px) {
.styles_op_a79986_footer { padding: 64px 20px 36px; }
.styles_op_a79986_cols { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 380px) {
.styles_op_a79986_cols { grid-template-columns: 1fr; }
}

/* dsd: gemeinsame Regeln der Original-Bausteine (Knopf, Plakette, Überschrift, Text u. a.), 1:1 aus dem Original. */
.bw[class*="bw-dsd-"] { width: auto; max-width: none; font: 400 14px/24px "Times New Roman"; letter-spacing: normal; color: #000; text-align: start; margin-top: -1px; position: relative; }
:where(.bw[class*="bw-dsd-"]) a { text-decoration: none; }
.styles_op_o0oxqu_btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; font-family: var(--font-kit-text-font, "Inter"), sans-serif; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.01em; border-radius: 11px; cursor: pointer; border: 1px solid transparent; text-decoration: none; transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s, background 0.25s, border-color 0.25s, color 0.25s; white-space: nowrap; }
.styles_op_o0oxqu_btn::before { content: ""; position: absolute; top: 0px; left: -130%; width: 55%; height: 100%; background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.36) 50%, transparent 100%); transform: skewX(-18deg); pointer-events: none; opacity: 0; }
.styles_op_o0oxqu_btn:hover::before { animation: 0.85s ease 0s 1 normal none running styles_op_o0oxqu_sweep; }
.styles_op_o0oxqu_btn > * { position: relative; z-index: 1; }
.styles_op_o0oxqu_sz_lg { padding: 1.05rem 2.1rem; font-size: 1rem; }
.styles_op_o0oxqu_primary { background: linear-gradient(
      135deg,
      #F6D57A 0%,
      var(--color-kit-key2, #F0C24B) 42%,
      var(--color-kit-key1, #E5A62C) 100%); color: rgb(26, 20, 8); box-shadow: rgba(229, 166, 44, 0.6) 0px 10px 28px -14px, rgba(255, 246, 217, 0.667) 0px 1px 0px inset; }
.styles_op_o0oxqu_primary:hover { transform: translateY(-2px); box-shadow: rgba(229, 166, 44, 0.753) 0px 16px 40px -16px, rgba(255, 246, 217, 0.8) 0px 1px 0px inset; }
.styles_op_o0oxqu_outline { background: transparent; color: var(--color-kit-white, #fff); border-color: rgba(255, 255, 255, 0.2); }
.styles_op_o0oxqu_outline:hover { border-color: var(--color-kit-key1, #E5A62C); color: var(--color-kit-key1, #E5A62C); transform: translateY(-2px); box-shadow: rgba(229, 166, 44, 0.667) 0px 14px 40px -20px; }
@media (prefers-reduced-motion: reduce) {
.styles_op_o0oxqu_btn { transition: box-shadow 0.25s, border-color 0.25s, color 0.25s; }
.styles_op_o0oxqu_btn:hover { transform: none; }
.styles_op_o0oxqu_btn:hover::before { animation: auto ease 0s 1 normal none running none; }
}
.styles_op_1mijys6_badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: var(--font-kit-text-font, "Inter"), sans-serif; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: var(--color-kit-key1, #E5A62C); padding: 0.5rem 1rem 0.5rem 0.85rem; border: 1px solid rgba(229, 166, 44, 0.25); border-radius: 999px; background: linear-gradient(rgba(229, 166, 44, 0.08), rgba(229, 166, 44, 0.03)); backdrop-filter: blur(6px); }
.styles_op_1mijys6_badge::before { content: ""; width: 5px; height: 5px; border-radius: 999px; background: var(--color-kit-key1, #E5A62C); box-shadow: rgba(229, 166, 44, 0.667) 0px 0px 8px 1px; flex: 0 0 auto; animation: 3.2s ease-in-out 0s infinite normal none running styles_op_1mijys6_badgePulse; }
@media (prefers-reduced-motion: reduce) {
.styles_op_1mijys6_badge::before { animation: auto ease 0s 1 normal none running none; }
}
.styles_op_shd2v6_h { font-family: var(--font-kit-header-font, "Playfair Display"), serif; color: var(--color-kit-white, #ffffff); line-height: 1.1; letter-spacing: -0.015em; margin: 0px; font-weight: 700; text-wrap: balance; }
.styles_op_shd2v6_a_left { text-align: left; }
.styles_op_shd2v6_s_xl { font-size: clamp(2.3rem, 1.6rem + 2.9vw, 3.55rem); }
.styles_op_wbsm8m_text { font-family: var(--font-kit-text-font, "Inter"), sans-serif; color: var(--color-kit-white, #fff); line-height: 1.65; margin: 0px; }
.styles_op_wbsm8m_muted { color: rgb(183, 178, 166); }
.styles_op_wbsm8m_s_lg { font-size: 1.15rem; }
@keyframes styles_op_o0oxqu_sweep { 
  0% { left: -130%; opacity: 0; }
  10% { opacity: 1; }
  100% { left: 150%; opacity: 0; }
}
@keyframes styles_op_1mijys6_badgePulse { 
  0%, 100% { opacity: 0.55; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1); }
}
.styles_op_shd2v6_a_center { text-align: center; }
.styles_op_wbsm8m_s_sm { font-size: 0.9rem; }
.styles_op_wbsm8m_s_md { font-size: 1.02rem; }
.styles_op_1eioxq3_floating { position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; align-items: flex-end; gap: 14px; z-index: 2147483000; pointer-events: auto; }
.styles_op_1eioxq3_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_1eioxq3_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold, #C4A06A); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_1eioxq3_assistant:hover { transform: translateY(-2px); border-color: var(--gold, #C4A06A); box-shadow: rgba(196, 160, 106, 0.44) 0px 16px 40px -14px; }
.styles_op_1eioxq3_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_1eioxq3_assistant:focus-visible { outline: 2px solid var(--gold, #C4A06A); outline-offset: 3px; border-color: var(--gold, #C4A06A); }
.styles_op_1eioxq3_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_1eioxq3_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.345) 0px 0px 5px); }
.styles_op_1eioxq3_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_1eioxq3_aiBlink; }
.styles_op_1eioxq3_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.42), transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_1eioxq3_aiPulse; }
.styles_op_1eioxq3_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_1eioxq3_aiOrbit; }
.styles_op_1eioxq3_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold, #C4A06A); box-shadow: rgba(196, 160, 106, 0.7) 0px 0px 6px 1px; }
.styles_op_1eioxq3_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.55), transparent); }
.styles_op_1eioxq3_assistant:hover .styles_op_1eioxq3_aiSweep, .styles_op_1eioxq3_assistantActive .styles_op_1eioxq3_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_1eioxq3_aiSweep; }
.styles_op_1eioxq3_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.96); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1eioxq3_assistant:hover .styles_op_1eioxq3_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_1eioxq3_assistantActive .styles_op_1eioxq3_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_1eioxq3_fab { position: relative; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; background: rgba(18, 21, 27, 0.95); color: rgb(224, 199, 155); border: 1px solid rgba(196, 160, 106, 0.267); box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 24px; backdrop-filter: blur(10px); transition: transform 0.25s, box-shadow 0.25s; }
.styles_op_1eioxq3_fab:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.467) 0px 14px 30px; }
.styles_op_1eioxq3_fab:focus-visible { outline: 2px solid var(--gold, #C4A06A); outline-offset: 3px; }
.styles_op_1eioxq3_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.96); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1eioxq3_fab:hover .styles_op_1eioxq3_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
@media (prefers-reduced-motion: reduce) {
.styles_op_1eioxq3_aiEye, .styles_op_1eioxq3_aiPulse, .styles_op_1eioxq3_aiOrbit, .styles_op_1eioxq3_aiSweep, .styles_op_1eioxq3_speakSpinner { animation: auto ease 0s 1 normal none running none; }
.styles_op_1eioxq3_aiPulse { opacity: 0.35; }
}
@media (max-width: 767px) {
.styles_op_1eioxq3_floating { right: 16px; bottom: calc(152px + env(safe-area-inset-bottom, 0px)); }
}
@keyframes styles_op_1eioxq3_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_1eioxq3_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_1eioxq3_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_1eioxq3_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}
@keyframes styles_op_1eioxq3_speakSpin { 
  100% { transform: rotate(360deg); }
}
.styles_op_23v2pa_floating { position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.styles_op_23v2pa_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_23v2pa_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(196, 160, 106, 0.3); background: linear-gradient(135deg, rgb(196, 160, 106), rgb(184, 135, 50)); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; text-decoration: none; box-shadow: rgba(196, 160, 106, 0.6) 0px 14px 34px -12px; transition: transform 0.25s; }
.styles_op_23v2pa_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_23v2pa_fab:focus-visible { outline: rgb(224, 199, 155) solid 2px; outline-offset: 3px; }
.styles_op_23v2pa_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(196, 160, 106, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_23v2pa_fab:hover .styles_op_23v2pa_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
@media (max-width: 900px) {
.styles_op_23v2pa_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_23v2pa_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
}
.styles_op_1o681sf_floating { position: fixed; right: 22px; bottom: 130px; z-index: 60; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.styles_op_1o681sf_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_1o681sf_assistant:hover { transform: translateY(-2px); border-color: var(--gold); box-shadow: 0 16px 40px -14px color-mix(in srgb, var(--gold) 45%, transparent); }
.styles_op_1o681sf_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_1o681sf_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_1o681sf_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--gold) 35%, transparent)); }
.styles_op_1o681sf_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_1o681sf_aiBlink; }
.styles_op_1o681sf_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(
      circle,
      color-mix(in srgb, var(--gold) 42%, transparent),
      transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_1o681sf_aiPulse; }
.styles_op_1o681sf_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_1o681sf_aiOrbit; }
.styles_op_1o681sf_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 6px 1px color-mix(in srgb, var(--gold) 70%, transparent); }
.styles_op_1o681sf_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_1o681sf_assistant:hover .styles_op_1o681sf_aiSweep, .styles_op_1o681sf_assistantActive .styles_op_1o681sf_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_1o681sf_aiSweep; }
.styles_op_1o681sf_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_1o681sf_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1o681sf_assistant:hover .styles_op_1o681sf_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_1o681sf_assistantActive .styles_op_1o681sf_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_1o681sf_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_1o681sf_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: 0 14px 34px -12px color-mix(in srgb, var(--gold) 60%, transparent); transition: transform 0.25s; }
.styles_op_1o681sf_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_1o681sf_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1o681sf_fab:hover .styles_op_1o681sf_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_1o681sf_fab.styles_op_1o681sf_fabOpen .styles_op_1o681sf_fabTip { opacity: 0 !important; transition-delay: 0s !important; }
@media (prefers-reduced-motion: reduce) {
.styles_op_1o681sf_chat, .styles_op_1o681sf_aiEye, .styles_op_1o681sf_aiPulse, .styles_op_1o681sf_aiOrbit, .styles_op_1o681sf_aiSweep { animation: auto ease 0s 1 normal none running none; }
.styles_op_1o681sf_aiPulse { opacity: 0.4; }
.styles_op_1o681sf_assistant:hover .styles_op_1o681sf_aiTip { transition-delay: 0s; }
.styles_op_1o681sf_fab:hover .styles_op_1o681sf_fabTip { transition-delay: 0s; }
}
@media (max-width: 767px) {
.styles_op_1o681sf_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
}
@keyframes styles_op_1o681sf_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_1o681sf_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_1o681sf_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_1o681sf_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}

/* dsd-hero-automatisierung: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_3wwuiu_section { position: relative; isolation: isolate; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_3wwuiu_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_3wwuiu_bg { position: absolute; inset: 0px; z-index: -1; pointer-events: none; }
.styles_op_3wwuiu_glowA, .styles_op_3wwuiu_glowB { position: absolute; z-index: 0; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_3wwuiu_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_3wwuiu_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_3wwuiu_inner { position: relative; z-index: 3; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_3wwuiu_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.styles_op_3wwuiu_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_3wwuiu_title { max-width: 640px; }
.styles_op_3wwuiu_desc { max-width: 560px; }
.styles_op_3wwuiu_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.styles_op_3wwuiu_showcase { position: relative; }
.styles_op_3wwuiu_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_3wwuiu_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_3wwuiu_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_3wwuiu_dR { background: rgb(229, 103, 78); }
.styles_op_3wwuiu_dY { background: rgb(224, 199, 155); }
.styles_op_3wwuiu_dG { background: rgb(95, 191, 126); }
.styles_op_3wwuiu_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_3wwuiu_stage { position: relative; height: 340px; overflow: hidden; }
.styles_op_3wwuiu_workflow { padding: 14px 16px; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
.styles_op_3wwuiu_stepRow { display: flex; align-items: flex-start; gap: 14px; }
.styles_op_3wwuiu_stepLeft { display: flex; flex-direction: column; align-items: center; width: 28px; flex: 0 0 auto; }
.styles_op_3wwuiu_stepNode { width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.094); background: rgb(15, 17, 22); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; transition: border-color 0.5s, background 0.5s, box-shadow 0.5s; }
.styles_op_3wwuiu_nodeActive { border-color: rgb(196, 160, 106); background: rgb(26, 21, 8); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 3px, rgba(196, 160, 106, 0.267) 0px 0px 16px; }
.styles_op_3wwuiu_nodeDone { border-color: rgba(95, 191, 126, 0.333); background: rgb(13, 26, 15); }
.styles_op_3wwuiu_stepNum { font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; color: rgb(74, 76, 84); transition: color 0.4s; }
.styles_op_3wwuiu_stepNumActive { color: rgb(224, 199, 155); }
.styles_op_3wwuiu_checkSvg { width: 14px; height: 14px; }
.styles_op_3wwuiu_connector { width: 1px; height: 18px; position: relative; overflow: visible; }
.styles_op_3wwuiu_connLine { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 1px; background: rgba(255, 255, 255, 0.094); transition: background 0.5s; }
.styles_op_3wwuiu_connDone { background: rgba(196, 160, 106, 0.333); }
.styles_op_3wwuiu_connPulse { position: absolute; left: -2px; top: 0px; width: 6px; height: 6px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.8) 0px 0px 8px; animation: 1.5s ease-in-out 0s 1 normal forwards running styles_op_3wwuiu_connTravel; }
.styles_op_3wwuiu_stepLabel { font-family: var(--font-kit-text-font); font-size: 13px; line-height: 28px; transition: color 0.4s, opacity 0.4s; }
.styles_op_3wwuiu_labelPending { color: rgb(74, 76, 84); }
.styles_op_3wwuiu_labelActive { color: rgb(224, 199, 155); font-weight: 500; }
.styles_op_3wwuiu_labelDone { color: rgb(138, 135, 121); }
.styles_op_3wwuiu_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_3wwuiu_statusLeft { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); }
.styles_op_3wwuiu_statusRight { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); }
.styles_op_3wwuiu_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running styles_op_3wwuiu_ping; }
.styles_op_3wwuiu_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 960px) {
.styles_op_3wwuiu_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_3wwuiu_section { padding: 120px 20px 80px; }
}
@media (max-width: 560px) {
.styles_op_3wwuiu_stage { height: 300px; }
.styles_op_3wwuiu_actions { width: 100%; }
.styles_op_3wwuiu_actions a { flex: 1 1 0%; text-align: center; }
.styles_op_3wwuiu_stepLabel { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_3wwuiu_connPulse { display: none; }
.styles_op_3wwuiu_pulse { animation: auto ease 0s 1 normal none running none; }
.styles_op_3wwuiu_nodeActive { box-shadow: none; }
}
@keyframes styles_op_3wwuiu_connTravel { 
  0% { top: 0px; opacity: 1; }
  100% { top: 18px; opacity: 0.5; }
}
@keyframes styles_op_3wwuiu_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}

/* dsd-hero-chatbots: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_1h54m7c_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_1h54m7c_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_1h54m7c_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_1h54m7c_glowA, .styles_op_1h54m7c_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_1h54m7c_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_1h54m7c_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_1h54m7c_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_1h54m7c_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.styles_op_1h54m7c_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_1h54m7c_title { max-width: 640px; }
.styles_op_1h54m7c_desc { max-width: 560px; }
.styles_op_1h54m7c_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.styles_op_1h54m7c_showcase { position: relative; }
.styles_op_1h54m7c_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_1h54m7c_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1h54m7c_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_1h54m7c_dR { background: rgb(229, 103, 78); }
.styles_op_1h54m7c_dY { background: rgb(224, 199, 155); }
.styles_op_1h54m7c_dG { background: rgb(95, 191, 126); }
.styles_op_1h54m7c_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); letter-spacing: 0.01em; }
.styles_op_1h54m7c_chatHeader { display: flex; align-items: center; gap: 12px; padding: 13px 16px; background: rgb(14, 16, 21); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1h54m7c_chatAvatar { width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0; background: linear-gradient(135deg, rgb(196, 160, 106), rgb(224, 199, 155)); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: rgb(10, 11, 14); letter-spacing: 0.04em; font-family: var(--font-kit-header-font); }
.styles_op_1h54m7c_chatMeta { display: flex; flex-direction: column; gap: 3px; }
.styles_op_1h54m7c_chatName { font-family: var(--font-kit-header-font); font-weight: 600; font-size: 13.5px; color: rgb(242, 238, 230); letter-spacing: 0.01em; }
.styles_op_1h54m7c_chatStatusLine { display: flex; align-items: center; gap: 5px; font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(95, 191, 126); }
.styles_op_1h54m7c_onlineDot { width: 7px; height: 7px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.6) 0px 0px 6px; animation: 2.5s ease-in-out 0s infinite normal none running styles_op_1h54m7c_onlinePulse; }
.styles_op_1h54m7c_chatBody { padding: 14px 16px 12px; display: flex; flex-direction: column; gap: 9px; overflow: hidden; }
.styles_op_1h54m7c_customerWrap { display: flex; justify-content: flex-end; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_customerAnim; }
.styles_op_1h54m7c_customerBubble { max-width: 88%; background: rgb(24, 28, 38); border: 1px solid rgba(255, 255, 255, 0.06); color: rgb(201, 198, 190); border-radius: 14px 14px 4px; padding: 10px 14px; font-size: 13px; line-height: 1.55; font-family: var(--font-kit-text-font); }
.styles_op_1h54m7c_replyArea { position: relative; min-height: 72px; }
.styles_op_1h54m7c_typingWrap { position: absolute; top: 0px; left: 0px; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_typingAnim; }
.styles_op_1h54m7c_typingDots { display: flex; align-items: center; gap: 5px; background: rgb(19, 22, 30); border: 1px solid rgba(255, 255, 255, 0.04); padding: 10px 14px; border-radius: 14px 14px 14px 4px; }
.styles_op_1h54m7c_tDot { width: 7px; height: 7px; border-radius: 50%; background: rgb(196, 160, 106); animation: 0.9s ease-in-out 0s infinite normal none running styles_op_1h54m7c_dotBounce; }
.styles_op_1h54m7c_tDot:nth-child(2) { animation-delay: 0.18s; }
.styles_op_1h54m7c_tDot:nth-child(3) { animation-delay: 0.36s; }
.styles_op_1h54m7c_assistantWrap { position: absolute; top: 0px; left: 0px; right: 0px; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_assistantAnim; }
.styles_op_1h54m7c_assistantBubble { background: linear-gradient(135deg, rgba(196, 160, 106, 0.11), rgba(224, 199, 155, 0.05)); border: 1px solid rgba(196, 160, 106, 0.22); color: rgb(237, 232, 223); border-radius: 14px 14px 14px 4px; padding: 11px 15px; font-size: 13px; line-height: 1.6; font-family: var(--font-kit-text-font); box-shadow: rgba(196, 160, 106, 0.086) 0px 1px 0px inset; }
.styles_op_1h54m7c_chipsWrap { display: flex; flex-wrap: wrap; gap: 6px; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_chipsAnim; }
.styles_op_1h54m7c_chip { display: inline-block; padding: 4px 10px; border-radius: 20px; background: rgba(196, 160, 106, 0.094); border: 1px solid rgba(196, 160, 106, 0.267); color: rgb(212, 176, 122); font-size: 11px; letter-spacing: 0.02em; font-family: var(--font-kit-text-font); font-weight: 500; }
.styles_op_1h54m7c_leadWrap { display: flex; align-items: center; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_leadAnim; }
.styles_op_1h54m7c_leadBadge { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; border-radius: 8px; background: rgb(24, 34, 24); border: 1px solid rgba(95, 191, 126, 0.267); color: rgb(127, 191, 158); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; font-family: var(--font-kit-text-font); }
.styles_op_1h54m7c_leadCheck { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: rgba(95, 191, 126, 0.2); color: rgb(127, 191, 158); font-size: 10px; }
.styles_op_1h54m7c_voiceWaveWrap { display: flex; align-items: center; gap: 2.5px; height: 24px; padding: 2px 0px; animation: 20s ease-in-out 0s infinite normal none running styles_op_1h54m7c_waveContainerAnim; }
.styles_op_1h54m7c_waveBar { display: inline-block; width: 2.5px; border-radius: 2px; height: 4px; background: linear-gradient(to top, rgb(196, 160, 106), rgba(224, 199, 155, 0.533)); animation: 0.6s ease-in-out 0s infinite alternate none running styles_op_1h54m7c_waveH; }
.styles_op_1h54m7c_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 11px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_1h54m7c_statusLeft { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); }
.styles_op_1h54m7c_statusRight { display: flex; align-items: center; gap: 8px; color: rgb(127, 191, 158); }
.styles_op_1h54m7c_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); animation: 1.6s ease-out 0s infinite normal none running styles_op_1h54m7c_ping; }
.styles_op_1h54m7c_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 960px) {
.styles_op_1h54m7c_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_1h54m7c_section { padding: 120px 20px 80px; }
}
@media (max-width: 560px) {
.styles_op_1h54m7c_actions { width: 100%; }
.styles_op_1h54m7c_actions a { flex: 1 1 0%; text-align: center; }
.styles_op_1h54m7c_chatBody { padding: 12px 12px 10px; gap: 8px; }
.styles_op_1h54m7c_customerBubble, .styles_op_1h54m7c_assistantBubble { font-size: 12px; }
.styles_op_1h54m7c_replyArea { min-height: 78px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_1h54m7c_customerWrap { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
.styles_op_1h54m7c_typingWrap { animation: auto ease 0s 1 normal none running none; opacity: 0; }
.styles_op_1h54m7c_assistantWrap { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
.styles_op_1h54m7c_chipsWrap { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
.styles_op_1h54m7c_leadWrap { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
.styles_op_1h54m7c_voiceWaveWrap { animation: auto ease 0s 1 normal none running none; opacity: 0; }
.styles_op_1h54m7c_tDot, .styles_op_1h54m7c_waveBar, .styles_op_1h54m7c_onlineDot, .styles_op_1h54m7c_pulse { animation: auto ease 0s 1 normal none running none; }
.styles_op_1h54m7c_tDot { opacity: 0.5; }
.styles_op_1h54m7c_waveBar { height: 6px; }
}
@keyframes styles_op_1h54m7c_onlinePulse { 
  0%, 100% { box-shadow: rgba(95, 191, 126, 0.533) 0px 0px 5px; }
  50% { box-shadow: rgba(95, 191, 126, 0.8) 0px 0px 13px; }
}
@keyframes styles_op_1h54m7c_customerAnim { 
  0%, 2.5% { opacity: 0; transform: translateY(7px); }
  7.5% { opacity: 1; transform: translateY(0px); }
  80% { opacity: 1; transform: translateY(0px); }
  90%, 100% { opacity: 0; transform: translateY(0px); }
}
@keyframes styles_op_1h54m7c_dotBounce { 
  0%, 100% { transform: translateY(0px); opacity: 0.4; }
  45% { transform: translateY(-5px); opacity: 1; }
}
@keyframes styles_op_1h54m7c_typingAnim { 
  0%, 12.5% { opacity: 0; }
  15%, 22% { opacity: 1; }
  25%, 100% { opacity: 0; }
}
@keyframes styles_op_1h54m7c_assistantAnim { 
  0%, 25% { opacity: 0; transform: translateY(5px); }
  30% { opacity: 1; transform: translateY(0px); }
  80% { opacity: 1; transform: translateY(0px); }
  90%, 100% { opacity: 0; transform: translateY(0px); }
}
@keyframes styles_op_1h54m7c_chipsAnim { 
  0%, 37.5% { opacity: 0; transform: translateY(4px); }
  42.5% { opacity: 1; transform: translateY(0px); }
  80% { opacity: 1; transform: translateY(0px); }
  90%, 100% { opacity: 0; transform: translateY(0px); }
}
@keyframes styles_op_1h54m7c_leadAnim { 
  0%, 50% { opacity: 0; transform: scale(0.9); }
  56% { opacity: 1; transform: scale(1); }
  80% { opacity: 1; transform: scale(1); }
  90%, 100% { opacity: 0; transform: scale(0.95); }
}
@keyframes styles_op_1h54m7c_waveH { 
  0% { height: 3px; }
  100% { height: 18px; }
}
@keyframes styles_op_1h54m7c_waveContainerAnim { 
  0%, 60% { opacity: 0; }
  65% { opacity: 0.8; }
  75% { opacity: 0.8; }
  80%, 100% { opacity: 0; }
}
@keyframes styles_op_1h54m7c_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}

/* dsd-hero-crm: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_11i57xb_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_11i57xb_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_11i57xb_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_11i57xb_glowA, .styles_op_11i57xb_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_11i57xb_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_11i57xb_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_11i57xb_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_11i57xb_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.styles_op_11i57xb_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_11i57xb_title { max-width: 640px; }
.styles_op_11i57xb_desc { max-width: 560px; }
.styles_op_11i57xb_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.styles_op_11i57xb_showcase { position: relative; }
.styles_op_11i57xb_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_11i57xb_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_11i57xb_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_11i57xb_dR { background: rgb(229, 103, 78); }
.styles_op_11i57xb_dY { background: rgb(224, 199, 155); }
.styles_op_11i57xb_dG { background: rgb(95, 191, 126); }
.styles_op_11i57xb_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_11i57xb_stage { position: relative; height: 340px; overflow: hidden; }
.styles_op_11i57xb_crmView, .styles_op_11i57xb_portalView { position: absolute; inset: 0px; }
.styles_op_11i57xb_crmView { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_viewCRM; }
.styles_op_11i57xb_portalView { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_viewPortal; }
.styles_op_11i57xb_crmView { background: rgb(12, 14, 18); padding: 18px 20px; display: flex; flex-direction: column; gap: 14px; }
.styles_op_11i57xb_crmTopBar { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_11i57xb_crmLabel { font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(122, 120, 112); }
.styles_op_11i57xb_crmValue { font-family: var(--font-kit-header-font); font-size: 15px; font-weight: 700; background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; }
.styles_op_11i57xb_leadRow { display: flex; align-items: center; gap: 12px; background: rgb(16, 18, 26); border: 1px solid rgba(196, 160, 106, 0.133); border-radius: 10px; padding: 10px 14px; }
.styles_op_11i57xb_leadAvatar { width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto; background: linear-gradient(135deg, rgba(196, 160, 106, 0.267), rgba(196, 160, 106, 0.133)); border: 1px solid rgba(196, 160, 106, 0.267); display: flex; align-items: center; justify-content: center; font-family: var(--font-kit-header-font); font-size: 11px; font-weight: 700; color: rgb(196, 160, 106); letter-spacing: 0.05em; }
.styles_op_11i57xb_leadMeta { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0%; min-width: 0px; }
.styles_op_11i57xb_leadName { font-family: var(--font-kit-header-font); font-size: 13px; font-weight: 600; color: rgb(242, 238, 230); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.styles_op_11i57xb_leadCompany { font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(122, 120, 112); }
.styles_op_11i57xb_leadTag { flex: 0 0 auto; font-family: var(--font-kit-text-font); font-size: 10px; font-weight: 600; color: rgb(196, 160, 106); letter-spacing: 0.1em; border: 1px solid rgba(196, 160, 106, 0.2); border-radius: 5px; padding: 3px 8px; white-space: nowrap; }
.styles_op_11i57xb_pipelineWrap { display: flex; flex-direction: column; gap: 10px; margin-top: 2px; }
.styles_op_11i57xb_pipelineRailWrap { position: relative; height: 4px; margin: 0px 14px; }
.styles_op_11i57xb_pipelineRail { position: relative; width: 100%; height: 4px; background: rgb(30, 32, 40); border-radius: 2px; overflow: visible; }
.styles_op_11i57xb_pipelineFill { position: absolute; left: 0px; top: 0px; height: 100%; border-radius: 2px; background: linear-gradient(90deg, rgb(196, 160, 106), rgb(224, 199, 155)); animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_pFill; }
.styles_op_11i57xb_pipelinePulse { position: absolute; top: 50%; width: 10px; height: 10px; border-radius: 50%; margin-top: -5px; margin-left: -5px; background: rgb(224, 199, 155); box-shadow: rgba(196, 160, 106, 0.8) 0px 0px 10px, rgba(196, 160, 106, 0.4) 0px 0px 22px; animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_pPulse; }
.styles_op_11i57xb_pipelineStages { display: flex; justify-content: space-between; align-items: flex-start; padding: 0px 8px; }
.styles_op_11i57xb_pStage { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 1 1 0%; }
.styles_op_11i57xb_stageNode { width: 20px; height: 20px; border-radius: 50%; background: rgb(37, 40, 48); border: 2px solid rgb(48, 51, 60); display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; transition: background 0.4s, box-shadow 0.4s; }
.styles_op_11i57xb_stageCheck { font-size: 10px; font-weight: 700; color: rgb(8, 9, 11); animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_checkIn; }
.styles_op_11i57xb_stageLabel { font-family: var(--font-kit-text-font); font-size: 10px; color: rgb(90, 92, 100); letter-spacing: 0.06em; text-align: center; }
.styles_op_11i57xb_pS1 .styles_op_11i57xb_stageNode { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_node1; }
.styles_op_11i57xb_pS2 .styles_op_11i57xb_stageNode { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_node2; }
.styles_op_11i57xb_pS3 .styles_op_11i57xb_stageNode { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_node3; }
.styles_op_11i57xb_pS4 .styles_op_11i57xb_stageNode { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_node4; }
.styles_op_11i57xb_pS4 .styles_op_11i57xb_stageLabel { color: rgb(155, 224, 174); }
.styles_op_11i57xb_portalView { background: linear-gradient(rgb(13, 15, 20), rgb(12, 14, 18)); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.styles_op_11i57xb_portalTopBar { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_11i57xb_portalTitle { font-family: var(--font-kit-header-font); font-size: 13px; font-weight: 700; letter-spacing: 0.1em; color: rgb(242, 238, 230); }
.styles_op_11i57xb_portalOnline { display: flex; align-items: center; gap: 6px; font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(155, 224, 174); }
.styles_op_11i57xb_portalDot { width: 7px; height: 7px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 7px; animation: 2s ease-out 0s infinite normal none running styles_op_11i57xb_portalPing; }
.styles_op_11i57xb_portalSections { display: flex; flex-direction: column; gap: 4px; }
.styles_op_11i57xb_portalSection { display: flex; align-items: center; justify-content: space-between; background: rgb(16, 18, 26); border: 1px solid rgba(255, 255, 255, 0.04); border-radius: 8px; padding: 9px 14px; }
.styles_op_11i57xb_pSecLabel { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(201, 198, 190); }
.styles_op_11i57xb_pSecStatus { font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; color: rgb(196, 160, 106); }
.styles_op_11i57xb_notifications { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.styles_op_11i57xb_notif { display: flex; align-items: center; gap: 9px; font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(176, 173, 166); background: rgb(19, 21, 28); border: 1px solid rgba(196, 160, 106, 0.133); border-radius: 7px; padding: 8px 12px; }
.styles_op_11i57xb_notifDot { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 6px; }
.styles_op_11i57xb_notif1 { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_notif1; }
.styles_op_11i57xb_notif2 { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_notif2; }
.styles_op_11i57xb_notif3 { animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_notif3; }
.styles_op_11i57xb_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_11i57xb_statusCode { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_viewCRM; }
.styles_op_11i57xb_statusLive { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); animation: 16s ease-in-out 0s infinite normal none running styles_op_11i57xb_viewPortal; }
.styles_op_11i57xb_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); animation: 1.6s ease-out 0s infinite normal none running styles_op_11i57xb_ping; }
.styles_op_11i57xb_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 960px) {
.styles_op_11i57xb_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_11i57xb_section { padding: 120px 20px 80px; }
}
@media (max-width: 560px) {
.styles_op_11i57xb_stage { height: 300px; }
.styles_op_11i57xb_actions { width: 100%; }
.styles_op_11i57xb_actions a { flex: 1 1 0%; text-align: center; }
.styles_op_11i57xb_leadTag { display: none; }
.styles_op_11i57xb_pStage .styles_op_11i57xb_stageLabel { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_11i57xb_pipelineFill { animation: auto ease 0s 1 normal none running none; width: 100%; }
.styles_op_11i57xb_pipelinePulse { animation: auto ease 0s 1 normal none running none; opacity: 0; }
.styles_op_11i57xb_pS1 .styles_op_11i57xb_stageNode, .styles_op_11i57xb_pS2 .styles_op_11i57xb_stageNode, .styles_op_11i57xb_pS3 .styles_op_11i57xb_stageNode { animation: auto ease 0s 1 normal none running none; background: rgb(196, 160, 106); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 10px; }
.styles_op_11i57xb_pS4 .styles_op_11i57xb_stageNode { animation: auto ease 0s 1 normal none running none; background: rgb(95, 191, 126); border-color: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 10px; }
.styles_op_11i57xb_stageCheck { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: scale(1); }
.styles_op_11i57xb_notif1, .styles_op_11i57xb_notif2, .styles_op_11i57xb_notif3 { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: translateX(0px); }
.styles_op_11i57xb_crmView, .styles_op_11i57xb_statusCode { animation: auto ease 0s 1 normal none running none; opacity: 1; }
.styles_op_11i57xb_portalView, .styles_op_11i57xb_statusLive { animation: auto ease 0s 1 normal none running none; opacity: 0; }
.styles_op_11i57xb_portalDot { animation: auto ease 0s 1 normal none running none; }
}
@keyframes styles_op_11i57xb_viewCRM { 
  0%, 43% { opacity: 1; }
  50%, 93% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes styles_op_11i57xb_viewPortal { 
  0%, 43% { opacity: 0; }
  50%, 93% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes styles_op_11i57xb_pFill { 
  0% { width: 0%; }
  2.5% { width: 11.5%; }
  8.75% { width: 11.5%; }
  12.5% { width: 37%; }
  18.75% { width: 37%; }
  22.5% { width: 63%; }
  28.75% { width: 63%; }
  32.5% { width: 88.5%; }
  40.625%, 100% { width: 88.5%; }
}
@keyframes styles_op_11i57xb_pPulse { 
  0% { left: 0%; opacity: 1; }
  2.5% { left: 11.5%; opacity: 1; }
  8.75% { left: 11.5%; opacity: 1; }
  12.5% { left: 37%; opacity: 1; }
  18.75% { left: 37%; opacity: 1; }
  22.5% { left: 63%; opacity: 1; }
  28.75% { left: 63%; opacity: 1; }
  32.5% { left: 88.5%; opacity: 1; }
  40.625% { left: 88.5%; opacity: 1; }
  41% { left: 88.5%; opacity: 0; }
  100% { left: 88.5%; opacity: 0; }
}
@keyframes styles_op_11i57xb_node1 { 
  0%, 100% { background: rgb(196, 160, 106); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 10px; }
}
@keyframes styles_op_11i57xb_node2 { 
  0%, 15.5% { background: rgb(37, 40, 48); border-color: rgb(48, 51, 60); box-shadow: none; }
  15.6%, 100% { background: rgb(196, 160, 106); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 10px; }
}
@keyframes styles_op_11i57xb_node3 { 
  0%, 28% { background: rgb(37, 40, 48); border-color: rgb(48, 51, 60); box-shadow: none; }
  28.1%, 100% { background: rgb(196, 160, 106); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 10px; }
}
@keyframes styles_op_11i57xb_node4 { 
  0%, 40.5% { background: rgb(37, 40, 48); border-color: rgb(48, 51, 60); box-shadow: none; }
  40.6%, 100% { background: rgb(95, 191, 126); border-color: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 10px; }
}
@keyframes styles_op_11i57xb_checkIn { 
  0%, 40.5% { opacity: 0; transform: scale(0.4); }
  40.6%, 100% { opacity: 1; transform: scale(1); }
}
@keyframes styles_op_11i57xb_portalPing { 
  0% { box-shadow: rgba(95, 191, 126, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(95, 191, 126, 0) 0px 0px 0px 7px; }
}
@keyframes styles_op_11i57xb_notif1 { 
  0%, 52% { opacity: 0; transform: translateX(-8px); }
  57%, 90% { opacity: 1; transform: translateX(0px); }
  96%, 100% { opacity: 0; transform: translateX(-8px); }
}
@keyframes styles_op_11i57xb_notif2 { 
  0%, 62% { opacity: 0; transform: translateX(-8px); }
  67%, 90% { opacity: 1; transform: translateX(0px); }
  96%, 100% { opacity: 0; transform: translateX(-8px); }
}
@keyframes styles_op_11i57xb_notif3 { 
  0%, 72% { opacity: 0; transform: translateX(-8px); }
  77%, 90% { opacity: 1; transform: translateX(0px); }
  96%, 100% { opacity: 0; transform: translateX(-8px); }
}
@keyframes styles_op_11i57xb_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}

/* dsd-hero-seo: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_s46hzn_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_s46hzn_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_s46hzn_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_s46hzn_glowA, .styles_op_s46hzn_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_s46hzn_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_s46hzn_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_s46hzn_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_s46hzn_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.styles_op_s46hzn_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_s46hzn_title { max-width: 640px; }
.styles_op_s46hzn_desc { max-width: 560px; }
.styles_op_s46hzn_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.styles_op_s46hzn_showcase { position: relative; }
.styles_op_s46hzn_window { border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_s46hzn_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_s46hzn_dR { background: rgb(229, 103, 78); }
.styles_op_s46hzn_dY { background: rgb(224, 199, 155); }
.styles_op_s46hzn_dG { background: rgb(95, 191, 126); }
.styles_op_s46hzn_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_s46hzn_dashContent { opacity: 0; transition: opacity 0.6s; }
.styles_op_s46hzn_dashVis { opacity: 1; }
.styles_op_s46hzn_searchRow { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_searchIco { width: 14px; height: 14px; flex: 0 0 auto; }
.styles_op_s46hzn_searchQ { flex: 1 1 0%; font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(231, 227, 218); letter-spacing: 0.01em; }
.styles_op_s46hzn_gBadge { font-family: var(--font-kit-text-font); font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(106, 104, 96); background: rgb(22, 24, 30); padding: 3px 8px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_dashMain { display: flex; height: 196px; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_rankArea { width: 128px; flex: 0 0 auto; padding: 16px 14px; border-right: 1px solid rgba(255, 255, 255, 0.05); display: flex; flex-direction: column; justify-content: center; gap: 5px; background: rgb(12, 14, 18); }
.styles_op_s46hzn_rankLbl { font-family: var(--font-kit-text-font); font-size: 9px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(90, 88, 82); }
.styles_op_s46hzn_rankDisp { display: flex; flex-direction: column; gap: 0px; }
.styles_op_s46hzn_rankPos { font-family: var(--font-kit-text-font); font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; color: rgb(138, 135, 121); }
.styles_op_s46hzn_rankNum { font-family: var(--font-kit-header-font); font-size: 50px; font-weight: 700; color: var(--color-kit-key1); line-height: 1; animation: 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running styles_op_s46hzn_rankUp; }
.styles_op_s46hzn_rankKw { font-family: var(--font-kit-text-font); font-size: 9px; color: rgb(74, 72, 64); line-height: 1.4; margin-top: 2px; }
.styles_op_s46hzn_chartWrap { flex: 1 1 0%; display: flex; flex-direction: column; padding: 16px 16px 0px; background: rgb(12, 14, 18); }
.styles_op_s46hzn_chartBars { flex: 1 1 0%; display: flex; align-items: flex-end; gap: 7px; }
.styles_op_s46hzn_barSlot { flex: 1 1 0%; position: relative; height: 100%; }
.styles_op_s46hzn_bar { position: absolute; bottom: 0px; left: 0px; right: 0px; min-height: 2px; border-radius: 3px 3px 0px 0px; background: linear-gradient(rgb(224, 199, 155) 0%, rgb(196, 160, 106) 100%); transition: height 1.15s cubic-bezier(0.25, 0.9, 0.4, 1), background 0.9s; }
.styles_op_s46hzn_chartLine { height: 1px; background: rgba(255, 255, 255, 0.07); margin-top: 6px; }
.styles_op_s46hzn_metrics { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255, 255, 255, 0.05); opacity: 0; transition: opacity 0.85s; }
.styles_op_s46hzn_met { padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; border-right: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_met:last-child { border-right: none; }
.styles_op_s46hzn_metV { font-family: var(--font-kit-header-font); font-size: 17px; font-weight: 700; color: var(--color-kit-key2); line-height: 1.1; }
.styles_op_s46hzn_metGreen { color: rgb(127, 191, 143); }
.styles_op_s46hzn_metL { font-family: var(--font-kit-text-font); font-size: 9px; color: rgb(90, 88, 82); line-height: 1.3; text-transform: uppercase; letter-spacing: 0.06em; }
.styles_op_s46hzn_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_s46hzn_sLeft { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); }
.styles_op_s46hzn_sRight { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); }
.styles_op_s46hzn_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); animation: 1.6s ease-out 0s infinite normal none running styles_op_s46hzn_ping; }
.styles_op_s46hzn_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 960px) {
.styles_op_s46hzn_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_s46hzn_section { padding: 120px 20px 80px; }
.styles_op_s46hzn_dashMain { height: 160px; }
.styles_op_s46hzn_rankArea { width: 108px; }
.styles_op_s46hzn_rankNum { font-size: 38px; }
}
@media (max-width: 560px) {
.styles_op_s46hzn_dashMain { height: 140px; }
.styles_op_s46hzn_rankArea { width: 94px; }
.styles_op_s46hzn_rankNum { font-size: 32px; }
.styles_op_s46hzn_metrics { grid-template-columns: repeat(2, 1fr); }
.styles_op_s46hzn_met:nth-child(2) { border-right: none; }
.styles_op_s46hzn_met:nth-child(3) { border-top: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_met:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_s46hzn_actions { width: 100%; }
.styles_op_s46hzn_actions a { flex: 1 1 0%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_s46hzn_bar { transition: none; }
.styles_op_s46hzn_rankNum { animation: auto ease 0s 1 normal none running none; }
.styles_op_s46hzn_dashContent { transition: none; opacity: 1; }
.styles_op_s46hzn_metrics { transition: none; opacity: 1; }
.styles_op_s46hzn_pulse { animation: auto ease 0s 1 normal none running none; }
}
@keyframes styles_op_s46hzn_rankUp { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes styles_op_s46hzn_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}

/* dsd-hero-uber: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_il34f_section { position: relative; background: rgb(10, 12, 15); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_il34f_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_il34f_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_il34f_glowA, .styles_op_il34f_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_il34f_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_il34f_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_il34f_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_il34f_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.styles_op_il34f_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_il34f_title { max-width: 640px; }
.styles_op_il34f_desc { max-width: 560px; }
.styles_op_il34f_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.styles_op_il34f_showcase { position: relative; }
.styles_op_il34f_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_il34f_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_il34f_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_il34f_dR { background: rgb(229, 103, 78); }
.styles_op_il34f_dY { background: rgb(224, 199, 155); }
.styles_op_il34f_dG { background: rgb(95, 191, 126); }
.styles_op_il34f_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_il34f_stage { position: relative; height: 340px; }
.styles_op_il34f_codeView, .styles_op_il34f_siteView { position: absolute; inset: 0px; }
.styles_op_il34f_codeView { animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_viewCode; }
.styles_op_il34f_siteView { animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_viewSite; }
.styles_op_il34f_codeView { background: rgb(12, 14, 18); padding: 16px 4px; overflow: hidden; }
.styles_op_il34f_codeScroll { animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_codeScroll; }
.styles_op_il34f_codeLine { display: flex; align-items: flex-start; gap: 12px; font-family: SFMono-Regular, ui-monospace, Menlo, monospace; font-size: 13px; line-height: 1.9; }
.styles_op_il34f_gutter { color: rgb(74, 76, 84); width: 18px; text-align: right; flex: 0 0 auto; user-select: none; }
.styles_op_il34f_codeText { position: relative; white-space: pre; }
.styles_op_il34f_tok_kw { color: rgb(197, 139, 224); }
.styles_op_il34f_tok_fn { color: rgb(224, 199, 155); }
.styles_op_il34f_tok_str { color: rgb(127, 191, 143); }
.styles_op_il34f_tok_tag { color: rgb(111, 168, 214); }
.styles_op_il34f_tok_attr { color: rgb(196, 160, 106); }
.styles_op_il34f_tok_op { color: rgb(185, 138, 224); }
.styles_op_il34f_tok_txt { color: rgb(201, 198, 190); }
.styles_op_il34f_caret { display: inline-block; width: 7px; height: 15px; margin-left: 2px; background: rgb(224, 199, 155); vertical-align: -2px; animation: 1s steps(2) 0s infinite normal none running styles_op_il34f_blink; }
.styles_op_il34f_siteView { background: linear-gradient(rgb(13, 15, 20), rgb(10, 11, 15)); padding: 0px; display: flex; flex-direction: column; }
.styles_op_il34f_siteNav { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_il34f_siteBrand { font-family: var(--font-kit-header-font); font-weight: 700; letter-spacing: 0.16em; font-size: 13px; color: rgb(242, 238, 230); }
.styles_op_il34f_siteLinks { display: flex; gap: 12px; }
.styles_op_il34f_siteLinks i { width: 30px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.12); }
.styles_op_il34f_sitePill { width: 74px; height: 20px; border-radius: 6px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_il34f_siteHero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; padding: 22px 18px; align-items: center; flex: 1 1 0%; }
.styles_op_il34f_siteHeroText { display: flex; flex-direction: column; gap: 12px; }
.styles_op_il34f_sLineLg { width: 92%; height: 16px; border-radius: 6px; background: linear-gradient(90deg, rgba(242, 238, 230, 0.8), rgba(242, 238, 230, 0.25)); animation: 0.6s ease 0.5s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_sLineMd { width: 74%; height: 12px; border-radius: 5px; background: rgba(255, 255, 255, 0.15); animation: 0.6s ease 0.62s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_sLineSm { width: 60%; height: 12px; border-radius: 5px; background: rgba(255, 255, 255, 0.1); animation: 0.6s ease 0.72s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_sBtn { width: 118px; height: 30px; border-radius: 8px; margin-top: 8px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); animation: 0.6s ease 0.84s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_siteHeroArt { height: 128px; border-radius: 10px; background: radial-gradient(circle at 30% 30%, rgba(196, 160, 106, 0.267), rgb(12, 14, 18) 70%), rgb(15, 17, 22); border: 1px solid rgba(196, 160, 106, 0.18); animation: 0.6s ease 0.7s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_siteCards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0px 18px 20px; }
.styles_op_il34f_siteCards span { height: 54px; border-radius: 9px; background: rgb(18, 20, 26); border: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_il34f_siteCards span:nth-child(1) { animation: 0.6s ease 0.9s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_siteCards span:nth-child(2) { animation: 0.6s ease 1s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_siteCards span:nth-child(3) { animation: 0.6s ease 1.1s 1 normal both running styles_op_il34f_rise; }
.styles_op_il34f_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_il34f_statusCode { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_viewCode; }
.styles_op_il34f_statusLive { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); animation: 16s ease-in-out 0s infinite normal none running styles_op_il34f_viewSite; }
.styles_op_il34f_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running styles_op_il34f_ping; }
.styles_op_il34f_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 960px) {
.styles_op_il34f_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_il34f_section { padding: 120px 20px 80px; }
}
@media (max-width: 560px) {
.styles_op_il34f_stage { height: 300px; }
.styles_op_il34f_actions { width: 100%; }
.styles_op_il34f_actions a { flex: 1 1 0%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_il34f_codeScroll, .styles_op_il34f_caret, .styles_op_il34f_pulse, .styles_op_il34f_sLineLg, .styles_op_il34f_sLineMd, .styles_op_il34f_sLineSm, .styles_op_il34f_sBtn, .styles_op_il34f_siteHeroArt, .styles_op_il34f_siteCards span { animation: auto ease 0s 1 normal none running none; }
.styles_op_il34f_codeView, .styles_op_il34f_statusCode { opacity: 1; }
.styles_op_il34f_siteView, .styles_op_il34f_statusLive { opacity: 0; }
}
@keyframes styles_op_il34f_viewCode { 
  0%, 40% { opacity: 1; }
  48%, 92% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes styles_op_il34f_viewSite { 
  0%, 40% { opacity: 0; }
  48%, 92% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes styles_op_il34f_codeScroll { 
  0%, 8% { transform: translateY(0px); }
  40% { transform: translateY(-120px); }
  48%, 100% { transform: translateY(-120px); }
}
@keyframes styles_op_il34f_blink { 
  50% { opacity: 0; }
}
@keyframes styles_op_il34f_rise { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes styles_op_il34f_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}

/* dsd-hero-wartung: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_ze1gi3_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_ze1gi3_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_ze1gi3_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_ze1gi3_glowA, .styles_op_ze1gi3_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_ze1gi3_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_ze1gi3_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_ze1gi3_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_ze1gi3_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.styles_op_ze1gi3_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_ze1gi3_title { max-width: 640px; }
.styles_op_ze1gi3_desc { max-width: 560px; }
.styles_op_ze1gi3_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.styles_op_ze1gi3_showcase { position: relative; }
.styles_op_ze1gi3_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_ze1gi3_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_ze1gi3_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_ze1gi3_dR { background: rgb(229, 103, 78); }
.styles_op_ze1gi3_dY { background: rgb(224, 199, 155); }
.styles_op_ze1gi3_dG { background: rgb(95, 191, 126); }
.styles_op_ze1gi3_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_ze1gi3_stage { position: relative; height: 340px; }
.styles_op_ze1gi3_dashboard { position: absolute; inset: 0px; background: rgb(12, 14, 18); display: flex; flex-direction: column; padding: 18px 20px 14px; gap: 10px; }
.styles_op_ze1gi3_dashHead { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); flex: 0 0 auto; }
.styles_op_ze1gi3_dashTitle { font-family: var(--font-kit-header-font); font-size: 13px; font-weight: 600; letter-spacing: 0.05em; color: rgb(231, 227, 218); transition: color 0.7s; }
.styles_op_ze1gi3_dashBadge { font-family: var(--font-kit-text-font); font-size: 10px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; color: rgb(196, 160, 106); border: 1px solid rgba(196, 160, 106, 0.267); background: rgba(196, 160, 106, 0.05); transition: color 0.7s, border-color 0.7s, background 0.7s; }
.styles_op_ze1gi3_dashRows { display: flex; flex-direction: column; gap: 1px; flex: 1 1 0%; }
.styles_op_ze1gi3_dashRow { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 7px; transition: background 0.5s; }
.styles_op_ze1gi3_dashRowSweep { background: rgba(196, 160, 106, 0.035); }
.styles_op_ze1gi3_rowDot { width: 7px; height: 7px; border-radius: 50%; background: rgb(42, 43, 49); flex: 0 0 auto; transition: background 0.6s, box-shadow 0.6s; }
.styles_op_ze1gi3_rowDotScan { background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 8px; animation: 1.6s ease-in-out 0s infinite normal none running styles_op_ze1gi3_dotGoldPulse; }
.styles_op_ze1gi3_rowDotDone { background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.4) 0px 0px 6px; }
.styles_op_ze1gi3_rowLabel { font-family: var(--font-kit-text-font); font-size: 12.5px; color: rgb(78, 79, 86); flex: 1 1 0%; white-space: nowrap; transition: color 0.5s; }
.styles_op_ze1gi3_rowLabelActive { color: rgb(201, 198, 190); }
.styles_op_ze1gi3_rowValue { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(58, 59, 66); display: flex; align-items: center; gap: 5px; min-width: 96px; justify-content: flex-end; text-align: right; transition: color 0.6s; white-space: nowrap; }
.styles_op_ze1gi3_rowValueDone { color: rgb(155, 224, 174); }
.styles_op_ze1gi3_rowCheck { color: rgb(95, 191, 126); font-size: 10px; font-style: normal; opacity: 0; transform: scale(0.5); transition: opacity 0.5s, transform 0.5s; display: inline-block; }
.styles_op_ze1gi3_dashFooter { display: flex; align-items: center; gap: 8px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 11px; color: rgb(58, 59, 66); letter-spacing: 0.06em; flex: 0 0 auto; transition: color 0.7s; }
.styles_op_ze1gi3_dashFooterDot { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; transition: background 0.7s, box-shadow 0.7s; }
.styles_op_ze1gi3_dashFooterDotScan { background: rgb(196, 160, 106); animation: 2s ease-in-out 0s infinite normal none running styles_op_ze1gi3_dotGoldPulse; }
.styles_op_ze1gi3_statusRow { display: flex; align-items: center; justify-content: flex-start; padding: 11px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; min-height: 38px; }
.styles_op_ze1gi3_statusCode { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); }
.styles_op_ze1gi3_pulse { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running styles_op_ze1gi3_ping; }
@media (max-width: 960px) {
.styles_op_ze1gi3_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_ze1gi3_section { padding: 120px 20px 80px; }
}
@media (max-width: 560px) {
.styles_op_ze1gi3_stage { height: 300px; }
.styles_op_ze1gi3_dashboard { padding: 14px 14px 10px; gap: 8px; }
.styles_op_ze1gi3_dashTitle { font-size: 12px; }
.styles_op_ze1gi3_rowLabel { font-size: 11.5px; }
.styles_op_ze1gi3_rowValue { font-size: 11px; min-width: 80px; }
.styles_op_ze1gi3_actions { width: 100%; }
.styles_op_ze1gi3_actions a { flex: 1 1 0%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_ze1gi3_rowDotScan { animation: auto ease 0s 1 normal none running none; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.4) 0px 0px 6px; }
.styles_op_ze1gi3_rowDot { background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.4) 0px 0px 6px; }
.styles_op_ze1gi3_dashFooterDotScan { animation: auto ease 0s 1 normal none running none; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.333) 0px 0px 6px; }
.styles_op_ze1gi3_pulse { animation: auto ease 0s 1 normal none running none; }
.styles_op_ze1gi3_dashTitle { color: rgb(110, 212, 144); }
.styles_op_ze1gi3_dashBadge { color: rgb(110, 212, 144); border-color: rgba(110, 212, 144, 0.267); background: rgba(110, 212, 144, 0.05); }
.styles_op_ze1gi3_rowLabel { color: rgb(201, 198, 190); }
.styles_op_ze1gi3_dashFooter { color: rgb(106, 138, 114); }
}
@keyframes styles_op_ze1gi3_dotGoldPulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
@keyframes styles_op_ze1gi3_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}

/* dsd-hero-webdesign: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_1nnd8gr_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_1nnd8gr_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_1nnd8gr_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_1nnd8gr_glowA, .styles_op_1nnd8gr_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_1nnd8gr_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_1nnd8gr_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_1nnd8gr_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_1nnd8gr_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.styles_op_1nnd8gr_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_1nnd8gr_title { max-width: 640px; }
.styles_op_1nnd8gr_desc { max-width: 560px; }
.styles_op_1nnd8gr_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
.styles_op_1nnd8gr_showcase { position: relative; }
.styles_op_1nnd8gr_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_1nnd8gr_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1nnd8gr_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_1nnd8gr_dR { background: rgb(229, 103, 78); }
.styles_op_1nnd8gr_dY { background: rgb(224, 199, 155); }
.styles_op_1nnd8gr_dG { background: rgb(95, 191, 126); }
.styles_op_1nnd8gr_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_1nnd8gr_stage { position: relative; height: 340px; }
.styles_op_1nnd8gr_codeView, .styles_op_1nnd8gr_siteView { position: absolute; inset: 0px; }
.styles_op_1nnd8gr_codeView { animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_viewCode; }
.styles_op_1nnd8gr_siteView { animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_viewSite; }
.styles_op_1nnd8gr_codeView { background: rgb(12, 14, 18); padding: 16px 4px; overflow: hidden; }
.styles_op_1nnd8gr_codeScroll { animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_codeScroll; }
.styles_op_1nnd8gr_codeLine { display: flex; align-items: flex-start; gap: 12px; font-family: SFMono-Regular, ui-monospace, Menlo, monospace; font-size: 13px; line-height: 1.9; }
.styles_op_1nnd8gr_gutter { color: rgb(74, 76, 84); width: 18px; text-align: right; flex: 0 0 auto; user-select: none; }
.styles_op_1nnd8gr_codeText { position: relative; white-space: pre; }
.styles_op_1nnd8gr_tok_kw { color: rgb(197, 139, 224); }
.styles_op_1nnd8gr_tok_fn { color: rgb(224, 199, 155); }
.styles_op_1nnd8gr_tok_str { color: rgb(127, 191, 143); }
.styles_op_1nnd8gr_tok_tag { color: rgb(111, 168, 214); }
.styles_op_1nnd8gr_tok_attr { color: rgb(196, 160, 106); }
.styles_op_1nnd8gr_tok_op { color: rgb(185, 138, 224); }
.styles_op_1nnd8gr_tok_txt { color: rgb(201, 198, 190); }
.styles_op_1nnd8gr_caret { display: inline-block; width: 7px; height: 15px; margin-left: 2px; background: rgb(224, 199, 155); vertical-align: -2px; animation: 1s steps(2) 0s infinite normal none running styles_op_1nnd8gr_blink; }
.styles_op_1nnd8gr_siteView { background: linear-gradient(rgb(13, 15, 20), rgb(10, 11, 15)); padding: 0px; display: flex; flex-direction: column; }
.styles_op_1nnd8gr_siteNav { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1nnd8gr_siteBrand { font-family: var(--font-kit-header-font); font-weight: 700; letter-spacing: 0.16em; font-size: 13px; color: rgb(242, 238, 230); }
.styles_op_1nnd8gr_siteLinks { display: flex; gap: 12px; }
.styles_op_1nnd8gr_siteLinks i { width: 30px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.12); }
.styles_op_1nnd8gr_sitePill { width: 74px; height: 20px; border-radius: 6px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_1nnd8gr_siteHero { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; padding: 22px 18px; align-items: center; flex: 1 1 0%; }
.styles_op_1nnd8gr_siteHeroText { display: flex; flex-direction: column; gap: 12px; }
.styles_op_1nnd8gr_sLineLg { width: 92%; height: 16px; border-radius: 6px; background: linear-gradient(90deg, rgba(242, 238, 230, 0.8), rgba(242, 238, 230, 0.25)); animation: 0.6s ease 0.5s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_sLineMd { width: 74%; height: 12px; border-radius: 5px; background: rgba(255, 255, 255, 0.15); animation: 0.6s ease 0.62s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_sLineSm { width: 60%; height: 12px; border-radius: 5px; background: rgba(255, 255, 255, 0.1); animation: 0.6s ease 0.72s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_sBtn { width: 118px; height: 30px; border-radius: 8px; margin-top: 8px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); animation: 0.6s ease 0.84s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_siteHeroArt { height: 128px; border-radius: 10px; background: radial-gradient(circle at 30% 30%, rgba(196, 160, 106, 0.267), rgb(12, 14, 18) 70%), rgb(15, 17, 22); border: 1px solid rgba(196, 160, 106, 0.18); animation: 0.6s ease 0.7s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_siteCards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0px 18px 20px; }
.styles_op_1nnd8gr_siteCards span { height: 54px; border-radius: 9px; background: rgb(18, 20, 26); border: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1nnd8gr_siteCards span:nth-child(1) { animation: 0.6s ease 0.9s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_siteCards span:nth-child(2) { animation: 0.6s ease 1s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_siteCards span:nth-child(3) { animation: 0.6s ease 1.1s 1 normal both running styles_op_1nnd8gr_rise; }
.styles_op_1nnd8gr_statusRow { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_1nnd8gr_statusCode { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_viewCode; }
.styles_op_1nnd8gr_statusLive { display: flex; align-items: center; gap: 8px; color: rgb(155, 224, 174); animation: 16s ease-in-out 0s infinite normal none running styles_op_1nnd8gr_viewSite; }
.styles_op_1nnd8gr_pulse { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 0px 0px; animation: 1.6s ease-out 0s infinite normal none running styles_op_1nnd8gr_ping; }
.styles_op_1nnd8gr_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 960px) {
.styles_op_1nnd8gr_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_1nnd8gr_section { padding: 120px 20px 80px; }
}
@media (max-width: 560px) {
.styles_op_1nnd8gr_stage { height: 300px; }
.styles_op_1nnd8gr_actions { width: 100%; }
.styles_op_1nnd8gr_actions a { flex: 1 1 0%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_1nnd8gr_codeScroll, .styles_op_1nnd8gr_caret, .styles_op_1nnd8gr_pulse, .styles_op_1nnd8gr_sLineLg, .styles_op_1nnd8gr_sLineMd, .styles_op_1nnd8gr_sLineSm, .styles_op_1nnd8gr_sBtn, .styles_op_1nnd8gr_siteHeroArt, .styles_op_1nnd8gr_siteCards span { animation: auto ease 0s 1 normal none running none; }
.styles_op_1nnd8gr_codeView, .styles_op_1nnd8gr_statusCode { opacity: 1; }
.styles_op_1nnd8gr_siteView, .styles_op_1nnd8gr_statusLive { opacity: 0; }
}
@keyframes styles_op_1nnd8gr_viewCode { 
  0%, 40% { opacity: 1; }
  48%, 92% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes styles_op_1nnd8gr_viewSite { 
  0%, 40% { opacity: 0; }
  48%, 92% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes styles_op_1nnd8gr_codeScroll { 
  0%, 8% { transform: translateY(0px); }
  40% { transform: translateY(-120px); }
  48%, 100% { transform: translateY(-120px); }
}
@keyframes styles_op_1nnd8gr_blink { 
  50% { opacity: 0; }
}
@keyframes styles_op_1nnd8gr_rise { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes styles_op_1nnd8gr_ping { 
  0% { box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(196, 160, 106, 0) 0px 0px 0px 9px; }
}

/* dsd-paket-automatisierung: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_3wwuit_section { position: relative; isolation: isolate; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 110px 24px; overflow: hidden; }
.styles_op_3wwuit_glow { position: absolute; width: 700px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); pointer-events: none; z-index: -1; }
.styles_op_3wwuit_inner { position: relative; z-index: 1; max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 52px; }
.styles_op_3wwuit_header { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; max-width: 760px; }
.styles_op_3wwuit_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_3wwuit_heading { max-width: 700px; }
.styles_op_3wwuit_intro { max-width: 620px; }
.styles_op_3wwuit_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; align-items: stretch; }
.styles_op_3wwuit_card { position: relative; background: rgb(13, 15, 20); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; padding: 34px 28px 28px; display: flex; flex-direction: column; gap: 16px; transition: border-color 0.28s, box-shadow 0.28s, transform 0.25s; cursor: default; }
.styles_op_3wwuit_card:hover { border-color: rgba(196, 160, 106, 0.267); box-shadow: rgba(196, 160, 106, 0.07) 0px 8px 36px; transform: translateY(-3px); }
.styles_op_3wwuit_featured { border-color: rgba(196, 160, 106, 0.4); background: rgb(15, 16, 22); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 1px, rgba(196, 160, 106, 0.1) 0px 12px 48px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_3wwuit_featured:hover { border-color: rgba(196, 160, 106, 0.667); box-shadow: rgba(196, 160, 106, 0.267) 0px 0px 0px 1px, rgba(196, 160, 106, 0.157) 0px 18px 56px, rgba(196, 160, 106, 0.2) 0px 1px 0px inset; transform: translateY(-4px); }
.styles_op_3wwuit_featBadge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); padding: 5px 16px; border-radius: 20px; box-shadow: rgba(196, 160, 106, 0.267) 0px 4px 14px, rgba(255, 255, 255, 0.267) 0px 1px 0px inset; white-space: nowrap; }
.styles_op_3wwuit_cardTop { display: flex; flex-direction: column; gap: 6px; }
.styles_op_3wwuit_cardName { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 18px; letter-spacing: 0.08em; color: var(--color-kit-white); }
.styles_op_3wwuit_featured .styles_op_3wwuit_cardName { background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; }
.styles_op_3wwuit_cardTag { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(196, 160, 106); font-weight: 500; }
.styles_op_3wwuit_featured .styles_op_3wwuit_cardTag { color: rgb(224, 199, 155); }
.styles_op_3wwuit_divider { height: 1px; background: rgba(255, 255, 255, 0.06); }
.styles_op_3wwuit_featured .styles_op_3wwuit_divider { background: rgba(196, 160, 106, 0.133); }
.styles_op_3wwuit_cardDesc { flex: 1 1 0%; line-height: 1.65; }
.styles_op_3wwuit_cardFooter { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_3wwuit_dot { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 7px; }
.styles_op_3wwuit_dotLabel { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(155, 224, 174); letter-spacing: 0.04em; }
.styles_op_3wwuit_note { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(122, 120, 112); text-align: center; max-width: 640px; line-height: 1.6; margin: 0px; }
.styles_op_3wwuit_actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
@media (max-width: 860px) {
.styles_op_3wwuit_grid { grid-template-columns: 1fr; max-width: 480px; }
.styles_op_3wwuit_section { padding: 80px 20px; }
}
@media (max-width: 480px) {
.styles_op_3wwuit_actions { width: 100%; flex-direction: column; }
.styles_op_3wwuit_actions a { text-align: center; }
}

/* dsd-paket-chatbots: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_1h54m5s_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 110px 24px; overflow: hidden; }
.styles_op_1h54m5s_starBg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; overflow: hidden; }
.styles_op_1h54m5s_glow { position: absolute; width: 700px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); pointer-events: none; z-index: 0; }
.styles_op_1h54m5s_inner { position: relative; z-index: 1; max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 52px; }
.styles_op_1h54m5s_header { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; max-width: 760px; }
.styles_op_1h54m5s_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_1h54m5s_heading { max-width: 700px; }
.styles_op_1h54m5s_intro { max-width: 620px; }
.styles_op_1h54m5s_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; align-items: stretch; }
.styles_op_1h54m5s_card { position: relative; background: rgb(13, 15, 20); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; padding: 34px 28px 28px; display: flex; flex-direction: column; gap: 16px; transition: border-color 0.28s, box-shadow 0.28s, transform 0.25s; cursor: default; }
.styles_op_1h54m5s_card:hover { border-color: rgba(196, 160, 106, 0.267); box-shadow: rgba(196, 160, 106, 0.07) 0px 8px 36px; transform: translateY(-3px); }
.styles_op_1h54m5s_featured { border-color: rgba(196, 160, 106, 0.4); background: rgb(15, 16, 22); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 1px, rgba(196, 160, 106, 0.1) 0px 12px 48px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_1h54m5s_featured:hover { border-color: rgba(196, 160, 106, 0.667); box-shadow: rgba(196, 160, 106, 0.267) 0px 0px 0px 1px, rgba(196, 160, 106, 0.157) 0px 18px 56px, rgba(196, 160, 106, 0.2) 0px 1px 0px inset; transform: translateY(-4px); }
.styles_op_1h54m5s_featBadge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); padding: 5px 16px; border-radius: 20px; box-shadow: rgba(196, 160, 106, 0.267) 0px 4px 14px, rgba(255, 255, 255, 0.267) 0px 1px 0px inset; white-space: nowrap; }
.styles_op_1h54m5s_cardTop { display: flex; flex-direction: column; gap: 6px; }
.styles_op_1h54m5s_cardName { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 18px; letter-spacing: 0.08em; color: var(--color-kit-white); }
.styles_op_1h54m5s_featured .styles_op_1h54m5s_cardName { background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; }
.styles_op_1h54m5s_cardTag { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(196, 160, 106); font-weight: 500; }
.styles_op_1h54m5s_featured .styles_op_1h54m5s_cardTag { color: rgb(224, 199, 155); }
.styles_op_1h54m5s_divider { height: 1px; background: rgba(255, 255, 255, 0.06); }
.styles_op_1h54m5s_featured .styles_op_1h54m5s_divider { background: rgba(196, 160, 106, 0.133); }
.styles_op_1h54m5s_cardDesc { flex: 1 1 0%; line-height: 1.65; }
.styles_op_1h54m5s_cardFooter { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_1h54m5s_dot { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 7px; }
.styles_op_1h54m5s_dotLabel { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(155, 224, 174); letter-spacing: 0.04em; }
.styles_op_1h54m5s_note { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(122, 120, 112); text-align: center; max-width: 640px; line-height: 1.6; margin: 0px; }
.styles_op_1h54m5s_actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
@media (max-width: 860px) {
.styles_op_1h54m5s_grid { grid-template-columns: 1fr; max-width: 480px; }
.styles_op_1h54m5s_section { padding: 80px 20px; }
}
@media (max-width: 480px) {
.styles_op_1h54m5s_actions { width: 100%; flex-direction: column; }
.styles_op_1h54m5s_actions a { text-align: center; }
}

/* dsd-paket-crm: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_11i57xa_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 110px 24px; overflow: hidden; }
.styles_op_11i57xa_glow { position: absolute; width: 700px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); pointer-events: none; z-index: 0; }
.styles_op_11i57xa_inner { position: relative; z-index: 1; max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 52px; }
.styles_op_11i57xa_header { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; max-width: 760px; }
.styles_op_11i57xa_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_11i57xa_heading { max-width: 700px; }
.styles_op_11i57xa_intro { max-width: 620px; }
.styles_op_11i57xa_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; align-items: stretch; }
.styles_op_11i57xa_card { position: relative; background: rgb(13, 15, 20); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; padding: 34px 28px 28px; display: flex; flex-direction: column; gap: 16px; transition: border-color 0.28s, box-shadow 0.28s, transform 0.25s; cursor: default; }
.styles_op_11i57xa_card:hover { border-color: rgba(196, 160, 106, 0.267); box-shadow: rgba(196, 160, 106, 0.07) 0px 8px 36px; transform: translateY(-3px); }
.styles_op_11i57xa_featured { border-color: rgba(196, 160, 106, 0.4); background: rgb(15, 16, 22); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 1px, rgba(196, 160, 106, 0.1) 0px 12px 48px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_11i57xa_featured:hover { border-color: rgba(196, 160, 106, 0.667); box-shadow: rgba(196, 160, 106, 0.267) 0px 0px 0px 1px, rgba(196, 160, 106, 0.157) 0px 18px 56px, rgba(196, 160, 106, 0.2) 0px 1px 0px inset; transform: translateY(-4px); }
.styles_op_11i57xa_featBadge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); padding: 5px 16px; border-radius: 20px; box-shadow: rgba(196, 160, 106, 0.267) 0px 4px 14px, rgba(255, 255, 255, 0.267) 0px 1px 0px inset; white-space: nowrap; }
.styles_op_11i57xa_cardTop { display: flex; flex-direction: column; gap: 6px; }
.styles_op_11i57xa_cardName { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 18px; letter-spacing: 0.08em; color: var(--color-kit-white); }
.styles_op_11i57xa_featured .styles_op_11i57xa_cardName { background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; }
.styles_op_11i57xa_cardTag { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(196, 160, 106); font-weight: 500; }
.styles_op_11i57xa_featured .styles_op_11i57xa_cardTag { color: rgb(224, 199, 155); }
.styles_op_11i57xa_divider { height: 1px; background: rgba(255, 255, 255, 0.06); }
.styles_op_11i57xa_featured .styles_op_11i57xa_divider { background: rgba(196, 160, 106, 0.133); }
.styles_op_11i57xa_cardDesc { flex: 1 1 0%; line-height: 1.65; }
.styles_op_11i57xa_cardFooter { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_11i57xa_dot { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 7px; }
.styles_op_11i57xa_dotLabel { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(155, 224, 174); letter-spacing: 0.04em; }
.styles_op_11i57xa_note { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(122, 120, 112); text-align: center; max-width: 640px; line-height: 1.6; margin: 0px; }
.styles_op_11i57xa_actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
@media (max-width: 860px) {
.styles_op_11i57xa_grid { grid-template-columns: 1fr; max-width: 480px; }
.styles_op_11i57xa_section { padding: 80px 20px; }
}
@media (max-width: 480px) {
.styles_op_11i57xa_actions { width: 100%; flex-direction: column; }
.styles_op_11i57xa_actions a { text-align: center; }
}

/* dsd-paket-seo: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_s46hzm_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 110px 24px; overflow: hidden; }
.styles_op_s46hzm_glow { position: absolute; width: 700px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); pointer-events: none; z-index: 0; }
.styles_op_s46hzm_inner { position: relative; z-index: 1; max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 52px; }
.styles_op_s46hzm_header { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; max-width: 760px; }
.styles_op_s46hzm_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_s46hzm_heading { max-width: 700px; }
.styles_op_s46hzm_intro { max-width: 620px; }
.styles_op_s46hzm_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; align-items: stretch; }
.styles_op_s46hzm_card { position: relative; background: rgb(13, 15, 20); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; padding: 34px 28px 28px; display: flex; flex-direction: column; gap: 16px; transition: border-color 0.28s, box-shadow 0.28s, transform 0.25s; cursor: default; }
.styles_op_s46hzm_card:hover { border-color: rgba(196, 160, 106, 0.267); box-shadow: rgba(196, 160, 106, 0.07) 0px 8px 36px; transform: translateY(-3px); }
.styles_op_s46hzm_featured { border-color: rgba(196, 160, 106, 0.4); background: rgb(15, 16, 22); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 1px, rgba(196, 160, 106, 0.1) 0px 12px 48px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_s46hzm_featured:hover { border-color: rgba(196, 160, 106, 0.667); box-shadow: rgba(196, 160, 106, 0.267) 0px 0px 0px 1px, rgba(196, 160, 106, 0.157) 0px 18px 56px, rgba(196, 160, 106, 0.2) 0px 1px 0px inset; transform: translateY(-4px); }
.styles_op_s46hzm_featBadge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); padding: 5px 16px; border-radius: 20px; box-shadow: rgba(196, 160, 106, 0.267) 0px 4px 14px, rgba(255, 255, 255, 0.267) 0px 1px 0px inset; white-space: nowrap; }
.styles_op_s46hzm_cardTop { display: flex; flex-direction: column; gap: 6px; }
.styles_op_s46hzm_cardName { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 18px; letter-spacing: 0.08em; color: var(--color-kit-white); }
.styles_op_s46hzm_featured .styles_op_s46hzm_cardName { background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; }
.styles_op_s46hzm_cardTag { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(196, 160, 106); font-weight: 500; }
.styles_op_s46hzm_featured .styles_op_s46hzm_cardTag { color: rgb(224, 199, 155); }
.styles_op_s46hzm_divider { height: 1px; background: rgba(255, 255, 255, 0.06); }
.styles_op_s46hzm_featured .styles_op_s46hzm_divider { background: rgba(196, 160, 106, 0.133); }
.styles_op_s46hzm_cardDesc { flex: 1 1 0%; line-height: 1.65; }
.styles_op_s46hzm_cardFooter { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_s46hzm_dot { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 7px; }
.styles_op_s46hzm_dotLabel { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(155, 224, 174); letter-spacing: 0.04em; }
.styles_op_s46hzm_note { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(122, 120, 112); text-align: center; max-width: 640px; line-height: 1.6; margin: 0px; }
.styles_op_s46hzm_actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
@media (max-width: 860px) {
.styles_op_s46hzm_grid { grid-template-columns: 1fr; max-width: 480px; }
.styles_op_s46hzm_section { padding: 80px 20px; }
}
@media (max-width: 480px) {
.styles_op_s46hzm_actions { width: 100%; flex-direction: column; }
.styles_op_s46hzm_actions a { text-align: center; }
}

/* dsd-paket-wartung: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_ze1gi0_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 110px 24px; overflow: hidden; }
.styles_op_ze1gi0_glow { position: absolute; width: 700px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); pointer-events: none; z-index: 0; }
.styles_op_ze1gi0_inner { position: relative; z-index: 1; max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 52px; }
.styles_op_ze1gi0_header { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; max-width: 760px; }
.styles_op_ze1gi0_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_ze1gi0_heading { max-width: 700px; }
.styles_op_ze1gi0_intro { max-width: 620px; }
.styles_op_ze1gi0_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; align-items: stretch; }
.styles_op_ze1gi0_card { position: relative; background: rgb(13, 15, 20); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; padding: 34px 28px 28px; display: flex; flex-direction: column; gap: 16px; transition: border-color 0.28s, box-shadow 0.28s, transform 0.25s; cursor: default; }
.styles_op_ze1gi0_card:hover { border-color: rgba(196, 160, 106, 0.267); box-shadow: rgba(196, 160, 106, 0.07) 0px 8px 36px; transform: translateY(-3px); }
.styles_op_ze1gi0_featured { border-color: rgba(196, 160, 106, 0.4); background: rgb(15, 16, 22); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 1px, rgba(196, 160, 106, 0.1) 0px 12px 48px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_ze1gi0_featured:hover { border-color: rgba(196, 160, 106, 0.667); box-shadow: rgba(196, 160, 106, 0.267) 0px 0px 0px 1px, rgba(196, 160, 106, 0.157) 0px 18px 56px, rgba(196, 160, 106, 0.2) 0px 1px 0px inset; transform: translateY(-4px); }
.styles_op_ze1gi0_featBadge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); padding: 5px 16px; border-radius: 20px; box-shadow: rgba(196, 160, 106, 0.267) 0px 4px 14px, rgba(255, 255, 255, 0.267) 0px 1px 0px inset; white-space: nowrap; }
.styles_op_ze1gi0_cardTop { display: flex; flex-direction: column; gap: 6px; }
.styles_op_ze1gi0_cardName { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 18px; letter-spacing: 0.08em; color: var(--color-kit-white); }
.styles_op_ze1gi0_featured .styles_op_ze1gi0_cardName { background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; }
.styles_op_ze1gi0_cardTag { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(196, 160, 106); font-weight: 500; }
.styles_op_ze1gi0_featured .styles_op_ze1gi0_cardTag { color: rgb(224, 199, 155); }
.styles_op_ze1gi0_divider { height: 1px; background: rgba(255, 255, 255, 0.06); }
.styles_op_ze1gi0_featured .styles_op_ze1gi0_divider { background: rgba(196, 160, 106, 0.133); }
.styles_op_ze1gi0_cardDesc { flex: 1 1 0%; line-height: 1.65; }
.styles_op_ze1gi0_cardFooter { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_ze1gi0_dot { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 7px; }
.styles_op_ze1gi0_dotLabel { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(155, 224, 174); letter-spacing: 0.04em; }
.styles_op_ze1gi0_note { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(122, 120, 112); text-align: center; max-width: 640px; line-height: 1.6; margin: 0px; }
.styles_op_ze1gi0_actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
@media (max-width: 860px) {
.styles_op_ze1gi0_grid { grid-template-columns: 1fr; max-width: 480px; }
.styles_op_ze1gi0_section { padding: 80px 20px; }
}
@media (max-width: 480px) {
.styles_op_ze1gi0_actions { width: 100%; flex-direction: column; }
.styles_op_ze1gi0_actions a { text-align: center; }
}

/* dsd-paket-webdesign: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_tljm9b_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 110px 24px; overflow: hidden; }
.styles_op_tljm9b_glow { position: absolute; width: 700px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); pointer-events: none; z-index: 0; }
.styles_op_tljm9b_inner { position: relative; z-index: 1; max-width: 1200px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 52px; }
.styles_op_tljm9b_header { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; max-width: 760px; }
.styles_op_tljm9b_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_tljm9b_heading { max-width: 700px; }
.styles_op_tljm9b_intro { max-width: 620px; }
.styles_op_tljm9b_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; align-items: stretch; }
.styles_op_tljm9b_card { position: relative; background: rgb(13, 15, 20); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; padding: 34px 28px 28px; display: flex; flex-direction: column; gap: 16px; transition: border-color 0.28s, box-shadow 0.28s, transform 0.25s; cursor: default; }
.styles_op_tljm9b_card:hover { border-color: rgba(196, 160, 106, 0.267); box-shadow: rgba(196, 160, 106, 0.07) 0px 8px 36px; transform: translateY(-3px); }
.styles_op_tljm9b_featured { border-color: rgba(196, 160, 106, 0.4); background: rgb(15, 16, 22); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 1px, rgba(196, 160, 106, 0.1) 0px 12px 48px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_tljm9b_featured:hover { border-color: rgba(196, 160, 106, 0.667); box-shadow: rgba(196, 160, 106, 0.267) 0px 0px 0px 1px, rgba(196, 160, 106, 0.157) 0px 18px 56px, rgba(196, 160, 106, 0.2) 0px 1px 0px inset; transform: translateY(-4px); }
.styles_op_tljm9b_featBadge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); padding: 5px 16px; border-radius: 20px; box-shadow: rgba(196, 160, 106, 0.267) 0px 4px 14px, rgba(255, 255, 255, 0.267) 0px 1px 0px inset; white-space: nowrap; }
.styles_op_tljm9b_cardTop { display: flex; flex-direction: column; gap: 6px; }
.styles_op_tljm9b_cardName { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 18px; letter-spacing: 0.08em; color: var(--color-kit-white); }
.styles_op_tljm9b_featured .styles_op_tljm9b_cardName { background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; }
.styles_op_tljm9b_cardTag { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(196, 160, 106); font-weight: 500; }
.styles_op_tljm9b_featured .styles_op_tljm9b_cardTag { color: rgb(224, 199, 155); }
.styles_op_tljm9b_divider { height: 1px; background: rgba(255, 255, 255, 0.06); }
.styles_op_tljm9b_featured .styles_op_tljm9b_divider { background: rgba(196, 160, 106, 0.133); }
.styles_op_tljm9b_cardDesc { flex: 1 1 0%; line-height: 1.65; }
.styles_op_tljm9b_cardFooter { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_tljm9b_dot { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 7px; }
.styles_op_tljm9b_dotLabel { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(155, 224, 174); letter-spacing: 0.04em; }
.styles_op_tljm9b_note { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(122, 120, 112); text-align: center; max-width: 640px; line-height: 1.6; margin: 0px; }
.styles_op_tljm9b_actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
@media (max-width: 860px) {
.styles_op_tljm9b_grid { grid-template-columns: 1fr; max-width: 480px; }
.styles_op_tljm9b_section { padding: 80px 20px; }
}
@media (max-width: 480px) {
.styles_op_tljm9b_actions { width: 100%; flex-direction: column; }
.styles_op_tljm9b_actions a { text-align: center; }
}

/* dsd-system-leistungen: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_84iojo_wrap { position: relative; isolation: isolate; overflow: hidden; background: var(--bg,#0B0D11); padding: 130px 24px; }
.styles_op_84iojo_container { position: relative; z-index: 2; max-width: 1340px; margin: 0px auto; width: 100%; }
.styles_op_84iojo_head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; margin-bottom: 64px; }
.styles_op_84iojo_eyebrow { letter-spacing: 3px; font-size: 12px; font-weight: 600; color: var(--gold); font-family: var(--font-kit-text-font), sans-serif; }
.styles_op_84iojo_title { max-width: 660px; margin: 0px; font-family: var(--font-kit-header-font), sans-serif; font-weight: 600; font-size: 38px; line-height: 1.15; letter-spacing: -0.5px; color: rgb(242, 238, 230); }
.styles_op_84iojo_sub { max-width: 640px; margin: 0px; font-family: var(--font-kit-text-font), sans-serif; font-size: 16px; line-height: 1.65; color: rgba(242, 238, 230, 0.64); }
.styles_op_84iojo_chain { display: flex; align-items: stretch; justify-content: center; gap: 0px; }
.styles_op_84iojo_station { position: relative; flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; gap: 10px; padding: 16px 16px 18px; border-radius: 18px; border: 1px solid color-mix(in srgb, var(--gold) 13%, #ffffff10); background: linear-gradient(rgba(23, 27, 33, 0.88), rgba(14, 18, 22, 0.85)); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
.styles_op_84iojo_station::after { content: ""; position: absolute; inset: 0px; border-radius: 18px; pointer-events: none; background: radial-gradient(
      90% 70% at 12% 0%,
      color-mix(in srgb, var(--gold) 6%, transparent),
      transparent 60%); opacity: 0.7; }
.styles_op_84iojo_stTop { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }
.styles_op_84iojo_stLbl { font-family: var(--font-kit-text-font), sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; color: rgba(242, 238, 230, 0.8); }
.styles_op_84iojo_dot { width: 7px; height: 7px; border-radius: 50%; background: rgb(42, 49, 56); flex: 0 0 auto; transition: none; }
.styles_op_84iojo_dot::after { content: ""; position: absolute; }
.styles_op_84iojo_win, .styles_op_84iojo_chat, .styles_op_84iojo_crm, .styles_op_84iojo_wf, .styles_op_84iojo_growth { position: relative; z-index: 1; width: 100%; min-height: 96px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.06); background: radial-gradient(120% 100% at 20% 0%, rgb(27, 32, 39), rgb(12, 14, 18)); overflow: hidden; }
.styles_op_84iojo_conn { position: relative; align-self: center; flex: 0 0 34px; height: 2px; margin: 0px -1px; border-radius: 2px; background: rgba(255, 255, 255, 0.086); }
.styles_op_84iojo_conn::after { content: ""; position: absolute; inset: 0px; border-radius: 2px; transform-origin: left center; transform: scaleX(0); opacity: 0; background: linear-gradient(
      90deg,
      var(--gold),
      color-mix(in srgb, var(--gold) 55%, transparent)); box-shadow: 0 0 8px -1px var(--gold); }
.styles_op_84iojo_conn i { position: absolute; top: 50%; left: 0px; width: 5px; height: 5px; margin: -2.5px 0px 0px -2.5px; border-radius: 50%; background: rgb(255, 233, 176); box-shadow: 0 0 8px 1px color-mix(in srgb, var(--gold) 80%, transparent); opacity: 0; }
.styles_op_84iojo_s1 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow1; }
.styles_op_84iojo_s2 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow2; }
.styles_op_84iojo_s3 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow3; }
.styles_op_84iojo_s4 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow4; }
.styles_op_84iojo_s5 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_glow5; }
.styles_op_84iojo_c1::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_fill1; }
.styles_op_84iojo_c2::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_fill2; }
.styles_op_84iojo_c3::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_fill3; }
.styles_op_84iojo_c4::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_fill4; }
.styles_op_84iojo_c1 i { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pkt1; }
.styles_op_84iojo_c2 i { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pkt2; }
.styles_op_84iojo_c3 i { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pkt3; }
.styles_op_84iojo_c4 i { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pkt4; }
.styles_op_84iojo_d1 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot1; }
.styles_op_84iojo_d2 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot2; }
.styles_op_84iojo_d3 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot3; }
.styles_op_84iojo_d4 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot4; }
.styles_op_84iojo_d5 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_dot5; }
.styles_op_84iojo_winBar { display: flex; align-items: center; gap: 5px; padding: 7px 10px; background: rgb(19, 24, 32); border-bottom: 1px solid rgba(255, 255, 255, 0.063); }
.styles_op_84iojo_winBar i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); }
.styles_op_84iojo_winBar i:first-child { background: rgb(224, 102, 79); }
.styles_op_84iojo_winUrl { margin-left: 6px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 8px; color: rgba(255, 255, 255, 0.333); letter-spacing: 0.3px; }
.styles_op_84iojo_winBody { padding: 14px 12px; display: flex; align-items: center; min-height: 56px; }
.styles_op_84iojo_reqRow { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 9px; background: color-mix(in srgb, var(--gold) 9%, #ffffff08); border: 1px solid color-mix(in srgb, var(--gold) 24%, transparent); font-family: var(--font-kit-text-font), sans-serif; font-size: 10px; color: rgb(242, 238, 230); }
.styles_op_84iojo_reqDot { width: 5px; height: 5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 7px 0 var(--gold); }
.styles_op_84iojo_reqArr { color: var(--gold); }
.styles_op_84iojo_act1 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear1; }
.styles_op_84iojo_chat { display: flex; flex-direction: column; gap: 7px; padding: 12px; justify-content: center; }
.styles_op_84iojo_uBubble { align-self: flex-start; max-width: 92%; padding: 6px 10px; border-radius: 11px 11px 11px 3px; background: rgba(255, 255, 255, 0.063); color: rgb(232, 235, 239); font-family: var(--font-kit-text-font), sans-serif; font-size: 9.5px; line-height: 1.35; }
.styles_op_84iojo_qBadge { align-self: flex-end; display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 20px; font-family: var(--font-kit-text-font), sans-serif; font-size: 9px; font-weight: 600; color: rgb(111, 206, 158); background: rgba(111, 206, 158, 0.1); border: 1px solid rgba(111, 206, 158, 0.27); box-shadow: rgb(111, 206, 158) 0px 0px 16px -6px; }
.styles_op_84iojo_check { display: inline-flex; width: 11px; height: 11px; border-radius: 50%; background: rgb(111, 206, 158); color: rgb(5, 39, 15); align-items: center; justify-content: center; font-size: 7px; }
.styles_op_84iojo_act2 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear2; }
.styles_op_84iojo_act2b { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear2b; }
.styles_op_84iojo_crm { display: flex; flex-direction: column; gap: 8px; padding: 12px; justify-content: center; }
.styles_op_84iojo_leadMini { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 9px; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.08); }
.styles_op_84iojo_avatar { width: 22px; height: 22px; border-radius: 50%; flex: 0 0 auto; background: linear-gradient(
      135deg,
      var(--gold),
      var(--color-kit-key2,#E0C79B)); color: rgb(26, 18, 6); font-family: var(--font-kit-header-font), sans-serif; font-weight: 700; font-size: 8.5px; display: flex; align-items: center; justify-content: center; }
.styles_op_84iojo_leadName { font-family: var(--font-kit-text-font), sans-serif; font-size: 10px; color: rgb(238, 241, 244); font-weight: 600; }
.styles_op_84iojo_leadVal { margin-left: auto; font-family: var(--font-kit-header-font), sans-serif; font-weight: 700; font-size: 11px; color: var(--gold); }
.styles_op_84iojo_pipe { display: flex; align-items: center; gap: 5px; }
.styles_op_84iojo_pipe i { flex: 1 1 0%; height: 5px; border-radius: 3px; background: rgba(255, 255, 255, 0.07); position: relative; overflow: hidden; }
.styles_op_84iojo_pipe i::after { content: ""; position: absolute; inset: 0px; border-radius: 3px; transform-origin: left center; transform: scaleX(0); background: linear-gradient(
      90deg,
      var(--color-kit-key2,#E0C79B),
      var(--gold)); box-shadow: 0 0 8px -1px var(--gold); }
.styles_op_84iojo_pf1::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pipeFill; }
.styles_op_84iojo_pf2::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pipeFill; }
.styles_op_84iojo_pf3::after { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_pipeFill3; }
.styles_op_84iojo_pipeLbl { display: flex; justify-content: space-between; font-family: var(--font-kit-text-font), sans-serif; font-size: 8px; color: rgba(255, 255, 255, 0.4); }
.styles_op_84iojo_act3 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear3; }
.styles_op_84iojo_wf { display: flex; flex-direction: column; gap: 12px; padding: 16px 14px; justify-content: center; }
.styles_op_84iojo_wfRow { display: flex; align-items: center; gap: 4px; }
.styles_op_84iojo_wfNode { width: 16px; height: 16px; border-radius: 6px; flex: 0 0 auto; background: color-mix(in srgb, var(--gold) 14%, #ffffff0c); border: 1px solid color-mix(in srgb, var(--gold) 30%, transparent); }
.styles_op_84iojo_wfLine { position: relative; flex: 1 1 0%; height: 2px; background: rgba(255, 255, 255, 0.08); border-radius: 2px; overflow: hidden; }
.styles_op_84iojo_wfLine b { position: absolute; inset: 0px; transform-origin: left center; transform: scaleX(0); background: linear-gradient(
      90deg,
      var(--gold),
      transparent); }
.styles_op_84iojo_wfLine:nth-of-type(2) b { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_wfFill; }
.styles_op_84iojo_wfLine:nth-of-type(4) b { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_wfFill2; }
.styles_op_84iojo_wfStatus { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 20px; align-self: flex-start; font-family: var(--font-kit-text-font), sans-serif; font-size: 9px; font-weight: 600; color: rgb(111, 206, 158); background: rgba(111, 206, 158, 0.1); border: 1px solid rgba(111, 206, 158, 0.27); box-shadow: rgb(111, 206, 158) 0px 0px 16px -6px; }
.styles_op_84iojo_wfSpin { width: 9px; height: 9px; border-radius: 50%; border-width: 1.5px; border-style: solid; border-color: transparent rgb(111, 206, 158) rgb(111, 206, 158); border-image: initial; animation: 1s linear 0s infinite normal none running styles_op_84iojo_spin; }
.styles_op_84iojo_act4 { animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_appear4; }
.styles_op_84iojo_growth { display: flex; flex-direction: column; gap: 10px; padding: 14px; justify-content: center; }
.styles_op_84iojo_gHead { display: flex; align-items: center; justify-content: space-between; }
.styles_op_84iojo_gKpi { font-family: var(--font-kit-header-font), sans-serif; font-weight: 700; font-size: 18px; line-height: 1; color: rgb(242, 238, 230); }
.styles_op_84iojo_gDelta { display: inline-flex; align-items: center; gap: 2px; font-family: var(--font-kit-text-font), sans-serif; font-size: 9px; font-weight: 600; color: rgb(111, 206, 158); background: rgba(111, 206, 158, 0.12); border: 1px solid rgba(111, 206, 158, 0.25); padding: 2px 7px; border-radius: 20px; }
.styles_op_84iojo_bars { display: flex; align-items: flex-end; gap: 6px; height: 42px; }
.styles_op_84iojo_bars i { flex: 1 1 0%; border-radius: 3px 3px 1px 1px; background: linear-gradient(
      180deg,
      var(--color-kit-key2,#E0C79B),
      var(--gold)); box-shadow: 0 0 10px -3px var(--gold); transform: scaleY(0); transform-origin: center bottom; }
.styles_op_84iojo_b1 { height: 40%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_grow; }
.styles_op_84iojo_b2 { height: 58%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_grow; }
.styles_op_84iojo_b3 { height: 52%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_grow; }
.styles_op_84iojo_b4 { height: 78%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_grow; }
.styles_op_84iojo_b5 { height: 100%; animation: 18s ease-in-out 0s infinite normal none running styles_op_84iojo_growLast; }
@media (max-width: 940px) {
.styles_op_84iojo_wrap { padding: 92px 22px; }
.styles_op_84iojo_title { font-size: 31px; }
}
@media (max-width: 760px) {
.styles_op_84iojo_chain { flex-direction: column; align-items: stretch; gap: 0px; }
.styles_op_84iojo_station { flex: 0 0 auto; width: 100%; }
.styles_op_84iojo_conn { align-self: center; width: 2px; height: 26px; flex: 0 0 auto; margin: 2px 0px; }
.styles_op_84iojo_conn::after { transform-origin: center top; }
.styles_op_84iojo_c1::after { animation-name: styles_op_84iojo_fillV1; }
.styles_op_84iojo_c2::after { animation-name: styles_op_84iojo_fillV2; }
.styles_op_84iojo_c3::after { animation-name: styles_op_84iojo_fillV3; }
.styles_op_84iojo_c4::after { animation-name: styles_op_84iojo_fillV4; }
.styles_op_84iojo_conn i { top: 0px; left: 50%; margin: -2.5px 0px 0px -2.5px; }
.styles_op_84iojo_c1 i { animation-name: styles_op_84iojo_pktV1; }
.styles_op_84iojo_c2 i { animation-name: styles_op_84iojo_pktV2; }
.styles_op_84iojo_c3 i { animation-name: styles_op_84iojo_pktV3; }
.styles_op_84iojo_c4 i { animation-name: styles_op_84iojo_pktV4; }
}
@keyframes styles_op_84iojo_glow1 { 
  0%, 2% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  6%, 14% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  18%, 96% { border-color: color-mix(in srgb, var(--gold) 26%, #ffffff10); box-shadow: 0 0 14px -8px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_glow2 { 
  0%, 20% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  24%, 32% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  36%, 96% { border-color: color-mix(in srgb, var(--gold) 26%, #ffffff10); box-shadow: 0 0 14px -8px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_glow3 { 
  0%, 38% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  42%, 50% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  54%, 96% { border-color: color-mix(in srgb, var(--gold) 26%, #ffffff10); box-shadow: 0 0 14px -8px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_glow4 { 
  0%, 56% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  60%, 68% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  72%, 96% { border-color: color-mix(in srgb, var(--gold) 26%, #ffffff10); box-shadow: 0 0 14px -8px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_glow5 { 
  0%, 74% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
  78%, 88% { border-color: color-mix(in srgb, var(--gold) 60%, transparent); box-shadow: 0 0 26px -6px var(--gold), 0 20px 50px -40px #000; }
  91%, 96% { border-color: color-mix(in srgb, var(--gold) 30%, #ffffff10); box-shadow: 0 0 16px -7px var(--gold), 0 20px 50px -40px #000; }
  100% { border-color: color-mix(in srgb, var(--gold) 13%, #ffffff10); box-shadow: rgb(0, 0, 0) 0px 20px 50px -40px; }
}
@keyframes styles_op_84iojo_fill1 { 
  0%, 15% { transform: scaleX(0); opacity: 0; }
  17% { opacity: 1; }
  22%, 96% { transform: scaleX(1); opacity: 0.65; }
  100% { transform: scaleX(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fill2 { 
  0%, 33% { transform: scaleX(0); opacity: 0; }
  35% { opacity: 1; }
  40%, 96% { transform: scaleX(1); opacity: 0.65; }
  100% { transform: scaleX(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fill3 { 
  0%, 51% { transform: scaleX(0); opacity: 0; }
  53% { opacity: 1; }
  58%, 96% { transform: scaleX(1); opacity: 0.65; }
  100% { transform: scaleX(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fill4 { 
  0%, 69% { transform: scaleX(0); opacity: 0; }
  71% { opacity: 1; }
  76%, 96% { transform: scaleX(1); opacity: 0.65; }
  100% { transform: scaleX(0); opacity: 0; }
}
@keyframes styles_op_84iojo_pkt1 { 
  0%, 15% { opacity: 0; left: 0px; }
  16% { opacity: 1; }
  21% { opacity: 1; }
  22% { opacity: 0; left: 100%; }
  100% { opacity: 0; left: 100%; }
}
@keyframes styles_op_84iojo_pkt2 { 
  0%, 33% { opacity: 0; left: 0px; }
  34% { opacity: 1; }
  39% { opacity: 1; }
  40% { opacity: 0; left: 100%; }
  100% { opacity: 0; left: 100%; }
}
@keyframes styles_op_84iojo_pkt3 { 
  0%, 51% { opacity: 0; left: 0px; }
  52% { opacity: 1; }
  57% { opacity: 1; }
  58% { opacity: 0; left: 100%; }
  100% { opacity: 0; left: 100%; }
}
@keyframes styles_op_84iojo_pkt4 { 
  0%, 69% { opacity: 0; left: 0px; }
  70% { opacity: 1; }
  75% { opacity: 1; }
  76% { opacity: 0; left: 100%; }
  100% { opacity: 0; left: 100%; }
}
@keyframes styles_op_84iojo_dot1 { 
  0%, 12% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  15% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  18%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_dot2 { 
  0%, 30% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  33% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  36%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_dot3 { 
  0%, 48% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  51% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  54%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_dot4 { 
  0%, 66% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  69% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  72%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_dot5 { 
  0%, 86% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
  89% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 9px 0px; transform: scale(1.1); }
  92%, 96% { background: rgb(111, 206, 158); box-shadow: rgb(111, 206, 158) 0px 0px 8px 0px; transform: scale(1); }
  100% { background: rgb(42, 49, 56); box-shadow: none; transform: scale(0.7); }
}
@keyframes styles_op_84iojo_appear1 { 
  0%, 5% { opacity: 0; transform: translateY(7px); }
  11% { opacity: 1; transform: none; }
  96% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(7px); }
}
@keyframes styles_op_84iojo_appear2 { 
  0%, 22% { opacity: 0; transform: translateY(6px); }
  27% { opacity: 1; transform: none; }
  96% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(6px); }
}
@keyframes styles_op_84iojo_appear2b { 
  0%, 28% { opacity: 0; transform: scale(0.8); }
  33% { opacity: 1; transform: scale(1); }
  96% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}
@keyframes styles_op_84iojo_pipeFill { 
  0%, 42% { transform: scaleX(0); }
  47%, 96% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
@keyframes styles_op_84iojo_pipeFill3 { 
  0%, 47% { transform: scaleX(0); }
  52%, 96% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
@keyframes styles_op_84iojo_appear3 { 
  0%, 40% { opacity: 0; transform: translateY(6px); }
  46% { opacity: 1; transform: none; }
  96% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(6px); }
}
@keyframes styles_op_84iojo_wfFill { 
  0%, 60% { transform: scaleX(0); }
  65%, 96% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
@keyframes styles_op_84iojo_wfFill2 { 
  0%, 64% { transform: scaleX(0); }
  69%, 96% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
@keyframes styles_op_84iojo_spin { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_84iojo_appear4 { 
  0%, 66% { opacity: 0; transform: translateY(6px); }
  71% { opacity: 1; transform: none; }
  96% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(6px); }
}
@keyframes styles_op_84iojo_grow { 
  0%, 77% { transform: scaleY(0); }
  84%, 96% { transform: scaleY(1); }
  100% { transform: scaleY(0); }
}
@keyframes styles_op_84iojo_growLast { 
  0%, 80% { transform: scaleY(0); }
  88%, 96% { transform: scaleY(1); }
  100% { transform: scaleY(0); }
}
@keyframes styles_op_84iojo_fillV1 { 
  0%, 15% { transform: scaleY(0); opacity: 0; }
  17% { opacity: 1; }
  22%, 96% { transform: scaleY(1); opacity: 0.65; }
  100% { transform: scaleY(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fillV2 { 
  0%, 33% { transform: scaleY(0); opacity: 0; }
  35% { opacity: 1; }
  40%, 96% { transform: scaleY(1); opacity: 0.65; }
  100% { transform: scaleY(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fillV3 { 
  0%, 51% { transform: scaleY(0); opacity: 0; }
  53% { opacity: 1; }
  58%, 96% { transform: scaleY(1); opacity: 0.65; }
  100% { transform: scaleY(0); opacity: 0; }
}
@keyframes styles_op_84iojo_fillV4 { 
  0%, 69% { transform: scaleY(0); opacity: 0; }
  71% { opacity: 1; }
  76%, 96% { transform: scaleY(1); opacity: 0.65; }
  100% { transform: scaleY(0); opacity: 0; }
}
@keyframes styles_op_84iojo_pktV1 { 
  0%, 15% { opacity: 0; top: 0px; }
  16% { opacity: 1; }
  21% { opacity: 1; }
  22% { opacity: 0; top: 100%; }
  100% { opacity: 0; top: 100%; }
}
@keyframes styles_op_84iojo_pktV2 { 
  0%, 33% { opacity: 0; top: 0px; }
  34% { opacity: 1; }
  39% { opacity: 1; }
  40% { opacity: 0; top: 100%; }
  100% { opacity: 0; top: 100%; }
}
@keyframes styles_op_84iojo_pktV3 { 
  0%, 51% { opacity: 0; top: 0px; }
  52% { opacity: 1; }
  57% { opacity: 1; }
  58% { opacity: 0; top: 100%; }
  100% { opacity: 0; top: 100%; }
}
@keyframes styles_op_84iojo_pktV4 { 
  0%, 69% { opacity: 0; top: 0px; }
  70% { opacity: 1; }
  75% { opacity: 1; }
  76% { opacity: 0; top: 100%; }
  100% { opacity: 0; top: 100%; }
}

/* dsd-uber-abschluss: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_zd0gjr_section { position: relative; background: rgb(10, 12, 15); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px; }
.styles_op_zd0gjr_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_zd0gjr_glow { position: absolute; width: 720px; height: 720px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; filter: blur(150px); background: radial-gradient(circle, rgba(196, 160, 106, 0.17), rgba(13, 16, 19, 0) 70%); }
.styles_op_zd0gjr_inner { position: relative; z-index: 2; max-width: 820px; margin: 0px auto; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 26px; text-align: center; }
.styles_op_zd0gjr_heading { opacity: 0; transform: translateY(20px); transition: opacity 0.7s, transform 0.7s; }
.styles_op_zd0gjr_text { font-size: 17px; line-height: 1.7; opacity: 0; transform: translateY(20px); transition: opacity 0.7s 0.12s, transform 0.7s 0.12s; }
.styles_op_zd0gjr_actions { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-top: 8px; opacity: 0; transform: translateY(20px); transition: opacity 0.7s 0.24s, transform 0.7s 0.24s; }
.styles_op_zd0gjr_in .styles_op_zd0gjr_heading, .styles_op_zd0gjr_in .styles_op_zd0gjr_text, .styles_op_zd0gjr_in .styles_op_zd0gjr_actions { opacity: 1; transform: translateY(0px); }
@media (max-width: 960px) {
.styles_op_zd0gjr_section { padding: 104px 20px; }
.styles_op_zd0gjr_actions { flex-direction: column; width: 100%; max-width: 320px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_zd0gjr_heading, .styles_op_zd0gjr_text, .styles_op_zd0gjr_actions { opacity: 1; transform: none; transition: none; }
}

/* dsd-uber-persoenlich: Regeln aus dem Original-Baustein, 1:1. */
.styles_op_ftpkz8_section { position: relative; background: rgb(10, 12, 15); color: var(--color-kit-white); overflow: hidden; padding: 140px 24px; }
.styles_op_ftpkz8_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_ftpkz8_glow { position: absolute; width: 620px; height: 620px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; filter: blur(140px); background: radial-gradient(circle, rgba(196, 160, 106, 0.12), rgba(10, 12, 15, 0) 70%); }
.styles_op_ftpkz8_inner { position: relative; z-index: 2; max-width: 860px; margin: 0px auto; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.styles_op_ftpkz8_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; opacity: 0; transform: translateY(18px); transition: opacity 0.6s, transform 0.6s; }
.styles_op_ftpkz8_heading { opacity: 0; transform: translateY(20px); transition: opacity 0.7s 0.1s, transform 0.7s 0.1s; }
.styles_op_ftpkz8_text { font-size: 17px; line-height: 1.75; opacity: 0; transform: translateY(20px); transition: opacity 0.7s 0.2s, transform 0.7s 0.2s; }
.styles_op_ftpkz8_in .styles_op_ftpkz8_eyebrow, .styles_op_ftpkz8_in .styles_op_ftpkz8_heading, .styles_op_ftpkz8_in .styles_op_ftpkz8_text { opacity: 1; transform: translateY(0px); }
.styles_op_ftpkz8_status { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 12px; }
.styles_op_ftpkz8_statusItem { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(201, 198, 190); padding: 9px 16px; border: 1px solid rgba(196, 160, 106, 0.18); border-radius: 10px; background: rgb(14, 17, 22); opacity: 0; transform: translateY(16px); transition: opacity 0.6s, transform 0.6s; }
.styles_op_ftpkz8_in .styles_op_ftpkz8_statusItem { opacity: 1; transform: translateY(0px); }
.styles_op_ftpkz8_statusDot { width: 7px; height: 7px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 7px; flex: 0 0 auto; }
@media (max-width: 960px) {
.styles_op_ftpkz8_section { padding: 96px 20px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_ftpkz8_eyebrow, .styles_op_ftpkz8_heading, .styles_op_ftpkz8_text { opacity: 1; transform: none; transition: none; }
}

/* dse: Seitenteile 1:1 aus dem Original (Onepage-Module). Klassen styles_op_<hash>_* wie im Original; Markup in dse-<seite>-<a..f>.html. */
.dse-sek { position: relative; margin-top: -1px; }
.dse-sek:first-child { margin-top: -1px; }
/* Grundwerte der Original-Seite (body: Times New Roman 14px/24px, Links ohne Unterstreichung); :where() = keine Spezifität, Modulregeln gewinnen wie im Original. */
:where(.dse-sek) { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: normal; text-align: start; text-transform: none; hyphens: manual; overflow-wrap: normal; max-width: none; width: auto; -webkit-font-smoothing: antialiased; }
:where(.dse-sek) :is(h1, h2, h3, h4, h5) { font-weight: bold; letter-spacing: normal; line-height: inherit; hyphens: manual; overflow-wrap: normal; margin: revert; font-size: revert; }
:where(.dse-sek) p, :where(.dse-sek) ul, :where(.dse-sek) ol { margin: revert; padding: revert; }
:where(.dse-sek) a { color: inherit; text-decoration: none; }
:where(.dse-sek) img { max-width: none; display: inline; }
.dse-sek *, .dse-sek *::before, .dse-sek *::after { box-sizing: border-box; }
.bw-kopf-sternenfeld { max-width: none; width: auto; }
.styles_op_shd2v6_h { font-family: var(--font-kit-header-font, "Playfair Display"), serif; color: var(--color-kit-white, #ffffff); line-height: 1.1; letter-spacing: -0.015em; margin: 0px; font-weight: 700; text-wrap: balance; }
.styles_op_shd2v6_a_left { text-align: left; }
.styles_op_shd2v6_a_center { text-align: center; }
.styles_op_shd2v6_s_md { font-size: clamp(1.75rem, 1.4rem + 1.6vw, 2.4rem); }
.styles_op_shd2v6_s_lg { font-size: clamp(2.1rem, 1.55rem + 2.5vw, 3.05rem); }
.styles_op_shd2v6_s_xl { font-size: clamp(2.3rem, 1.6rem + 2.9vw, 3.55rem); }
.styles_op_wbsm8m_text { font-family: var(--font-kit-text-font, "Inter"), sans-serif; color: var(--color-kit-white, #fff); line-height: 1.65; margin: 0px; }
.styles_op_wbsm8m_muted { color: rgb(183, 178, 166); }
.styles_op_wbsm8m_s_md { font-size: 1.02rem; }
.styles_op_wbsm8m_s_lg { font-size: 1.15rem; }
.styles_op_1mijys6_badge { display: inline-flex; align-items: center; gap: 0.6rem; font-family: var(--font-kit-text-font, "Inter"), sans-serif; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: var(--color-kit-key1, #E5A62C); padding: 0.5rem 1rem 0.5rem 0.85rem; border: 1px solid rgba(229, 166, 44, 0.25); border-radius: 999px; background: linear-gradient(rgba(229, 166, 44, 0.08), rgba(229, 166, 44, 0.03)); backdrop-filter: blur(6px); }
.styles_op_1mijys6_badge::before { content: ""; width: 5px; height: 5px; border-radius: 999px; background: var(--color-kit-key1, #E5A62C); box-shadow: rgba(229, 166, 44, 0.667) 0px 0px 8px 1px; flex: 0 0 auto; animation: 3.2s ease-in-out 0s infinite normal none running styles_op_1mijys6_badgePulse; }
@media (prefers-reduced-motion: reduce) {
.styles_op_1mijys6_badge::before { animation: auto ease 0s 1 normal none running none; }
}
.styles_op_ptjyzt_field { position: absolute; inset: 0px; z-index: 0; pointer-events: none; overflow: hidden; }
.styles_op_ptjyzt_canvas { display: block; width: 100%; height: 100%; }
.styles_op_ptjyzt_fadeTop { position: absolute; top: 0px; left: 0px; right: 0px; pointer-events: none; }
.styles_op_ptjyzt_fadeBottom { position: absolute; bottom: 0px; left: 0px; right: 0px; pointer-events: none; }
.styles_op_o0oxqu_btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; font-family: var(--font-kit-text-font, "Inter"), sans-serif; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.01em; border-radius: 11px; cursor: pointer; border: 1px solid transparent; text-decoration: none; transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s, background 0.25s, border-color 0.25s, color 0.25s; white-space: nowrap; }
.styles_op_o0oxqu_btn::before { content: ""; position: absolute; top: 0px; left: -130%; width: 55%; height: 100%; background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.36) 50%, transparent 100%); transform: skewX(-18deg); pointer-events: none; opacity: 0; }
.styles_op_o0oxqu_btn:hover::before { animation: 0.85s ease 0s 1 normal none running styles_op_o0oxqu_sweep; }
.styles_op_o0oxqu_btn > * { position: relative; z-index: 1; }
.styles_op_o0oxqu_sz_lg { padding: 1.05rem 2.1rem; font-size: 1rem; }
.styles_op_o0oxqu_primary { background: linear-gradient(
      135deg,
      #F6D57A 0%,
      var(--color-kit-key2, #F0C24B) 42%,
      var(--color-kit-key1, #E5A62C) 100%); color: rgb(26, 20, 8); box-shadow: rgba(229, 166, 44, 0.6) 0px 10px 28px -14px, rgba(255, 246, 217, 0.667) 0px 1px 0px inset; }
.styles_op_o0oxqu_primary:hover { transform: translateY(-2px); box-shadow: rgba(229, 166, 44, 0.753) 0px 16px 40px -16px, rgba(255, 246, 217, 0.8) 0px 1px 0px inset; }
.styles_op_o0oxqu_outline { background: transparent; color: var(--color-kit-white, #fff); border-color: rgba(255, 255, 255, 0.2); }
.styles_op_o0oxqu_outline:hover { border-color: var(--color-kit-key1, #E5A62C); color: var(--color-kit-key1, #E5A62C); transform: translateY(-2px); box-shadow: rgba(229, 166, 44, 0.667) 0px 14px 40px -20px; }
@media (prefers-reduced-motion: reduce) {
.styles_op_o0oxqu_btn { transition: box-shadow 0.25s, border-color 0.25s, color 0.25s; }
.styles_op_o0oxqu_btn:hover { transform: none; }
.styles_op_o0oxqu_btn:hover::before { animation: auto ease 0s 1 normal none running none; }
}
.styles_op_1oej6hm_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_1oej6hm_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_1oej6hm_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_1oej6hm_glowA, .styles_op_1oej6hm_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_1oej6hm_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_1oej6hm_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_1oej6hm_header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9000; transition: background 0.35s, backdrop-filter 0.35s, border-color 0.35s; border-bottom: 1px solid transparent; }
.styles_op_1oej6hm_headerScrolled { background: rgba(10, 11, 14, 0.8); backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_1oej6hm_headerInner { max-width: 1320px; margin: 0px auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.styles_op_1oej6hm_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_1oej6hm_nav { display: flex; align-items: center; gap: 26px; }
.styles_op_1oej6hm_navLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(201, 198, 190); text-decoration: none; position: relative; transition: color 0.25s; white-space: nowrap; }
.styles_op_1oej6hm_navLink::after { content: ""; position: absolute; left: 0px; bottom: -6px; height: 1px; width: 100%; background: var(--color-kit-key1); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.styles_op_1oej6hm_navLink:hover { color: var(--color-kit-white); }
.styles_op_1oej6hm_navLink:hover::after { transform: scaleX(1); }
.styles_op_1oej6hm_headerRight { display: flex; align-items: center; gap: 16px; }
.styles_op_1oej6hm_lang { font-size: 13px; color: rgb(201, 198, 190); letter-spacing: 0.1em; }
.styles_op_1oej6hm_ctaBtn { font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; color: rgb(26, 20, 8); text-decoration: none; padding: 10px 18px; border-radius: 11px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 6px 18px; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_1oej6hm_ctaBtn:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 10px 26px; }
.styles_op_1oej6hm_burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0px; cursor: pointer; padding: 6px; }
.styles_op_1oej6hm_burger span { width: 22px; height: 2px; background: rgb(231, 227, 218); border-radius: 2px; }
.styles_op_1oej6hm_mobileMenu { display: none; flex-direction: column; gap: 4px; padding: 12px 24px 20px; background: rgba(10, 11, 14, 0.95); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_1oej6hm_mobileLink { color: rgb(201, 198, 190); text-decoration: none; padding: 10px 0px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1oej6hm_mobileCta { margin-top: 10px; text-align: center; color: rgb(26, 20, 8); font-weight: 600; padding: 12px; border-radius: 11px; text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_1oej6hm_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_1oej6hm_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.styles_op_1oej6hm_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_1oej6hm_title { max-width: 640px; }
.styles_op_1oej6hm_sub { max-width: 560px; color: rgb(231, 227, 218); font-weight: 500; }
.styles_op_1oej6hm_desc { max-width: 560px; }
.styles_op_1oej6hm_showcase { position: relative; }
.styles_op_1oej6hm_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_1oej6hm_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1oej6hm_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_1oej6hm_dR { background: rgb(229, 103, 78); }
.styles_op_1oej6hm_dY { background: rgb(224, 199, 155); }
.styles_op_1oej6hm_dG { background: rgb(95, 191, 126); }
.styles_op_1oej6hm_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_1oej6hm_stage { position: relative; width: 100%; aspect-ratio: 16 / 9; background: rgb(10, 11, 15); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.styles_op_1oej6hm_videoFrame { width: 100%; height: 100%; display: block; object-fit: cover; }
.styles_op_1oej6hm_mediaPlaceholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(10, 12, 15); color: rgb(196, 160, 106); font-size: 16px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; border: none; font-family: var(--font-kit-text-font); }
.styles_op_1oej6hm_statusRow { display: flex; align-items: center; justify-content: flex-start; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_1oej6hm_statusLive { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); text-transform: uppercase; letter-spacing: 0.18em; }
.styles_op_1oej6hm_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
.styles_op_1oej6hm_floating { position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; pointer-events: none; }
.styles_op_1oej6hm_floating > * { pointer-events: auto; }
.styles_op_1oej6hm_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_1oej6hm_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(196, 160, 106, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--color-kit-key1); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_1oej6hm_assistant:hover { transform: translateY(-2px); border-color: var(--color-kit-key1); box-shadow: rgba(196, 160, 106, 0.447) 0px 16px 40px -14px; }
.styles_op_1oej6hm_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_1oej6hm_assistant:focus-visible { outline: 2px solid var(--color-kit-key1); outline-offset: 3px; }
.styles_op_1oej6hm_assistantActive { border-color: var(--color-kit-key1); box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 1px, rgba(196, 160, 106, 0.533) 0px 16px 42px -12px; }
.styles_op_1oej6hm_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_1oej6hm_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.345) 0px 0px 5px); }
.styles_op_1oej6hm_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_1oej6hm_aiBlink; }
.styles_op_1oej6hm_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.416), transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_1oej6hm_aiPulse; }
.styles_op_1oej6hm_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_1oej6hm_aiOrbit; }
.styles_op_1oej6hm_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--color-kit-key1); box-shadow: rgba(196, 160, 106, 0.698) 0px 0px 6px 1px; }
.styles_op_1oej6hm_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_1oej6hm_assistant:hover .styles_op_1oej6hm_aiSweep, .styles_op_1oej6hm_assistantActive .styles_op_1oej6hm_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_1oej6hm_aiSweep; }
.styles_op_1oej6hm_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(196, 160, 106, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1oej6hm_assistant:hover .styles_op_1oej6hm_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_1oej6hm_assistantActive .styles_op_1oej6hm_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_1oej6hm_contactWrap { position: relative; }
.styles_op_1oej6hm_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(196, 160, 106, 0.3); background: linear-gradient(
      135deg,
      var(--color-kit-key2),
      var(--color-kit-key1) 55%,
      #A8854F); color: rgb(11, 13, 17); display: grid; place-items: center; text-decoration: none; box-shadow: rgba(196, 160, 106, 0.6) 0px 14px 34px -12px; transition: transform 0.25s; }
.styles_op_1oej6hm_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_1oej6hm_fab:focus-visible { outline: 2px solid var(--color-kit-key1); outline-offset: 3px; }
.styles_op_1oej6hm_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(196, 160, 106, 0.28); font-family: var(--font-kit-text-font); font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1oej6hm_fab:hover .styles_op_1oej6hm_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_1oej6hm_chat { position: fixed; bottom: 278px; right: 22px; z-index: 2147483001; width: min(340px, -40px + 100vw); border-radius: 18px; overflow: hidden; border: 1px solid rgba(196, 160, 106, 0.28); background: rgba(9, 11, 15, 0.94); backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.92) 0px 30px 70px -28px; display: flex; flex-direction: column; animation: 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_1oej6hm_chatIn; }
.styles_op_1oej6hm_chatHead { display: flex; align-items: center; gap: 9px; padding: 14px 14px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: linear-gradient(rgba(196, 160, 106, 0.1), transparent); }
.styles_op_1oej6hm_chatDot { width: 8px; height: 8px; border-radius: 50%; background: var(--color-kit-key1); box-shadow: rgba(196, 160, 106, 0.22) 0px 0px 0px 4px; flex: 0 0 auto; }
.styles_op_1oej6hm_chatTitle { flex: 1 1 0%; font-family: var(--font-kit-text-font); font-size: 14px; font-weight: 600; color: rgb(244, 241, 233); }
.styles_op_1oej6hm_chatClose { background: none; border: none; color: rgba(244, 241, 233, 0.6); cursor: pointer; padding: 2px; display: grid; place-items: center; transition: color 0.2s; }
.styles_op_1oej6hm_chatClose:hover { color: var(--color-kit-key1); }
.styles_op_1oej6hm_chatClose:focus-visible { outline: 2px solid var(--color-kit-key1); outline-offset: 2px; border-radius: 4px; }
.styles_op_1oej6hm_chatBody { padding: 14px; display: flex; flex-direction: column; gap: 10px; max-height: clamp(150px, -450px + 100dvh, 340px); overflow-y: auto; }
.styles_op_1oej6hm_bubBot { align-self: flex-start; background: rgba(255, 255, 255, 0.06); color: rgba(244, 241, 233, 0.9); font-family: var(--font-kit-text-font); font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 13px 4px; max-width: 88%; display: flex; flex-direction: column; }
.styles_op_1oej6hm_bubUser { align-self: flex-end; background: linear-gradient(
      135deg,
      var(--color-kit-key2),
      #B88732); color: rgb(11, 13, 17); font-weight: 500; font-family: var(--font-kit-text-font); font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 4px; max-width: 88%; }
.styles_op_1oej6hm_bubText { display: block; }
.styles_op_1oej6hm_chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.styles_op_1oej6hm_chip { font-family: var(--font-kit-text-font); font-size: 12.5px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(196, 160, 106, 0.32); background: rgba(196, 160, 106, 0.08); color: var(--color-kit-key1); cursor: pointer; transition: background 0.2s, transform 0.2s; }
.styles_op_1oej6hm_chip:hover { background: rgba(196, 160, 106, 0.18); transform: translateY(-1px); }
.styles_op_1oej6hm_chip:focus-visible { outline: 2px solid var(--color-kit-key1); outline-offset: 2px; }
.styles_op_1oej6hm_form { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.styles_op_1oej6hm_input, .styles_op_1oej6hm_textarea { font-family: var(--font-kit-text-font); font-size: 13.5px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; resize: none; }
.styles_op_1oej6hm_input:focus, .styles_op_1oej6hm_textarea:focus { border-color: var(--color-kit-key1); }
.styles_op_1oej6hm_input::placeholder, .styles_op_1oej6hm_textarea::placeholder { color: rgba(244, 241, 233, 0.4); }
.styles_op_1oej6hm_err { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(230, 180, 90); }
.styles_op_1oej6hm_send { font-family: var(--font-kit-text-font); font-size: 13.5px; font-weight: 600; padding: 11px 14px; border-radius: 11px; border: none; background: linear-gradient(
      135deg,
      var(--color-kit-key2),
      #B88732); color: rgb(11, 13, 17); cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_1oej6hm_send:hover { transform: translateY(-1px); }
.styles_op_1oej6hm_send:disabled { opacity: 0.6; cursor: default; transform: none; }
.styles_op_1oej6hm_askRow { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_1oej6hm_ask { flex: 1 1 0%; font-family: var(--font-kit-text-font); font-size: 13.5px; padding: 10px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.05); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; }
.styles_op_1oej6hm_ask:focus { border-color: var(--color-kit-key1); }
.styles_op_1oej6hm_ask::placeholder { color: rgba(244, 241, 233, 0.42); }
.styles_op_1oej6hm_askSend { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: none; background: linear-gradient(
      135deg,
      var(--color-kit-key2),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_1oej6hm_askSend:hover { transform: translateY(-1px); }
.styles_op_1oej6hm_askSend:disabled { opacity: 0.5; cursor: default; transform: none; }
.styles_op_1oej6hm_doneLink { font-family: var(--font-kit-text-font); font-size: 13px; color: var(--color-kit-key1); text-decoration: none; align-self: flex-start; border-bottom: 1px solid rgba(196, 160, 106, 0.4); }
@media (prefers-reduced-motion: reduce) {
.styles_op_1oej6hm_chat { animation: auto ease 0s 1 normal none running none; }
.styles_op_1oej6hm_aiEye, .styles_op_1oej6hm_aiPulse, .styles_op_1oej6hm_aiOrbit { animation: auto ease 0s 1 normal none running none; }
.styles_op_1oej6hm_aiPulse { opacity: 0.4; }
.styles_op_1oej6hm_assistant:hover .styles_op_1oej6hm_aiTip, .styles_op_1oej6hm_fab:hover .styles_op_1oej6hm_fabTip { transition-delay: 0s; }
}
@media (max-width: 960px) {
.styles_op_1oej6hm_floating { right: 16px; bottom: calc(152px + env(safe-area-inset-bottom)); }
.styles_op_1oej6hm_chat { right: 16px; bottom: 300px; }
.styles_op_1oej6hm_aiTip { display: none !important; }
.styles_op_1oej6hm_fabTip { display: none !important; }
}
@media (max-width: 960px) {
.styles_op_1oej6hm_nav, .styles_op_1oej6hm_lang { display: none; }
.styles_op_1oej6hm_burger { display: flex; }
.styles_op_1oej6hm_mobileMenu { display: flex; }
.styles_op_1oej6hm_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_1oej6hm_section { padding: 120px 20px 80px; }
}
@media (max-width: 560px) {
.styles_op_1oej6hm_ctaBtn { padding: 9px 14px; font-size: 13px; }
}
.styles_op_1oej6hl_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 120px 24px; }
.styles_op_1oej6hl_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_1oej6hl_glow { position: absolute; width: 620px; height: 620px; top: -220px; left: 50%; transform: translateX(-50%); border-radius: 50%; filter: blur(120px); background: radial-gradient(circle, rgba(196, 160, 106, 0.18), rgba(8, 9, 11, 0) 70%); pointer-events: none; z-index: 0; }
.styles_op_1oej6hl_inner { position: relative; z-index: 2; max-width: 1100px; margin: 0px auto; width: 100%; display: flex; flex-direction: column; gap: 96px; }
.styles_op_1oej6hl_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_1oej6hl_heading { margin: 0px; }
.styles_op_1oej6hl_subHeading { margin: 0px 0px 8px; }
.styles_op_1oej6hl_overview { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; max-width: 720px; }
.styles_op_1oej6hl_lead { max-width: 680px; }
.styles_op_1oej6hl_popWrap { position: relative; outline: none; cursor: pointer; }
.styles_op_1oej6hl_popWrap:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 4px; border-radius: 16px; }
.styles_op_1oej6hl_twoCards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.styles_op_1oej6hl_card { position: relative; background: rgb(13, 16, 19); border: 1px solid rgba(196, 160, 106, 0.2); border-radius: 16px; padding: 36px 32px; display: flex; flex-direction: column; gap: 14px; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; height: 100%; }
.styles_op_1oej6hl_popWrap:hover .styles_op_1oej6hl_card { transform: translateY(-3px); border-color: rgba(196, 160, 106, 0.4); box-shadow: rgba(0, 0, 0, 0.333) 0px 24px 60px; }
.styles_op_1oej6hl_wrapActive .styles_op_1oej6hl_card { border-color: rgba(196, 160, 106, 0.6); box-shadow: rgba(0, 0, 0, 0.333) 0px 24px 60px; }
.styles_op_1oej6hl_cardKicker { width: 40px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_1oej6hl_cardTitle { margin: 4px 0px 0px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 24px; color: var(--color-kit-white); }
.styles_op_1oej6hl_cardText { line-height: 1.6; }
.styles_op_1oej6hl_blockGroup { display: flex; flex-direction: column; }
.styles_op_1oej6hl_blocksGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.styles_op_1oej6hl_blockCard { display: flex; align-items: center; gap: 14px; background: rgb(13, 16, 19); border: 1px solid rgba(196, 160, 106, 0.14); border-radius: 14px; padding: 22px; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; height: 100%; }
.styles_op_1oej6hl_popWrap:hover .styles_op_1oej6hl_blockCard { transform: translateY(-2px); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.333) 0px 0px 0px 1px, rgba(0, 0, 0, 0.267) 0px 18px 40px; }
.styles_op_1oej6hl_wrapActive .styles_op_1oej6hl_blockCard { border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.333) 0px 0px 0px 1px; }
.styles_op_1oej6hl_blockMark { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 10px; }
.styles_op_1oej6hl_blockText { font-family: var(--font-kit-text-font); font-size: 15.5px; color: rgb(216, 212, 203); line-height: 1.45; }
.styles_op_1oej6hl_popLayer { position: absolute; inset: 0px; z-index: 40; }
.styles_op_1oej6hl_popBackdrop { display: none; }
.styles_op_1oej6hl_popover { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: calc(100% + 60px); min-width: 300px; max-width: 480px; background: rgb(12, 15, 19); border: 1px solid rgba(196, 160, 106, 0.5); border-radius: 18px; box-shadow: rgba(196, 160, 106, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.667) 0px 30px 70px, rgba(196, 160, 106, 0.18) 0px 0px 40px; padding: 26px 28px; z-index: 41; text-align: left; animation: 0.22s ease 0s 1 normal both running styles_op_1oej6hl_popIn; }
.styles_op_1oej6hl_popClose { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(196, 160, 106, 0.25); border-radius: 50%; color: rgb(224, 199, 155); cursor: pointer; transition: background 0.2s, border-color 0.2s; }
.styles_op_1oej6hl_popClose:hover { background: rgba(196, 160, 106, 0.15); border-color: rgba(196, 160, 106, 0.6); }
.styles_op_1oej6hl_popClose:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 2px; }
.styles_op_1oej6hl_popTitle { margin: 0px 40px 14px 0px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; line-height: 1.25; color: var(--color-kit-white); }
.styles_op_1oej6hl_popBody { max-height: 60vh; overflow-y: auto; }
.styles_op_1oej6hl_popText { margin: 0px; font-family: var(--font-kit-text-font); font-size: 15.5px; line-height: 1.7; color: rgb(212, 208, 199); }
.styles_op_1oej6hl_stepsGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.styles_op_1oej6hl_step { display: flex; flex-direction: column; gap: 14px; padding: 28px 24px 30px; background: rgb(13, 16, 19); border-width: 2px 1px 1px; border-style: solid; border-color: rgba(196, 160, 106, 0.2) rgba(255, 255, 255, 0.05) rgba(255, 255, 255, 0.05); border-image: initial; border-radius: 16px; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; cursor: pointer; text-align: left; font: inherit; color: inherit; width: 100%; }
.styles_op_1oej6hl_step:hover { transform: translateY(-3px); border-color: rgba(196, 160, 106, 0.333); }
.styles_op_1oej6hl_step:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 3px; }
.styles_op_1oej6hl_stepActive { border-color: rgb(196, 160, 106) rgba(196, 160, 106, 0.6) rgba(196, 160, 106, 0.6); box-shadow: rgba(196, 160, 106, 0.25) 0px 0px 0px 1px, rgba(0, 0, 0, 0.267) 0px 18px 40px; }
.styles_op_1oej6hl_stepNum { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 32px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; color: rgb(196, 160, 106); transition: filter 0.3s; }
.styles_op_1oej6hl_stepActive .styles_op_1oej6hl_stepNum { filter: drop-shadow(rgba(196, 160, 106, 0.533) 0px 0px 10px); }
.styles_op_1oej6hl_stepTitle { font-family: var(--font-kit-text-font); font-size: 16px; font-weight: 500; color: rgb(231, 227, 218); line-height: 1.4; }
.styles_op_1oej6hl_stepDetail { margin-top: 22px; min-height: 168px; background: rgb(12, 15, 19); border: 1px solid rgba(196, 160, 106, 0.25); border-radius: 18px; box-shadow: rgba(196, 160, 106, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.333) 0px 20px 50px; padding: 30px 32px; }
.styles_op_1oej6hl_stepDetailInner { animation: 0.3s ease 0s 1 normal both running styles_op_1oej6hl_fadeSwap; }
.styles_op_1oej6hl_stepDetailTitle { display: flex; align-items: baseline; gap: 12px; margin: 0px 0px 12px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 21px; color: var(--color-kit-white); }
.styles_op_1oej6hl_stepDetailNum { font-size: 18px; color: rgb(196, 160, 106); letter-spacing: 0.05em; }
.styles_op_1oej6hl_stepDetailText { margin: 0px; font-family: var(--font-kit-text-font); font-size: 15.5px; line-height: 1.7; color: rgb(212, 208, 199); max-width: 820px; }
.styles_op_1oej6hl_resultBlock { display: flex; flex-direction: column; align-items: center; gap: 18px; background: rgb(13, 16, 19); border: 1px solid rgba(196, 160, 106, 0.18); border-radius: 20px; padding: 56px 40px; }
.styles_op_1oej6hl_resultText { max-width: 720px; }
.styles_op_1oej6hl_closing { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.styles_op_1oej6hl_closingText { max-width: 620px; }
.styles_op_1oej6hl_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; justify-content: center; }
@media (max-width: 900px) {
.styles_op_1oej6hl_twoCards { grid-template-columns: 1fr; }
.styles_op_1oej6hl_blocksGrid { grid-template-columns: repeat(2, 1fr); }
.styles_op_1oej6hl_stepsGrid { grid-template-columns: repeat(2, 1fr); }
.styles_op_1oej6hl_inner { gap: 72px; }
.styles_op_1oej6hl_popLayer { position: fixed; inset: 0px; z-index: 1000; }
.styles_op_1oej6hl_popBackdrop { display: block; position: fixed; inset: 0px; background: rgba(5, 7, 10, 0.8); backdrop-filter: blur(2px); animation: 0.2s ease 0s 1 normal both running styles_op_1oej6hl_fadeSwap; }
.styles_op_1oej6hl_popover { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); min-width: 0px; max-width: 520px; max-height: 82vh; overflow: hidden; display: flex; flex-direction: column; animation: 0.22s ease 0s 1 normal both running styles_op_1oej6hl_popInMobile; }
.styles_op_1oej6hl_popBody { max-height: none; flex: 1 1 0%; }
}
@media (max-width: 560px) {
.styles_op_1oej6hl_section { padding: 90px 20px; }
.styles_op_1oej6hl_blocksGrid { grid-template-columns: 1fr; }
.styles_op_1oej6hl_stepsGrid { grid-template-columns: repeat(2, 1fr); }
.styles_op_1oej6hl_card { padding: 28px 24px; }
.styles_op_1oej6hl_resultBlock { padding: 40px 24px; }
.styles_op_1oej6hl_actions { width: 100%; }
.styles_op_1oej6hl_actions a { flex: 1 1 0%; text-align: center; }
.styles_op_1oej6hl_stepDetail { min-height: 210px; padding: 24px 22px; }
.styles_op_1oej6hl_popover { padding: 24px 22px; }
.styles_op_1oej6hl_popTitle { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_1oej6hl_popover, .styles_op_1oej6hl_popBackdrop, .styles_op_1oej6hl_stepDetailInner, .styles_op_1oej6hl_card, .styles_op_1oej6hl_blockCard, .styles_op_1oej6hl_step, .styles_op_1oej6hl_stepNum { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
.styles_op_26r6ba_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 96px 24px 56px; }
.styles_op_26r6ba_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_26r6ba_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_26r6ba_glow { position: absolute; width: 560px; height: 560px; bottom: -260px; left: 50%; transform: translateX(-50%); border-radius: 50%; filter: blur(120px); background: radial-gradient(circle, rgba(196, 160, 106, 0.15), rgba(8, 9, 11, 0) 70%); pointer-events: none; z-index: 1; }
.styles_op_26r6ba_inner { position: relative; z-index: 2; max-width: 1250px; margin: 0px auto; width: 100%; }
.styles_op_26r6ba_top { display: grid; grid-template-columns: 1.1fr 3fr; gap: 56px; align-items: start; }
.styles_op_26r6ba_brandCol { display: flex; flex-direction: column; gap: 16px; max-width: 320px; }
.styles_op_26r6ba_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 26px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_26r6ba_tagline { margin: 0px; font-family: var(--font-kit-text-font); font-size: 14.5px; line-height: 1.65; color: rgb(169, 166, 157); }
.styles_op_26r6ba_cols { display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; }
.styles_op_26r6ba_col { display: flex; flex-direction: column; gap: 14px; }
.styles_op_26r6ba_colTitle, .styles_op_26r6ba_colTitleLink { margin: 0px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 14px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-kit-key1); text-decoration: none; }
.styles_op_26r6ba_colTitleLink { transition: color 0.25s; }
.styles_op_26r6ba_colTitleLink:hover { color: var(--color-kit-key2); }
.styles_op_26r6ba_colList { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 11px; }
.styles_op_26r6ba_colLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(193, 190, 182); text-decoration: none; transition: color 0.25s; line-height: 1.4; }
.styles_op_26r6ba_colLink:hover { color: var(--color-kit-white); }
.styles_op_26r6ba_colLink:focus-visible, .styles_op_26r6ba_colTitleLink:focus-visible, .styles_op_26r6ba_brand:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 3px; border-radius: 4px; }
.styles_op_26r6ba_divider { height: 1px; margin: 48px 0px 28px; background: linear-gradient(90deg, rgba(196, 160, 106, 0), rgba(196, 160, 106, 0.25), rgba(196, 160, 106, 0)); }
.styles_op_26r6ba_bottom { display: flex; align-items: center; justify-content: center; }
.styles_op_26r6ba_copyright { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(139, 136, 128); letter-spacing: 0.02em; }
@media (max-width: 960px) {
.styles_op_26r6ba_top { grid-template-columns: 1fr; gap: 40px; }
.styles_op_26r6ba_cols { grid-template-columns: repeat(3, 1fr); gap: 32px 24px; }
}
@media (max-width: 640px) {
.styles_op_26r6ba_section { padding: 72px 20px 48px; }
.styles_op_26r6ba_cols { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 400px) {
.styles_op_26r6ba_cols { grid-template-columns: 1fr 1fr; }
}
.styles_op_qtmyro_section { position: relative; isolation: isolate; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_qtmyro_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_qtmyro_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_qtmyro_glowA, .styles_op_qtmyro_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_qtmyro_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_qtmyro_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_qtmyro_header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9000; transition: background 0.35s, backdrop-filter 0.35s, border-color 0.35s; border-bottom: 1px solid transparent; }
.styles_op_qtmyro_headerScrolled { background: rgba(10, 11, 14, 0.8); backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_qtmyro_headerInner { max-width: 1320px; margin: 0px auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.styles_op_qtmyro_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_qtmyro_nav { display: flex; align-items: center; gap: 26px; }
.styles_op_qtmyro_navLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(201, 198, 190); text-decoration: none; position: relative; transition: color 0.25s; white-space: nowrap; }
.styles_op_qtmyro_navLink::after { content: ""; position: absolute; left: 0px; bottom: -6px; height: 1px; width: 100%; background: var(--color-kit-key1); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.styles_op_qtmyro_navLink:hover { color: var(--color-kit-white); }
.styles_op_qtmyro_navLink:hover::after { transform: scaleX(1); }
.styles_op_qtmyro_headerRight { display: flex; align-items: center; gap: 16px; }
.styles_op_qtmyro_lang { font-size: 13px; color: rgb(201, 198, 190); letter-spacing: 0.1em; }
.styles_op_qtmyro_ctaBtn { font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; color: rgb(26, 20, 8); text-decoration: none; padding: 10px 18px; border-radius: 11px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 6px 18px; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_qtmyro_ctaBtn:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 10px 26px; }
.styles_op_qtmyro_burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0px; cursor: pointer; padding: 6px; }
.styles_op_qtmyro_burger span { width: 22px; height: 2px; background: rgb(231, 227, 218); border-radius: 2px; }
.styles_op_qtmyro_mobileMenu { display: none; flex-direction: column; gap: 4px; padding: 12px 24px 20px; background: rgba(10, 11, 14, 0.95); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_qtmyro_mobileLink { color: rgb(201, 198, 190); text-decoration: none; padding: 10px 0px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_qtmyro_mobileCta { margin-top: 10px; text-align: center; color: rgb(26, 20, 8); font-weight: 600; padding: 12px; border-radius: 11px; text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_qtmyro_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_qtmyro_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.styles_op_qtmyro_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_qtmyro_title { max-width: 640px; }
.styles_op_qtmyro_sub { max-width: 560px; color: rgb(231, 227, 218); font-weight: 500; }
.styles_op_qtmyro_desc { max-width: 560px; }
.styles_op_qtmyro_showcase { position: relative; }
.styles_op_qtmyro_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_qtmyro_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_qtmyro_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_qtmyro_dR { background: rgb(229, 103, 78); }
.styles_op_qtmyro_dY { background: rgb(224, 199, 155); }
.styles_op_qtmyro_dG { background: rgb(95, 191, 126); }
.styles_op_qtmyro_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_qtmyro_stage { position: relative; width: 100%; aspect-ratio: 16 / 9; background: rgb(10, 11, 15); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.styles_op_qtmyro_videoFrame { width: 100%; height: 100%; display: block; object-fit: cover; }
.styles_op_qtmyro_mediaPlaceholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(10, 12, 15); color: rgb(196, 160, 106); font-size: 16px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; border: none; font-family: var(--font-kit-text-font); }
.styles_op_qtmyro_statusRow { display: flex; align-items: center; justify-content: flex-start; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_qtmyro_statusLive { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); text-transform: uppercase; letter-spacing: 0.18em; }
.styles_op_qtmyro_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
.styles_op_qtmyro_floatContact { position: fixed; right: 22px; bottom: 130px; z-index: 9500; width: 56px; height: 56px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: rgb(26, 20, 8); text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 6px 20px; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_qtmyro_floatContact:hover { transform: translateY(-2px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.4) 0px 12px 30px; }
.styles_op_qtmyro_floatContact:focus-visible { outline: rgb(224, 199, 155) solid 3px; outline-offset: 3px; }
@media (max-width: 560px) {
.styles_op_qtmyro_floatContact { right: 16px; bottom: calc(152px + env(safe-area-inset-bottom)); }
}
@media (max-width: 960px) {
.styles_op_qtmyro_nav, .styles_op_qtmyro_lang { display: none; }
.styles_op_qtmyro_burger { display: flex; }
.styles_op_qtmyro_mobileMenu { display: flex; }
.styles_op_qtmyro_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_qtmyro_section { padding: 120px 20px 80px; }
}
@media (max-width: 560px) {
.styles_op_qtmyro_ctaBtn { padding: 9px 14px; font-size: 13px; }
}
.styles_op_qtmyrp_section { position: relative; isolation: isolate; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 120px 24px; }
.styles_op_qtmyrp_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_qtmyrp_glow { position: absolute; width: 620px; height: 620px; top: -220px; left: 50%; transform: translateX(-50%); border-radius: 50%; filter: blur(120px); background: radial-gradient(circle, rgba(196, 160, 106, 0.18), rgba(10, 12, 15, 0) 70%); pointer-events: none; z-index: 0; }
.styles_op_qtmyrp_inner { position: relative; z-index: 2; max-width: 1100px; margin: 0px auto; width: 100%; display: flex; flex-direction: column; gap: 96px; }
.styles_op_qtmyrp_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_qtmyrp_heading { margin: 0px; }
.styles_op_qtmyrp_subHeading { margin: 0px 0px 8px; }
.styles_op_qtmyrp_overview { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; max-width: 720px; }
.styles_op_qtmyrp_lead { max-width: 680px; }
.styles_op_qtmyrp_popWrap { position: relative; outline: none; cursor: pointer; }
.styles_op_qtmyrp_popWrap:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 4px; border-radius: 16px; }
.styles_op_qtmyrp_twoCards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.styles_op_qtmyrp_card { position: relative; background: rgb(13, 16, 19); border: 1px solid rgba(196, 160, 106, 0.2); border-radius: 16px; padding: 36px 32px; display: flex; flex-direction: column; gap: 14px; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; height: 100%; }
.styles_op_qtmyrp_popWrap:hover .styles_op_qtmyrp_card { transform: translateY(-3px); border-color: rgba(196, 160, 106, 0.4); box-shadow: rgba(0, 0, 0, 0.333) 0px 24px 60px; }
.styles_op_qtmyrp_wrapActive .styles_op_qtmyrp_card { border-color: rgba(196, 160, 106, 0.6); box-shadow: rgba(0, 0, 0, 0.333) 0px 24px 60px; }
.styles_op_qtmyrp_cardKicker { width: 40px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_qtmyrp_cardTitle { margin: 4px 0px 0px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 24px; color: var(--color-kit-white); }
.styles_op_qtmyrp_cardText { line-height: 1.6; }
.styles_op_qtmyrp_blockGroup { display: flex; flex-direction: column; }
.styles_op_qtmyrp_blocksGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.styles_op_qtmyrp_blockCard { display: flex; align-items: center; gap: 14px; background: rgb(13, 16, 19); border: 1px solid rgba(196, 160, 106, 0.14); border-radius: 14px; padding: 22px; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; height: 100%; }
.styles_op_qtmyrp_popWrap:hover .styles_op_qtmyrp_blockCard { transform: translateY(-2px); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.333) 0px 0px 0px 1px, rgba(0, 0, 0, 0.267) 0px 18px 40px; }
.styles_op_qtmyrp_wrapActive .styles_op_qtmyrp_blockCard { border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.333) 0px 0px 0px 1px; }
.styles_op_qtmyrp_blockMark { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 10px; }
.styles_op_qtmyrp_blockText { font-family: var(--font-kit-text-font); font-size: 15.5px; color: rgb(216, 212, 203); line-height: 1.45; }
.styles_op_qtmyrp_popLayer { position: absolute; inset: 0px; z-index: 40; }
.styles_op_qtmyrp_popBackdrop { display: none; }
.styles_op_qtmyrp_popover { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: calc(100% + 60px); min-width: 300px; max-width: 480px; background: rgb(12, 15, 19); border: 1px solid rgba(196, 160, 106, 0.5); border-radius: 18px; box-shadow: rgba(196, 160, 106, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.667) 0px 30px 70px, rgba(196, 160, 106, 0.18) 0px 0px 40px; padding: 26px 28px; z-index: 41; text-align: left; animation: 0.22s ease 0s 1 normal both running styles_op_qtmyrp_popIn; }
.styles_op_qtmyrp_popClose { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(196, 160, 106, 0.25); border-radius: 50%; color: rgb(224, 199, 155); cursor: pointer; transition: background 0.2s, border-color 0.2s; }
.styles_op_qtmyrp_popClose:hover { background: rgba(196, 160, 106, 0.15); border-color: rgba(196, 160, 106, 0.6); }
.styles_op_qtmyrp_popClose:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 2px; }
.styles_op_qtmyrp_popTitle { margin: 0px 40px 14px 0px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; line-height: 1.25; color: var(--color-kit-white); }
.styles_op_qtmyrp_popBody { max-height: 60vh; overflow-y: auto; }
.styles_op_qtmyrp_popText { margin: 0px; font-family: var(--font-kit-text-font); font-size: 15.5px; line-height: 1.7; color: rgb(212, 208, 199); }
.styles_op_qtmyrp_stepsGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.styles_op_qtmyrp_step { display: flex; flex-direction: column; gap: 14px; padding: 28px 24px 30px; background: rgb(13, 16, 19); border-width: 2px 1px 1px; border-style: solid; border-color: rgba(196, 160, 106, 0.2) rgba(255, 255, 255, 0.05) rgba(255, 255, 255, 0.05); border-image: initial; border-radius: 16px; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; cursor: pointer; text-align: left; font: inherit; color: inherit; width: 100%; }
.styles_op_qtmyrp_step:hover { transform: translateY(-3px); border-color: rgba(196, 160, 106, 0.333); }
.styles_op_qtmyrp_step:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 3px; }
.styles_op_qtmyrp_stepActive { border-color: rgb(196, 160, 106) rgba(196, 160, 106, 0.6) rgba(196, 160, 106, 0.6); box-shadow: rgba(196, 160, 106, 0.25) 0px 0px 0px 1px, rgba(0, 0, 0, 0.267) 0px 18px 40px; }
.styles_op_qtmyrp_stepNum { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 32px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; color: rgb(196, 160, 106); transition: filter 0.3s; }
.styles_op_qtmyrp_stepActive .styles_op_qtmyrp_stepNum { filter: drop-shadow(rgba(196, 160, 106, 0.533) 0px 0px 10px); }
.styles_op_qtmyrp_stepTitle { font-family: var(--font-kit-text-font); font-size: 16px; font-weight: 500; color: rgb(231, 227, 218); line-height: 1.4; }
.styles_op_qtmyrp_stepDetail { margin-top: 22px; min-height: 168px; background: rgb(12, 15, 19); border: 1px solid rgba(196, 160, 106, 0.25); border-radius: 18px; box-shadow: rgba(196, 160, 106, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.333) 0px 20px 50px; padding: 30px 32px; }
.styles_op_qtmyrp_stepDetailInner { animation: 0.3s ease 0s 1 normal both running styles_op_qtmyrp_fadeSwap; }
.styles_op_qtmyrp_stepDetailTitle { display: flex; align-items: baseline; gap: 12px; margin: 0px 0px 12px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 21px; color: var(--color-kit-white); }
.styles_op_qtmyrp_stepDetailNum { font-size: 18px; color: rgb(196, 160, 106); letter-spacing: 0.05em; }
.styles_op_qtmyrp_stepDetailText { margin: 0px; font-family: var(--font-kit-text-font); font-size: 15.5px; line-height: 1.7; color: rgb(212, 208, 199); max-width: 820px; }
.styles_op_qtmyrp_resultBlock { display: flex; flex-direction: column; align-items: center; gap: 18px; background: rgb(13, 16, 19); border: 1px solid rgba(196, 160, 106, 0.18); border-radius: 20px; padding: 56px 40px; }
.styles_op_qtmyrp_resultText { max-width: 720px; }
.styles_op_qtmyrp_closing { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.styles_op_qtmyrp_closingText { max-width: 620px; }
.styles_op_qtmyrp_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; justify-content: center; }
@media (max-width: 900px) {
.styles_op_qtmyrp_twoCards { grid-template-columns: 1fr; }
.styles_op_qtmyrp_blocksGrid { grid-template-columns: repeat(2, 1fr); }
.styles_op_qtmyrp_stepsGrid { grid-template-columns: repeat(2, 1fr); }
.styles_op_qtmyrp_inner { gap: 72px; }
.styles_op_qtmyrp_popLayer { position: fixed; inset: 0px; z-index: 1000; }
.styles_op_qtmyrp_popBackdrop { display: block; position: fixed; inset: 0px; background: rgba(5, 7, 10, 0.8); backdrop-filter: blur(2px); animation: 0.2s ease 0s 1 normal both running styles_op_qtmyrp_fadeSwap; }
.styles_op_qtmyrp_popover { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); min-width: 0px; max-width: 520px; max-height: 82vh; overflow: hidden; display: flex; flex-direction: column; animation: 0.22s ease 0s 1 normal both running styles_op_qtmyrp_popInMobile; }
.styles_op_qtmyrp_popBody { max-height: none; flex: 1 1 0%; }
}
@media (max-width: 560px) {
.styles_op_qtmyrp_section { padding: 90px 20px; }
.styles_op_qtmyrp_blocksGrid { grid-template-columns: 1fr; }
.styles_op_qtmyrp_stepsGrid { grid-template-columns: repeat(2, 1fr); }
.styles_op_qtmyrp_card { padding: 28px 24px; }
.styles_op_qtmyrp_resultBlock { padding: 40px 24px; }
.styles_op_qtmyrp_actions { width: 100%; }
.styles_op_qtmyrp_actions a { flex: 1 1 0%; text-align: center; }
.styles_op_qtmyrp_stepDetail { min-height: 210px; padding: 24px 22px; }
.styles_op_qtmyrp_popover { padding: 24px 22px; }
.styles_op_qtmyrp_popTitle { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_qtmyrp_popover, .styles_op_qtmyrp_popBackdrop, .styles_op_qtmyrp_stepDetailInner, .styles_op_qtmyrp_card, .styles_op_qtmyrp_blockCard, .styles_op_qtmyrp_step, .styles_op_qtmyrp_stepNum { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
.styles_op_w7wedf_footer { position: relative; isolation: isolate; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 80px 24px 40px; overflow: hidden; border-top: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_w7wedf_glow { position: absolute; pointer-events: none; z-index: 0; width: 760px; height: 380px; top: -140px; left: 50%; transform: translateX(-50%); background: radial-gradient(rgba(196, 160, 106, 0.08) 0%, rgba(8, 9, 11, 0) 70%); }
.styles_op_w7wedf_inner { position: relative; z-index: 1; max-width: 1250px; margin: 0px auto; }
.styles_op_w7wedf_grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr 1fr; gap: 40px 32px; padding-bottom: 56px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.styles_op_w7wedf_brandCol { display: flex; flex-direction: column; gap: 16px; max-width: 320px; }
.styles_op_w7wedf_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 30px; letter-spacing: 0.16em; color: var(--color-kit-white); text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; width: fit-content; }
.styles_op_w7wedf_tagline { margin: 0px; font-family: var(--font-kit-text-font); font-size: 14px; line-height: 1.6; color: rgb(156, 153, 143); }
.styles_op_w7wedf_col { display: flex; flex-direction: column; gap: 14px; }
.styles_op_w7wedf_colTitle, .styles_op_w7wedf_colTitleLink { font-family: var(--font-kit-text-font); text-transform: uppercase; letter-spacing: 0.22em; font-size: 11.5px; font-weight: 600; color: rgb(196, 160, 106); text-decoration: none; }
.styles_op_w7wedf_colTitleLink:hover { color: rgb(224, 199, 155); }
.styles_op_w7wedf_list { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 11px; }
.styles_op_w7wedf_link { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(169, 166, 158); text-decoration: none; transition: color 0.2s; }
.styles_op_w7wedf_link:hover { color: var(--color-kit-white); }
.styles_op_w7wedf_bottom { padding-top: 26px; display: flex; justify-content: center; align-items: center; }
.styles_op_w7wedf_copy { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(124, 122, 115); }
@media (max-width: 980px) {
.styles_op_w7wedf_grid { grid-template-columns: 1fr 1fr 1fr; gap: 36px 28px; }
.styles_op_w7wedf_brandCol { grid-column: 1 / -1; max-width: none; }
}
@media (max-width: 600px) {
.styles_op_w7wedf_footer { padding: 56px 18px 32px; }
.styles_op_w7wedf_grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
}
.styles_op_h0pihf_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_h0pihf_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_h0pihf_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_h0pihf_glowA, .styles_op_h0pihf_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_h0pihf_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_h0pihf_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_h0pihf_header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9000; transition: background 0.35s, backdrop-filter 0.35s, border-color 0.35s; border-bottom: 1px solid transparent; }
.styles_op_h0pihf_headerScrolled { background: rgba(10, 11, 14, 0.8); backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_h0pihf_headerInner { max-width: 1320px; margin: 0px auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.styles_op_h0pihf_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_h0pihf_nav { display: flex; align-items: center; gap: 26px; }
.styles_op_h0pihf_navLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(201, 198, 190); text-decoration: none; position: relative; transition: color 0.25s; white-space: nowrap; }
.styles_op_h0pihf_navLink::after { content: ""; position: absolute; left: 0px; bottom: -6px; height: 1px; width: 100%; background: var(--color-kit-key1); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.styles_op_h0pihf_navLink:hover { color: var(--color-kit-white); }
.styles_op_h0pihf_navLink:hover::after { transform: scaleX(1); }
.styles_op_h0pihf_headerRight { display: flex; align-items: center; gap: 16px; }
.styles_op_h0pihf_lang { font-size: 13px; color: rgb(201, 198, 190); letter-spacing: 0.1em; }
.styles_op_h0pihf_ctaBtn { font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; color: rgb(26, 20, 8); text-decoration: none; padding: 10px 18px; border-radius: 11px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 6px 18px; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_h0pihf_ctaBtn:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 10px 26px; }
.styles_op_h0pihf_burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0px; cursor: pointer; padding: 6px; }
.styles_op_h0pihf_burger span { width: 22px; height: 2px; background: rgb(231, 227, 218); border-radius: 2px; }
.styles_op_h0pihf_mobileMenu { display: none; flex-direction: column; gap: 4px; padding: 12px 24px 20px; background: rgba(10, 11, 14, 0.95); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_h0pihf_mobileLink { color: rgb(201, 198, 190); text-decoration: none; padding: 10px 0px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_h0pihf_mobileCta { margin-top: 10px; text-align: center; color: rgb(26, 20, 8); font-weight: 600; padding: 12px; border-radius: 11px; text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_h0pihf_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.02fr 1.1fr; gap: 56px; align-items: center; }
.styles_op_h0pihf_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.styles_op_h0pihf_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_h0pihf_title { max-width: 640px; }
.styles_op_h0pihf_sub { max-width: 560px; color: rgb(231, 227, 218); font-weight: 500; }
.styles_op_h0pihf_desc { max-width: 560px; }
.styles_op_h0pihf_showcase { position: relative; }
.styles_op_h0pihf_window { position: relative; border-radius: 16px; overflow: hidden; background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.18); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
.styles_op_h0pihf_winBar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_h0pihf_dot { width: 11px; height: 11px; border-radius: 50%; }
.styles_op_h0pihf_dR { background: rgb(229, 103, 78); }
.styles_op_h0pihf_dY { background: rgb(224, 199, 155); }
.styles_op_h0pihf_dG { background: rgb(95, 191, 126); }
.styles_op_h0pihf_urlBar { margin-left: 12px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_h0pihf_stage { position: relative; width: 100%; aspect-ratio: 16 / 9; background: rgb(10, 11, 15); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.styles_op_h0pihf_videoFrame { width: 100%; height: 100%; display: block; object-fit: cover; }
.styles_op_h0pihf_mediaPlaceholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgb(10, 12, 15); color: rgb(196, 160, 106); font-size: 16px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; border: none; font-family: var(--font-kit-text-font); }
.styles_op_h0pihf_statusRow { display: flex; align-items: center; justify-content: flex-start; padding: 12px 16px; background: rgb(15, 17, 22); border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; }
.styles_op_h0pihf_statusLive { display: flex; align-items: center; gap: 8px; color: rgb(196, 160, 106); text-transform: uppercase; letter-spacing: 0.18em; }
.styles_op_h0pihf_dotGreen { width: 8px; height: 8px; border-radius: 50%; background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 8px; }
@media (max-width: 960px) {
.styles_op_h0pihf_nav, .styles_op_h0pihf_lang { display: none; }
.styles_op_h0pihf_burger { display: flex; }
.styles_op_h0pihf_mobileMenu { display: flex; }
.styles_op_h0pihf_inner { grid-template-columns: 1fr; gap: 40px; }
.styles_op_h0pihf_section { padding: 120px 20px 80px; }
}
@media (max-width: 560px) {
.styles_op_h0pihf_ctaBtn { padding: 9px 14px; font-size: 13px; }
}
.styles_op_h0pihc_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 120px 24px; }
.styles_op_h0pihc_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_h0pihc_glow { position: absolute; width: 620px; height: 620px; top: -220px; left: 50%; transform: translateX(-50%); border-radius: 50%; filter: blur(120px); background: radial-gradient(circle, rgba(196, 160, 106, 0.18), rgba(8, 9, 11, 0) 70%); pointer-events: none; z-index: 0; }
.styles_op_h0pihc_inner { position: relative; z-index: 2; max-width: 1100px; margin: 0px auto; width: 100%; display: flex; flex-direction: column; gap: 96px; }
.styles_op_h0pihc_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_h0pihc_heading { margin: 0px; }
.styles_op_h0pihc_subHeading { margin: 0px 0px 8px; }
.styles_op_h0pihc_overview { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; max-width: 720px; }
.styles_op_h0pihc_lead { max-width: 680px; }
.styles_op_h0pihc_popWrap { position: relative; outline: none; cursor: pointer; }
.styles_op_h0pihc_popWrap:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 4px; border-radius: 16px; }
.styles_op_h0pihc_twoCards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.styles_op_h0pihc_card { position: relative; background: rgb(13, 16, 19); border: 1px solid rgba(196, 160, 106, 0.2); border-radius: 16px; padding: 36px 32px; display: flex; flex-direction: column; gap: 14px; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; height: 100%; }
.styles_op_h0pihc_popWrap:hover .styles_op_h0pihc_card { transform: translateY(-3px); border-color: rgba(196, 160, 106, 0.4); box-shadow: rgba(0, 0, 0, 0.333) 0px 24px 60px; }
.styles_op_h0pihc_wrapActive .styles_op_h0pihc_card { border-color: rgba(196, 160, 106, 0.6); box-shadow: rgba(0, 0, 0, 0.333) 0px 24px 60px; }
.styles_op_h0pihc_cardKicker { width: 40px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_h0pihc_cardTitle { margin: 4px 0px 0px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 24px; color: var(--color-kit-white); }
.styles_op_h0pihc_cardText { line-height: 1.6; }
.styles_op_h0pihc_blockGroup { display: flex; flex-direction: column; }
.styles_op_h0pihc_blocksGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.styles_op_h0pihc_blockCard { display: flex; align-items: center; gap: 14px; background: rgb(13, 16, 19); border: 1px solid rgba(196, 160, 106, 0.14); border-radius: 14px; padding: 22px; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; height: 100%; }
.styles_op_h0pihc_popWrap:hover .styles_op_h0pihc_blockCard { transform: translateY(-2px); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.333) 0px 0px 0px 1px, rgba(0, 0, 0, 0.267) 0px 18px 40px; }
.styles_op_h0pihc_wrapActive .styles_op_h0pihc_blockCard { border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.333) 0px 0px 0px 1px; }
.styles_op_h0pihc_blockMark { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 10px; }
.styles_op_h0pihc_blockText { font-family: var(--font-kit-text-font); font-size: 15.5px; color: rgb(216, 212, 203); line-height: 1.45; }
.styles_op_h0pihc_popLayer { position: absolute; inset: 0px; z-index: 40; }
.styles_op_h0pihc_popBackdrop { display: none; }
.styles_op_h0pihc_popover { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: calc(100% + 60px); min-width: 300px; max-width: 480px; background: rgb(12, 15, 19); border: 1px solid rgba(196, 160, 106, 0.5); border-radius: 18px; box-shadow: rgba(196, 160, 106, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.667) 0px 30px 70px, rgba(196, 160, 106, 0.18) 0px 0px 40px; padding: 26px 28px; z-index: 41; text-align: left; animation: 0.22s ease 0s 1 normal both running styles_op_h0pihc_popIn; }
.styles_op_h0pihc_popClose { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(196, 160, 106, 0.25); border-radius: 50%; color: rgb(224, 199, 155); cursor: pointer; transition: background 0.2s, border-color 0.2s; }
.styles_op_h0pihc_popClose:hover { background: rgba(196, 160, 106, 0.15); border-color: rgba(196, 160, 106, 0.6); }
.styles_op_h0pihc_popClose:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 2px; }
.styles_op_h0pihc_popTitle { margin: 0px 40px 14px 0px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; line-height: 1.25; color: var(--color-kit-white); }
.styles_op_h0pihc_popBody { max-height: 60vh; overflow-y: auto; }
.styles_op_h0pihc_popText { margin: 0px; font-family: var(--font-kit-text-font); font-size: 15.5px; line-height: 1.7; color: rgb(212, 208, 199); }
.styles_op_h0pihc_stepsGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.styles_op_h0pihc_step { display: flex; flex-direction: column; gap: 14px; padding: 28px 24px 30px; background: rgb(13, 16, 19); border-width: 2px 1px 1px; border-style: solid; border-color: rgba(196, 160, 106, 0.2) rgba(255, 255, 255, 0.05) rgba(255, 255, 255, 0.05); border-image: initial; border-radius: 16px; transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s; cursor: pointer; text-align: left; font: inherit; color: inherit; width: 100%; }
.styles_op_h0pihc_step:hover { transform: translateY(-3px); border-color: rgba(196, 160, 106, 0.333); }
.styles_op_h0pihc_step:focus-visible { outline: rgb(196, 160, 106) solid 2px; outline-offset: 3px; }
.styles_op_h0pihc_stepActive { border-color: rgb(196, 160, 106) rgba(196, 160, 106, 0.6) rgba(196, 160, 106, 0.6); box-shadow: rgba(196, 160, 106, 0.25) 0px 0px 0px 1px, rgba(0, 0, 0, 0.267) 0px 18px 40px; }
.styles_op_h0pihc_stepNum { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 32px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; color: rgb(196, 160, 106); transition: filter 0.3s; }
.styles_op_h0pihc_stepActive .styles_op_h0pihc_stepNum { filter: drop-shadow(rgba(196, 160, 106, 0.533) 0px 0px 10px); }
.styles_op_h0pihc_stepTitle { font-family: var(--font-kit-text-font); font-size: 16px; font-weight: 500; color: rgb(231, 227, 218); line-height: 1.4; }
.styles_op_h0pihc_stepDetail { margin-top: 22px; min-height: 168px; background: rgb(12, 15, 19); border: 1px solid rgba(196, 160, 106, 0.25); border-radius: 18px; box-shadow: rgba(196, 160, 106, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.333) 0px 20px 50px; padding: 30px 32px; }
.styles_op_h0pihc_stepDetailInner { animation: 0.3s ease 0s 1 normal both running styles_op_h0pihc_fadeSwap; }
.styles_op_h0pihc_stepDetailTitle { display: flex; align-items: baseline; gap: 12px; margin: 0px 0px 12px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 21px; color: var(--color-kit-white); }
.styles_op_h0pihc_stepDetailNum { font-size: 18px; color: rgb(196, 160, 106); letter-spacing: 0.05em; }
.styles_op_h0pihc_stepDetailText { margin: 0px; font-family: var(--font-kit-text-font); font-size: 15.5px; line-height: 1.7; color: rgb(212, 208, 199); max-width: 820px; }
.styles_op_h0pihc_resultBlock { display: flex; flex-direction: column; align-items: center; gap: 18px; background: rgb(13, 16, 19); border: 1px solid rgba(196, 160, 106, 0.18); border-radius: 20px; padding: 56px 40px; }
.styles_op_h0pihc_resultText { max-width: 720px; }
.styles_op_h0pihc_closing { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.styles_op_h0pihc_closingText { max-width: 620px; }
.styles_op_h0pihc_actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; justify-content: center; }
@media (max-width: 900px) {
.styles_op_h0pihc_twoCards { grid-template-columns: 1fr; }
.styles_op_h0pihc_blocksGrid { grid-template-columns: repeat(2, 1fr); }
.styles_op_h0pihc_stepsGrid { grid-template-columns: repeat(2, 1fr); }
.styles_op_h0pihc_inner { gap: 72px; }
.styles_op_h0pihc_popLayer { position: fixed; inset: 0px; z-index: 1000; }
.styles_op_h0pihc_popBackdrop { display: block; position: fixed; inset: 0px; background: rgba(5, 7, 10, 0.8); backdrop-filter: blur(2px); animation: 0.2s ease 0s 1 normal both running styles_op_h0pihc_fadeSwap; }
.styles_op_h0pihc_popover { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 40px); min-width: 0px; max-width: 520px; max-height: 82vh; overflow: hidden; display: flex; flex-direction: column; animation: 0.22s ease 0s 1 normal both running styles_op_h0pihc_popInMobile; }
.styles_op_h0pihc_popBody { max-height: none; flex: 1 1 0%; }
}
@media (max-width: 560px) {
.styles_op_h0pihc_section { padding: 90px 20px; }
.styles_op_h0pihc_blocksGrid { grid-template-columns: 1fr; }
.styles_op_h0pihc_stepsGrid { grid-template-columns: repeat(2, 1fr); }
.styles_op_h0pihc_card { padding: 28px 24px; }
.styles_op_h0pihc_resultBlock { padding: 40px 24px; }
.styles_op_h0pihc_actions { width: 100%; }
.styles_op_h0pihc_actions a { flex: 1 1 0%; text-align: center; }
.styles_op_h0pihc_stepDetail { min-height: 210px; padding: 24px 22px; }
.styles_op_h0pihc_popover { padding: 24px 22px; }
.styles_op_h0pihc_popTitle { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_h0pihc_popover, .styles_op_h0pihc_popBackdrop, .styles_op_h0pihc_stepDetailInner, .styles_op_h0pihc_card, .styles_op_h0pihc_blockCard, .styles_op_h0pihc_step, .styles_op_h0pihc_stepNum { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
.styles_op_12grawd_root { height: 0px; padding: 0px; margin: 0px; overflow: visible; background: transparent; pointer-events: none; display: block; }
.styles_op_12grawd_floating { --gold: #C4A06A; position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; pointer-events: all; }
.styles_op_12grawd_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_12grawd_assistant:hover { transform: translateY(-2px); border-color: var(--gold); box-shadow: rgba(196, 160, 106, 0.45) 0px 16px 40px -14px; }
.styles_op_12grawd_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_12grawd_assistantActive { border-color: var(--gold); box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 1px, rgba(196, 160, 106, 0.55) 0px 16px 42px -12px; }
.styles_op_12grawd_assistant:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.styles_op_12grawd_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_12grawd_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_12grawd_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.35) 0px 0px 5px); }
.styles_op_12grawd_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_12grawd_aiBlink; }
.styles_op_12grawd_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.42) 0%, transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_12grawd_aiPulse; }
.styles_op_12grawd_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_12grawd_aiOrbit; }
.styles_op_12grawd_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold); box-shadow: rgba(196, 160, 106, 0.7) 0px 0px 6px 1px; }
.styles_op_12grawd_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.55), transparent); }
.styles_op_12grawd_assistant:hover .styles_op_12grawd_aiSweep, .styles_op_12grawd_assistantActive .styles_op_12grawd_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_12grawd_aiSweep; }
.styles_op_12grawd_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_12grawd_assistant:hover .styles_op_12grawd_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_12grawd_assistantActive .styles_op_12grawd_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_12grawd_chat { position: fixed; bottom: 278px; right: 22px; z-index: 2147483001; width: min(340px, -40px + 100vw); border-radius: 18px; overflow: hidden; border: 1px solid rgba(214, 169, 74, 0.28); background: rgba(9, 11, 15, 0.94); backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.92) 0px 30px 70px -28px; display: flex; flex-direction: column; animation: 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_12grawd_chatIn; }
.styles_op_12grawd_chatHead { display: flex; align-items: center; gap: 9px; padding: 14px 14px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: linear-gradient(rgba(196, 160, 106, 0.1), transparent); }
.styles_op_12grawd_chatDot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: rgba(196, 160, 106, 0.22) 0px 0px 0px 4px; flex: 0 0 auto; }
.styles_op_12grawd_chatTitle { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; font-weight: 600; color: rgb(244, 241, 233); }
.styles_op_12grawd_chatClose { background: none; border: none; color: rgba(244, 241, 233, 0.6); cursor: pointer; padding: 2px; display: grid; place-items: center; border-radius: 6px; transition: color 0.2s; }
.styles_op_12grawd_chatClose:hover { color: var(--gold); }
.styles_op_12grawd_chatClose:focus-visible { outline: 2px solid var(--gold); }
.styles_op_12grawd_chatBody { padding: 14px; display: flex; flex-direction: column; gap: 10px; max-height: clamp(150px, -450px + 100dvh, 340px); overflow-y: auto; scroll-behavior: smooth; }
.styles_op_12grawd_chatBody::-webkit-scrollbar { width: 4px; }
.styles_op_12grawd_chatBody::-webkit-scrollbar-track { background: transparent; }
.styles_op_12grawd_chatBody::-webkit-scrollbar-thumb { background: rgba(214, 169, 74, 0.2); border-radius: 4px; }
.styles_op_12grawd_bubBot { align-self: flex-start; display: flex; flex-direction: column; align-items: flex-start; background: rgba(255, 255, 255, 0.06); color: rgba(244, 241, 233, 0.9); font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 13px 4px; max-width: 88%; }
.styles_op_12grawd_bubUser { align-self: flex-end; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); font-weight: 500; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 4px; max-width: 88%; }
.styles_op_12grawd_bubText { display: block; }
.styles_op_12grawd_chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.styles_op_12grawd_chip { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.32); background: rgba(214, 169, 74, 0.08); color: var(--gold); cursor: pointer; transition: 0.2s; }
.styles_op_12grawd_chip:hover { background: rgba(196, 160, 106, 0.18); transform: translateY(-1px); }
.styles_op_12grawd_chip:focus-visible { outline: 2px solid var(--gold); }
.styles_op_12grawd_form { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.styles_op_12grawd_input { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; width: 100%; box-sizing: border-box; }
.styles_op_12grawd_input:focus { border-color: var(--gold); }
.styles_op_12grawd_input::placeholder { color: rgba(244, 241, 233, 0.4); }
.styles_op_12grawd_textarea { resize: vertical; min-height: 72px; font-family: var(--font-kit-text-font), sans-serif; line-height: 1.5; }
.styles_op_12grawd_err { font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; color: rgb(230, 180, 90); margin: 0px; }
.styles_op_12grawd_send { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; font-weight: 600; padding: 11px 14px; border-radius: 11px; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_12grawd_send:hover { transform: translateY(-1px); }
.styles_op_12grawd_send:disabled { opacity: 0.6; cursor: default; transform: none; }
.styles_op_12grawd_send:focus-visible { outline: 2px solid var(--gold); }
.styles_op_12grawd_leaveLink { align-self: flex-start; margin-top: 2px; background: none; border-top: none; border-right: none; border-left: none; border-image: initial; padding: 2px 0px; font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.55); cursor: pointer; border-bottom: 1px solid rgba(244, 241, 233, 0.2); transition: color 0.2s, border-color 0.2s; }
.styles_op_12grawd_leaveLink:hover { color: var(--gold); border-color: var(--gold); }
.styles_op_12grawd_askRow { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-top: 1px solid rgba(255, 255, 255, 0.04); }
.styles_op_12grawd_ask { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.05); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; }
.styles_op_12grawd_ask:focus { border-color: var(--gold); }
.styles_op_12grawd_ask::placeholder { color: rgba(244, 241, 233, 0.42); }
.styles_op_12grawd_askSend { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_12grawd_askSend:hover { transform: translateY(-1px); }
.styles_op_12grawd_askSend:disabled { opacity: 0.5; cursor: default; transform: none; }
.styles_op_12grawd_askSend:focus-visible { outline: 2px solid var(--gold); }
.styles_op_12grawd_speakBtn { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.24); background: rgba(214, 169, 74, 0.08); color: var(--gold); font-family: var(--font-kit-text-font), sans-serif; font-size: 11.5px; line-height: 1; cursor: pointer; transition: background 0.2s, border-color 0.2s, transform 0.15s; }
.styles_op_12grawd_speakBtn:hover { background: rgba(196, 160, 106, 0.18); transform: translateY(-1px); }
.styles_op_12grawd_speakBtnActive { background: rgba(196, 160, 106, 0.22); border-color: var(--gold); }
.styles_op_12grawd_speakLabel { line-height: 1; }
.styles_op_12grawd_speakSpinner { width: 13px; height: 13px; border-radius: 50%; border-width: 2px; border-style: solid; border-right-color: rgba(214, 169, 74, 0.55); border-bottom-color: rgba(214, 169, 74, 0.55); border-left-color: rgba(214, 169, 74, 0.55); border-image: initial; border-top-color: var(--gold); animation: 0.7s linear 0s infinite normal none running styles_op_12grawd_speakSpin; }
.styles_op_12grawd_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_12grawd_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: rgba(196, 160, 106, 0.6) 0px 14px 34px -12px; transition: transform 0.25s; text-decoration: none; }
.styles_op_12grawd_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_12grawd_fab:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.styles_op_12grawd_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_12grawd_fab:hover .styles_op_12grawd_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
@media (prefers-reduced-motion: reduce) {
.styles_op_12grawd_chat { animation: auto ease 0s 1 normal none running none; }
.styles_op_12grawd_aiEye, .styles_op_12grawd_aiPulse, .styles_op_12grawd_aiOrbit, .styles_op_12grawd_aiSweep, .styles_op_12grawd_speakSpinner { animation: auto ease 0s 1 normal none running none; }
.styles_op_12grawd_aiPulse { opacity: 0.4; }
.styles_op_12grawd_assistant:hover .styles_op_12grawd_aiTip { transition-delay: 0s; }
.styles_op_12grawd_fab:hover .styles_op_12grawd_fabTip { transition-delay: 0s; }
}
@media (max-width: 900px) {
.styles_op_12grawd_aiTip { display: none !important; }
.styles_op_12grawd_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_12grawd_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
.styles_op_12grawd_chat { bottom: 300px; right: 16px; width: min(320px, -32px + 100vw); }
}
.styles_op_1h0pniu_footer { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 80px 24px 40px; overflow: hidden; }
.styles_op_1h0pniu_glow { position: absolute; pointer-events: none; width: 760px; height: 380px; top: -140px; left: 50%; transform: translateX(-50%); background: radial-gradient(rgba(196, 160, 106, 0.08) 0%, rgba(8, 9, 11, 0) 70%); }
.styles_op_1h0pniu_inner { position: relative; z-index: 1; max-width: 1250px; margin: 0px auto; }
.styles_op_1h0pniu_grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr 1fr; gap: 40px 32px; padding-bottom: 56px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.styles_op_1h0pniu_brandCol { display: flex; flex-direction: column; gap: 16px; max-width: 320px; }
.styles_op_1h0pniu_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 30px; letter-spacing: 0.16em; color: var(--color-kit-white); text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; width: fit-content; }
.styles_op_1h0pniu_tagline { margin: 0px; font-family: var(--font-kit-text-font); font-size: 14px; line-height: 1.6; color: rgb(156, 153, 143); }
.styles_op_1h0pniu_col { display: flex; flex-direction: column; gap: 14px; }
.styles_op_1h0pniu_colTitle, .styles_op_1h0pniu_colTitleLink { font-family: var(--font-kit-text-font); text-transform: uppercase; letter-spacing: 0.22em; font-size: 11.5px; font-weight: 600; color: rgb(196, 160, 106); text-decoration: none; }
.styles_op_1h0pniu_colTitleLink:hover { color: rgb(224, 199, 155); }
.styles_op_1h0pniu_list { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 11px; }
.styles_op_1h0pniu_link { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(169, 166, 158); text-decoration: none; transition: color 0.2s; }
.styles_op_1h0pniu_link:hover { color: var(--color-kit-white); }
.styles_op_1h0pniu_bottom { padding-top: 26px; display: flex; justify-content: center; align-items: center; }
.styles_op_1h0pniu_copy { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(124, 122, 115); }
@media (max-width: 980px) {
.styles_op_1h0pniu_grid { grid-template-columns: 1fr 1fr 1fr; gap: 36px 28px; }
.styles_op_1h0pniu_brandCol { grid-column: 1 / -1; max-width: none; }
}
@media (max-width: 600px) {
.styles_op_1h0pniu_footer { padding: 56px 18px 32px; }
.styles_op_1h0pniu_grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
}
.styles_op_yt138b_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 190px 24px 90px; }
.styles_op_yt138b_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_yt138b_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_yt138b_glowA, .styles_op_yt138b_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_yt138b_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_yt138b_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_yt138b_header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9000; transition: background 0.35s, backdrop-filter 0.35s, border-color 0.35s; border-bottom: 1px solid transparent; }
.styles_op_yt138b_headerScrolled { background: rgba(10, 11, 14, 0.8); backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_yt138b_headerInner { max-width: 1320px; margin: 0px auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.styles_op_yt138b_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_yt138b_nav { display: flex; align-items: center; gap: 26px; }
.styles_op_yt138b_navLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(201, 198, 190); text-decoration: none; position: relative; transition: color 0.25s; white-space: nowrap; }
.styles_op_yt138b_navLink::after { content: ""; position: absolute; left: 0px; bottom: -6px; height: 1px; width: 100%; background: var(--color-kit-key1); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.styles_op_yt138b_navLink:hover { color: var(--color-kit-white); }
.styles_op_yt138b_navLink:hover::after { transform: scaleX(1); }
.styles_op_yt138b_headerRight { display: flex; align-items: center; gap: 16px; }
.styles_op_yt138b_lang { font-size: 13px; color: rgb(201, 198, 190); letter-spacing: 0.1em; }
.styles_op_yt138b_ctaBtn { font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; color: rgb(26, 20, 8); text-decoration: none; padding: 10px 18px; border-radius: 11px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 6px 18px; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_yt138b_ctaBtn:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 10px 26px; }
.styles_op_yt138b_burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0px; cursor: pointer; padding: 6px; }
.styles_op_yt138b_burger span { width: 22px; height: 2px; background: rgb(231, 227, 218); border-radius: 2px; }
.styles_op_yt138b_mobileMenu { display: none; flex-direction: column; gap: 4px; padding: 12px 24px 20px; background: rgba(10, 11, 14, 0.95); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_yt138b_mobileLink { color: rgb(201, 198, 190); text-decoration: none; padding: 10px 0px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_yt138b_mobileCta { margin-top: 10px; text-align: center; color: rgb(26, 20, 8); font-weight: 600; padding: 12px; border-radius: 11px; text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_yt138b_inner { position: relative; z-index: 2; max-width: 820px; margin: 0px auto; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px; }
.styles_op_yt138b_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_yt138b_title { max-width: 760px; }
.styles_op_yt138b_desc { max-width: 620px; }
.styles_op_yt138b_note { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(138, 135, 121); line-height: 1.6; max-width: 560px; margin: 4px 0px 0px; padding: 12px 20px; border-radius: 12px; border: 1px solid rgba(196, 160, 106, 0.133); background: rgba(196, 160, 106, 0.05); }
@media (max-width: 960px) {
.styles_op_yt138b_nav, .styles_op_yt138b_lang { display: none; }
.styles_op_yt138b_burger { display: flex; }
.styles_op_yt138b_mobileMenu { display: flex; }
.styles_op_yt138b_section { padding: 150px 20px 70px; }
}
.styles_op_yt138a_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 70px 24px 110px; overflow: hidden; }
.styles_op_yt138a_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_yt138a_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_yt138a_glow { position: absolute; width: 720px; height: 520px; top: 30%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); }
.styles_op_yt138a_inner { position: relative; z-index: 1; max-width: 820px; margin: 0px auto; width: 100%; }
.styles_op_yt138a_card { background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.333); border-radius: 20px; padding: 40px; box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_yt138a_form { display: flex; flex-direction: column; gap: 20px; }
.styles_op_yt138a_cardLabel { font-family: var(--font-kit-text-font); text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; color: rgb(196, 160, 106); font-weight: 600; }
.styles_op_yt138a_row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.styles_op_yt138a_field, .styles_op_yt138a_fieldFull { display: flex; flex-direction: column; gap: 8px; }
.styles_op_yt138a_label { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(216, 203, 176); font-weight: 500; letter-spacing: 0.02em; }
.styles_op_yt138a_req { color: rgb(196, 160, 106); }
.styles_op_yt138a_input { width: 100%; background: rgb(16, 19, 26); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 13px 15px; color: var(--color-kit-white); font-family: var(--font-kit-text-font); font-size: 15px; transition: border-color 0.22s, box-shadow 0.22s; outline: none; appearance: none; }
.styles_op_yt138a_input::placeholder { color: rgb(108, 106, 99); }
.styles_op_yt138a_input:focus { border-color: rgba(196, 160, 106, 0.533); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 3px; }
.styles_op_yt138a_textarea { resize: vertical; min-height: 120px; line-height: 1.6; }
.styles_op_yt138a_selectWrap { position: relative; }
.styles_op_yt138a_selectWrap select { padding-right: 40px; cursor: pointer; }
.styles_op_yt138a_selectWrap option { background: rgb(16, 19, 26); color: var(--color-kit-white); }
.styles_op_yt138a_chev { position: absolute; right: 16px; top: 50%; width: 9px; height: 9px; border-right: 2px solid rgb(196, 160, 106); border-bottom: 2px solid rgb(196, 160, 106); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.styles_op_yt138a_consent { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; margin-top: 2px; }
.styles_op_yt138a_checkbox { appearance: none; flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px; border: 1px solid rgba(196, 160, 106, 0.4); border-radius: 6px; background: rgb(16, 19, 26); cursor: pointer; position: relative; transition: background 0.2s, border-color 0.2s; }
.styles_op_yt138a_checkbox:checked { background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); border-color: rgb(196, 160, 106); }
.styles_op_yt138a_checkbox:checked::after { content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border-right: 2px solid rgb(26, 20, 8); border-bottom: 2px solid rgb(26, 20, 8); transform: rotate(45deg); }
.styles_op_yt138a_consentText { font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(169, 166, 158); line-height: 1.55; }
.styles_op_yt138a_consentLink { color: rgb(196, 160, 106); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.styles_op_yt138a_consentLink:hover { color: var(--color-kit-key2); }
.styles_op_yt138a_consentWrap { display: flex; flex-direction: column; gap: 6px; }
.styles_op_yt138a_inputError { border-color: rgba(229, 103, 78, 0.533) !important; box-shadow: rgba(229, 103, 78, 0.1) 0px 0px 0px 3px !important; }
.styles_op_yt138a_checkboxError { border-color: rgba(229, 103, 78, 0.533) !important; }
.styles_op_yt138a_fieldError { font-family: var(--font-kit-text-font); font-size: 12.5px; color: rgb(229, 144, 110); margin: 0px; line-height: 1.4; }
.styles_op_yt138a_error { margin: 0px; font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(229, 144, 110); background: rgba(229, 103, 78, 0.08); border: 1px solid rgba(229, 103, 78, 0.227); border-radius: 10px; padding: 10px 14px; }
.styles_op_yt138a_submit { margin-top: 6px; font-family: var(--font-kit-text-font); font-weight: 600; font-size: 15px; color: rgb(26, 20, 8); border: 0px; cursor: pointer; padding: 16px 24px; border-radius: 12px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 8px 22px; transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s; }
.styles_op_yt138a_submit:hover:not(:disabled) { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 12px 30px; }
.styles_op_yt138a_submit:disabled { opacity: 0.7; cursor: default; }
.styles_op_yt138a_success { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; padding: 20px 10px; }
.styles_op_yt138a_successIcon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); box-shadow: rgba(196, 160, 106, 0.267) 0px 8px 24px, rgba(255, 255, 255, 0.333) 0px 1px 0px inset; }
.styles_op_yt138a_successTitle { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 24px; color: var(--color-kit-white); margin: 0px; max-width: 520px; }
.styles_op_yt138a_successText { font-family: var(--font-kit-text-font); font-size: 15px; color: rgb(169, 166, 158); line-height: 1.6; margin: 0px; max-width: 480px; }
@media (max-width: 720px) {
.styles_op_yt138a_card { padding: 26px 20px; }
.styles_op_yt138a_row { grid-template-columns: 1fr; gap: 20px; }
.styles_op_yt138a_section { padding: 50px 18px 80px; }
}
.styles_op_elryhq_footer { background: rgb(8, 9, 11); border-top: 1px solid rgba(196, 160, 106, 0.133); font-family: var(--font-kit-text-font); color: var(--color-kit-white); --gold: var(--color-kit-key1); }
.styles_op_elryhq_inner { max-width: 1250px; margin: 0px auto; padding: 72px 24px 56px; display: grid; grid-template-columns: 260px 1fr; gap: 60px; align-items: start; }
.styles_op_elryhq_brand { display: flex; flex-direction: column; gap: 10px; }
.styles_op_elryhq_logo { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; transition: color 0.22s; }
.styles_op_elryhq_logo:hover { color: var(--color-kit-key1); }
.styles_op_elryhq_brandTagline { font-size: 13px; color: rgb(106, 104, 96); line-height: 1.5; margin: 0px; max-width: 220px; }
.styles_op_elryhq_cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
.styles_op_elryhq_col { display: flex; flex-direction: column; gap: 10px; }
.styles_op_elryhq_colHead { font-family: var(--font-kit-header-font); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; color: var(--color-kit-key1); text-decoration: none; margin-bottom: 4px; transition: color 0.2s; }
.styles_op_elryhq_colHead:hover { color: var(--color-kit-key2); }
.styles_op_elryhq_colLink { font-size: 13.5px; color: rgb(122, 120, 112); text-decoration: none; line-height: 1.5; transition: color 0.2s; }
.styles_op_elryhq_colLink:hover { color: rgb(216, 203, 176); }
.styles_op_elryhq_bottom { border-top: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_elryhq_bottomInner { max-width: 1250px; margin: 0px auto; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.styles_op_elryhq_copy { font-size: 13px; color: rgb(74, 72, 64); }
.styles_op_elryhq_legal { display: flex; align-items: center; gap: 12px; }
.styles_op_elryhq_legalLink { font-size: 13px; color: rgb(90, 88, 80); text-decoration: none; transition: color 0.2s; }
.styles_op_elryhq_legalLink:hover { color: rgb(196, 160, 106); }
.styles_op_elryhq_legalDot { width: 3px; height: 3px; border-radius: 50%; background: rgb(58, 56, 48); flex: 0 0 auto; }
@media (max-width: 1024px) {
.styles_op_elryhq_inner { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 720px) {
.styles_op_elryhq_inner { padding: 52px 20px 40px; }
.styles_op_elryhq_cols { grid-template-columns: 1fr 1fr; gap: 32px; }
.styles_op_elryhq_bottomInner { flex-direction: column; align-items: flex-start; gap: 10px; }
}
@media (max-width: 440px) {
.styles_op_elryhq_cols { grid-template-columns: 1fr; }
}
.styles_op_elryhq_floating { position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.styles_op_elryhq_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_elryhq_assistant:hover { transform: translateY(-2px); border-color: var(--gold); box-shadow: rgba(196, 160, 106, 0.44) 0px 16px 40px -14px; }
.styles_op_elryhq_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_elryhq_assistant:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.styles_op_elryhq_assistantActive { border-color: var(--gold); box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 1px, rgba(196, 160, 106, 0.533) 0px 16px 42px -12px; }
.styles_op_elryhq_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_elryhq_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.35) 0px 0px 5px); }
.styles_op_elryhq_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_elryhq_aiBlink; }
.styles_op_elryhq_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.42), transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_elryhq_aiPulse; }
.styles_op_elryhq_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_elryhq_aiOrbit; }
.styles_op_elryhq_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold); box-shadow: rgba(196, 160, 106, 0.698) 0px 0px 6px 1px; }
.styles_op_elryhq_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_elryhq_assistant:hover .styles_op_elryhq_aiSweep, .styles_op_elryhq_assistantActive .styles_op_elryhq_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_elryhq_aiSweep; }
.styles_op_elryhq_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_elryhq_aiLabel { display: none; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; background: rgba(11, 13, 17, 0.9); border: 1px solid rgba(214, 169, 74, 0.32); font-family: var(--font-kit-text-font), sans-serif; font-size: 11px; letter-spacing: 0.3px; color: rgb(244, 241, 233); white-space: nowrap; pointer-events: none; backdrop-filter: blur(8px); line-height: 1; }
.styles_op_elryhq_aiLabelDot { flex: 0 0 auto; width: 5px; height: 5px; border-radius: 50%; background: var(--gold); box-shadow: rgba(196, 160, 106, 0.6) 0px 0px 5px 1px; }
.styles_op_elryhq_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_elryhq_assistant:hover .styles_op_elryhq_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_elryhq_assistantActive .styles_op_elryhq_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_elryhq_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_elryhq_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: rgba(196, 160, 106, 0.6) 0px 14px 34px -12px; transition: transform 0.25s; text-decoration: none; }
.styles_op_elryhq_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_elryhq_fab:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.styles_op_elryhq_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_elryhq_fab:hover .styles_op_elryhq_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_elryhq_chat { position: fixed; bottom: 278px; right: 22px; z-index: 2147483001; width: min(340px, -40px + 100vw); border-radius: 18px; overflow: hidden; border: 1px solid rgba(214, 169, 74, 0.28); background: rgba(9, 11, 15, 0.94); backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.92) 0px 30px 70px -28px; display: flex; flex-direction: column; animation: 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_elryhq_chatIn; }
.styles_op_elryhq_chatHead { display: flex; align-items: center; gap: 9px; padding: 14px 14px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: linear-gradient(rgba(196, 160, 106, 0.1), transparent); }
.styles_op_elryhq_chatDot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: rgba(196, 160, 106, 0.22) 0px 0px 0px 4px; flex: 0 0 auto; }
.styles_op_elryhq_chatTitle { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; font-weight: 600; color: rgb(244, 241, 233); }
.styles_op_elryhq_chatClose { background: none; border: none; color: rgba(244, 241, 233, 0.6); cursor: pointer; padding: 2px; display: grid; place-items: center; transition: color 0.2s; }
.styles_op_elryhq_chatClose:hover { color: var(--gold); }
.styles_op_elryhq_chatBody { padding: 14px; display: flex; flex-direction: column; gap: 10px; max-height: clamp(150px, -450px + 100dvh, 340px); overflow-y: auto; }
.styles_op_elryhq_bubBot, .styles_op_elryhq_bubUser { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px; max-width: 88%; }
.styles_op_elryhq_bubBot { align-self: flex-start; background: rgba(255, 255, 255, 0.06); color: rgba(244, 241, 233, 0.9); border-bottom-left-radius: 4px; display: flex; flex-direction: column; align-items: flex-start; }
.styles_op_elryhq_bubUser { align-self: flex-end; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); font-weight: 500; border-bottom-right-radius: 4px; }
.styles_op_elryhq_bubText { display: block; }
.styles_op_elryhq_chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.styles_op_elryhq_chip { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.32); background: rgba(214, 169, 74, 0.08); color: var(--gold); cursor: pointer; transition: 0.2s; }
.styles_op_elryhq_chip:hover { background: rgba(214, 169, 74, 0.18); transform: translateY(-1px); }
.styles_op_elryhq_form { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.styles_op_elryhq_input, .styles_op_elryhq_textarea { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; resize: none; }
.styles_op_elryhq_input:focus, .styles_op_elryhq_textarea:focus { border-color: var(--gold); }
.styles_op_elryhq_input::placeholder, .styles_op_elryhq_textarea::placeholder { color: rgba(244, 241, 233, 0.4); }
.styles_op_elryhq_err { font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; color: rgb(230, 180, 90); }
.styles_op_elryhq_send { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; font-weight: 600; padding: 11px 14px; border-radius: 11px; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_elryhq_send:hover { transform: translateY(-1px); }
.styles_op_elryhq_send:disabled { opacity: 0.6; cursor: default; transform: none; }
.styles_op_elryhq_askRow { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_elryhq_ask { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.05); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; }
.styles_op_elryhq_ask:focus { border-color: var(--gold); }
.styles_op_elryhq_ask::placeholder { color: rgba(244, 241, 233, 0.42); }
.styles_op_elryhq_askSend { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_elryhq_askSend:hover { transform: translateY(-1px); }
.styles_op_elryhq_askSend:disabled { opacity: 0.5; cursor: default; transform: none; }
.styles_op_elryhq_leaveLink { align-self: flex-start; margin-top: 2px; background: none; border-top: none; border-right: none; border-left: none; border-image: initial; padding: 2px 0px; font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.55); cursor: pointer; border-bottom: 1px solid rgba(244, 241, 233, 0.2); transition: color 0.2s; }
.styles_op_elryhq_leaveLink:hover { color: var(--gold); border-color: var(--gold); }
.styles_op_elryhq_doneLink { font-family: var(--font-kit-text-font), sans-serif; font-size: 13px; color: var(--gold); text-decoration: none; align-self: flex-start; border-bottom: 1px solid rgba(196, 160, 106, 0.4); }
.styles_op_elryhq_speakBtn { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.24); background: rgba(214, 169, 74, 0.08); color: var(--gold); font-family: var(--font-kit-text-font), sans-serif; font-size: 11.5px; line-height: 1; cursor: pointer; transition: background 0.2s, border-color 0.2s, transform 0.15s; }
.styles_op_elryhq_speakBtn:hover { background: rgba(214, 169, 74, 0.18); transform: translateY(-1px); }
.styles_op_elryhq_speakBtnActive { background: rgba(214, 169, 74, 0.22); border-color: var(--gold); }
.styles_op_elryhq_speakLabel { line-height: 1; }
.styles_op_elryhq_speakSpinner { width: 13px; height: 13px; border-radius: 50%; border-width: 2px; border-style: solid; border-right-color: rgba(214, 169, 74, 0.333); border-bottom-color: rgba(214, 169, 74, 0.333); border-left-color: rgba(214, 169, 74, 0.333); border-image: initial; border-top-color: var(--gold); animation: 0.7s linear 0s infinite normal none running styles_op_elryhq_speakSpin; }
@media (prefers-reduced-motion: reduce) {
.styles_op_elryhq_chat, .styles_op_elryhq_aiEye, .styles_op_elryhq_aiPulse, .styles_op_elryhq_aiOrbit, .styles_op_elryhq_aiSweep { animation: auto ease 0s 1 normal none running none; }
.styles_op_elryhq_aiPulse { opacity: 0.4; }
.styles_op_elryhq_assistant:hover .styles_op_elryhq_aiTip { transition-delay: 0s; }
.styles_op_elryhq_fab:hover .styles_op_elryhq_fabTip { transition-delay: 0s; }
}
@media (max-width: 900px) {
.styles_op_elryhq_aiTip { display: none !important; }
.styles_op_elryhq_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_elryhq_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
.styles_op_elryhq_aiLabel { display: inline-flex; }
.styles_op_elryhq_chat { bottom: 300px; right: 16px; }
}
.styles_op_1snm5vn_root { height: 0px; padding: 0px; margin: 0px; overflow: visible; background: transparent; pointer-events: none; display: block; }
.styles_op_1snm5vn_floating { --gold: #C4A06A; position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; pointer-events: all; }
.styles_op_1snm5vn_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_1snm5vn_assistant:hover { transform: translateY(-2px); border-color: var(--gold); box-shadow: rgba(196, 160, 106, 0.45) 0px 16px 40px -14px; }
.styles_op_1snm5vn_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_1snm5vn_assistantActive { border-color: var(--gold); box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 1px, rgba(196, 160, 106, 0.55) 0px 16px 42px -12px; }
.styles_op_1snm5vn_assistant:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.styles_op_1snm5vn_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_1snm5vn_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_1snm5vn_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.35) 0px 0px 5px); }
.styles_op_1snm5vn_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_1snm5vn_aiBlink; }
.styles_op_1snm5vn_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.42) 0%, transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_1snm5vn_aiPulse; }
.styles_op_1snm5vn_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_1snm5vn_aiOrbit; }
.styles_op_1snm5vn_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold); box-shadow: rgba(196, 160, 106, 0.7) 0px 0px 6px 1px; }
.styles_op_1snm5vn_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.55), transparent); }
.styles_op_1snm5vn_assistant:hover .styles_op_1snm5vn_aiSweep, .styles_op_1snm5vn_assistantActive .styles_op_1snm5vn_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_1snm5vn_aiSweep; }
.styles_op_1snm5vn_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1snm5vn_assistant:hover .styles_op_1snm5vn_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_1snm5vn_assistantActive .styles_op_1snm5vn_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_1snm5vn_chat { position: fixed; bottom: 278px; right: 22px; z-index: 2147483001; width: min(340px, -40px + 100vw); border-radius: 18px; overflow: hidden; border: 1px solid rgba(214, 169, 74, 0.28); background: rgba(9, 11, 15, 0.94); backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.92) 0px 30px 70px -28px; display: flex; flex-direction: column; animation: 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_1snm5vn_chatIn; }
.styles_op_1snm5vn_chatHead { display: flex; align-items: center; gap: 9px; padding: 14px 14px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: linear-gradient(rgba(196, 160, 106, 0.1), transparent); }
.styles_op_1snm5vn_chatDot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: rgba(196, 160, 106, 0.22) 0px 0px 0px 4px; flex: 0 0 auto; }
.styles_op_1snm5vn_chatTitle { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; font-weight: 600; color: rgb(244, 241, 233); }
.styles_op_1snm5vn_chatClose { background: none; border: none; color: rgba(244, 241, 233, 0.6); cursor: pointer; padding: 2px; display: grid; place-items: center; border-radius: 6px; transition: color 0.2s; }
.styles_op_1snm5vn_chatClose:hover { color: var(--gold); }
.styles_op_1snm5vn_chatClose:focus-visible { outline: 2px solid var(--gold); }
.styles_op_1snm5vn_chatBody { padding: 14px; display: flex; flex-direction: column; gap: 10px; max-height: clamp(150px, -450px + 100dvh, 340px); overflow-y: auto; scroll-behavior: smooth; }
.styles_op_1snm5vn_chatBody::-webkit-scrollbar { width: 4px; }
.styles_op_1snm5vn_chatBody::-webkit-scrollbar-track { background: transparent; }
.styles_op_1snm5vn_chatBody::-webkit-scrollbar-thumb { background: rgba(214, 169, 74, 0.2); border-radius: 4px; }
.styles_op_1snm5vn_bubBot { align-self: flex-start; display: flex; flex-direction: column; align-items: flex-start; background: rgba(255, 255, 255, 0.06); color: rgba(244, 241, 233, 0.9); font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 13px 4px; max-width: 88%; }
.styles_op_1snm5vn_bubUser { align-self: flex-end; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); font-weight: 500; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 4px; max-width: 88%; }
.styles_op_1snm5vn_bubText { display: block; }
.styles_op_1snm5vn_chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.styles_op_1snm5vn_chip { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.32); background: rgba(214, 169, 74, 0.08); color: var(--gold); cursor: pointer; transition: 0.2s; }
.styles_op_1snm5vn_chip:hover { background: rgba(196, 160, 106, 0.18); transform: translateY(-1px); }
.styles_op_1snm5vn_chip:focus-visible { outline: 2px solid var(--gold); }
.styles_op_1snm5vn_form { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.styles_op_1snm5vn_input { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; width: 100%; box-sizing: border-box; }
.styles_op_1snm5vn_input:focus { border-color: var(--gold); }
.styles_op_1snm5vn_input::placeholder { color: rgba(244, 241, 233, 0.4); }
.styles_op_1snm5vn_textarea { resize: vertical; min-height: 72px; font-family: var(--font-kit-text-font), sans-serif; line-height: 1.5; }
.styles_op_1snm5vn_err { font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; color: rgb(230, 180, 90); margin: 0px; }
.styles_op_1snm5vn_send { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; font-weight: 600; padding: 11px 14px; border-radius: 11px; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_1snm5vn_send:hover { transform: translateY(-1px); }
.styles_op_1snm5vn_send:disabled { opacity: 0.6; cursor: default; transform: none; }
.styles_op_1snm5vn_send:focus-visible { outline: 2px solid var(--gold); }
.styles_op_1snm5vn_leaveLink { align-self: flex-start; margin-top: 2px; background: none; border-top: none; border-right: none; border-left: none; border-image: initial; padding: 2px 0px; font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.55); cursor: pointer; border-bottom: 1px solid rgba(244, 241, 233, 0.2); transition: color 0.2s, border-color 0.2s; }
.styles_op_1snm5vn_leaveLink:hover { color: var(--gold); border-color: var(--gold); }
.styles_op_1snm5vn_askRow { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-top: 1px solid rgba(255, 255, 255, 0.04); }
.styles_op_1snm5vn_ask { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.05); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; }
.styles_op_1snm5vn_ask:focus { border-color: var(--gold); }
.styles_op_1snm5vn_ask::placeholder { color: rgba(244, 241, 233, 0.42); }
.styles_op_1snm5vn_askSend { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_1snm5vn_askSend:hover { transform: translateY(-1px); }
.styles_op_1snm5vn_askSend:disabled { opacity: 0.5; cursor: default; transform: none; }
.styles_op_1snm5vn_askSend:focus-visible { outline: 2px solid var(--gold); }
.styles_op_1snm5vn_speakBtn { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.24); background: rgba(214, 169, 74, 0.08); color: var(--gold); font-family: var(--font-kit-text-font), sans-serif; font-size: 11.5px; line-height: 1; cursor: pointer; transition: background 0.2s, border-color 0.2s, transform 0.15s; }
.styles_op_1snm5vn_speakBtn:hover { background: rgba(196, 160, 106, 0.18); transform: translateY(-1px); }
.styles_op_1snm5vn_speakBtnActive { background: rgba(196, 160, 106, 0.22); border-color: var(--gold); }
.styles_op_1snm5vn_speakLabel { line-height: 1; }
.styles_op_1snm5vn_speakSpinner { width: 13px; height: 13px; border-radius: 50%; border-width: 2px; border-style: solid; border-right-color: rgba(214, 169, 74, 0.55); border-bottom-color: rgba(214, 169, 74, 0.55); border-left-color: rgba(214, 169, 74, 0.55); border-image: initial; border-top-color: var(--gold); animation: 0.7s linear 0s infinite normal none running styles_op_1snm5vn_speakSpin; }
.styles_op_1snm5vn_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_1snm5vn_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: rgba(196, 160, 106, 0.6) 0px 14px 34px -12px; transition: transform 0.25s; text-decoration: none; }
.styles_op_1snm5vn_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_1snm5vn_fab:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.styles_op_1snm5vn_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_1snm5vn_fab:hover .styles_op_1snm5vn_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
@media (prefers-reduced-motion: reduce) {
.styles_op_1snm5vn_chat { animation: auto ease 0s 1 normal none running none; }
.styles_op_1snm5vn_aiEye, .styles_op_1snm5vn_aiPulse, .styles_op_1snm5vn_aiOrbit, .styles_op_1snm5vn_aiSweep, .styles_op_1snm5vn_speakSpinner { animation: auto ease 0s 1 normal none running none; }
.styles_op_1snm5vn_aiPulse { opacity: 0.4; }
.styles_op_1snm5vn_assistant:hover .styles_op_1snm5vn_aiTip { transition-delay: 0s; }
.styles_op_1snm5vn_fab:hover .styles_op_1snm5vn_fabTip { transition-delay: 0s; }
}
@media (max-width: 900px) {
.styles_op_1snm5vn_aiTip { display: none !important; }
.styles_op_1snm5vn_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_1snm5vn_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
.styles_op_1snm5vn_chat { bottom: 300px; right: 16px; width: min(320px, -32px + 100vw); }
}
.styles_op_3mztsv_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 190px 24px 90px; }
.styles_op_3mztsv_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_3mztsv_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_3mztsv_glowA, .styles_op_3mztsv_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_3mztsv_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_3mztsv_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_3mztsv_header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9000; transition: background 0.35s, backdrop-filter 0.35s, border-color 0.35s; border-bottom: 1px solid transparent; }
.styles_op_3mztsv_headerScrolled { background: rgba(10, 11, 14, 0.8); backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_3mztsv_headerInner { max-width: 1320px; margin: 0px auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.styles_op_3mztsv_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_3mztsv_nav { display: flex; align-items: center; gap: 26px; }
.styles_op_3mztsv_navLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(201, 198, 190); text-decoration: none; position: relative; transition: color 0.25s; white-space: nowrap; }
.styles_op_3mztsv_navLink::after { content: ""; position: absolute; left: 0px; bottom: -6px; height: 1px; width: 100%; background: var(--color-kit-key1); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.styles_op_3mztsv_navLink:hover { color: var(--color-kit-white); }
.styles_op_3mztsv_navLink:hover::after { transform: scaleX(1); }
.styles_op_3mztsv_headerRight { display: flex; align-items: center; gap: 16px; }
.styles_op_3mztsv_lang { font-size: 13px; color: rgb(201, 198, 190); letter-spacing: 0.1em; }
.styles_op_3mztsv_ctaBtn { font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; color: rgb(26, 20, 8); text-decoration: none; padding: 10px 18px; border-radius: 11px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 6px 18px; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_3mztsv_ctaBtn:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 10px 26px; }
.styles_op_3mztsv_burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0px; cursor: pointer; padding: 6px; }
.styles_op_3mztsv_burger span { width: 22px; height: 2px; background: rgb(231, 227, 218); border-radius: 2px; }
.styles_op_3mztsv_mobileMenu { display: none; flex-direction: column; gap: 4px; padding: 12px 24px 20px; background: rgba(10, 11, 14, 0.95); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_3mztsv_mobileLink { color: rgb(201, 198, 190); text-decoration: none; padding: 10px 0px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_3mztsv_mobileCta { margin-top: 10px; text-align: center; color: rgb(26, 20, 8); font-weight: 600; padding: 12px; border-radius: 11px; text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_3mztsv_inner { position: relative; z-index: 2; max-width: 820px; margin: 0px auto; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px; }
.styles_op_3mztsv_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_3mztsv_title { max-width: 760px; }
.styles_op_3mztsv_desc { max-width: 620px; }
.styles_op_3mztsv_note { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(138, 135, 121); line-height: 1.6; max-width: 560px; margin: 4px 0px 0px; padding: 12px 20px; border-radius: 12px; border: 1px solid rgba(196, 160, 106, 0.133); background: rgba(196, 160, 106, 0.05); }
@media (max-width: 960px) {
.styles_op_3mztsv_nav, .styles_op_3mztsv_lang { display: none; }
.styles_op_3mztsv_burger { display: flex; }
.styles_op_3mztsv_mobileMenu { display: flex; }
.styles_op_3mztsv_section { padding: 150px 20px 70px; }
}
.styles_op_3mztso_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 70px 24px 110px; overflow: hidden; }
.styles_op_3mztso_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_3mztso_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_3mztso_glow { position: absolute; width: 720px; height: 520px; top: 30%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); }
.styles_op_3mztso_inner { position: relative; z-index: 1; max-width: 820px; margin: 0px auto; width: 100%; }
.styles_op_3mztso_card { background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.333); border-radius: 20px; padding: 40px; box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_3mztso_form { display: flex; flex-direction: column; gap: 20px; }
.styles_op_3mztso_cardLabel { font-family: var(--font-kit-text-font); text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; color: rgb(196, 160, 106); font-weight: 600; }
.styles_op_3mztso_row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.styles_op_3mztso_field, .styles_op_3mztso_fieldFull { display: flex; flex-direction: column; gap: 8px; }
.styles_op_3mztso_label { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(216, 203, 176); font-weight: 500; letter-spacing: 0.02em; }
.styles_op_3mztso_req { color: rgb(196, 160, 106); }
.styles_op_3mztso_input { width: 100%; background: rgb(16, 19, 26); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 13px 15px; color: var(--color-kit-white); font-family: var(--font-kit-text-font); font-size: 15px; transition: border-color 0.22s, box-shadow 0.22s; outline: none; appearance: none; }
.styles_op_3mztso_input::placeholder { color: rgb(108, 106, 99); }
.styles_op_3mztso_input:focus { border-color: rgba(196, 160, 106, 0.533); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 3px; }
.styles_op_3mztso_textarea { resize: vertical; min-height: 120px; line-height: 1.6; }
.styles_op_3mztso_selectWrap { position: relative; }
.styles_op_3mztso_selectWrap select { padding-right: 40px; cursor: pointer; }
.styles_op_3mztso_selectWrap option { background: rgb(16, 19, 26); color: var(--color-kit-white); }
.styles_op_3mztso_chev { position: absolute; right: 16px; top: 50%; width: 9px; height: 9px; border-right: 2px solid rgb(196, 160, 106); border-bottom: 2px solid rgb(196, 160, 106); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.styles_op_3mztso_consent { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; margin-top: 2px; }
.styles_op_3mztso_checkbox { appearance: none; flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px; border: 1px solid rgba(196, 160, 106, 0.4); border-radius: 6px; background: rgb(16, 19, 26); cursor: pointer; position: relative; transition: background 0.2s, border-color 0.2s; }
.styles_op_3mztso_checkbox:checked { background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); border-color: rgb(196, 160, 106); }
.styles_op_3mztso_checkbox:checked::after { content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border-right: 2px solid rgb(26, 20, 8); border-bottom: 2px solid rgb(26, 20, 8); transform: rotate(45deg); }
.styles_op_3mztso_consentText { font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(169, 166, 158); line-height: 1.55; }
.styles_op_3mztso_consentLink { color: rgb(196, 160, 106); text-decoration: underline; text-underline-offset: 2px; }
.styles_op_3mztso_fieldError { font-family: var(--font-kit-text-font); font-size: 12.5px; color: rgb(229, 144, 110); line-height: 1.4; margin-top: -2px; }
.styles_op_3mztso_inputError { border-color: rgba(229, 103, 78, 0.533) !important; }
.styles_op_3mztso_inputError:focus { box-shadow: rgba(229, 103, 78, 0.133) 0px 0px 0px 3px !important; }
.styles_op_3mztso_successExtra { margin: 0px; font-family: var(--font-kit-text-font); font-size: 15px; color: rgb(216, 203, 176); line-height: 1.5; }
.styles_op_3mztso_successExtra strong { color: rgb(196, 160, 106); }
.styles_op_3mztso_error { margin: 0px; font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(229, 144, 110); background: rgba(229, 103, 78, 0.08); border: 1px solid rgba(229, 103, 78, 0.227); border-radius: 10px; padding: 10px 14px; }
.styles_op_3mztso_submit { margin-top: 6px; font-family: var(--font-kit-text-font); font-weight: 600; font-size: 15px; color: rgb(26, 20, 8); border: 0px; cursor: pointer; padding: 16px 24px; border-radius: 12px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 8px 22px; transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s; }
.styles_op_3mztso_submit:hover:not(:disabled) { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 12px 30px; }
.styles_op_3mztso_submit:disabled { opacity: 0.7; cursor: default; }
.styles_op_3mztso_submitNote { margin: 2px 0px 0px; text-align: center; font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(134, 132, 125); line-height: 1.55; }
.styles_op_3mztso_success { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; padding: 20px 10px; }
.styles_op_3mztso_successIcon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); box-shadow: rgba(196, 160, 106, 0.267) 0px 8px 24px, rgba(255, 255, 255, 0.333) 0px 1px 0px inset; }
.styles_op_3mztso_successTitle { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 24px; color: var(--color-kit-white); margin: 0px; max-width: 520px; }
.styles_op_3mztso_successText { font-family: var(--font-kit-text-font); font-size: 15px; color: rgb(169, 166, 158); line-height: 1.6; margin: 0px; max-width: 480px; }
@media (max-width: 720px) {
.styles_op_3mztso_card { padding: 26px 20px; }
.styles_op_3mztso_row { grid-template-columns: 1fr; gap: 20px; }
.styles_op_3mztso_section { padding: 50px 18px 80px; }
}
.styles_op_4zh4w1_footer { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 80px 24px 40px; overflow: hidden; }
.styles_op_4zh4w1_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_4zh4w1_glow { position: absolute; pointer-events: none; z-index: 1; width: 760px; height: 380px; top: -140px; left: 50%; transform: translateX(-50%); background: radial-gradient(rgba(196, 160, 106, 0.08) 0%, rgba(8, 9, 11, 0) 70%); }
.styles_op_4zh4w1_inner { position: relative; z-index: 2; max-width: 1250px; margin: 0px auto; }
.styles_op_4zh4w1_grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr 1fr; gap: 40px 32px; padding-bottom: 56px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.styles_op_4zh4w1_brandCol { display: flex; flex-direction: column; gap: 16px; max-width: 320px; }
.styles_op_4zh4w1_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 30px; letter-spacing: 0.16em; color: var(--color-kit-white); text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; width: fit-content; }
.styles_op_4zh4w1_tagline { margin: 0px; font-family: var(--font-kit-text-font); font-size: 14px; line-height: 1.6; color: rgb(156, 153, 143); }
.styles_op_4zh4w1_col { display: flex; flex-direction: column; gap: 14px; }
.styles_op_4zh4w1_colTitle, .styles_op_4zh4w1_colTitleLink { font-family: var(--font-kit-text-font); text-transform: uppercase; letter-spacing: 0.22em; font-size: 11.5px; font-weight: 600; color: rgb(196, 160, 106); text-decoration: none; }
.styles_op_4zh4w1_colTitleLink:hover { color: rgb(224, 199, 155); }
.styles_op_4zh4w1_list { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 11px; }
.styles_op_4zh4w1_link { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(169, 166, 158); text-decoration: none; transition: color 0.2s; }
.styles_op_4zh4w1_link:hover { color: var(--color-kit-white); }
.styles_op_4zh4w1_bottom { padding-top: 26px; display: flex; justify-content: center; align-items: center; }
.styles_op_4zh4w1_copy { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(124, 122, 115); }
@media (max-width: 980px) {
.styles_op_4zh4w1_grid { grid-template-columns: 1fr 1fr 1fr; gap: 36px 28px; }
.styles_op_4zh4w1_brandCol { grid-column: 1 / -1; max-width: none; }
}
@media (max-width: 600px) {
.styles_op_4zh4w1_footer { padding: 56px 18px 32px; }
.styles_op_4zh4w1_grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
}
.styles_op_4zh4w1_floating { position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.styles_op_4zh4w1_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--color-kit-key1); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_4zh4w1_assistant:hover { transform: translateY(-2px); border-color: var(--color-kit-key1); box-shadow: 0 16px 40px -14px color-mix(in srgb, var(--color-kit-key1) 45%, transparent); }
.styles_op_4zh4w1_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_4zh4w1_assistant:focus-visible { outline: 2px solid var(--color-kit-key2); outline-offset: 3px; }
.styles_op_4zh4w1_assistantActive { border-color: var(--color-kit-key1); box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-kit-key1) 40%, transparent), 0 16px 42px -12px color-mix(in srgb, var(--color-kit-key1) 55%, transparent); }
.styles_op_4zh4w1_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_4zh4w1_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--color-kit-key1) 35%, transparent)); }
.styles_op_4zh4w1_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_4zh4w1_aiBlink; }
.styles_op_4zh4w1_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(
      circle,
      color-mix(in srgb, var(--color-kit-key1) 42%, transparent),
      transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_4zh4w1_aiPulse; }
.styles_op_4zh4w1_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_4zh4w1_aiOrbit; }
.styles_op_4zh4w1_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--color-kit-key1); box-shadow: 0 0 6px 1px color-mix(in srgb, var(--color-kit-key1) 70%, transparent); }
.styles_op_4zh4w1_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_4zh4w1_assistant:hover .styles_op_4zh4w1_aiSweep, .styles_op_4zh4w1_assistantActive .styles_op_4zh4w1_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_4zh4w1_aiSweep; }
.styles_op_4zh4w1_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_4zh4w1_aiLabel { display: none; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; background: rgba(11, 13, 17, 0.9); border: 1px solid rgba(214, 169, 74, 0.32); font-family: var(--font-kit-text-font), sans-serif; font-size: 11px; letter-spacing: 0.3px; color: rgb(244, 241, 233); white-space: nowrap; pointer-events: none; backdrop-filter: blur(8px); line-height: 1; }
.styles_op_4zh4w1_aiLabelDot { flex: 0 0 auto; width: 5px; height: 5px; border-radius: 50%; background: var(--color-kit-key1); box-shadow: 0 0 5px 1px color-mix(in srgb, var(--color-kit-key1) 60%, transparent); }
.styles_op_4zh4w1_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_4zh4w1_assistant:hover .styles_op_4zh4w1_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_4zh4w1_assistantActive .styles_op_4zh4w1_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_4zh4w1_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_4zh4w1_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--color-kit-key1),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: 0 14px 34px -12px color-mix(in srgb, var(--color-kit-key1) 60%, transparent); transition: transform 0.25s; text-decoration: none; }
.styles_op_4zh4w1_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_4zh4w1_fab:focus-visible { outline: 2px solid var(--color-kit-key2); outline-offset: 3px; }
.styles_op_4zh4w1_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_4zh4w1_fab:hover .styles_op_4zh4w1_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_4zh4w1_chat { position: fixed; bottom: 278px; right: 22px; z-index: 2147483001; width: min(340px, -40px + 100vw); border-radius: 18px; overflow: hidden; border: 1px solid rgba(214, 169, 74, 0.28); background: rgba(9, 11, 15, 0.94); backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.92) 0px 30px 70px -28px; display: flex; flex-direction: column; animation: 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_4zh4w1_chatIn; }
.styles_op_4zh4w1_chatHead { display: flex; align-items: center; gap: 9px; padding: 14px 14px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--color-kit-key1) 10%, transparent),
      transparent); }
.styles_op_4zh4w1_chatDot { width: 8px; height: 8px; border-radius: 50%; background: var(--color-kit-key1); box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-kit-key1) 22%, transparent); flex: 0 0 auto; }
.styles_op_4zh4w1_chatTitle { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; font-weight: 600; color: rgb(244, 241, 233); }
.styles_op_4zh4w1_chatClose { background: none; border: none; color: rgba(244, 241, 233, 0.6); cursor: pointer; padding: 2px; display: grid; place-items: center; transition: color 0.2s; }
.styles_op_4zh4w1_chatClose:hover { color: var(--color-kit-key1); }
.styles_op_4zh4w1_chatClose:focus-visible { outline: 2px solid var(--color-kit-key2); outline-offset: 2px; }
.styles_op_4zh4w1_chatBody { padding: 14px; display: flex; flex-direction: column; gap: 10px; max-height: clamp(150px, -450px + 100dvh, 340px); overflow-y: auto; }
.styles_op_4zh4w1_bubBot, .styles_op_4zh4w1_bubUser { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px; max-width: 88%; }
.styles_op_4zh4w1_bubBot { align-self: flex-start; background: rgba(255, 255, 255, 0.06); color: rgba(244, 241, 233, 0.9); border-bottom-left-radius: 4px; display: flex; flex-direction: column; align-items: flex-start; }
.styles_op_4zh4w1_bubUser { align-self: flex-end; background: linear-gradient(
      135deg,
      var(--color-kit-key1),
      #B88732); color: rgb(11, 13, 17); font-weight: 500; border-bottom-right-radius: 4px; }
.styles_op_4zh4w1_bubText { display: block; }
.styles_op_4zh4w1_chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.styles_op_4zh4w1_chip { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.32); background: rgba(214, 169, 74, 0.08); color: var(--color-kit-key1); cursor: pointer; transition: 0.2s; }
.styles_op_4zh4w1_chip:hover { background: color-mix(in srgb, var(--color-kit-key1) 18%, transparent); transform: translateY(-1px); }
.styles_op_4zh4w1_chip:focus-visible { outline: 2px solid var(--color-kit-key2); outline-offset: 2px; }
.styles_op_4zh4w1_form { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.styles_op_4zh4w1_input, .styles_op_4zh4w1_textarea { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; resize: none; }
.styles_op_4zh4w1_input:focus, .styles_op_4zh4w1_textarea:focus { border-color: var(--color-kit-key1); }
.styles_op_4zh4w1_input::placeholder, .styles_op_4zh4w1_textarea::placeholder { color: rgba(244, 241, 233, 0.4); }
.styles_op_4zh4w1_err { font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; color: rgb(230, 180, 90); }
.styles_op_4zh4w1_send { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; font-weight: 600; padding: 11px 14px; border-radius: 11px; border: none; background: linear-gradient(
      135deg,
      var(--color-kit-key1),
      #B88732); color: rgb(11, 13, 17); cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_4zh4w1_send:hover { transform: translateY(-1px); }
.styles_op_4zh4w1_send:disabled { opacity: 0.6; cursor: default; transform: none; }
.styles_op_4zh4w1_askRow { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_4zh4w1_ask { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.05); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; }
.styles_op_4zh4w1_ask:focus { border-color: var(--color-kit-key1); }
.styles_op_4zh4w1_ask::placeholder { color: rgba(244, 241, 233, 0.42); }
.styles_op_4zh4w1_askSend { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: none; background: linear-gradient(
      135deg,
      var(--color-kit-key1),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_4zh4w1_askSend:hover { transform: translateY(-1px); }
.styles_op_4zh4w1_askSend:disabled { opacity: 0.5; cursor: default; transform: none; }
.styles_op_4zh4w1_leaveLink { align-self: flex-start; margin-top: 2px; background: none; border-top: none; border-right: none; border-left: none; border-image: initial; padding: 2px 0px; font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.55); cursor: pointer; border-bottom: 1px solid rgba(244, 241, 233, 0.2); transition: color 0.2s; }
.styles_op_4zh4w1_leaveLink:hover { color: var(--color-kit-key1); border-color: var(--color-kit-key1); }
.styles_op_4zh4w1_doneLink { font-family: var(--font-kit-text-font), sans-serif; font-size: 13px; color: var(--color-kit-key1); text-decoration: none; align-self: flex-start; border-bottom: 1px solid color-mix(in srgb, var(--color-kit-key1) 40%, transparent); }
.styles_op_4zh4w1_speakBtn { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.24); background: rgba(214, 169, 74, 0.08); color: var(--color-kit-key1); font-family: var(--font-kit-text-font), sans-serif; font-size: 11.5px; line-height: 1; cursor: pointer; transition: background 0.2s, border-color 0.2s, transform 0.15s; }
.styles_op_4zh4w1_speakBtn:hover { background: color-mix(in srgb, var(--color-kit-key1) 18%, transparent); transform: translateY(-1px); }
.styles_op_4zh4w1_speakBtnActive { background: color-mix(in srgb, var(--color-kit-key1) 22%, transparent); border-color: var(--color-kit-key1); }
.styles_op_4zh4w1_speakLabel { line-height: 1; }
.styles_op_4zh4w1_speakSpinner { width: 13px; height: 13px; border-radius: 50%; border-width: 2px; border-style: solid; border-right-color: rgba(214, 169, 74, 0.333); border-bottom-color: rgba(214, 169, 74, 0.333); border-left-color: rgba(214, 169, 74, 0.333); border-image: initial; border-top-color: var(--color-kit-key1); animation: 0.7s linear 0s infinite normal none running styles_op_4zh4w1_speakSpin; }
@media (prefers-reduced-motion: reduce) {
.styles_op_4zh4w1_chat, .styles_op_4zh4w1_aiEye, .styles_op_4zh4w1_aiPulse, .styles_op_4zh4w1_aiOrbit, .styles_op_4zh4w1_aiSweep { animation: auto ease 0s 1 normal none running none; }
.styles_op_4zh4w1_aiPulse { opacity: 0.4; }
.styles_op_4zh4w1_assistant:hover .styles_op_4zh4w1_aiTip { transition-delay: 0s; }
.styles_op_4zh4w1_fab:hover .styles_op_4zh4w1_fabTip { transition-delay: 0s; }
}
@media (max-width: 900px) {
.styles_op_4zh4w1_aiTip { display: none !important; }
.styles_op_4zh4w1_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_4zh4w1_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
.styles_op_4zh4w1_aiLabel { display: inline-flex; }
.styles_op_4zh4w1_chat { bottom: 300px; right: 16px; }
}
.styles_op_wew8pw_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 190px 24px 90px; }
.styles_op_wew8pw_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_wew8pw_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_wew8pw_glowA, .styles_op_wew8pw_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_wew8pw_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_wew8pw_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_wew8pw_header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9000; transition: background 0.35s, backdrop-filter 0.35s, border-color 0.35s; border-bottom: 1px solid transparent; }
.styles_op_wew8pw_headerScrolled { background: rgba(10, 11, 14, 0.8); backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_wew8pw_headerInner { max-width: 1320px; margin: 0px auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.styles_op_wew8pw_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_wew8pw_nav { display: flex; align-items: center; gap: 26px; }
.styles_op_wew8pw_navLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(201, 198, 190); text-decoration: none; position: relative; transition: color 0.25s; white-space: nowrap; }
.styles_op_wew8pw_navLink::after { content: ""; position: absolute; left: 0px; bottom: -6px; height: 1px; width: 100%; background: var(--color-kit-key1); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.styles_op_wew8pw_navLink:hover { color: var(--color-kit-white); }
.styles_op_wew8pw_navLink:hover::after { transform: scaleX(1); }
.styles_op_wew8pw_headerRight { display: flex; align-items: center; gap: 16px; }
.styles_op_wew8pw_lang { font-size: 13px; color: rgb(201, 198, 190); letter-spacing: 0.1em; }
.styles_op_wew8pw_ctaBtn { font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; color: rgb(26, 20, 8); text-decoration: none; padding: 10px 18px; border-radius: 11px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 6px 18px; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_wew8pw_ctaBtn:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 10px 26px; }
.styles_op_wew8pw_burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0px; cursor: pointer; padding: 6px; }
.styles_op_wew8pw_burger span { width: 22px; height: 2px; background: rgb(231, 227, 218); border-radius: 2px; }
.styles_op_wew8pw_mobileMenu { display: none; flex-direction: column; gap: 4px; padding: 12px 24px 20px; background: rgba(10, 11, 14, 0.95); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_wew8pw_mobileLink { color: rgb(201, 198, 190); text-decoration: none; padding: 10px 0px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_wew8pw_mobileCta { margin-top: 10px; text-align: center; color: rgb(26, 20, 8); font-weight: 600; padding: 12px; border-radius: 11px; text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_wew8pw_inner { position: relative; z-index: 2; max-width: 940px; margin: 0px auto; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px; }
.styles_op_wew8pw_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_wew8pw_title { max-width: 780px; }
.styles_op_wew8pw_desc { max-width: 640px; }
.styles_op_wew8pw_cards { margin-top: 26px; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.styles_op_wew8pw_contactCard { display: flex; align-items: center; gap: 18px; text-align: left; padding: 24px 26px; border-radius: 18px; border: 1px solid rgba(196, 160, 106, 0.2); background: linear-gradient(rgb(13, 16, 21), rgb(11, 13, 17)); text-decoration: none; opacity: 0; transform: translateY(22px); transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s, box-shadow 0.3s, background 0.3s; }
.styles_op_wew8pw_cardIn { opacity: 1; transform: translateY(0px); }
.styles_op_wew8pw_contactCard:hover { border-color: rgba(196, 160, 106, 0.6); background: linear-gradient(rgb(17, 20, 26), rgb(12, 15, 20)); box-shadow: rgba(0, 0, 0, 0.333) 0px 18px 46px, rgba(196, 160, 106, 0.133) 0px 0px 0px 1px, rgba(196, 160, 106, 0.12) 0px 0px 40px; }
.styles_op_wew8pw_cardIcon { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; color: rgb(196, 160, 106); background: rgba(196, 160, 106, 0.08); border: 1px solid rgba(196, 160, 106, 0.2); transition: color 0.3s, background 0.3s, border-color 0.3s; }
.styles_op_wew8pw_contactCard:hover .styles_op_wew8pw_cardIcon { color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); border-color: rgb(196, 160, 106); }
.styles_op_wew8pw_cardBody { display: flex; flex-direction: column; gap: 3px; min-width: 0px; }
.styles_op_wew8pw_cardTitle { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 17px; color: var(--color-kit-white); }
.styles_op_wew8pw_cardText { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(138, 135, 121); line-height: 1.5; }
.styles_op_wew8pw_cardValue { font-family: var(--font-kit-text-font); font-size: 15px; font-weight: 600; color: rgb(196, 160, 106); margin-top: 4px; word-break: break-word; }
.styles_op_wew8pw_cardArrow { flex: 0 0 auto; margin-left: auto; color: rgb(108, 106, 99); transition: color 0.3s, transform 0.3s; }
.styles_op_wew8pw_contactCard:hover .styles_op_wew8pw_cardArrow { color: rgb(196, 160, 106); transform: translateX(4px); }
@media (max-width: 820px) {
.styles_op_wew8pw_cards { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
.styles_op_wew8pw_nav, .styles_op_wew8pw_lang { display: none; }
.styles_op_wew8pw_burger { display: flex; }
.styles_op_wew8pw_mobileMenu { display: flex; }
.styles_op_wew8pw_section { padding: 150px 20px 70px; }
}
.styles_op_wew8sc_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 70px 24px 110px; overflow: hidden; }
.styles_op_wew8sc_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_wew8sc_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_wew8sc_glow { position: absolute; width: 720px; height: 520px; top: 30%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); }
.styles_op_wew8sc_inner { position: relative; z-index: 1; max-width: 820px; margin: 0px auto; width: 100%; display: flex; flex-direction: column; gap: 26px; }
.styles_op_wew8sc_card { background: rgb(12, 14, 18); border: 1px solid rgba(196, 160, 106, 0.333); border-radius: 20px; padding: 40px; box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_wew8sc_form { display: flex; flex-direction: column; gap: 20px; }
.styles_op_wew8sc_cardLabel { font-family: var(--font-kit-text-font); text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; color: rgb(196, 160, 106); font-weight: 600; }
.styles_op_wew8sc_row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.styles_op_wew8sc_field, .styles_op_wew8sc_fieldFull { display: flex; flex-direction: column; gap: 8px; }
.styles_op_wew8sc_label { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(216, 203, 176); font-weight: 500; letter-spacing: 0.02em; }
.styles_op_wew8sc_req { color: rgb(196, 160, 106); }
.styles_op_wew8sc_input { width: 100%; background: rgb(16, 19, 26); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 13px 15px; color: var(--color-kit-white); font-family: var(--font-kit-text-font); font-size: 15px; transition: border-color 0.22s, box-shadow 0.22s; outline: none; appearance: none; }
.styles_op_wew8sc_input::placeholder { color: rgb(108, 106, 99); }
.styles_op_wew8sc_input:focus { border-color: rgba(196, 160, 106, 0.533); box-shadow: rgba(196, 160, 106, 0.133) 0px 0px 0px 3px; }
.styles_op_wew8sc_textarea { resize: vertical; min-height: 120px; line-height: 1.6; }
.styles_op_wew8sc_selectWrap { position: relative; }
.styles_op_wew8sc_selectWrap select { padding-right: 40px; cursor: pointer; }
.styles_op_wew8sc_selectWrap option { background: rgb(16, 19, 26); color: var(--color-kit-white); }
.styles_op_wew8sc_chev { position: absolute; right: 16px; top: 50%; width: 9px; height: 9px; border-right: 2px solid rgb(196, 160, 106); border-bottom: 2px solid rgb(196, 160, 106); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.styles_op_wew8sc_error { margin: 0px; font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(229, 144, 110); background: rgba(229, 103, 78, 0.08); border: 1px solid rgba(229, 103, 78, 0.227); border-radius: 10px; padding: 10px 14px; }
.styles_op_wew8sc_submit { margin-top: 6px; font-family: var(--font-kit-text-font); font-weight: 600; font-size: 15px; color: rgb(26, 20, 8); border: 0px; cursor: pointer; padding: 16px 24px; border-radius: 12px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 8px 22px; transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s; position: relative; overflow: hidden; }
.styles_op_wew8sc_submit::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: -80%; width: 46%; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.267), transparent); animation: 7s ease-in-out 0s infinite normal none running styles_op_wew8sc_btnShimmer; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
.styles_op_wew8sc_submit::after { animation: auto ease 0s 1 normal none running none; }
}
.styles_op_wew8sc_submit:hover:not(:disabled) { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 12px 30px; }
.styles_op_wew8sc_submit:disabled { opacity: 0.7; cursor: default; }
.styles_op_wew8sc_submit:disabled::after { animation: auto ease 0s 1 normal none running none; }
.styles_op_wew8sc_privacy { margin: 2px 0px 0px; font-family: var(--font-kit-text-font); font-size: 12.5px; color: rgb(124, 122, 114); line-height: 1.6; text-align: center; }
.styles_op_wew8sc_privacyLink { color: rgb(196, 160, 106); text-decoration: underline; text-underline-offset: 2px; }
.styles_op_wew8sc_success { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; padding: 20px 10px; }
.styles_op_wew8sc_successIcon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); box-shadow: rgba(196, 160, 106, 0.267) 0px 8px 24px, rgba(255, 255, 255, 0.333) 0px 1px 0px inset; }
.styles_op_wew8sc_successTitle { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 24px; color: var(--color-kit-white); margin: 0px; max-width: 520px; }
.styles_op_wew8sc_successText { font-family: var(--font-kit-text-font); font-size: 15px; color: rgb(169, 166, 158); line-height: 1.6; margin: 0px; max-width: 480px; }
.styles_op_wew8sc_portal { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 30px; border-radius: 18px; border: 1px solid rgba(196, 160, 106, 0.18); background: linear-gradient(rgb(12, 14, 18), rgb(10, 12, 16)); }
.styles_op_wew8sc_portalBody { display: flex; flex-direction: column; gap: 6px; }
.styles_op_wew8sc_portalHeading { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 19px; color: var(--color-kit-white); margin: 0px; }
.styles_op_wew8sc_portalText { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(138, 135, 121); line-height: 1.6; margin: 0px; max-width: 520px; }
.styles_op_wew8sc_portalBtn { flex: 0 0 auto; font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; color: rgb(224, 199, 155); cursor: pointer; padding: 12px 22px; border-radius: 12px; background: rgba(196, 160, 106, 0.08); border: 1px solid rgba(196, 160, 106, 0.4); transition: background 0.25s, border-color 0.25s, color 0.25s, transform 0.2s, box-shadow 0.25s; white-space: nowrap; }
.styles_op_wew8sc_inputError { border-color: rgba(229, 103, 78, 0.533) !important; box-shadow: rgba(229, 103, 78, 0.094) 0px 0px 0px 3px !important; }
.styles_op_wew8sc_fieldError { font-family: var(--font-kit-text-font); font-size: 12.5px; color: rgb(229, 144, 110); }
.styles_op_wew8sc_portalBtn:hover { color: rgb(26, 20, 8); border-color: rgb(196, 160, 106); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); transform: translateY(-1px); box-shadow: rgba(196, 160, 106, 0.2) 0px 10px 26px; }
@media (max-width: 720px) {
.styles_op_wew8sc_card { padding: 26px 20px; }
.styles_op_wew8sc_row { grid-template-columns: 1fr; gap: 20px; }
.styles_op_wew8sc_section { padding: 50px 18px 80px; }
.styles_op_wew8sc_portal { flex-direction: column; align-items: flex-start; padding: 24px; }
.styles_op_wew8sc_portalBtn { width: 100%; text-align: center; }
}
.styles_op_n4dh0k_section { height: 0px; overflow: visible; padding: 0px; margin: 0px; background: rgb(8, 9, 11); border: none; pointer-events: none; }
.styles_op_n4dh0k_floating { position: fixed; right: 22px; bottom: 130px; z-index: 60; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; pointer-events: none; }
.styles_op_n4dh0k_floating > * { pointer-events: auto; }
.styles_op_n4dh0k_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_n4dh0k_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: rgb(196, 160, 106); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_n4dh0k_assistant:hover { transform: translateY(-2px); border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.4) 0px 16px 40px -14px; }
.styles_op_n4dh0k_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_n4dh0k_assistantActive { border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.267) 0px 0px 0px 1px, rgba(196, 160, 106, 0.5) 0px 16px 42px -12px; }
.styles_op_n4dh0k_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_n4dh0k_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.267) 0px 0px 5px); }
.styles_op_n4dh0k_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_n4dh0k_aiBlink; }
.styles_op_n4dh0k_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_n4dh0k_aiPulse; }
.styles_op_n4dh0k_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_n4dh0k_aiOrbit; }
.styles_op_n4dh0k_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.667) 0px 0px 6px 1px; }
.styles_op_n4dh0k_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_n4dh0k_assistant:hover .styles_op_n4dh0k_aiSweep, .styles_op_n4dh0k_assistantActive .styles_op_n4dh0k_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_n4dh0k_aiSweep; }
.styles_op_n4dh0k_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(196, 160, 106, 0.267); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_n4dh0k_assistant:hover .styles_op_n4dh0k_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_n4dh0k_assistantActive .styles_op_n4dh0k_aiTip { opacity: 0 !important; }
.styles_op_n4dh0k_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_n4dh0k_menu { display: flex; flex-direction: column; gap: 4px; padding: 8px; border-radius: 14px; border: 1px solid rgba(196, 160, 106, 0.2); background: rgba(11, 13, 17, 0.85); backdrop-filter: blur(14px); box-shadow: rgba(0, 0, 0, 0.9) 0px 20px 50px -24px; }
.styles_op_n4dh0k_menuItem { padding: 9px 16px; border-radius: 9px; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; color: rgba(244, 241, 233, 0.8); text-decoration: none; transition: background 0.2s, color 0.2s; white-space: nowrap; }
.styles_op_n4dh0k_menuItem:hover { background: rgba(196, 160, 106, 0.118); color: rgb(196, 160, 106); }
.styles_op_n4dh0k_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(196, 160, 106, 0.3); background: linear-gradient(135deg, rgb(196, 160, 106), rgb(168, 133, 79)); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: rgba(196, 160, 106, 0.533) 0px 14px 34px -12px; transition: transform 0.25s; }
.styles_op_n4dh0k_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_n4dh0k_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(196, 160, 106, 0.267); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_n4dh0k_fab:hover .styles_op_n4dh0k_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_n4dh0k_fab.styles_op_n4dh0k_fabOpen .styles_op_n4dh0k_fabTip { opacity: 0 !important; }
.styles_op_n4dh0k_chat { width: min(340px, -40px + 100vw); border-radius: 18px; overflow: hidden; border: 1px solid rgba(196, 160, 106, 0.267); background: rgba(9, 11, 15, 0.94); backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.92) 0px 30px 70px -28px; display: flex; flex-direction: column; animation: 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_n4dh0k_chatIn; }
.styles_op_n4dh0k_chatHead { display: flex; align-items: center; gap: 9px; padding: 14px 14px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: linear-gradient(rgba(196, 160, 106, 0.1), transparent); }
.styles_op_n4dh0k_chatDot { width: 8px; height: 8px; border-radius: 50%; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.22) 0px 0px 0px 4px; flex: 0 0 auto; }
.styles_op_n4dh0k_chatTitle { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; font-weight: 600; color: rgb(244, 241, 233); }
.styles_op_n4dh0k_chatClose { background: none; border: none; color: rgba(244, 241, 233, 0.6); cursor: pointer; padding: 2px; display: grid; place-items: center; transition: color 0.2s; }
.styles_op_n4dh0k_chatClose:hover { color: rgb(196, 160, 106); }
.styles_op_n4dh0k_chatBody { padding: 14px; display: flex; flex-direction: column; gap: 10px; max-height: 340px; overflow-y: auto; }
.styles_op_n4dh0k_bubBot { display: flex; flex-direction: column; align-items: flex-start; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 13px 4px; max-width: 88%; background: rgba(255, 255, 255, 0.06); color: rgba(244, 241, 233, 0.9); }
.styles_op_n4dh0k_bubUser { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 4px; max-width: 88%; align-self: flex-end; background: linear-gradient(135deg, rgb(196, 160, 106), rgb(168, 133, 79)); color: rgb(11, 13, 17); font-weight: 500; }
.styles_op_n4dh0k_bubText { display: block; }
.styles_op_n4dh0k_speakBtn { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(196, 160, 106, 0.24); background: rgba(196, 160, 106, 0.08); color: rgb(196, 160, 106); font-family: var(--font-kit-text-font), sans-serif; font-size: 11.5px; cursor: pointer; transition: background 0.2s, border-color 0.2s, transform 0.15s; }
.styles_op_n4dh0k_speakBtn:hover { background: rgba(196, 160, 106, 0.18); transform: translateY(-1px); }
.styles_op_n4dh0k_speakBtnActive { background: rgba(196, 160, 106, 0.2); border-color: rgb(196, 160, 106); }
.styles_op_n4dh0k_speakLabel { line-height: 1; }
.styles_op_n4dh0k_speakSpinner { width: 13px; height: 13px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(196, 160, 106) rgba(196, 160, 106, 0.267) rgba(196, 160, 106, 0.267); border-image: initial; animation: 0.7s linear 0s infinite normal none running styles_op_n4dh0k_speakSpin; }
.styles_op_n4dh0k_chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.styles_op_n4dh0k_chip { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(196, 160, 106, 0.314); background: rgba(196, 160, 106, 0.05); color: rgb(196, 160, 106); cursor: pointer; transition: 0.2s; }
.styles_op_n4dh0k_chip:hover { background: rgba(196, 160, 106, 0.18); transform: translateY(-1px); }
.styles_op_n4dh0k_form { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.styles_op_n4dh0k_input, .styles_op_n4dh0k_textarea { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.118); background: rgba(255, 255, 255, 0.027); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; resize: none; }
.styles_op_n4dh0k_input:focus, .styles_op_n4dh0k_textarea:focus { border-color: rgb(196, 160, 106); }
.styles_op_n4dh0k_input::placeholder, .styles_op_n4dh0k_textarea::placeholder { color: rgba(244, 241, 233, 0.4); }
.styles_op_n4dh0k_err { font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; color: rgb(230, 180, 90); }
.styles_op_n4dh0k_send { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; font-weight: 600; padding: 11px 14px; border-radius: 11px; border: none; background: linear-gradient(135deg, rgb(196, 160, 106), rgb(168, 133, 79)); color: rgb(11, 13, 17); cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_n4dh0k_send:hover { transform: translateY(-1px); }
.styles_op_n4dh0k_send:disabled { opacity: 0.6; cursor: default; transform: none; }
.styles_op_n4dh0k_askRow { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_n4dh0k_ask { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.133); background: rgba(255, 255, 255, 0.03); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; }
.styles_op_n4dh0k_ask:focus { border-color: rgb(196, 160, 106); }
.styles_op_n4dh0k_ask::placeholder { color: rgba(244, 241, 233, 0.4); }
.styles_op_n4dh0k_askSend { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: none; background: linear-gradient(135deg, rgb(196, 160, 106), rgb(168, 133, 79)); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_n4dh0k_askSend:hover { transform: translateY(-1px); }
.styles_op_n4dh0k_askSend:disabled { opacity: 0.5; cursor: default; transform: none; }
.styles_op_n4dh0k_leaveLink { align-self: flex-start; margin-top: 2px; background: none; border-top: none; border-right: none; border-left: none; border-image: initial; padding: 2px 0px; font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.533); cursor: pointer; border-bottom: 1px solid rgba(244, 241, 233, 0.2); transition: color 0.2s, border-color 0.2s; }
.styles_op_n4dh0k_leaveLink:hover { color: rgb(196, 160, 106); border-color: rgb(196, 160, 106); }
.styles_op_n4dh0k_doneLink { font-family: var(--font-kit-text-font), sans-serif; font-size: 13px; color: rgb(196, 160, 106); text-decoration: none; align-self: flex-start; border-bottom: 1px solid rgba(196, 160, 106, 0.4); }
@media (prefers-reduced-motion: reduce) {
.styles_op_n4dh0k_aiEye, .styles_op_n4dh0k_aiPulse, .styles_op_n4dh0k_aiOrbit { animation: auto ease 0s 1 normal none running none; }
.styles_op_n4dh0k_aiPulse { opacity: 0.4; }
.styles_op_n4dh0k_assistant:hover .styles_op_n4dh0k_aiSweep, .styles_op_n4dh0k_assistantActive .styles_op_n4dh0k_aiSweep { animation: auto ease 0s 1 normal none running none; }
}
@media (max-width: 900px) {
.styles_op_n4dh0k_aiTip { display: none !important; }
.styles_op_n4dh0k_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_n4dh0k_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
}
.styles_op_t4xim0_footer { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 80px 24px 40px; overflow: hidden; border-top: 1px solid rgba(196, 160, 106, 0.133); isolation: isolate; }
.styles_op_t4xim0_starWrap { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_t4xim0_glow { position: absolute; pointer-events: none; z-index: 0; width: 760px; height: 380px; top: -140px; left: 50%; transform: translateX(-50%); background: radial-gradient(rgba(196, 160, 106, 0.08) 0%, rgba(8, 9, 11, 0) 70%); }
.styles_op_t4xim0_inner { position: relative; z-index: 1; max-width: 1250px; margin: 0px auto; }
.styles_op_t4xim0_grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr 1fr; gap: 40px 32px; padding-bottom: 56px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.styles_op_t4xim0_brandCol { display: flex; flex-direction: column; gap: 16px; max-width: 320px; }
.styles_op_t4xim0_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 30px; letter-spacing: 0.16em; color: var(--color-kit-white); text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)) text; -webkit-text-fill-color: transparent; width: fit-content; }
.styles_op_t4xim0_tagline { margin: 0px; font-family: var(--font-kit-text-font); font-size: 14px; line-height: 1.6; color: rgb(156, 153, 143); }
.styles_op_t4xim0_col { display: flex; flex-direction: column; gap: 14px; }
.styles_op_t4xim0_colTitle, .styles_op_t4xim0_colTitleLink { font-family: var(--font-kit-text-font); text-transform: uppercase; letter-spacing: 0.22em; font-size: 11.5px; font-weight: 600; color: rgb(196, 160, 106); text-decoration: none; }
.styles_op_t4xim0_colTitleLink:hover { color: rgb(224, 199, 155); }
.styles_op_t4xim0_list { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 11px; }
.styles_op_t4xim0_link { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(169, 166, 158); text-decoration: none; transition: color 0.2s; }
.styles_op_t4xim0_link:hover { color: var(--color-kit-white); }
.styles_op_t4xim0_bottom { padding-top: 26px; display: flex; justify-content: center; align-items: center; }
.styles_op_t4xim0_copy { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(124, 122, 115); }
@media (max-width: 980px) {
.styles_op_t4xim0_grid { grid-template-columns: 1fr 1fr 1fr; gap: 36px 28px; }
.styles_op_t4xim0_brandCol { grid-column: 1 / -1; max-width: none; }
}
@media (max-width: 600px) {
.styles_op_t4xim0_footer { padding: 56px 18px 32px; }
.styles_op_t4xim0_grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
}
.styles_op_wbsm8m_s_sm { font-size: 0.9rem; }
.styles_op_1ndqg72_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 150px 24px 110px; }
.styles_op_1ndqg72_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_1ndqg72_bg { position: absolute; inset: 0px; z-index: 1; pointer-events: none; }
.styles_op_1ndqg72_glowA, .styles_op_1ndqg72_glowB { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.5; }
.styles_op_1ndqg72_glowA { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.333), rgba(8, 9, 11, 0) 70%); }
.styles_op_1ndqg72_glowB { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, rgba(196, 160, 106, 0.2), rgba(8, 9, 11, 0) 70%); }
.styles_op_1ndqg72_header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9000; transition: background 0.35s, backdrop-filter 0.35s, border-color 0.35s; border-bottom: 1px solid transparent; }
.styles_op_1ndqg72_headerScrolled { background: rgba(10, 11, 14, 0.8); backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_1ndqg72_headerInner { max-width: 1320px; margin: 0px auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.styles_op_1ndqg72_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_1ndqg72_nav { display: flex; align-items: center; gap: 26px; }
.styles_op_1ndqg72_navLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(201, 198, 190); text-decoration: none; position: relative; transition: color 0.25s; white-space: nowrap; }
.styles_op_1ndqg72_navLink::after { content: ""; position: absolute; left: 0px; bottom: -6px; height: 1px; width: 100%; background: var(--color-kit-key1); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.styles_op_1ndqg72_navLink:hover { color: var(--color-kit-white); }
.styles_op_1ndqg72_navLink:hover::after { transform: scaleX(1); }
.styles_op_1ndqg72_headerRight { display: flex; align-items: center; gap: 16px; }
.styles_op_1ndqg72_lang { font-size: 13px; color: rgb(201, 198, 190); letter-spacing: 0.1em; }
.styles_op_1ndqg72_ctaBtn { font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; color: rgb(26, 20, 8); text-decoration: none; padding: 10px 18px; border-radius: 11px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 6px 18px; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_1ndqg72_ctaBtn:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 10px 26px; }
.styles_op_1ndqg72_burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0px; cursor: pointer; padding: 6px; }
.styles_op_1ndqg72_burger span { width: 22px; height: 2px; background: rgb(231, 227, 218); border-radius: 2px; }
.styles_op_1ndqg72_mobileMenu { display: none; flex-direction: column; gap: 4px; padding: 12px 24px 20px; background: rgba(10, 11, 14, 0.95); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_1ndqg72_mobileLink { color: rgb(201, 198, 190); text-decoration: none; padding: 10px 0px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1ndqg72_mobileCta { margin-top: 10px; text-align: center; color: rgb(26, 20, 8); font-weight: 600; padding: 12px; border-radius: 11px; text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_1ndqg72_inner { position: relative; z-index: 2; max-width: 1320px; margin: 0px auto; width: 100%; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 64px; align-items: center; }
.styles_op_1ndqg72_copy { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.styles_op_1ndqg72_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_1ndqg72_title { max-width: 560px; }
.styles_op_1ndqg72_desc { max-width: 520px; }
.styles_op_1ndqg72_advList { list-style: none; margin: 8px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 14px; }
.styles_op_1ndqg72_advItem { display: flex; align-items: center; gap: 12px; }
.styles_op_1ndqg72_advIcon { width: 24px; height: 24px; border-radius: 50%; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: rgb(196, 160, 106); background: rgba(196, 160, 106, 0.12); border: 1px solid rgba(196, 160, 106, 0.267); }
.styles_op_1ndqg72_advText { font-family: var(--font-kit-text-font); font-size: 15px; color: rgb(216, 212, 203); }
.styles_op_1ndqg72_loginWrap { position: relative; display: flex; justify-content: center; }
.styles_op_1ndqg72_loginWrap::before { content: ""; position: absolute; inset: -1px; border-radius: 20px; z-index: 0; background: linear-gradient(160deg, rgba(224, 199, 155, 0.333), rgba(196, 160, 106, 0.133) 40%, rgba(196, 160, 106, 0.03) 70%, rgba(224, 199, 155, 0.2)); filter: blur(0.5px); }
.styles_op_1ndqg72_loginCard { position: relative; z-index: 1; width: 100%; max-width: 440px; background: linear-gradient(rgb(15, 17, 22), rgb(11, 13, 17)); border: 1px solid rgba(196, 160, 106, 0.333); border-radius: 19px; padding: 34px 32px 28px; display: flex; flex-direction: column; gap: 18px; box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 80px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; }
.styles_op_1ndqg72_loginHead { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.styles_op_1ndqg72_loginBadge { width: 34px; height: 34px; border-radius: 10px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: rgb(196, 160, 106); background: rgba(196, 160, 106, 0.1); border: 1px solid rgba(196, 160, 106, 0.267); }
.styles_op_1ndqg72_loginTitle { margin: 0px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 20px; letter-spacing: 0.01em; color: rgb(242, 238, 230); }
.styles_op_1ndqg72_field { display: flex; flex-direction: column; gap: 8px; }
.styles_op_1ndqg72_fieldLabel { font-family: var(--font-kit-text-font); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(154, 151, 143); }
.styles_op_1ndqg72_input { width: 100%; box-sizing: border-box; background: rgb(20, 22, 28); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 11px; padding: 13px 15px; font-family: var(--font-kit-text-font); font-size: 15px; color: rgb(242, 238, 230); outline: none; transition: border-color 0.22s, box-shadow 0.22s, opacity 0.2s; }
.styles_op_1ndqg72_input::placeholder { color: rgb(108, 106, 98); }
.styles_op_1ndqg72_input:focus { border-color: rgba(196, 160, 106, 0.533); box-shadow: rgba(196, 160, 106, 0.12) 0px 0px 0px 3px; }
.styles_op_1ndqg72_input:disabled { opacity: 0.55; cursor: not-allowed; }
.styles_op_1ndqg72_pwWrap { position: relative; display: flex; }
.styles_op_1ndqg72_pwWrap .styles_op_1ndqg72_input { padding-right: 46px; }
.styles_op_1ndqg72_pwToggle { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: none; border: 0px; cursor: pointer; color: rgb(138, 135, 121); border-radius: 8px; transition: color 0.2s, background 0.2s; }
.styles_op_1ndqg72_pwToggle:hover { color: rgb(196, 160, 106); background: rgba(196, 160, 106, 0.08); }
.styles_op_1ndqg72_pwToggle:disabled { opacity: 0.5; cursor: not-allowed; }
.styles_op_1ndqg72_rowBetween { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.styles_op_1ndqg72_remember { display: flex; align-items: center; gap: 9px; cursor: pointer; user-select: none; }
.styles_op_1ndqg72_checkbox { position: absolute; opacity: 0; width: 0px; height: 0px; }
.styles_op_1ndqg72_box { width: 19px; height: 19px; border-radius: 6px; flex: 0 0 auto; border: 1px solid rgba(255, 255, 255, 0.17); background: rgb(20, 22, 28); display: flex; align-items: center; justify-content: center; color: rgb(8, 9, 11); transition: background 0.2s, border-color 0.2s; }
.styles_op_1ndqg72_box svg { opacity: 0; transition: opacity 0.15s; }
.styles_op_1ndqg72_checkbox:checked + .styles_op_1ndqg72_box { background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); border-color: rgb(196, 160, 106); }
.styles_op_1ndqg72_checkbox:checked + .styles_op_1ndqg72_box svg { opacity: 1; }
.styles_op_1ndqg72_checkbox:focus-visible + .styles_op_1ndqg72_box { box-shadow: rgba(196, 160, 106, 0.2) 0px 0px 0px 3px; }
.styles_op_1ndqg72_rememberText { font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(193, 190, 182); }
.styles_op_1ndqg72_forgot { font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(196, 160, 106); text-decoration: none; transition: color 0.2s; }
.styles_op_1ndqg72_forgot:hover { color: rgb(224, 199, 155); text-decoration: underline; }
.styles_op_1ndqg72_submit { margin-top: 4px; width: 100%; border: 0px; cursor: pointer; font-family: var(--font-kit-text-font); font-weight: 600; font-size: 15.5px; color: rgb(26, 20, 8); padding: 14px 18px; border-radius: 12px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.2) 0px 8px 22px; transition: transform 0.18s, box-shadow 0.18s, opacity 0.18s; }
.styles_op_1ndqg72_submit:hover:not(:disabled) { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.3) 0px 12px 30px; }
.styles_op_1ndqg72_submit:active:not(:disabled) { transform: translateY(0px); }
.styles_op_1ndqg72_submit:disabled { cursor: not-allowed; }
.styles_op_1ndqg72_submitBusy { opacity: 0.72; cursor: wait !important; }
.styles_op_1ndqg72_notice { display: flex; align-items: center; gap: 10px; font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(224, 199, 155); background: rgba(196, 160, 106, 0.08); border: 1px solid rgba(196, 160, 106, 0.2); border-radius: 11px; padding: 11px 14px; line-height: 1.4; animation: 0.3s ease 0s 1 normal none running styles_op_1ndqg72_noticeIn; }
.styles_op_1ndqg72_noticeDot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.6) 0px 0px 8px; }
.styles_op_1ndqg72_requestLink { text-align: center; font-family: var(--font-kit-text-font); font-size: 13.5px; color: rgb(154, 151, 143); text-decoration: none; transition: color 0.2s; }
.styles_op_1ndqg72_requestLink:hover { color: rgb(224, 199, 155); }
.styles_op_1ndqg72_encrypt { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 2px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.05); font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(111, 109, 101); text-align: center; }
.styles_op_1ndqg72_encryptIcon { color: rgb(196, 160, 106); display: flex; }
@media (max-width: 960px) {
.styles_op_1ndqg72_nav, .styles_op_1ndqg72_lang { display: none; }
.styles_op_1ndqg72_burger { display: flex; }
.styles_op_1ndqg72_mobileMenu { display: flex; }
.styles_op_1ndqg72_inner { grid-template-columns: 1fr; gap: 44px; }
.styles_op_1ndqg72_section { padding: 120px 20px 80px; }
.styles_op_1ndqg72_loginWrap { justify-content: stretch; }
.styles_op_1ndqg72_loginCard { max-width: 100%; }
}
@media (max-width: 560px) {
.styles_op_1ndqg72_ctaBtn { padding: 9px 14px; font-size: 13px; }
.styles_op_1ndqg72_loginCard { padding: 28px 22px 24px; }
.styles_op_1ndqg72_loginTitle { font-size: 18px; }
}
.styles_op_1ndqg72_floatStack { position: fixed; right: 22px; bottom: 130px; z-index: 9700; display: flex; flex-direction: column; gap: 14px; align-items: flex-end; }
.styles_op_1ndqg72_floatBtn { width: 56px; height: 56px; border-radius: 50%; flex: 0 0 auto; border: 1px solid rgba(196, 160, 106, 0.4); cursor: pointer; color: rgb(26, 20, 8); background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); display: flex; align-items: center; justify-content: center; box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(0, 0, 0, 0.4) 0px 10px 26px; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_1ndqg72_floatBtn:hover { transform: translateY(-2px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(0, 0, 0, 0.5) 0px 14px 34px; }
.styles_op_1ndqg72_floatBtn:active { transform: translateY(0px); }
.styles_op_1ndqg72_floatBtn:focus-visible { outline: none; box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 3px, rgba(0, 0, 0, 0.4) 0px 10px 26px; }
.styles_op_1ndqg72_contactBackdrop { position: fixed; inset: 0px; z-index: 9550; background: transparent; }
.styles_op_1ndqg72_contactPop { position: fixed; right: 22px; bottom: 196px; z-index: 9600; width: 262px; background: linear-gradient(rgb(15, 17, 22), rgb(11, 13, 17)); border: 1px solid rgba(196, 160, 106, 0.333); border-radius: 16px; padding: 16px; box-shadow: rgba(0, 0, 0, 0.65) 0px 24px 60px, rgba(196, 160, 106, 0.133) 0px 1px 0px inset; display: flex; flex-direction: column; gap: 9px; animation: 0.24s ease 0s 1 normal none running styles_op_1ndqg72_popIn; }
.styles_op_1ndqg72_contactPopTitle { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 15px; color: rgb(242, 238, 230); margin-bottom: 2px; }
.styles_op_1ndqg72_contactRow { display: flex; align-items: center; gap: 10px; text-decoration: none; font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(231, 227, 218); padding: 10px 12px; border-radius: 10px; background: rgb(20, 22, 28); border: 1px solid rgba(255, 255, 255, 0.07); transition: border-color 0.2s, color 0.2s; word-break: break-word; }
.styles_op_1ndqg72_contactRow svg { color: rgb(196, 160, 106); flex: 0 0 auto; }
.styles_op_1ndqg72_contactRow:hover { border-color: rgba(196, 160, 106, 0.333); color: rgb(255, 255, 255); }
.styles_op_1ndqg72_contactRowAlt { text-align: center; text-decoration: none; color: rgb(196, 160, 106); font-size: 13px; padding: 6px; font-family: var(--font-kit-text-font); transition: color 0.2s; }
.styles_op_1ndqg72_contactRowAlt:hover { color: rgb(224, 199, 155); text-decoration: underline; }
@media (max-width: 560px) {
.styles_op_1ndqg72_floatStack { right: 16px; bottom: calc(152px + env(safe-area-inset-bottom)); }
.styles_op_1ndqg72_contactPop { right: 16px; bottom: calc(218px + env(safe-area-inset-bottom)); width: calc(-32px + 100vw); max-width: 280px; }
}
.styles_op_1ndqg73_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); padding: 110px 24px; overflow: hidden; }
.styles_op_1ndqg73_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_1ndqg73_glow { position: absolute; width: 760px; height: 520px; top: 40%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(rgba(196, 160, 106, 0.1) 0%, rgba(8, 9, 11, 0) 68%); pointer-events: none; z-index: 1; }
.styles_op_1ndqg73_inner { position: relative; z-index: 2; max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 46px; }
.styles_op_1ndqg73_header { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; max-width: 720px; }
.styles_op_1ndqg73_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 12px; }
.styles_op_1ndqg73_heading { max-width: 640px; }
.styles_op_1ndqg73_intro { max-width: 580px; }
.styles_op_1ndqg73_dashboard { width: 100%; max-width: 720px; background: linear-gradient(rgb(14, 16, 21), rgb(11, 13, 17)); border: 1px solid rgba(196, 160, 106, 0.2); border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 24px 60px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset; opacity: 0; transform: translateY(22px); transition: opacity 0.7s, transform 0.7s; }
.styles_op_1ndqg73_dashVisible { opacity: 1; transform: translateY(0px); }
.styles_op_1ndqg73_dashBadge { position: absolute; top: 14px; right: 16px; z-index: 2; font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(196, 160, 106); background: rgba(196, 160, 106, 0.086); border: 1px solid rgba(196, 160, 106, 0.267); padding: 4px 10px; border-radius: 20px; }
.styles_op_1ndqg73_dashboard { position: relative; }
.styles_op_1ndqg73_dashBar { display: flex; align-items: center; gap: 8px; padding: 11px 15px; background: rgb(15, 17, 22); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_1ndqg73_dashDot { width: 10px; height: 10px; border-radius: 50%; background: rgb(42, 45, 53); }
.styles_op_1ndqg73_dashDot:nth-child(1) { background: rgb(229, 103, 78); }
.styles_op_1ndqg73_dashDot:nth-child(2) { background: rgb(224, 199, 155); }
.styles_op_1ndqg73_dashDot:nth-child(3) { background: rgb(95, 191, 126); }
.styles_op_1ndqg73_dashUrl { margin-left: 10px; flex: 1 1 0%; height: 22px; border-radius: 7px; background: rgb(22, 24, 30); border: 1px solid rgba(255, 255, 255, 0.05); display: flex; align-items: center; padding: 0px 12px; font-size: 11px; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); }
.styles_op_1ndqg73_dashBody { display: flex; align-items: center; gap: 28px; padding: 22px 24px; }
.styles_op_1ndqg73_dashLeft { display: flex; flex-direction: column; gap: 5px; flex: 0 0 auto; min-width: 150px; }
.styles_op_1ndqg73_dashTitle { font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(122, 120, 112); }
.styles_op_1ndqg73_dashProject { font-family: var(--font-kit-header-font); font-size: 16px; font-weight: 700; color: rgb(242, 238, 230); }
.styles_op_1ndqg73_dashProgWrap { flex: 1 1 0%; display: flex; flex-direction: column; gap: 12px; }
.styles_op_1ndqg73_dashProgTrack { position: relative; width: 100%; height: 8px; border-radius: 5px; background: rgb(28, 31, 38); overflow: hidden; }
.styles_op_1ndqg73_dashProgFill { position: absolute; left: 0px; top: 0px; height: 100%; width: 0%; border-radius: 5px; background: linear-gradient(90deg, rgb(168, 133, 79), rgb(196, 160, 106) 55%, rgb(224, 199, 155)); box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 12px; }
.styles_op_1ndqg73_progRun { animation: 2.6s cubic-bezier(0.4, 0, 0.2, 1) 0.4s 1 normal forwards running styles_op_1ndqg73_progFill; }
.styles_op_1ndqg73_dashStatus { display: flex; align-items: center; gap: 8px; }
.styles_op_1ndqg73_statusDot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; background: rgb(58, 61, 69); transition: background 0.4s, box-shadow 0.4s; }
.styles_op_1ndqg73_statusOn { background: rgb(95, 191, 126); box-shadow: rgba(95, 191, 126, 0.667) 0px 0px 9px; animation: 2s ease-out 3s infinite normal none running styles_op_1ndqg73_statusPing; }
.styles_op_1ndqg73_statusText { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(155, 224, 174); }
.styles_op_1ndqg73_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; align-items: stretch; }
.styles_op_1ndqg73_card { background: rgb(13, 15, 20); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; padding: 28px 26px; display: flex; flex-direction: column; gap: 14px; opacity: 0; transform: translateY(26px); transition: opacity 0.7s, transform 0.7s, border-color 0.28s, box-shadow 0.28s; }
.styles_op_1ndqg73_cardIn { opacity: 1; transform: translateY(0px); }
.styles_op_1ndqg73_card:hover { border-color: rgba(196, 160, 106, 0.267); box-shadow: rgba(196, 160, 106, 0.08) 0px 10px 40px; }
.styles_op_1ndqg73_cardIcon { width: 46px; height: 46px; border-radius: 12px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: rgb(196, 160, 106); background: rgba(196, 160, 106, 0.086); border: 1px solid rgba(196, 160, 106, 0.2); }
.styles_op_1ndqg73_cardTitle { margin: 0px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 18px; color: rgb(242, 238, 230); letter-spacing: 0.01em; }
.styles_op_1ndqg73_cardDesc { line-height: 1.65; }
.styles_op_1ndqg73_footNote { margin: 0px; text-align: center; font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(94, 92, 85); padding: 6px 12px; }
@media (max-width: 860px) {
.styles_op_1ndqg73_grid { grid-template-columns: 1fr; max-width: 480px; }
.styles_op_1ndqg73_section { padding: 80px 20px; }
.styles_op_1ndqg73_dashBody { flex-direction: column; align-items: stretch; gap: 18px; }
.styles_op_1ndqg73_dashLeft { min-width: 0px; }
}
@media (prefers-reduced-motion: reduce) {
.styles_op_1ndqg73_dashboard, .styles_op_1ndqg73_card { transition: none; opacity: 1; transform: none; }
.styles_op_1ndqg73_progRun { animation: auto ease 0s 1 normal none running none; width: 82%; }
.styles_op_1ndqg73_statusOn { animation: auto ease 0s 1 normal none running none; }
}
.styles_op_13npr6h_footer { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 80px 24px 48px; }
.styles_op_13npr6h_inner { position: relative; z-index: 1; max-width: 1320px; margin: 0px auto; display: flex; flex-direction: column; gap: 44px; }
.styles_op_13npr6h_top { display: flex; flex-direction: column; gap: 52px; }
.styles_op_13npr6h_brand { display: flex; flex-direction: column; gap: 8px; }
.styles_op_13npr6h_wordmark { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 30px; letter-spacing: 0.2em; color: var(--color-kit-white); text-decoration: none; transition: color 0.22s; display: inline-block; }
.styles_op_13npr6h_wordmark:hover { color: var(--color-kit-key1); }
.styles_op_13npr6h_tagline { margin: 0px; font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(111, 109, 101); letter-spacing: 0.04em; }
.styles_op_13npr6h_cols { display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; }
.styles_op_13npr6h_col { display: flex; flex-direction: column; gap: 14px; }
.styles_op_13npr6h_colTitle { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-kit-key1); text-decoration: none; transition: color 0.2s; }
.styles_op_13npr6h_colTitle:hover { color: var(--color-kit-key2); }
.styles_op_13npr6h_colList { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 9px; }
.styles_op_13npr6h_colLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(122, 120, 112); text-decoration: none; transition: color 0.2s; line-height: 1.5; }
.styles_op_13npr6h_colLink:hover { color: rgb(224, 199, 155); }
.styles_op_13npr6h_divider { height: 1px; background: rgba(255, 255, 255, 0.05); }
.styles_op_13npr6h_copy { margin: 0px; font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(76, 74, 68); text-align: center; padding-bottom: 8px; }
@media (max-width: 1024px) {
.styles_op_13npr6h_cols { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px) {
.styles_op_13npr6h_cols { grid-template-columns: repeat(2, 1fr); gap: 22px; }
.styles_op_13npr6h_footer { padding: 64px 20px 40px; }
}
@media (max-width: 400px) {
.styles_op_13npr6h_cols { grid-template-columns: 1fr; }
}
.styles_op_bp24e8_section { position: relative; background: rgb(8, 9, 11); color: var(--color-kit-white); overflow: hidden; padding: 96px 28px 100px; min-height: var(--con-kit-section-min-height, 100vh); box-sizing: border-box; }
.styles_op_bp24e8_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: flex-start; }
.styles_op_bp24e8_bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_bp24e8_glowA, .styles_op_bp24e8_glowB { position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.45; }
.styles_op_bp24e8_glowA { width: 540px; height: 540px; top: -180px; right: -100px; background: radial-gradient(circle, rgba(196, 160, 106, 0.267), rgba(8, 9, 11, 0) 70%); }
.styles_op_bp24e8_glowB { width: 480px; height: 480px; bottom: -200px; left: -120px; background: radial-gradient(circle, rgba(196, 160, 106, 0.157), rgba(8, 9, 11, 0) 70%); }
.styles_op_bp24e8_header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 9000; transition: background 0.35s, border-color 0.35s; border-bottom: 1px solid transparent; }
.styles_op_bp24e8_headerScrolled { background: rgba(10, 11, 14, 0.8); backdrop-filter: blur(14px) saturate(1.2); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_bp24e8_headerInner { max-width: 1320px; margin: 0px auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.styles_op_bp24e8_brand { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; letter-spacing: 0.18em; color: var(--color-kit-white); text-decoration: none; }
.styles_op_bp24e8_nav { display: flex; align-items: center; gap: 26px; }
.styles_op_bp24e8_navLink { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(201, 198, 190); text-decoration: none; position: relative; transition: color 0.25s; white-space: nowrap; }
.styles_op_bp24e8_navLink::after { content: ""; position: absolute; left: 0px; bottom: -6px; height: 1px; width: 100%; background: var(--color-kit-key1); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s; }
.styles_op_bp24e8_navLink:hover { color: var(--color-kit-white); }
.styles_op_bp24e8_navLink:hover::after { transform: scaleX(1); }
.styles_op_bp24e8_headerRight { display: flex; align-items: center; gap: 16px; }
.styles_op_bp24e8_lang { font-size: 13px; color: rgb(201, 198, 190); letter-spacing: 0.1em; }
.styles_op_bp24e8_ctaBtn { font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; color: rgb(26, 20, 8); text-decoration: none; padding: 10px 18px; border-radius: 11px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.18) 0px 6px 18px; white-space: nowrap; transition: transform 0.2s, box-shadow 0.2s; }
.styles_op_bp24e8_ctaBtn:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.267) 0px 10px 26px; }
.styles_op_bp24e8_burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0px; cursor: pointer; padding: 6px; }
.styles_op_bp24e8_burger span { width: 22px; height: 2px; background: rgb(231, 227, 218); border-radius: 2px; }
.styles_op_bp24e8_mobileMenu { display: none; flex-direction: column; gap: 4px; padding: 12px 24px 20px; background: rgba(10, 11, 14, 0.95); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(196, 160, 106, 0.133); }
.styles_op_bp24e8_mobileLink { color: rgb(201, 198, 190); text-decoration: none; padding: 10px 0px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.styles_op_bp24e8_mobileCta { margin-top: 10px; text-align: center; color: rgb(26, 20, 8); font-weight: 600; padding: 12px; border-radius: 11px; text-decoration: none; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); }
.styles_op_bp24e8_inner { position: relative; z-index: 2; max-width: 1280px; margin: 0px auto; width: 100%; }
.styles_op_bp24e8_dashHero { display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); margin-bottom: 28px; }
.styles_op_bp24e8_heroLeft { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.styles_op_bp24e8_eyebrow { text-transform: uppercase; letter-spacing: 0.3em; font-size: 11.5px; }
.styles_op_bp24e8_heroTitle { max-width: 600px; }
.styles_op_bp24e8_heroSub { max-width: 520px; }
.styles_op_bp24e8_statusChip { display: inline-flex; align-items: center; gap: 9px; padding: 8px 14px; border-radius: 999px; background: rgb(20, 22, 28); border: 1px solid rgba(255, 255, 255, 0.07); margin-top: 4px; }
.styles_op_bp24e8_statusDot { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; background: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 7px; }
.styles_op_bp24e8_statusText { font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(154, 151, 143); line-height: 1.4; }
.styles_op_bp24e8_heroRight { display: flex; align-items: center; justify-content: flex-end; }
.styles_op_bp24e8_ringBlock { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.styles_op_bp24e8_ringWrap { position: relative; width: 140px; height: 140px; flex: 0 0 auto; }
.styles_op_bp24e8_ringCenter { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
.styles_op_bp24e8_ringPct { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 28px; color: rgb(224, 199, 155); letter-spacing: -0.01em; }
.styles_op_bp24e8_ringLabel { font-family: var(--font-kit-text-font); font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(138, 135, 121); }
.styles_op_bp24e8_ringMeta { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; }
.styles_op_bp24e8_ringMetaLbl { font-family: var(--font-kit-text-font); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(111, 109, 101); }
.styles_op_bp24e8_ringMetaVal { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 15px; color: rgb(242, 238, 230); }
.styles_op_bp24e8_metricRow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 28px; }
.styles_op_bp24e8_metricCard { display: flex; flex-direction: column; gap: 8px; background: rgb(15, 17, 22); border: 1px solid rgba(255, 255, 255, 0.055); border-radius: 14px; padding: 16px 18px; transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s; }
.styles_op_bp24e8_metricCard:hover { border-color: rgba(196, 160, 106, 0.2); box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 28px; transform: translateY(-2px); }
.styles_op_bp24e8_metricLabel { font-family: var(--font-kit-text-font); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(122, 120, 112); }
.styles_op_bp24e8_metricValue { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 17px; color: rgb(242, 238, 230); line-height: 1.2; }
.styles_op_bp24e8_segNav { display: flex; gap: 5px; background: rgb(14, 16, 20); border: 1px solid rgba(196, 160, 106, 0.165); border-radius: 16px; padding: 5px; margin-bottom: 24px; }
.styles_op_bp24e8_segBtn { flex: 1 1 0%; position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 16px; border-radius: 12px; background: none; border: none; cursor: pointer; color: rgb(138, 135, 121); font-family: var(--font-kit-text-font); font-size: 14.5px; font-weight: 600; transition: color 0.25s; }
.styles_op_bp24e8_segActive { color: rgb(242, 238, 230); }
.styles_op_bp24e8_segBtn:not(.styles_op_bp24e8_segActive):hover { color: rgb(208, 204, 190); }
.styles_op_bp24e8_segHL { position: absolute; inset: 0px; border-radius: 12px; background: linear-gradient(rgb(30, 26, 17), rgb(22, 19, 11)); border: 1px solid rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.094) 0px 0px 22px, rgba(196, 160, 106, 0.267) 0px 1px 0px inset; z-index: 0; }
.styles_op_bp24e8_segNum, .styles_op_bp24e8_segLabel { position: relative; z-index: 1; }
.styles_op_bp24e8_segNum { font-family: var(--font-kit-header-font); font-size: 11px; letter-spacing: 0.06em; color: inherit; opacity: 0.55; }
.styles_op_bp24e8_segActive .styles_op_bp24e8_segNum { opacity: 0.8; color: rgb(224, 199, 155); }
.styles_op_bp24e8_panelWrap { position: relative; }
.styles_op_bp24e8_card { background: linear-gradient(rgb(15, 17, 22), rgb(12, 14, 18)); border: 1px solid rgba(255, 255, 255, 0.055); border-radius: 18px; padding: 24px 26px; box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 56px; transition: box-shadow 0.25s; }
.styles_op_bp24e8_cardKicker { display: block; font-family: var(--font-kit-text-font); font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: rgb(138, 135, 121); margin-bottom: 18px; }
.styles_op_bp24e8_emptyState { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 36px 0px 28px; color: rgb(74, 72, 67); }
.styles_op_bp24e8_emptyIcon { display: flex; }
.styles_op_bp24e8_emptyText { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(96, 93, 86); text-align: center; }
.styles_op_bp24e8_panelProjects { display: flex; flex-direction: column; gap: 18px; }
.styles_op_bp24e8_twoCol { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.styles_op_bp24e8_timeline { display: flex; flex-direction: row; align-items: flex-start; gap: 0px; }
.styles_op_bp24e8_tlStep { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.styles_op_bp24e8_tlConnRow { display: flex; align-items: center; width: 100%; }
.styles_op_bp24e8_tlLine { flex: 1 1 0%; height: 2px; background: rgb(31, 34, 40); transition: background 0.4s; }
.styles_op_bp24e8_tlDoneLine { background: linear-gradient(90deg, rgba(196, 160, 106, 0.533), rgb(196, 160, 106)); }
.styles_op_bp24e8_tlInvis { background: transparent; }
.styles_op_bp24e8_tlDot { width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: rgb(20, 22, 28); border: 1.5px solid rgb(42, 45, 53); color: rgb(111, 109, 101); transition: border-color 0.3s, box-shadow 0.3s; }
.styles_op_bp24e8_tlDotDone { background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106)); border-color: rgb(196, 160, 106); color: rgb(26, 20, 8); }
.styles_op_bp24e8_tlDotCurrent { border-color: rgb(196, 160, 106); box-shadow: rgba(196, 160, 106, 0.094) 0px 0px 0px 5px; }
.styles_op_bp24e8_tlPulse { width: 9px; height: 9px; border-radius: 50%; background: rgb(224, 199, 155); box-shadow: rgb(196, 160, 106) 0px 0px 8px; animation: 1.8s ease-in-out 0s infinite normal none running styles_op_bp24e8_dashPulse; }
.styles_op_bp24e8_tlBody { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 0px 6px; }
.styles_op_bp24e8_tlTitle { font-family: var(--font-kit-text-font); font-size: 13px; font-weight: 600; color: rgb(242, 238, 230); }
.styles_op_bp24e8_tlDim { color: rgb(112, 109, 101); }
.styles_op_bp24e8_tlNote { font-family: var(--font-kit-text-font); font-size: 11.5px; color: rgb(138, 135, 121); }
.styles_op_bp24e8_dotList { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px; }
.styles_op_bp24e8_dotRow { display: flex; align-items: center; gap: 11px; font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(216, 212, 203); }
.styles_op_bp24e8_bullet { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; background: rgb(196, 160, 106); }
.styles_op_bp24e8_pendingDot { width: 6px; height: 6px; border-radius: 50%; flex: 0 0 auto; background: rgb(224, 199, 155); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 6px; }
.styles_op_bp24e8_pendingTag { margin-left: auto; font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(196, 160, 106); border: 1px solid rgba(196, 160, 106, 0.267); background: rgba(196, 160, 106, 0.08); padding: 3px 9px; border-radius: 999px; }
.styles_op_bp24e8_panelDocs { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 18px; align-items: start; }
.styles_op_bp24e8_docList { display: flex; flex-direction: column; }
.styles_op_bp24e8_docRow { display: flex; align-items: center; gap: 13px; padding: 13px 0px; border-top: 1px solid rgba(255, 255, 255, 0.04); }
.styles_op_bp24e8_docRow:first-child { border-top: none; }
.styles_op_bp24e8_docIconWrap { width: 38px; height: 38px; border-radius: 11px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: rgb(196, 160, 106); background: rgba(196, 160, 106, 0.08); border: 1px solid rgba(196, 160, 106, 0.18); }
.styles_op_bp24e8_docInfo { display: flex; flex-direction: column; gap: 3px; min-width: 0px; }
.styles_op_bp24e8_docName { font-family: var(--font-kit-text-font); font-size: 14.5px; font-weight: 600; color: rgb(242, 238, 230); }
.styles_op_bp24e8_docMeta { font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(122, 120, 112); }
.styles_op_bp24e8_docStatus { margin-left: auto; font-family: var(--font-kit-text-font); font-size: 11.5px; font-weight: 600; padding: 4px 11px; border-radius: 999px; white-space: nowrap; }
.styles_op_bp24e8_stDone { color: rgb(183, 224, 176); background: rgba(78, 138, 64, 0.08); border: 1px solid rgba(111, 174, 95, 0.267); }
.styles_op_bp24e8_stOpen { color: rgb(224, 199, 155); background: rgba(196, 160, 106, 0.08); border: 1px solid rgba(196, 160, 106, 0.267); }
.styles_op_bp24e8_payCard { display: flex; flex-direction: column; }
.styles_op_bp24e8_payTotalBox { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; margin-bottom: 14px; border-radius: 13px; background: linear-gradient(135deg, rgb(26, 23, 16), rgb(20, 18, 11)); border: 1px solid rgba(196, 160, 106, 0.267); }
.styles_op_bp24e8_payTotalLabel { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(138, 135, 121); }
.styles_op_bp24e8_payTotalValue { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 22px; color: rgb(224, 199, 155); }
.styles_op_bp24e8_payGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.styles_op_bp24e8_payItem { display: flex; flex-direction: column; gap: 5px; background: rgb(20, 22, 28); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 11px; padding: 11px 12px; }
.styles_op_bp24e8_payLabel { font-family: var(--font-kit-text-font); font-size: 10.5px; letter-spacing: 0.07em; text-transform: uppercase; color: rgb(122, 120, 112); }
.styles_op_bp24e8_payValue { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 14.5px; color: rgb(242, 238, 230); }
.styles_op_bp24e8_panelMsgs { display: grid; grid-template-columns: 1.35fr 0.65fr; gap: 18px; align-items: start; }
.styles_op_bp24e8_thread { display: flex; flex-direction: column; gap: 10px; max-height: 320px; overflow-y: auto; padding-right: 4px; margin-bottom: 16px; }
.styles_op_bp24e8_threadEmpty { padding: 8px 0px 20px; }
.styles_op_bp24e8_bubbleRow { display: flex; }
.styles_op_bp24e8_rowLeft { justify-content: flex-start; }
.styles_op_bp24e8_rowRight { justify-content: flex-end; }
.styles_op_bp24e8_bubble { max-width: 78%; display: flex; flex-direction: column; gap: 5px; padding: 11px 14px; border-radius: 14px; }
.styles_op_bp24e8_bubbleAv { background: rgb(20, 22, 28); border: 1px solid rgba(255, 255, 255, 0.063); border-top-left-radius: 5px; }
.styles_op_bp24e8_bubbleKunde { background: linear-gradient(135deg, rgb(26, 23, 16), rgb(20, 18, 11)); border: 1px solid rgba(196, 160, 106, 0.267); border-top-right-radius: 5px; }
.styles_op_bp24e8_bubbleFrom { font-family: var(--font-kit-text-font); font-size: 10.5px; letter-spacing: 0.09em; text-transform: uppercase; color: rgb(196, 160, 106); }
.styles_op_bp24e8_bubbleText { font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(231, 227, 218); line-height: 1.52; }
.styles_op_bp24e8_bubbleTime { font-family: var(--font-kit-text-font); font-size: 10.5px; color: rgb(90, 88, 82); align-self: flex-end; }
.styles_op_bp24e8_composer { display: flex; align-items: center; gap: 9px; }
.styles_op_bp24e8_attachBtn { width: 42px; height: 42px; flex: 0 0 auto; border-radius: 11px; border: 1px solid rgba(255, 255, 255, 0.07); background: rgb(20, 22, 28); color: rgb(122, 120, 112); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: color 0.2s, border-color 0.2s; }
.styles_op_bp24e8_attachBtn:hover { color: rgb(196, 160, 106); border-color: rgba(196, 160, 106, 0.267); }
.styles_op_bp24e8_composerInput { flex: 1 1 0%; min-width: 0px; background: rgb(20, 22, 28); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 11px; padding: 12px 14px; font-family: var(--font-kit-text-font); font-size: 14px; color: rgb(242, 238, 230); outline: none; transition: border-color 0.2s, box-shadow 0.2s; }
.styles_op_bp24e8_composerInput::placeholder { color: rgb(90, 88, 82); }
.styles_op_bp24e8_composerInput:focus { border-color: rgba(196, 160, 106, 0.533); box-shadow: rgba(196, 160, 106, 0.094) 0px 0px 0px 3px; }
.styles_op_bp24e8_sendBtn { display: flex; align-items: center; gap: 7px; border: none; cursor: pointer; color: rgb(26, 20, 8); font-family: var(--font-kit-text-font); font-weight: 600; font-size: 14px; padding: 12px 18px; border-radius: 11px; background: linear-gradient(135deg, rgb(224, 199, 155), rgb(196, 160, 106) 55%, rgb(168, 133, 79)); box-shadow: rgba(255, 255, 255, 0.333) 0px 1px 0px inset, rgba(196, 160, 106, 0.165) 0px 4px 16px; transition: transform 0.18s, box-shadow 0.18s; }
.styles_op_bp24e8_sendBtn:hover { transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px inset, rgba(196, 160, 106, 0.227) 0px 8px 24px; }
.styles_op_bp24e8_supportCard { display: flex; flex-direction: column; }
.styles_op_bp24e8_supportRow { display: flex; align-items: center; gap: 10px; padding: 13px 15px; border-radius: 12px; background: rgb(20, 22, 28); border: 1px solid rgba(196, 160, 106, 0.18); margin-bottom: 14px; }
.styles_op_bp24e8_supportDot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; background: rgb(224, 199, 155); box-shadow: rgba(196, 160, 106, 0.533) 0px 0px 8px; animation: 2.2s ease-in-out 0s infinite normal none running styles_op_bp24e8_dashPulse; }
.styles_op_bp24e8_supportVal { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 14.5px; color: rgb(242, 238, 230); }
.styles_op_bp24e8_supportNote { margin: 0px 0px 16px; font-family: var(--font-kit-text-font); font-size: 13px; color: rgb(154, 151, 143); line-height: 1.55; }
.styles_op_bp24e8_attachHint { display: flex; align-items: center; gap: 8px; font-family: var(--font-kit-text-font); font-size: 12px; color: rgb(106, 103, 96); padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.04); }
.styles_op_bp24e8_attachHint svg { color: rgb(196, 160, 106); }
@media (max-width: 960px) {
.styles_op_bp24e8_nav, .styles_op_bp24e8_lang { display: none; }
.styles_op_bp24e8_burger { display: flex; }
.styles_op_bp24e8_mobileMenu { display: flex; }
.styles_op_bp24e8_section { padding: 90px 20px 80px; }
.styles_op_bp24e8_metricRow { grid-template-columns: repeat(2, 1fr); }
.styles_op_bp24e8_panelDocs { grid-template-columns: 1fr; }
.styles_op_bp24e8_panelMsgs { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.styles_op_bp24e8_dashHero { grid-template-columns: 1fr; gap: 28px; }
.styles_op_bp24e8_heroRight { justify-content: flex-start; }
.styles_op_bp24e8_timeline { flex-direction: column; }
.styles_op_bp24e8_tlStep { flex: 0 0 auto; flex-direction: row; align-items: flex-start; gap: 14px; width: 100%; }
.styles_op_bp24e8_tlConnRow { flex-direction: column; width: auto; flex: 0 0 auto; align-items: center; align-self: stretch; }
.styles_op_bp24e8_tlLine { width: 2px; height: auto; flex: 1 1 0%; min-height: 14px; }
.styles_op_bp24e8_tlBody { align-items: flex-start; text-align: left; padding: 4px 0px 22px; }
.styles_op_bp24e8_twoCol { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
.styles_op_bp24e8_section { padding: 86px 16px 72px; }
.styles_op_bp24e8_ctaBtn { padding: 9px 14px; font-size: 13px; }
.styles_op_bp24e8_metricRow { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.styles_op_bp24e8_metricCard { padding: 14px; }
.styles_op_bp24e8_segBtn { padding: 12px 10px; font-size: 13px; }
.styles_op_bp24e8_segLabel { display: none; }
.styles_op_bp24e8_segNum { font-size: 14px; opacity: 1; }
.styles_op_bp24e8_card { padding: 20px 18px; }
.styles_op_bp24e8_sendText { display: none; }
.styles_op_bp24e8_bubble { max-width: 88%; }
.styles_op_bp24e8_payGrid { grid-template-columns: 1fr; }
}
.styles_op_aacjd0_root { height: 0px; padding: 0px; margin: 0px; overflow: visible; background: transparent; pointer-events: none; display: block; }
.styles_op_aacjd0_floating { --gold: #C4A06A; position: fixed; right: 22px; bottom: calc(130px + env(safe-area-inset-bottom)); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; pointer-events: all; }
.styles_op_aacjd0_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_aacjd0_assistant:hover { transform: translateY(-2px); border-color: var(--gold); box-shadow: rgba(196, 160, 106, 0.45) 0px 16px 40px -14px; }
.styles_op_aacjd0_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_aacjd0_assistantActive { border-color: var(--gold); box-shadow: rgba(196, 160, 106, 0.4) 0px 0px 0px 1px, rgba(196, 160, 106, 0.55) 0px 16px 42px -12px; }
.styles_op_aacjd0_assistant:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.styles_op_aacjd0_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_aacjd0_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_aacjd0_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(rgba(196, 160, 106, 0.35) 0px 0px 5px); }
.styles_op_aacjd0_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_aacjd0_aiBlink; }
.styles_op_aacjd0_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(circle, rgba(196, 160, 106, 0.42) 0%, transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_aacjd0_aiPulse; }
.styles_op_aacjd0_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_aacjd0_aiOrbit; }
.styles_op_aacjd0_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold); box-shadow: rgba(196, 160, 106, 0.7) 0px 0px 6px 1px; }
.styles_op_aacjd0_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.55), transparent); }
.styles_op_aacjd0_assistant:hover .styles_op_aacjd0_aiSweep, .styles_op_aacjd0_assistantActive .styles_op_aacjd0_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_aacjd0_aiSweep; }
.styles_op_aacjd0_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_aacjd0_assistant:hover .styles_op_aacjd0_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_aacjd0_assistantActive .styles_op_aacjd0_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_aacjd0_chat { position: fixed; bottom: 278px; right: 22px; z-index: 2147483001; width: min(340px, -40px + 100vw); border-radius: 18px; overflow: hidden; border: 1px solid rgba(214, 169, 74, 0.28); background: rgba(9, 11, 15, 0.94); backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.92) 0px 30px 70px -28px; display: flex; flex-direction: column; animation: 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_aacjd0_chatIn; }
.styles_op_aacjd0_chatHead { display: flex; align-items: center; gap: 9px; padding: 14px 14px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: linear-gradient(rgba(196, 160, 106, 0.1), transparent); }
.styles_op_aacjd0_chatDot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: rgba(196, 160, 106, 0.22) 0px 0px 0px 4px; flex: 0 0 auto; }
.styles_op_aacjd0_chatTitle { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; font-weight: 600; color: rgb(244, 241, 233); }
.styles_op_aacjd0_chatClose { background: none; border: none; color: rgba(244, 241, 233, 0.6); cursor: pointer; padding: 2px; display: grid; place-items: center; border-radius: 6px; transition: color 0.2s; }
.styles_op_aacjd0_chatClose:hover { color: var(--gold); }
.styles_op_aacjd0_chatClose:focus-visible { outline: 2px solid var(--gold); }
.styles_op_aacjd0_chatBody { padding: 14px; display: flex; flex-direction: column; gap: 10px; max-height: clamp(150px, -450px + 100dvh, 340px); overflow-y: auto; scroll-behavior: smooth; }
.styles_op_aacjd0_chatBody::-webkit-scrollbar { width: 4px; }
.styles_op_aacjd0_chatBody::-webkit-scrollbar-track { background: transparent; }
.styles_op_aacjd0_chatBody::-webkit-scrollbar-thumb { background: rgba(214, 169, 74, 0.2); border-radius: 4px; }
.styles_op_aacjd0_bubBot { align-self: flex-start; display: flex; flex-direction: column; align-items: flex-start; background: rgba(255, 255, 255, 0.06); color: rgba(244, 241, 233, 0.9); font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 13px 4px; max-width: 88%; }
.styles_op_aacjd0_bubUser { align-self: flex-end; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); font-weight: 500; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px 13px 4px; max-width: 88%; }
.styles_op_aacjd0_bubText { display: block; }
.styles_op_aacjd0_chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.styles_op_aacjd0_chip { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.32); background: rgba(214, 169, 74, 0.08); color: var(--gold); cursor: pointer; transition: 0.2s; }
.styles_op_aacjd0_chip:hover { background: rgba(196, 160, 106, 0.18); transform: translateY(-1px); }
.styles_op_aacjd0_chip:focus-visible { outline: 2px solid var(--gold); }
.styles_op_aacjd0_form { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.styles_op_aacjd0_input { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; width: 100%; box-sizing: border-box; }
.styles_op_aacjd0_input:focus { border-color: var(--gold); }
.styles_op_aacjd0_input::placeholder { color: rgba(244, 241, 233, 0.4); }
.styles_op_aacjd0_textarea { resize: vertical; min-height: 72px; font-family: var(--font-kit-text-font), sans-serif; line-height: 1.5; }
.styles_op_aacjd0_err { font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; color: rgb(230, 180, 90); margin: 0px; }
.styles_op_aacjd0_send { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; font-weight: 600; padding: 11px 14px; border-radius: 11px; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_aacjd0_send:hover { transform: translateY(-1px); }
.styles_op_aacjd0_send:disabled { opacity: 0.6; cursor: default; transform: none; }
.styles_op_aacjd0_send:focus-visible { outline: 2px solid var(--gold); }
.styles_op_aacjd0_leaveLink { align-self: flex-start; margin-top: 2px; background: none; border-top: none; border-right: none; border-left: none; border-image: initial; padding: 2px 0px; font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.55); cursor: pointer; border-bottom: 1px solid rgba(244, 241, 233, 0.2); transition: color 0.2s, border-color 0.2s; }
.styles_op_aacjd0_leaveLink:hover { color: var(--gold); border-color: var(--gold); }
.styles_op_aacjd0_askRow { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-top: 1px solid rgba(255, 255, 255, 0.04); }
.styles_op_aacjd0_ask { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.05); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; }
.styles_op_aacjd0_ask:focus { border-color: var(--gold); }
.styles_op_aacjd0_ask::placeholder { color: rgba(244, 241, 233, 0.42); }
.styles_op_aacjd0_askSend { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_aacjd0_askSend:hover { transform: translateY(-1px); }
.styles_op_aacjd0_askSend:disabled { opacity: 0.5; cursor: default; transform: none; }
.styles_op_aacjd0_askSend:focus-visible { outline: 2px solid var(--gold); }
.styles_op_aacjd0_speakBtn { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.24); background: rgba(214, 169, 74, 0.08); color: var(--gold); font-family: var(--font-kit-text-font), sans-serif; font-size: 11.5px; line-height: 1; cursor: pointer; transition: background 0.2s, border-color 0.2s, transform 0.15s; }
.styles_op_aacjd0_speakBtn:hover { background: rgba(196, 160, 106, 0.18); transform: translateY(-1px); }
.styles_op_aacjd0_speakBtnActive { background: rgba(196, 160, 106, 0.22); border-color: var(--gold); }
.styles_op_aacjd0_speakLabel { line-height: 1; }
.styles_op_aacjd0_speakSpinner { width: 13px; height: 13px; border-radius: 50%; border-width: 2px; border-style: solid; border-right-color: rgba(214, 169, 74, 0.55); border-bottom-color: rgba(214, 169, 74, 0.55); border-left-color: rgba(214, 169, 74, 0.55); border-image: initial; border-top-color: var(--gold); animation: 0.7s linear 0s infinite normal none running styles_op_aacjd0_speakSpin; }
.styles_op_aacjd0_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_aacjd0_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: rgba(196, 160, 106, 0.6) 0px 14px 34px -12px; transition: transform 0.25s; text-decoration: none; }
.styles_op_aacjd0_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_aacjd0_fab:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.styles_op_aacjd0_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_aacjd0_fab:hover .styles_op_aacjd0_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
@media (prefers-reduced-motion: reduce) {
.styles_op_aacjd0_chat { animation: auto ease 0s 1 normal none running none; }
.styles_op_aacjd0_aiEye, .styles_op_aacjd0_aiPulse, .styles_op_aacjd0_aiOrbit, .styles_op_aacjd0_aiSweep, .styles_op_aacjd0_speakSpinner { animation: auto ease 0s 1 normal none running none; }
.styles_op_aacjd0_aiPulse { opacity: 0.4; }
.styles_op_aacjd0_assistant:hover .styles_op_aacjd0_aiTip { transition-delay: 0s; }
.styles_op_aacjd0_fab:hover .styles_op_aacjd0_fabTip { transition-delay: 0s; }
}
@media (max-width: 900px) {
.styles_op_aacjd0_aiTip { display: none !important; }
.styles_op_aacjd0_fabTip { display: none !important; }
}
@media (max-width: 767px) {
.styles_op_aacjd0_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
.styles_op_aacjd0_chat { bottom: 300px; right: 16px; width: min(320px, -32px + 100vw); }
}
.styles_op_shd2v6_s_sm { font-size: clamp(1.35rem, 1.1rem + 1vw, 1.75rem); letter-spacing: -0.01em; }
.styles_op_o0oxqu_sz_md { padding: 0.85rem 1.6rem; }
.styles_op_rvkimz_wrap { width: 100%; padding: 150px 24px 120px; color: var(--color-kit-light); position: relative; overflow: hidden; isolation: isolate; }
.styles_op_rvkimz_wrap::before { content: ""; position: absolute; top: -20%; left: 50%; transform: translateX(-50%); width: 720px; height: 720px; background: radial-gradient(
      circle,
      var(--accent) 0%,
      transparent 68%); opacity: 0.07; pointer-events: none; z-index: 0; }
.styles_op_rvkimz_full { min-height: var(--con-kit-section-min-height, 100vh); }
.styles_op_rvkimz_container { position: relative; z-index: 1; max-width: 880px; margin: 0px auto; }
.styles_op_rvkimz_head { margin-bottom: 72px; }
.styles_op_rvkimz_title { margin: 20px 0px 22px; }
.styles_op_rvkimz_intro { max-width: 640px; line-height: 1.65; }
.styles_op_rvkimz_stamp { display: inline-block; margin-top: 26px; font-family: var(--font-kit-text-font); font-size: 12.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); padding: 7px 14px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 100px; }
.styles_op_rvkimz_list { display: flex; flex-direction: column; gap: 40px; }
.styles_op_rvkimz_block { position: relative; padding-left: 26px; }
.styles_op_rvkimz_rule { position: absolute; left: 0px; top: 4px; bottom: 4px; width: 2px; border-radius: 2px; background: linear-gradient(
      180deg,
      var(--accent),
      transparent); opacity: 0.55; }
.styles_op_rvkimz_blockTitle { margin-bottom: 12px; }
.styles_op_rvkimz_blockBody { line-height: 1.7; max-width: 720px; }
.styles_op_rvkimz_footer { margin-top: 76px; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.styles_op_rvkimz_navBar { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 90; padding: 16px 24px; background: rgba(8, 9, 11, 0.4); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255, 255, 255, 0.07); transition: background 0.3s, padding 0.3s, border-color 0.3s; }
.styles_op_rvkimz_navBarScrolled { padding: 10px 24px; background: rgba(8, 9, 11, 0.85); border-bottom-color: rgba(255, 255, 255, 0.12); }
.styles_op_rvkimz_navInner { max-width: 1250px; margin: 0px auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.styles_op_rvkimz_navBrand { font-family: var(--font-kit-header-font), sans-serif; font-size: 22px; font-weight: 700; letter-spacing: 2px; color: rgb(242, 238, 230); text-decoration: none; flex: 0 0 auto; }
.styles_op_rvkimz_navLinks { display: flex; align-items: center; gap: 26px; }
.styles_op_rvkimz_navLink { font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; color: rgba(242, 238, 230, 0.7); text-decoration: none; position: relative; transition: color 0.2s; }
.styles_op_rvkimz_navLink::after { content: ""; position: absolute; left: 0px; bottom: -6px; width: 0px; height: 1.5px; background: var(--accent); transition: width 0.25s; }
.styles_op_rvkimz_navLink:hover { color: rgb(242, 238, 230); }
.styles_op_rvkimz_navLink:hover::after { width: 100%; }
.styles_op_rvkimz_navRight { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.styles_op_rvkimz_navCta { font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; font-weight: 600; color: rgb(8, 9, 11); text-decoration: none; padding: 10px 20px; border-radius: 100px; background: linear-gradient(
      135deg,
      var(--accent),
      #E0C79B); transition: transform 0.2s, box-shadow 0.2s; white-space: nowrap; }
.styles_op_rvkimz_navCta:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -12px var(--accent); }
.styles_op_rvkimz_burger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; padding: 0px; background: none; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; cursor: pointer; }
.styles_op_rvkimz_burger span { display: block; width: 18px; height: 2px; margin: 0px auto; background: rgb(242, 238, 230); border-radius: 2px; transition: transform 0.3s, opacity 0.2s; }
.styles_op_rvkimz_burgerOpen span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.styles_op_rvkimz_burgerOpen span:nth-child(2) { opacity: 0; }
.styles_op_rvkimz_burgerOpen span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.styles_op_rvkimz_mobileMenu { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 85; padding: 86px 24px 32px; background: rgba(8, 9, 11, 0.97); backdrop-filter: blur(18px); transform: translateY(-102%); transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.styles_op_rvkimz_mobileMenuOpen { transform: translateY(0px); }
.styles_op_rvkimz_mobileNav { display: flex; flex-direction: column; gap: 4px; max-width: 1250px; margin: 0px auto; }
.styles_op_rvkimz_mobileLink { font-family: var(--font-kit-text-font), sans-serif; font-size: 17px; color: rgba(242, 238, 230, 0.8); text-decoration: none; padding: 14px 4px; border-bottom: 1px solid rgba(255, 255, 255, 0.063); }
.styles_op_rvkimz_mobileLink:active { color: var(--accent); }
.styles_op_rvkimz_mobileCta { margin-top: 18px; text-align: center; font-family: var(--font-kit-text-font), sans-serif; font-size: 16px; font-weight: 600; color: rgb(8, 9, 11); text-decoration: none; padding: 14px 20px; border-radius: 100px; background: linear-gradient(
      135deg,
      var(--accent),
      #E0C79B); }
@media (max-width: 900px) {
.styles_op_rvkimz_navLinks { display: none; }
.styles_op_rvkimz_navCta { display: none; }
.styles_op_rvkimz_burger { display: flex; }
}
@media (min-width: 901px) {
.styles_op_rvkimz_mobileMenu { display: none; }
}
@media (max-width: 640px) {
.styles_op_rvkimz_wrap { padding: 110px 20px 84px; }
.styles_op_rvkimz_head { margin-bottom: 52px; }
.styles_op_rvkimz_list { gap: 32px; }
}
.styles_op_rvkimz_langSwitch { display: flex; align-items: center; gap: 5px; padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: none; cursor: pointer; font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; transition: border-color 0.2s, background 0.2s; white-space: nowrap; }
.styles_op_rvkimz_langSwitch:hover { border-color: var(--accent); background: rgba(255, 255, 255, 0.04); }
.styles_op_rvkimz_langActive { color: var(--accent); }
.styles_op_rvkimz_langInactive { color: rgba(242, 238, 230, 0.4); }
.styles_op_rvkimz_langSep { color: rgba(242, 238, 230, 0.2); font-weight: 300; }
.styles_op_rvkimz_mobileLangRow { padding: 12px 4px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.063); }
@media (max-width: 900px) {
.styles_op_rvkimz_langSwitch { display: none; }
.styles_op_rvkimz_mobileLangRow .styles_op_rvkimz_langSwitch { display: flex; }
}
.styles_op_aii2nm_wrap { position: relative; isolation: isolate; overflow: hidden; background: var(--bg, #08090B); padding: 80px 24px 32px; }
.styles_op_aii2nm_container { position: relative; z-index: 1; max-width: 1250px; margin: 0px auto; }
.styles_op_aii2nm_top { display: grid; grid-template-columns: 1.2fr 3fr; gap: 50px; padding-bottom: 48px; }
.styles_op_aii2nm_brand { font-family: var(--font-kit-header-font), serif; font-size: 26px; font-weight: 700; color: rgb(244, 241, 233); letter-spacing: 2px; text-decoration: none; }
.styles_op_aii2nm_tagline { font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; color: rgba(244, 241, 233, 0.55); margin: 14px 0px 20px; max-width: 260px; line-height: 1.6; }
.styles_op_aii2nm_social { display: flex; gap: 10px; }
.styles_op_aii2nm_socialBtn { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(214, 169, 74, 0.2); border-radius: 10px; color: rgba(244, 241, 233, 0.7); font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; text-decoration: none; transition: 0.25s; }
.styles_op_aii2nm_socialBtn:hover { border-color: var(--gold); color: var(--gold); transform: translateY(-2px); }
.styles_op_aii2nm_cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.styles_op_aii2nm_col { display: flex; flex-direction: column; gap: 11px; }
.styles_op_aii2nm_colHead { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: 0px 0px 6px; }
.styles_op_aii2nm_colHeadLink { font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold); text-decoration: none; transition: opacity 0.2s; }
.styles_op_aii2nm_colHeadLink:hover { opacity: 0.72; }
.styles_op_aii2nm_colHeadText { font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold); }
.styles_op_aii2nm_colToggleBtn { display: none; background: none; border: 0px; padding: 8px; margin: -8px; cursor: pointer; }
.styles_op_aii2nm_colItems { display: flex; flex-direction: column; gap: 11px; }
.styles_op_aii2nm_colPlus { display: none; position: relative; width: 13px; height: 13px; flex: 0 0 auto; }
.styles_op_aii2nm_colPlus::before, .styles_op_aii2nm_colPlus::after { content: ""; position: absolute; background: var(--gold); border-radius: 2px; }
.styles_op_aii2nm_colPlus::before { left: 0px; top: 5.5px; width: 13px; height: 2px; }
.styles_op_aii2nm_colPlus::after { left: 5.5px; top: 0px; width: 2px; height: 13px; transition: transform 0.3s, opacity 0.3s; }
.styles_op_aii2nm_colOpen .styles_op_aii2nm_colPlus::after { transform: rotate(90deg); opacity: 0; }
.styles_op_aii2nm_link { position: relative; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; color: rgba(244, 241, 233, 0.58); text-decoration: none; padding-left: 0px; transition: color 0.19s, transform 0.19s; }
.styles_op_aii2nm_link::before { content: ""; position: absolute; left: -14px; top: 50%; margin-top: -1px; width: 7px; height: 1.5px; border-radius: 2px; background: var(--gold); opacity: 0; transform: translateX(-3px); transition: opacity 0.19s, transform 0.19s; }
@media (hover: hover) {
.styles_op_aii2nm_link:hover { color: rgb(244, 241, 233); transform: translateX(5px); }
.styles_op_aii2nm_link:hover::before { opacity: 1; transform: translateX(0px); }
}
.styles_op_aii2nm_bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 26px; border-top: 1px solid rgba(255, 255, 255, 0.063); gap: 16px; flex-wrap: wrap; }
.styles_op_aii2nm_copy { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.4); }
.styles_op_aii2nm_legal { display: flex; gap: 22px; }
.styles_op_aii2nm_floating { position: fixed; right: 22px; bottom: 130px; z-index: 60; display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.styles_op_aii2nm_assistant { position: relative; width: 56px; height: 56px; padding: 0px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.32); background: linear-gradient(135deg, rgb(25, 28, 35), rgb(11, 13, 17)); color: var(--gold); cursor: pointer; -webkit-tap-highlight-color: transparent; box-shadow: rgb(0, 0, 0) 0px 14px 34px -14px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.styles_op_aii2nm_assistant:hover { transform: translateY(-2px); border-color: var(--gold); box-shadow: 0 16px 40px -14px color-mix(in srgb, var(--gold) 45%, transparent); }
.styles_op_aii2nm_assistant:active { transform: translateY(-1px) scale(0.97); }
.styles_op_aii2nm_assistantActive { border-color: var(--gold); box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 40%, transparent), 0 16px 42px -12px color-mix(in srgb, var(--gold) 55%, transparent); }
.styles_op_aii2nm_aiInner { position: absolute; inset: 0px; border-radius: 16px; overflow: hidden; display: grid; place-items: center; }
.styles_op_aii2nm_aiIcon { position: relative; z-index: 3; color: currentcolor; filter: drop-shadow(0 0 5px color-mix(in srgb, var(--gold) 35%, transparent)); }
.styles_op_aii2nm_aiEye { transform-box: fill-box; transform-origin: center center; animation: 4.8s ease-in-out 0s infinite normal none running styles_op_aii2nm_aiBlink; }
.styles_op_aii2nm_aiPulse { position: absolute; inset: 0px; margin: auto; width: 30px; height: 30px; border-radius: 50%; z-index: 1; background: radial-gradient(
      circle,
      color-mix(in srgb, var(--gold) 42%, transparent),
      transparent 70%); animation: 4.4s ease-in-out 0s infinite normal none running styles_op_aii2nm_aiPulse; }
.styles_op_aii2nm_aiOrbit { position: absolute; inset: 7px; border-radius: 50%; z-index: 2; animation: 9s linear 0s infinite normal none running styles_op_aii2nm_aiOrbit; }
.styles_op_aii2nm_aiOrbit i { position: absolute; top: -1px; left: 50%; width: 3px; height: 3px; margin-left: -1.5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 6px 1px color-mix(in srgb, var(--gold) 70%, transparent); }
.styles_op_aii2nm_aiSweep { position: absolute; top: 0px; left: -60%; width: 42%; height: 100%; z-index: 3; pointer-events: none; opacity: 0; transform: skewX(-18deg); background: linear-gradient(100deg, transparent, rgba(255, 247, 224, 0.333), transparent); }
.styles_op_aii2nm_assistant:hover .styles_op_aii2nm_aiSweep, .styles_op_aii2nm_assistantActive .styles_op_aii2nm_aiSweep { animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_aii2nm_aiSweep; }
.styles_op_aii2nm_aiWrap { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.styles_op_aii2nm_aiTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_aii2nm_assistant:hover .styles_op_aii2nm_aiTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_aii2nm_assistantActive .styles_op_aii2nm_aiTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_aii2nm_contactWrap { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.styles_op_aii2nm_menu { display: flex; flex-direction: column; gap: 4px; padding: 8px; border-radius: 14px; border: 1px solid rgba(214, 169, 74, 0.2); background: rgba(11, 13, 17, 0.85); backdrop-filter: blur(14px); box-shadow: rgba(0, 0, 0, 0.9) 0px 20px 50px -24px; }
.styles_op_aii2nm_menuItem { padding: 9px 16px; border-radius: 9px; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; color: rgba(244, 241, 233, 0.8); text-decoration: none; transition: background 0.2s, color 0.2s; white-space: nowrap; }
.styles_op_aii2nm_menuItem:hover { background: rgba(229, 166, 44, 0.12); color: var(--gold); }
.styles_op_aii2nm_fab { position: relative; width: 56px; height: 56px; border-radius: 16px; border: 1px solid rgba(214, 169, 74, 0.3); background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; box-shadow: 0 14px 34px -12px color-mix(in srgb, var(--gold) 60%, transparent); transition: transform 0.25s; }
.styles_op_aii2nm_fab:hover { transform: translateY(-2px) scale(1.03); }
.styles_op_aii2nm_fabTip { position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(8px); white-space: nowrap; padding: 7px 13px; border-radius: 999px; background: rgba(14, 17, 24, 0.95); border: 1px solid rgba(214, 169, 74, 0.28); font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; font-weight: 500; letter-spacing: 0.2px; color: rgb(244, 241, 233); backdrop-filter: blur(10px); pointer-events: none; opacity: 0; transition: opacity 0.2s, transform 0.2s; }
.styles_op_aii2nm_fab:hover .styles_op_aii2nm_fabTip { opacity: 1; transform: translateY(-50%) translateX(0px); transition-delay: 0.2s; }
.styles_op_aii2nm_fab.styles_op_aii2nm_fabOpen .styles_op_aii2nm_fabTip { opacity: 0 !important; transition-delay: 0s !important; }
.styles_op_aii2nm_chat { width: min(340px, -40px + 100vw); border-radius: 18px; overflow: hidden; border: 1px solid rgba(214, 169, 74, 0.28); background: rgba(9, 11, 15, 0.94); backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.92) 0px 30px 70px -28px; display: flex; flex-direction: column; animation: 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal none running styles_op_aii2nm_chatIn; }
.styles_op_aii2nm_chatHead { display: flex; align-items: center; gap: 9px; padding: 14px 14px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--gold) 10%, transparent),
      transparent); }
.styles_op_aii2nm_chatDot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px color-mix(in srgb, var(--gold) 22%, transparent); flex: 0 0 auto; }
.styles_op_aii2nm_chatTitle { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 14px; font-weight: 600; color: rgb(244, 241, 233); }
.styles_op_aii2nm_chatClose { background: none; border: none; color: rgba(244, 241, 233, 0.6); cursor: pointer; padding: 2px; display: grid; place-items: center; transition: color 0.2s; }
.styles_op_aii2nm_chatClose:hover { color: var(--gold); }
.styles_op_aii2nm_chatBody { padding: 14px; display: flex; flex-direction: column; gap: 10px; max-height: 340px; overflow-y: auto; }
.styles_op_aii2nm_bubBot, .styles_op_aii2nm_bubUser { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; line-height: 1.55; padding: 10px 13px; border-radius: 13px; max-width: 88%; }
.styles_op_aii2nm_bubBot { align-self: flex-start; background: rgba(255, 255, 255, 0.06); color: rgba(244, 241, 233, 0.9); border-bottom-left-radius: 4px; }
.styles_op_aii2nm_bubUser { align-self: flex-end; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); font-weight: 500; border-bottom-right-radius: 4px; }
.styles_op_aii2nm_chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.styles_op_aii2nm_chip { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.32); background: rgba(214, 169, 74, 0.08); color: var(--gold); cursor: pointer; transition: 0.2s; }
.styles_op_aii2nm_chip:hover { background: color-mix(in srgb, var(--gold) 18%, transparent); transform: translateY(-1px); }
.styles_op_aii2nm_form { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.styles_op_aii2nm_input, .styles_op_aii2nm_textarea { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; resize: none; }
.styles_op_aii2nm_input:focus, .styles_op_aii2nm_textarea:focus { border-color: var(--gold); }
.styles_op_aii2nm_input::placeholder, .styles_op_aii2nm_textarea::placeholder { color: rgba(244, 241, 233, 0.4); }
.styles_op_aii2nm_err { font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; color: rgb(230, 180, 90); }
.styles_op_aii2nm_send { font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; font-weight: 600; padding: 11px 14px; border-radius: 11px; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_aii2nm_send:hover { transform: translateY(-1px); }
.styles_op_aii2nm_send:disabled { opacity: 0.6; cursor: default; transform: none; }
.styles_op_aii2nm_askRow { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.styles_op_aii2nm_ask { flex: 1 1 0%; font-family: var(--font-kit-text-font), sans-serif; font-size: 13.5px; padding: 10px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.05); color: rgb(244, 241, 233); outline: none; transition: border-color 0.2s; }
.styles_op_aii2nm_ask:focus { border-color: var(--gold); }
.styles_op_aii2nm_ask::placeholder { color: rgba(244, 241, 233, 0.42); }
.styles_op_aii2nm_askSend { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: none; background: linear-gradient(
      135deg,
      var(--gold),
      #B88732); color: rgb(11, 13, 17); display: grid; place-items: center; cursor: pointer; transition: transform 0.2s, opacity 0.2s; }
.styles_op_aii2nm_askSend:hover { transform: translateY(-1px); }
.styles_op_aii2nm_askSend:disabled { opacity: 0.5; cursor: default; transform: none; }
.styles_op_aii2nm_leaveLink { align-self: flex-start; margin-top: 2px; background: none; border-top: none; border-right: none; border-left: none; border-image: initial; padding: 2px 0px; font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; color: rgba(244, 241, 233, 0.55); cursor: pointer; border-bottom: 1px solid rgba(244, 241, 233, 0.2); transition: color 0.2s; }
.styles_op_aii2nm_leaveLink:hover { color: var(--gold); border-color: var(--gold); }
.styles_op_aii2nm_doneLink { font-family: var(--font-kit-text-font), sans-serif; font-size: 13px; color: var(--gold); text-decoration: none; align-self: flex-start; border-bottom: 1px solid color-mix(in srgb, var(--gold) 40%, transparent); }
.styles_op_aii2nm_bubBot { display: flex; flex-direction: column; align-items: flex-start; }
.styles_op_aii2nm_bubText { display: block; }
.styles_op_aii2nm_speakBtn { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(214, 169, 74, 0.24); background: rgba(214, 169, 74, 0.08); color: var(--gold); font-family: var(--font-kit-text-font), sans-serif; font-size: 11.5px; line-height: 1; cursor: pointer; transition: background 0.2s, border-color 0.2s, transform 0.15s; }
.styles_op_aii2nm_speakBtn:hover { background: color-mix(in srgb, var(--gold) 18%, transparent); transform: translateY(-1px); }
.styles_op_aii2nm_speakBtnActive { background: color-mix(in srgb, var(--gold) 22%, transparent); border-color: var(--gold); }
.styles_op_aii2nm_speakLabel { line-height: 1; }
.styles_op_aii2nm_speakSpinner { width: 13px; height: 13px; border-radius: 50%; border-width: 2px; border-style: solid; border-right-color: rgba(214, 169, 74, 0.333); border-bottom-color: rgba(214, 169, 74, 0.333); border-left-color: rgba(214, 169, 74, 0.333); border-image: initial; border-top-color: var(--gold); animation: 0.7s linear 0s infinite normal none running styles_op_aii2nm_speakSpin; }
@media (prefers-reduced-motion: reduce) {
.styles_op_aii2nm_chat, .styles_op_aii2nm_aiEye, .styles_op_aii2nm_aiPulse, .styles_op_aii2nm_aiOrbit, .styles_op_aii2nm_aiSweep { animation: auto ease 0s 1 normal none running none; }
.styles_op_aii2nm_aiPulse { opacity: 0.4; }
.styles_op_aii2nm_assistant:hover .styles_op_aii2nm_aiTip { transition-delay: 0s; }
.styles_op_aii2nm_fab:hover .styles_op_aii2nm_fabTip { transition-delay: 0s; }
}
@media (max-width: 900px) {
.styles_op_aii2nm_top { grid-template-columns: 1fr; gap: 34px; }
.styles_op_aii2nm_cols { grid-template-columns: repeat(2, 1fr); }
.styles_op_aii2nm_aiTip { display: none !important; }
.styles_op_aii2nm_fabTip { display: none !important; }
}
@media (max-width: 560px) {
.styles_op_aii2nm_cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
.styles_op_aii2nm_cols { grid-template-columns: 1fr; gap: 0px; }
.styles_op_aii2nm_col { gap: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.styles_op_aii2nm_colHead { padding: 16px 2px; margin: 0px; }
.styles_op_aii2nm_colHeadLink, .styles_op_aii2nm_colHeadText { font-size: 13px; }
.styles_op_aii2nm_colToggleBtn { display: flex; align-items: center; }
.styles_op_aii2nm_colPlus { display: block; }
.styles_op_aii2nm_colItems { max-height: 0px; overflow: hidden; padding-left: 2px; transition: max-height 0.35s; }
.styles_op_aii2nm_colOpen .styles_op_aii2nm_colItems { max-height: 360px; padding-bottom: 16px; }
.styles_op_aii2nm_top { padding-bottom: 24px; }
.styles_op_aii2nm_bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
}
@media (max-width: 767px) {
.styles_op_aii2nm_floating { bottom: calc(152px + env(safe-area-inset-bottom)) !important; right: 16px !important; }
}
.styles_op_s3831l_section { position: relative; width: 100%; overflow: hidden; padding: 130px 24px 120px; color: rgb(242, 238, 230); }
.styles_op_s3831l_full { min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; }
.styles_op_s3831l_stars { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }
.styles_op_s3831l_grain { position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: radial-gradient(
      1100px 480px at 12% -6%,
      color-mix(in srgb, var(--accent) 14%, transparent),
      transparent 70%),
    radial-gradient(
      900px 500px at 108% 8%,
      #171B2166,
      transparent 70%); }
.styles_op_s3831l_inner { position: relative; z-index: 2; width: 100%; max-width: 1120px; margin: 0px auto; }
.styles_op_s3831l_head { max-width: 720px; margin-bottom: 68px; }
.styles_op_s3831l_head > :not(:last-child) { margin-bottom: 18px; }
.styles_op_s3831l_intro { color: rgb(169, 174, 182); font-size: 17px; line-height: 1.6; }
.styles_op_s3831l_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.styles_op_s3831l_block { display: flex; gap: 16px; background: rgba(13, 16, 19, 0.5); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 14px; padding: 26px 26px 28px; backdrop-filter: blur(6px); }
.styles_op_s3831l_blockRule { flex: 0 0 auto; width: 2px; border-radius: 2px; opacity: 0.8; }
.styles_op_s3831l_blockBody { min-width: 0px; }
.styles_op_s3831l_blockTitle { font-family: var(--font-kit-header-font); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; }
.styles_op_s3831l_blockContent { display: flex; flex-direction: column; gap: 7px; font-family: var(--font-kit-text-font); font-size: 15.5px; line-height: 1.55; color: rgb(201, 205, 212); }
.styles_op_s3831l_strong { color: rgb(242, 238, 230); font-weight: 600; font-size: 16.5px; }
.styles_op_s3831l_k { display: block; font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(124, 130, 140); margin-bottom: 1px; }
.styles_op_s3831l_link { color: rgb(242, 238, 230); text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.25s, color 0.25s; }
.styles_op_s3831l_link:hover { color: var(--accent); border-bottom-color: var(--accent); }
.styles_op_s3831l_responsible { margin-top: 4px; }
.styles_op_s3831l_notes { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.styles_op_s3831l_note { background: rgba(13, 16, 19, 0.4); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 14px; padding: 28px 30px 30px; }
.styles_op_s3831l_noteTitle { font-family: var(--font-kit-header-font); font-size: 17px; color: rgb(242, 238, 230); margin-bottom: 12px; }
.styles_op_s3831l_noteText { color: rgb(150, 155, 163); font-size: 14.5px; line-height: 1.7; }
@media (max-width: 900px) {
.styles_op_s3831l_grid { grid-template-columns: 1fr; }
.styles_op_s3831l_notes { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
.styles_op_s3831l_section { padding: 96px 18px 84px; }
.styles_op_s3831l_head { margin-bottom: 48px; }
}
@keyframes styles_op_1mijys6_badgePulse { 
  0%, 100% { opacity: 0.55; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1); }
}
@keyframes styles_op_o0oxqu_sweep { 
  0% { left: -130%; opacity: 0; }
  10% { opacity: 1; }
  100% { left: 150%; opacity: 0; }
}
@keyframes styles_op_1oej6hm_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_1oej6hm_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_1oej6hm_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_1oej6hm_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}
@keyframes styles_op_1oej6hm_chatIn { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@keyframes styles_op_1oej6hl_popIn { 
  0% { opacity: 0; transform: translateX(-50%) scale(0.96); }
  100% { opacity: 1; transform: translateX(-50%) scale(1); }
}
@keyframes styles_op_1oej6hl_fadeSwap { 
  0% { opacity: 0; transform: translateY(6px) scale(0.995); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes styles_op_1oej6hl_popInMobile { 
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.96); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes styles_op_qtmyrp_popIn { 
  0% { opacity: 0; transform: translateX(-50%) scale(0.96); }
  100% { opacity: 1; transform: translateX(-50%) scale(1); }
}
@keyframes styles_op_qtmyrp_fadeSwap { 
  0% { opacity: 0; transform: translateY(6px) scale(0.995); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes styles_op_qtmyrp_popInMobile { 
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.96); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes styles_op_h0pihc_popIn { 
  0% { opacity: 0; transform: translateX(-50%) scale(0.96); }
  100% { opacity: 1; transform: translateX(-50%) scale(1); }
}
@keyframes styles_op_h0pihc_fadeSwap { 
  0% { opacity: 0; transform: translateY(6px) scale(0.995); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes styles_op_h0pihc_popInMobile { 
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.96); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes styles_op_12grawd_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_12grawd_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_12grawd_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_12grawd_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}
@keyframes styles_op_12grawd_chatIn { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@keyframes styles_op_12grawd_speakSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_elryhq_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_elryhq_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_elryhq_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_elryhq_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}
@keyframes styles_op_elryhq_chatIn { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@keyframes styles_op_elryhq_speakSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_1snm5vn_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_1snm5vn_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_1snm5vn_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_1snm5vn_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}
@keyframes styles_op_1snm5vn_chatIn { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@keyframes styles_op_1snm5vn_speakSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_4zh4w1_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_4zh4w1_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_4zh4w1_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_4zh4w1_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}
@keyframes styles_op_4zh4w1_chatIn { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@keyframes styles_op_4zh4w1_speakSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_wew8sc_btnShimmer { 
  0% { left: -80%; opacity: 0; }
  8% { opacity: 1; }
  48% { left: 130%; opacity: 1; }
  100% { left: 130%; opacity: 0; }
}
@keyframes styles_op_n4dh0k_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_n4dh0k_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_n4dh0k_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_n4dh0k_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}
@keyframes styles_op_n4dh0k_chatIn { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@keyframes styles_op_n4dh0k_speakSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_1ndqg72_noticeIn { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes styles_op_1ndqg72_popIn { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes styles_op_1ndqg73_progFill { 
  0% { width: 0%; }
  100% { width: 82%; }
}
@keyframes styles_op_1ndqg73_statusPing { 
  0% { box-shadow: rgba(95, 191, 126, 0.4) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(95, 191, 126, 0) 0px 0px 0px 8px; }
}
@keyframes styles_op_bp24e8_dashPulse { 
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.45; transform: scale(0.7); }
}
@keyframes styles_op_aacjd0_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_aacjd0_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_aacjd0_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_aacjd0_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}
@keyframes styles_op_aacjd0_chatIn { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@keyframes styles_op_aacjd0_speakSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_aii2nm_aiBlink { 
  0%, 40%, 46%, 88%, 94%, 100% { transform: scaleY(1); }
  43%, 91% { transform: scaleY(0.12); }
}
@keyframes styles_op_aii2nm_aiPulse { 
  0%, 100% { transform: scale(0.8); opacity: 0.3; }
  50% { transform: scale(1.28); opacity: 0.6; }
}
@keyframes styles_op_aii2nm_aiOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes styles_op_aii2nm_aiSweep { 
  0% { left: -60%; opacity: 1; }
  100% { left: 120%; opacity: 1; }
}
@keyframes styles_op_aii2nm_chatIn { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@keyframes styles_op_aii2nm_speakSpin { 
  100% { transform: rotate(360deg); }
}

/* extras-start (Original 1h67vxo, Startseite): Layout-Regeln und Szenen-CSS 1:1 aus dem Original, dazu die Knopf-Regeln des Kits (o0oxqu). */
/* virtual-css-module:/styles.op_1h67vxo.module.css */
.styles_op_1h67vxo_wrap {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--bg, #0B0D11);
  padding: 110px 24px;
}
.styles_op_1h67vxo_container {
  position: relative;
  max-width: 1250px;
  margin: 0 auto;
}
.styles_op_1h67vxo_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 52px;
}
.styles_op_1h67vxo_eyebrow {
  letter-spacing: 3px;
  font-size: 12px;
}
.styles_op_1h67vxo_title {
  font-size: clamp(28px, 3.4vw, 44px);
  max-width: 640px;
}
.styles_op_1h67vxo_sub {
  max-width: 620px;
  color: #f4f1e999;
}
.styles_op_1h67vxo_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.styles_op_1h67vxo_card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 210px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  padding: 22px 22px 24px;
  border: 1px solid color-mix(in srgb, var(--gold) 12%, #ffffff0d);
  border-radius: 16px;
  background:
    linear-gradient(
      180deg,
      #12151bb0,
      #0b0d11a0);
  overflow: hidden;
  transition:
    transform .4s cubic-bezier(.22, 1, .36, 1),
    border-color .4s ease,
    box-shadow .4s ease;
}
.styles_op_1h67vxo_card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background:
    linear-gradient(
      115deg,
      transparent 36%,
      color-mix(in srgb, var(--gold) 65%, #fff) 50%,
      transparent 64%);
  background-size: 260% 100%;
  background-position: 210% 0;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity .4s ease, background-position 1.1s cubic-bezier(.22, 1, .36, 1);
}
.styles_op_1h67vxo_card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--gold) 32%, transparent);
  box-shadow: 0 40px 80px -55px #000, inset 0 1px 0 #ffffff0d;
}
.styles_op_1h67vxo_card:hover::after {
  opacity: 0.8;
  background-position: -60% 0;
}
.styles_op_1h67vxo_iconWrap {
  height: 60px;
  width: 96px;
  margin-bottom: 16px;
}
.styles_op_1h67vxo_mv {
  width: 96px;
  height: 60px;
  overflow: visible;
}
.styles_op_1h67vxo_cardTitle {
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: 17px;
  color: #F4F1E9;
  margin: 0 0 7px;
  font-weight: 700;
}
.styles_op_1h67vxo_cardDesc {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: #f4f1e98c;
  margin: 0 0 16px;
}
.styles_op_1h67vxo_price {
  margin-top: auto;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13px;
  color: var(--gold);
  font-weight: 600;
  letter-spacing: .2px;
}
.styles_op_1h67vxo_ctaRow {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

/* extras-start: Szenen-CSS aus dem Original (1h67vxo), unverändert */
.styles_op_1h67vxo_land {
  fill: #46b06e;
}
.styles_op_1h67vxo_merid {
  fill: none;
  stroke: #ffffff2e;
  stroke-width: 1.1;
}
.styles_op_1h67vxo_rim {
  fill: none;
  stroke: #ffffff3d;
  stroke-width: 1.4;
}
.styles_op_1h67vxo_spin,
.styles_op_1h67vxo_led,
.styles_op_1h67vxo_spark,
.styles_op_1h67vxo_letter,
.styles_op_1h67vxo_badge,
.styles_op_1h67vxo_shackle,
.styles_op_1h67vxo_check,
.styles_op_1h67vxo_sync,
.styles_op_1h67vxo_type,
.styles_op_1h67vxo_pen,
.styles_op_1h67vxo_swatch,
.styles_op_1h67vxo_brush,
.styles_op_1h67vxo_grow,
.styles_op_1h67vxo_glass,
.styles_op_1h67vxo_cursor,
.styles_op_1h67vxo_ripple,
.styles_op_1h67vxo_chat,
.styles_op_1h67vxo_heart,
.styles_op_1h67vxo_pin,
.styles_op_1h67vxo_chip,
.styles_op_1h67vxo_head,
.styles_op_1h67vxo_flow,
.styles_op_1h67vxo_gearA,
.styles_op_1h67vxo_gearB,
.styles_op_1h67vxo_block,
.styles_op_1h67vxo_orbit,
.styles_op_1h67vxo_brace {
  transform-box: fill-box;
  transform-origin: center;
}
.styles_op_1h67vxo_type {
  transform-origin: left center;
}
.styles_op_1h67vxo_grow {
  transform-origin: bottom;
}
.styles_op_1h67vxo_orbit {
  transform-origin: 31px 30px;
  transform-box: view-box;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_spin {
  animation: styles_op_1h67vxo_spin 7s linear infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_orbit {
  animation: styles_op_1h67vxo_rot 6s linear infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_led {
  animation: styles_op_1h67vxo_led 1.4s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_spark {
  stroke-dasharray: 120;
  stroke-dashoffset: 120;
  animation: styles_op_1h67vxo_draw 3s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_letter {
  animation: styles_op_1h67vxo_letter 3s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_badge {
  animation: styles_op_1h67vxo_badge 1.8s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_shackle {
  animation: styles_op_1h67vxo_lock 3s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_check {
  stroke-dasharray: 26;
  stroke-dashoffset: 26;
  animation: styles_op_1h67vxo_check 3s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_sync {
  animation: styles_op_1h67vxo_rot 3.4s linear infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_type {
  animation: styles_op_1h67vxo_type 3.2s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_pen {
  animation: styles_op_1h67vxo_pen 1.4s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_swatch {
  animation: styles_op_1h67vxo_swatch 2.2s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_brush {
  animation: styles_op_1h67vxo_brush 2s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_grow {
  animation: styles_op_1h67vxo_grow 2.4s cubic-bezier(.3, 1.3, .5, 1) infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_glass {
  animation: styles_op_1h67vxo_search 3.2s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_cursor {
  animation: styles_op_1h67vxo_click 1.8s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_ripple {
  animation: styles_op_1h67vxo_ripple 1.8s ease-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_chat {
  animation: styles_op_1h67vxo_chat 1.6s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_heart {
  animation: styles_op_1h67vxo_heart 2.4s ease-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_pin {
  animation: styles_op_1h67vxo_led 1.8s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_chip {
  animation: styles_op_1h67vxo_chip 2s ease-in-out infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_head {
  animation: styles_op_1h67vxo_sweep 2.4s linear infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_flow {
  animation: styles_op_1h67vxo_flow 1.8s cubic-bezier(.5, 0, .5, 1) infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_gearA {
  animation: styles_op_1h67vxo_rot 5s linear infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_gearB {
  animation: styles_op_1h67vxo_rotRev 3.4s linear infinite;
}
.styles_op_1h67vxo_mvOn .styles_op_1h67vxo_block {
  animation: styles_op_1h67vxo_block 3s ease-in-out infinite;
}
@keyframes styles_op_1h67vxo_spin {
  to {
    transform: translateX(-42px);
  }
}
@keyframes styles_op_1h67vxo_rot {
  to {
    transform: rotate(360deg);
  }
}
@keyframes styles_op_1h67vxo_rotRev {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes styles_op_1h67vxo_led {
  0%, 100% {
    opacity: .25;
  }
  50% {
    opacity: 1;
  }
}
@keyframes styles_op_1h67vxo_draw {
  0% {
    stroke-dashoffset: 120;
  }
  45% {
    stroke-dashoffset: 0;
  }
  80% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -120;
  }
}
@keyframes styles_op_1h67vxo_letter {
  0% {
    transform: translateY(12px);
    opacity: .3;
  }
  30% {
    opacity: 1;
  }
  55%, 70% {
    transform: translateY(-7px);
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: .3;
  }
}
@keyframes styles_op_1h67vxo_badge {
  0%, 100% {
    transform: scale(.7);
    opacity: .5;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes styles_op_1h67vxo_lock {
  0% {
    transform: translateY(-6px);
  }
  25%, 90% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-6px);
  }
}
@keyframes styles_op_1h67vxo_check {
  0% {
    stroke-dashoffset: 26;
  }
  40% {
    stroke-dashoffset: 0;
  }
  88% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 26;
  }
}
@keyframes styles_op_1h67vxo_type {
  0% {
    transform: scaleX(0);
  }
  35% {
    transform: scaleX(1);
  }
  80% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes styles_op_1h67vxo_pen {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(-3px, -2px) rotate(-4deg);
  }
}
@keyframes styles_op_1h67vxo_swatch {
  0%, 100% {
    transform: scale(.65);
    opacity: .45;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes styles_op_1h67vxo_brush {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(-3px, 3px) rotate(-9deg);
  }
}
@keyframes styles_op_1h67vxo_grow {
  0% {
    transform: scaleY(.15);
  }
  40% {
    transform: scaleY(1);
  }
  70% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(.15);
  }
}
@keyframes styles_op_1h67vxo_search {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(3px, 3px);
  }
  55% {
    transform: translate(-1px, 5px);
  }
  80% {
    transform: translate(-3px, 1px);
  }
}
@keyframes styles_op_1h67vxo_click {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(3px, 3px);
  }
}
@keyframes styles_op_1h67vxo_ripple {
  0% {
    transform: scale(.4);
    opacity: .9;
  }
  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}
@keyframes styles_op_1h67vxo_chat {
  0%, 100% {
    opacity: .3;
  }
  50% {
    opacity: 1;
  }
}
@keyframes styles_op_1h67vxo_heart {
  0% {
    transform: translateY(4px) scale(.6);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateY(-26px) scale(1);
    opacity: 0;
  }
}
@keyframes styles_op_1h67vxo_chip {
  0%, 100% {
    filter: drop-shadow(0 0 0 transparent);
  }
  50% {
    filter: drop-shadow(0 0 5px var(--gold));
  }
}
@keyframes styles_op_1h67vxo_sweep {
  0% {
    transform: translateX(0);
    opacity: .35;
  }
  8% {
    opacity: 1;
  }
  94% {
    transform: translateX(58px);
    opacity: 1;
  }
  100% {
    transform: translateX(58px);
    opacity: 0;
  }
}
@keyframes styles_op_1h67vxo_flow {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    transform: translateX(28px);
    opacity: 0;
  }
}
@keyframes styles_op_1h67vxo_block {
  0% {
    transform: translateY(6px) scale(.7);
    opacity: 0;
  }
  35% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(6px) scale(.7);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .styles_op_1h67vxo_mv *, .styles_op_1h67vxo_mvOn * { animation: none !important; }
  .styles_op_1h67vxo_spark, .styles_op_1h67vxo_check { stroke-dashoffset: 0 !important; }
}

/* extras-start (Original 1h67vxo): Karten-Hover, Mikro-Szenen */
@media (max-width: 900px) {
  .styles_op_1h67vxo_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .styles_op_1h67vxo_grid {
    grid-template-columns: 1fr;
  }
  .styles_op_1h67vxo_wrap {
    padding: 80px 22px;
  }
}
.styles_op_o0oxqu_btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; font-family: var(--font-kit-text-font, "Inter"), sans-serif; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.01em; border-radius: 11px; cursor: pointer; border: 1px solid transparent; text-decoration: none; transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s, background 0.25s, border-color 0.25s, color 0.25s; white-space: nowrap; }
.styles_op_o0oxqu_btn::before { content: ""; position: absolute; top: 0px; left: -130%; width: 55%; height: 100%; background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.36) 50%, transparent 100%); transform: skewX(-18deg); pointer-events: none; opacity: 0; }
.styles_op_o0oxqu_btn:hover::before { animation: 0.85s ease 0s 1 normal none running styles_op_o0oxqu_sweep; }
.styles_op_o0oxqu_btn > * { position: relative; z-index: 1; }
.styles_op_o0oxqu_btn.styles_op_o0oxqu_sz_lg { padding: 1.05rem 2.1rem; font-size: 1rem; }
.styles_op_o0oxqu_primary { background: linear-gradient(
      135deg,
      #F6D57A 0%,
      var(--color-kit-key2, #F0C24B) 42%,
      var(--color-kit-key1, #E5A62C) 100%); color: rgb(26, 20, 8); box-shadow: rgba(229, 166, 44, 0.6) 0px 10px 28px -14px, rgba(255, 246, 217, 0.667) 0px 1px 0px inset; }
.styles_op_o0oxqu_primary:hover { transform: translateY(-2px); box-shadow: rgba(229, 166, 44, 0.753) 0px 16px 40px -16px, rgba(255, 246, 217, 0.8) 0px 1px 0px inset; }
@media (prefers-reduced-motion: reduce) {
.styles_op_o0oxqu_btn { transition: box-shadow 0.25s, border-color 0.25s, color 0.25s; }
.styles_op_o0oxqu_btn:hover { transform: none; }
.styles_op_o0oxqu_btn:hover::before { animation: auto ease 0s 1 normal none running none; }
}

/* Grundwerte wie auf der Original-Seite (Browser-Standard), der Nachbau setzt global andere Werte */
:where(.bw-extras-start) { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: normal; text-align: start; text-transform: none; hyphens: manual; overflow-wrap: normal; max-width: none; }
:where(.bw-extras-start) :is(h1, h2, h3, h4) { font-weight: bold; letter-spacing: inherit; line-height: inherit; hyphens: inherit; overflow-wrap: inherit; margin: revert; }
:where(.bw-extras-start) p { margin: revert; }
:where(.bw-extras-start) a { color: #0000ee; text-decoration: underline; }
.bw.bw-extras-start { max-width: none; }
/* Zusatzzeilen aus inhalt.json (nicht im Original): dezent unter dem Knopf */
.bw-ex-notiz { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; line-height: 1.55; color: #8f8f96; text-align: center; margin: 14px auto 0; max-width: 720px; }
.bw-ex-notiz strong { color: #d8d4cb; font-weight: 600; }
.bw-ex-notiz:first-of-type { margin-top: 28px; }
@media (prefers-reduced-motion: reduce) { .styles_op_1h67vxo_card::after { display: none; } }

/* au: Fensterregeln aus dem Original-CSS (kompiliert) */
.styles_op_3wwuiu_showcase {
  position: relative;
}
.styles_op_3wwuiu_window {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #0C0E12;
  border: 1px solid #C4A06A2e;
  box-shadow: 0 30px 80px #00000066, inset 0 1px 0 #ffffff0d;
}
.styles_op_3wwuiu_winBar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #0F1116;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_3wwuiu_dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.styles_op_3wwuiu_dR {
  background: #E5674E;
}
.styles_op_3wwuiu_dY {
  background: #E0C79B;
}
.styles_op_3wwuiu_dG {
  background: #5FBF7E;
}
.styles_op_3wwuiu_urlBar {
  margin-left: 12px;
  flex: 1;
  height: 22px;
  border-radius: 7px;
  background: #16181E;
  border: 1px solid #ffffff0d;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 11px;
  color: #8A8779;
  font-family: var(--font-kit-text-font);
}
.styles_op_3wwuiu_stage {
  position: relative;
  height: 340px;
  overflow: hidden;
}
.styles_op_3wwuiu_workflow {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.styles_op_3wwuiu_stepRow {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.styles_op_3wwuiu_stepLeft {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 28px;
  flex: none;
}
.styles_op_3wwuiu_stepNode {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #ffffff18;
  background: #0F1116;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  transition:
    border-color .5s ease,
    background .5s ease,
    box-shadow .5s ease;
}
.styles_op_3wwuiu_nodeActive {
  border-color: #C4A06A;
  background: #1A1508;
  box-shadow: 0 0 0 3px #C4A06A22, 0 0 16px #C4A06A44;
}
.styles_op_3wwuiu_nodeDone {
  border-color: #5FBF7E55;
  background: #0D1A0F;
}
.styles_op_3wwuiu_stepNum {
  font-family: var(--font-kit-text-font);
  font-size: 11px;
  font-weight: 600;
  color: #4A4C54;
  transition: color .4s ease;
}
.styles_op_3wwuiu_stepNumActive {
  color: #E0C79B;
}
.styles_op_3wwuiu_checkSvg {
  width: 14px;
  height: 14px;
}
.styles_op_3wwuiu_connector {
  width: 1px;
  height: 18px;
  position: relative;
  overflow: visible;
}
.styles_op_3wwuiu_connLine {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #ffffff18;
  transition: background .5s ease;
}
.styles_op_3wwuiu_connDone {
  background: #C4A06A55;
}
.styles_op_3wwuiu_connPulse {
  position: absolute;
  left: -2px;
  top: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C4A06A;
  box-shadow: 0 0 8px #C4A06Acc;
  animation: styles_op_3wwuiu_connTravel 1.5s ease-in-out forwards;
}
.styles_op_3wwuiu_stepLabel {
  font-family: var(--font-kit-text-font);
  font-size: 13px;
  line-height: 28px;
  transition: color .4s ease, opacity .4s ease;
}
.styles_op_3wwuiu_labelPending {
  color: #4A4C54;
}
.styles_op_3wwuiu_labelActive {
  color: #E0C79B;
  font-weight: 500;
}
.styles_op_3wwuiu_labelDone {
  color: #8A8779;
}
.styles_op_3wwuiu_completeRow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  animation: styles_op_3wwuiu_fadeIn .6s ease both;
}
.styles_op_3wwuiu_completeDot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5FBF7E;
  box-shadow: 0 0 8px #5FBF7Eaa;
  flex: none;
  animation: styles_op_3wwuiu_glowPulse 2s ease-in-out infinite;
}
.styles_op_3wwuiu_completeText {
  font-family: var(--font-kit-text-font);
  font-size: 13px;
  color: #9BE0AE;
  font-weight: 500;
  letter-spacing: .02em;
}
.styles_op_3wwuiu_statusRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #0F1116;
  border-top: 1px solid #ffffff0d;
  font-family: var(--font-kit-text-font);
  font-size: 12px;
}
.styles_op_3wwuiu_statusLeft {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #C4A06A;
}
.styles_op_3wwuiu_statusRight {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9BE0AE;
}
.styles_op_3wwuiu_pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C4A06A;
  box-shadow: 0 0 0 0 #C4A06A88;
  animation: styles_op_3wwuiu_ping 1.6s ease-out infinite;
}
.styles_op_3wwuiu_dotGreen {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5FBF7E;
  box-shadow: 0 0 8px #5FBF7Eaa;
}
@media (max-width: 560px) {
  .styles_op_3wwuiu_stage {
      height: 300px;
    }
  .styles_op_3wwuiu_stepLabel {
      font-size: 12px;
    }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_3wwuiu_connPulse {
      display: none;
    }
  .styles_op_3wwuiu_pulse {
      animation: none;
    }
  .styles_op_3wwuiu_nodeActive {
      box-shadow: none;
    }
  .styles_op_3wwuiu_completeRow {
      animation: none;
    }
  .styles_op_3wwuiu_completeDot {
      animation: none;
    }
}
@keyframes styles_op_3wwuiu_connTravel {
  0% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: 18px;
    opacity: 0.5;
  }
}
@keyframes styles_op_3wwuiu_fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes styles_op_3wwuiu_glowPulse {
  0%, 100% {
    box-shadow: 0 0 6px #5FBF7E88;
  }
  50% {
    box-shadow: 0 0 14px #5FBF7Ecc;
  }
}
@keyframes styles_op_3wwuiu_ping {
  0% {
    box-shadow: 0 0 0 0 #C4A06A66;
  }
  100% {
    box-shadow: 0 0 0 9px #C4A06A00;
  }
}

/* Grundwerte des Originals (Body der Kit-Seite: 14 px / 24 px, weiß) */
.bw-fenster-automatisierung { font-size: 14px; line-height: 24px; color: #fff; }

/* cb: Fensterregeln aus dem Original-CSS (kompiliert) */
.styles_op_1h54m7c_showcase {
  position: relative;
}
.styles_op_1h54m7c_window {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #0C0E12;
  border: 1px solid #C4A06A2e;
  box-shadow: 0 30px 80px #00000066, inset 0 1px 0 #ffffff0d;
}
.styles_op_1h54m7c_winBar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #0F1116;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_1h54m7c_dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.styles_op_1h54m7c_dR {
  background: #E5674E;
}
.styles_op_1h54m7c_dY {
  background: #E0C79B;
}
.styles_op_1h54m7c_dG {
  background: #5FBF7E;
}
.styles_op_1h54m7c_urlBar {
  margin-left: 12px;
  flex: 1;
  height: 22px;
  border-radius: 7px;
  background: #16181E;
  border: 1px solid #ffffff0d;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 11px;
  color: #8A8779;
  font-family: var(--font-kit-text-font);
  letter-spacing: 0.01em;
}
.styles_op_1h54m7c_chatHeader {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  background: #0E1015;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_1h54m7c_chatAvatar {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  flex-shrink: 0;
  background:
    linear-gradient(
      135deg,
      #C4A06A,
      #E0C79B);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #0A0B0E;
  letter-spacing: 0.04em;
  font-family: var(--font-kit-header-font);
}
.styles_op_1h54m7c_chatMeta {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.styles_op_1h54m7c_chatName {
  font-family: var(--font-kit-header-font);
  font-weight: 600;
  font-size: 13.5px;
  color: #F2EEE6;
  letter-spacing: 0.01em;
}
.styles_op_1h54m7c_chatStatusLine {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-kit-text-font);
  font-size: 11px;
  color: #5FBF7E;
}
.styles_op_1h54m7c_onlineDot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5FBF7E;
  box-shadow: 0 0 6px #5FBF7E99;
  animation: styles_op_1h54m7c_onlinePulse 2.5s ease-in-out infinite;
}
.styles_op_1h54m7c_chatBody {
  padding: 14px 16px 12px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  overflow: hidden;
}
.styles_op_1h54m7c_customerWrap {
  display: flex;
  justify-content: flex-end;
  animation: styles_op_1h54m7c_customerAnim 20s ease-in-out infinite;
}
.styles_op_1h54m7c_customerBubble {
  max-width: 88%;
  background: #181C26;
  border: 1px solid #ffffff0f;
  color: #C9C6BE;
  border-radius: 14px 14px 4px 14px;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 1.55;
  font-family: var(--font-kit-text-font);
}
.styles_op_1h54m7c_replyArea {
  position: relative;
  min-height: 72px;
}
.styles_op_1h54m7c_typingWrap {
  position: absolute;
  top: 0;
  left: 0;
  animation: styles_op_1h54m7c_typingAnim 20s ease-in-out infinite;
}
.styles_op_1h54m7c_typingDots {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #13161E;
  border: 1px solid #ffffff0a;
  padding: 10px 14px;
  border-radius: 14px 14px 14px 4px;
}
.styles_op_1h54m7c_tDot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #C4A06A;
  animation: styles_op_1h54m7c_dotBounce 0.9s ease-in-out infinite;
}
.styles_op_1h54m7c_tDot:nth-child(2) {
  animation-delay: 0.18s;
}
.styles_op_1h54m7c_tDot:nth-child(3) {
  animation-delay: 0.36s;
}
.styles_op_1h54m7c_assistantWrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  animation: styles_op_1h54m7c_assistantAnim 20s ease-in-out infinite;
}
.styles_op_1h54m7c_assistantBubble {
  background:
    linear-gradient(
      135deg,
      #C4A06A1c,
      #E0C79B0d);
  border: 1px solid #C4A06A38;
  color: #EDE8DF;
  border-radius: 14px 14px 14px 4px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 1.6;
  font-family: var(--font-kit-text-font);
  box-shadow: inset 0 1px 0 #C4A06A16;
}
.styles_op_1h54m7c_chipsWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  animation: styles_op_1h54m7c_chipsAnim 20s ease-in-out infinite;
}
.styles_op_1h54m7c_chip {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  background: #C4A06A18;
  border: 1px solid #C4A06A44;
  color: #D4B07A;
  font-size: 11px;
  letter-spacing: 0.02em;
  font-family: var(--font-kit-text-font);
  font-weight: 500;
}
.styles_op_1h54m7c_leadWrap {
  display: flex;
  align-items: center;
  animation: styles_op_1h54m7c_leadAnim 20s ease-in-out infinite;
}
.styles_op_1h54m7c_leadBadge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  border-radius: 8px;
  background: #182218;
  border: 1px solid #5FBF7E44;
  color: #7FBF9E;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  font-family: var(--font-kit-text-font);
}
.styles_op_1h54m7c_leadCheck {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #5FBF7E33;
  color: #7FBF9E;
  font-size: 10px;
}
.styles_op_1h54m7c_voiceWaveWrap {
  display: flex;
  align-items: center;
  gap: 2.5px;
  height: 24px;
  padding: 2px 0;
  animation: styles_op_1h54m7c_waveContainerAnim 20s ease-in-out infinite;
}
.styles_op_1h54m7c_waveBar {
  display: inline-block;
  width: 2.5px;
  border-radius: 2px;
  height: 4px;
  background:
    linear-gradient(
      to top,
      #C4A06A,
      #E0C79B88);
  animation: styles_op_1h54m7c_waveH 0.6s ease-in-out infinite alternate;
}
.styles_op_1h54m7c_statusRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 16px;
  background: #0F1116;
  border-top: 1px solid #ffffff0d;
  font-family: var(--font-kit-text-font);
  font-size: 12px;
}
.styles_op_1h54m7c_statusLeft {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #C4A06A;
}
.styles_op_1h54m7c_statusRight {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7FBF9E;
}
.styles_op_1h54m7c_pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C4A06A;
  animation: styles_op_1h54m7c_ping 1.6s ease-out infinite;
}
.styles_op_1h54m7c_dotGreen {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5FBF7E;
  box-shadow: 0 0 8px #5FBF7Eaa;
}
@media (max-width: 560px) {
  .styles_op_1h54m7c_chatBody {
      padding: 12px 12px 10px;
      gap: 8px;
    }
  .styles_op_1h54m7c_customerBubble,
    .styles_op_1h54m7c_assistantBubble {
      font-size: 12px;
    }
  .styles_op_1h54m7c_replyArea {
      min-height: 78px;
    }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_1h54m7c_customerWrap {
      animation: none;
      opacity: 1;
      transform: none;
    }
  .styles_op_1h54m7c_typingWrap {
      animation: none;
      opacity: 0;
    }
  .styles_op_1h54m7c_assistantWrap {
      animation: none;
      opacity: 1;
      transform: none;
    }
  .styles_op_1h54m7c_chipsWrap {
      animation: none;
      opacity: 1;
      transform: none;
    }
  .styles_op_1h54m7c_leadWrap {
      animation: none;
      opacity: 1;
      transform: none;
    }
  .styles_op_1h54m7c_voiceWaveWrap {
      animation: none;
      opacity: 0;
    }
  .styles_op_1h54m7c_tDot,
    .styles_op_1h54m7c_waveBar,
    .styles_op_1h54m7c_onlineDot,
    .styles_op_1h54m7c_pulse {
      animation: none;
    }
  .styles_op_1h54m7c_tDot {
      opacity: 0.5;
    }
  .styles_op_1h54m7c_waveBar {
      height: 6px;
    }
}
@keyframes styles_op_1h54m7c_onlinePulse {
  0%, 100% {
    box-shadow: 0 0 5px #5FBF7E88;
  }
  50% {
    box-shadow: 0 0 13px #5FBF7Ecc;
  }
}
@keyframes styles_op_1h54m7c_customerAnim {
  0%, 2.5% {
    opacity: 0;
    transform: translateY(7px);
  }
  7.5% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
  90%, 100% {
    opacity: 0;
    transform: translateY(0);
  }
}
@keyframes styles_op_1h54m7c_dotBounce {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.4;
  }
  45% {
    transform: translateY(-5px);
    opacity: 1;
  }
}
@keyframes styles_op_1h54m7c_typingAnim {
  0%, 12.5% {
    opacity: 0;
  }
  15%, 22% {
    opacity: 1;
  }
  25%, 100% {
    opacity: 0;
  }
}
@keyframes styles_op_1h54m7c_assistantAnim {
  0%, 25% {
    opacity: 0;
    transform: translateY(5px);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
  90%, 100% {
    opacity: 0;
    transform: translateY(0);
  }
}
@keyframes styles_op_1h54m7c_chipsAnim {
  0%, 37.5% {
    opacity: 0;
    transform: translateY(4px);
  }
  42.5% {
    opacity: 1;
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    transform: translateY(0);
  }
  90%, 100% {
    opacity: 0;
    transform: translateY(0);
  }
}
@keyframes styles_op_1h54m7c_leadAnim {
  0%, 50% {
    opacity: 0;
    transform: scale(0.9);
  }
  56% {
    opacity: 1;
    transform: scale(1);
  }
  80% {
    opacity: 1;
    transform: scale(1);
  }
  90%, 100% {
    opacity: 0;
    transform: scale(0.95);
  }
}
@keyframes styles_op_1h54m7c_waveH {
  from {
    height: 3px;
  }
  to {
    height: 18px;
  }
}
@keyframes styles_op_1h54m7c_waveContainerAnim {
  0%, 60% {
    opacity: 0;
  }
  65% {
    opacity: 0.8;
  }
  75% {
    opacity: 0.8;
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes styles_op_1h54m7c_ping {
  0% {
    box-shadow: 0 0 0 0 #C4A06A66;
  }
  100% {
    box-shadow: 0 0 0 9px #C4A06A00;
  }
}

/* Grundwerte des Originals (Body der Kit-Seite: 14 px / 24 px, weiß) */
.bw-fenster-chatbots { font-size: 14px; line-height: 24px; color: #fff; }

/* crm: Fensterregeln aus dem Original-CSS (kompiliert) */
.styles_op_11i57xb_showcase {
  position: relative;
}
.styles_op_11i57xb_window {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #0C0E12;
  border: 1px solid #C4A06A2e;
  box-shadow: 0 30px 80px #00000066, inset 0 1px 0 #ffffff0d;
}
.styles_op_11i57xb_winBar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #0F1116;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_11i57xb_dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.styles_op_11i57xb_dR {
  background: #E5674E;
}
.styles_op_11i57xb_dY {
  background: #E0C79B;
}
.styles_op_11i57xb_dG {
  background: #5FBF7E;
}
.styles_op_11i57xb_urlBar {
  margin-left: 12px;
  flex: 1;
  height: 22px;
  border-radius: 7px;
  background: #16181E;
  border: 1px solid #ffffff0d;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 11px;
  color: #8A8779;
  font-family: var(--font-kit-text-font);
}
.styles_op_11i57xb_stage {
  position: relative;
  height: 340px;
  overflow: hidden;
}
.styles_op_11i57xb_crmView,
.styles_op_11i57xb_portalView {
  position: absolute;
  inset: 0;
}
.styles_op_11i57xb_crmView {
  animation: styles_op_11i57xb_viewCRM 16s ease-in-out infinite;
}
.styles_op_11i57xb_portalView {
  animation: styles_op_11i57xb_viewPortal 16s ease-in-out infinite;
}
.styles_op_11i57xb_crmView {
  background: #0C0E12;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.styles_op_11i57xb_crmTopBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_11i57xb_crmLabel {
  font-family: var(--font-kit-text-font);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7A7870;
}
.styles_op_11i57xb_crmValue {
  font-family: var(--font-kit-header-font);
  font-size: 15px;
  font-weight: 700;
  background:
    linear-gradient(
      90deg,
      #E0C79B,
      #C4A06A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.styles_op_11i57xb_leadRow {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #10121A;
  border: 1px solid #C4A06A22;
  border-radius: 10px;
  padding: 10px 14px;
}
.styles_op_11i57xb_leadAvatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  flex: none;
  background:
    linear-gradient(
      135deg,
      #C4A06A44,
      #C4A06A22);
  border: 1px solid #C4A06A44;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-kit-header-font);
  font-size: 11px;
  font-weight: 700;
  color: #C4A06A;
  letter-spacing: 0.05em;
}
.styles_op_11i57xb_leadMeta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.styles_op_11i57xb_leadName {
  font-family: var(--font-kit-header-font);
  font-size: 13px;
  font-weight: 600;
  color: #F2EEE6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_op_11i57xb_leadCompany {
  font-family: var(--font-kit-text-font);
  font-size: 11px;
  color: #7A7870;
}
.styles_op_11i57xb_leadTag {
  flex: none;
  font-family: var(--font-kit-text-font);
  font-size: 10px;
  font-weight: 600;
  color: #C4A06A;
  letter-spacing: 0.1em;
  border: 1px solid #C4A06A33;
  border-radius: 5px;
  padding: 3px 8px;
  white-space: nowrap;
}
.styles_op_11i57xb_pipelineWrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 2px;
}
.styles_op_11i57xb_pipelineRailWrap {
  position: relative;
  height: 4px;
  margin: 0 14px;
}
.styles_op_11i57xb_pipelineRail {
  position: relative;
  width: 100%;
  height: 4px;
  background: #1E2028;
  border-radius: 2px;
  overflow: visible;
}
.styles_op_11i57xb_pipelineFill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 2px;
  background:
    linear-gradient(
      90deg,
      #C4A06A,
      #E0C79B);
  animation: styles_op_11i57xb_pFill 16s ease-in-out infinite;
}
.styles_op_11i57xb_pipelinePulse {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: -5px;
  margin-left: -5px;
  background: #E0C79B;
  box-shadow: 0 0 10px #C4A06Acc, 0 0 22px #C4A06A66;
  animation: styles_op_11i57xb_pPulse 16s ease-in-out infinite;
}
.styles_op_11i57xb_pipelineStages {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 8px;
}
.styles_op_11i57xb_pStage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1;
}
.styles_op_11i57xb_stageNode {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #252830;
  border: 2px solid #30333C;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  transition: background .4s, box-shadow .4s;
}
.styles_op_11i57xb_stageCheck {
  font-size: 10px;
  font-weight: 700;
  color: #08090B;
  animation: styles_op_11i57xb_checkIn 16s ease-in-out infinite;
}
.styles_op_11i57xb_stageLabel {
  font-family: var(--font-kit-text-font);
  font-size: 10px;
  color: #5A5C64;
  letter-spacing: 0.06em;
  text-align: center;
}
.styles_op_11i57xb_pS1 .styles_op_11i57xb_stageNode {
  animation: styles_op_11i57xb_node1 16s ease-in-out infinite;
}
.styles_op_11i57xb_pS2 .styles_op_11i57xb_stageNode {
  animation: styles_op_11i57xb_node2 16s ease-in-out infinite;
}
.styles_op_11i57xb_pS3 .styles_op_11i57xb_stageNode {
  animation: styles_op_11i57xb_node3 16s ease-in-out infinite;
}
.styles_op_11i57xb_pS4 .styles_op_11i57xb_stageNode {
  animation: styles_op_11i57xb_node4 16s ease-in-out infinite;
}
.styles_op_11i57xb_pS4 .styles_op_11i57xb_stageLabel {
  color: #9BE0AE;
}
.styles_op_11i57xb_portalView {
  background:
    linear-gradient(
      180deg,
      #0D0F14,
      #0C0E12);
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.styles_op_11i57xb_portalTopBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_11i57xb_portalTitle {
  font-family: var(--font-kit-header-font);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #F2EEE6;
}
.styles_op_11i57xb_portalOnline {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-kit-text-font);
  font-size: 11px;
  color: #9BE0AE;
}
.styles_op_11i57xb_portalDot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5FBF7E;
  box-shadow: 0 0 7px #5FBF7Eaa;
  animation: styles_op_11i57xb_portalPing 2s ease-out infinite;
}
.styles_op_11i57xb_portalSections {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.styles_op_11i57xb_portalSection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #10121A;
  border: 1px solid #ffffff0a;
  border-radius: 8px;
  padding: 9px 14px;
}
.styles_op_11i57xb_pSecLabel {
  font-family: var(--font-kit-text-font);
  font-size: 12px;
  color: #C9C6BE;
}
.styles_op_11i57xb_pSecStatus {
  font-family: var(--font-kit-text-font);
  font-size: 11px;
  font-weight: 600;
  color: #C4A06A;
}
.styles_op_11i57xb_notifications {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}
.styles_op_11i57xb_notif {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-kit-text-font);
  font-size: 11px;
  color: #B0ADA6;
  background: #13151C;
  border: 1px solid #C4A06A22;
  border-radius: 7px;
  padding: 8px 12px;
}
.styles_op_11i57xb_notifDot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: none;
  background: #C4A06A;
  box-shadow: 0 0 6px #C4A06A88;
}
.styles_op_11i57xb_notif1 {
  animation: styles_op_11i57xb_notif1 16s ease-in-out infinite;
}
.styles_op_11i57xb_notif2 {
  animation: styles_op_11i57xb_notif2 16s ease-in-out infinite;
}
.styles_op_11i57xb_notif3 {
  animation: styles_op_11i57xb_notif3 16s ease-in-out infinite;
}
.styles_op_11i57xb_statusRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #0F1116;
  border-top: 1px solid #ffffff0d;
  font-family: var(--font-kit-text-font);
  font-size: 12px;
}
.styles_op_11i57xb_statusCode {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #C4A06A;
  animation: styles_op_11i57xb_viewCRM 16s ease-in-out infinite;
}
.styles_op_11i57xb_statusLive {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9BE0AE;
  animation: styles_op_11i57xb_viewPortal 16s ease-in-out infinite;
}
.styles_op_11i57xb_pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C4A06A;
  animation: styles_op_11i57xb_ping 1.6s ease-out infinite;
}
.styles_op_11i57xb_dotGreen {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5FBF7E;
  box-shadow: 0 0 8px #5FBF7Eaa;
}
@media (max-width: 560px) {
  .styles_op_11i57xb_stage {
      height: 300px;
    }
  .styles_op_11i57xb_leadTag {
      display: none;
    }
  .styles_op_11i57xb_pStage .styles_op_11i57xb_stageLabel {
      font-size: 9px;
    }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_11i57xb_pipelineFill {
      animation: none;
      width: 100%;
    }
  .styles_op_11i57xb_pipelinePulse {
      animation: none;
      opacity: 0;
    }
  .styles_op_11i57xb_pS1 .styles_op_11i57xb_stageNode,
    .styles_op_11i57xb_pS2 .styles_op_11i57xb_stageNode,
    .styles_op_11i57xb_pS3 .styles_op_11i57xb_stageNode {
      animation: none;
      background: #C4A06A;
      border-color: #C4A06A;
      box-shadow: 0 0 10px #C4A06Aaa;
    }
  .styles_op_11i57xb_pS4 .styles_op_11i57xb_stageNode {
      animation: none;
      background: #5FBF7E;
      border-color: #5FBF7E;
      box-shadow: 0 0 10px #5FBF7Eaa;
    }
  .styles_op_11i57xb_stageCheck {
      animation: none;
      opacity: 1;
      transform: scale(1);
    }
  .styles_op_11i57xb_notif1,
    .styles_op_11i57xb_notif2,
    .styles_op_11i57xb_notif3 {
      animation: none;
      opacity: 1;
      transform: translateX(0);
    }
  .styles_op_11i57xb_crmView,
    .styles_op_11i57xb_statusCode {
      animation: none;
      opacity: 1;
    }
  .styles_op_11i57xb_portalView,
    .styles_op_11i57xb_statusLive {
      animation: none;
      opacity: 0;
    }
  .styles_op_11i57xb_portalDot {
      animation: none;
    }
}
@keyframes styles_op_11i57xb_viewCRM {
  0%, 43% {
    opacity: 1;
  }
  50%, 93% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes styles_op_11i57xb_viewPortal {
  0%, 43% {
    opacity: 0;
  }
  50%, 93% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes styles_op_11i57xb_pFill {
  0% {
    width: 0%;
  }
  2.5% {
    width: 11.5%;
  }
  8.75% {
    width: 11.5%;
  }
  12.5% {
    width: 37%;
  }
  18.75% {
    width: 37%;
  }
  22.5% {
    width: 63%;
  }
  28.75% {
    width: 63%;
  }
  32.5% {
    width: 88.5%;
  }
  40.625%, 100% {
    width: 88.5%;
  }
}
@keyframes styles_op_11i57xb_pPulse {
  0% {
    left: 0%;
    opacity: 1;
  }
  2.5% {
    left: 11.5%;
    opacity: 1;
  }
  8.75% {
    left: 11.5%;
    opacity: 1;
  }
  12.5% {
    left: 37%;
    opacity: 1;
  }
  18.75% {
    left: 37%;
    opacity: 1;
  }
  22.5% {
    left: 63%;
    opacity: 1;
  }
  28.75% {
    left: 63%;
    opacity: 1;
  }
  32.5% {
    left: 88.5%;
    opacity: 1;
  }
  40.625% {
    left: 88.5%;
    opacity: 1;
  }
  41% {
    left: 88.5%;
    opacity: 0;
  }
  100% {
    left: 88.5%;
    opacity: 0;
  }
}
@keyframes styles_op_11i57xb_node1 {
  0%, 100% {
    background: #C4A06A;
    border-color: #C4A06A;
    box-shadow: 0 0 10px #C4A06Aaa;
  }
}
@keyframes styles_op_11i57xb_node2 {
  0%, 15.5% {
    background: #252830;
    border-color: #30333C;
    box-shadow: none;
  }
  15.6%, 100% {
    background: #C4A06A;
    border-color: #C4A06A;
    box-shadow: 0 0 10px #C4A06Aaa;
  }
}
@keyframes styles_op_11i57xb_node3 {
  0%, 28% {
    background: #252830;
    border-color: #30333C;
    box-shadow: none;
  }
  28.1%, 100% {
    background: #C4A06A;
    border-color: #C4A06A;
    box-shadow: 0 0 10px #C4A06Aaa;
  }
}
@keyframes styles_op_11i57xb_node4 {
  0%, 40.5% {
    background: #252830;
    border-color: #30333C;
    box-shadow: none;
  }
  40.6%, 100% {
    background: #5FBF7E;
    border-color: #5FBF7E;
    box-shadow: 0 0 10px #5FBF7Eaa;
  }
}
@keyframes styles_op_11i57xb_checkIn {
  0%, 40.5% {
    opacity: 0;
    transform: scale(0.4);
  }
  40.6%, 100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes styles_op_11i57xb_portalPing {
  0% {
    box-shadow: 0 0 0 0 #5FBF7E66;
  }
  100% {
    box-shadow: 0 0 0 7px #5FBF7E00;
  }
}
@keyframes styles_op_11i57xb_notif1 {
  0%, 52% {
    opacity: 0;
    transform: translateX(-8px);
  }
  57%, 90% {
    opacity: 1;
    transform: translateX(0);
  }
  96%, 100% {
    opacity: 0;
    transform: translateX(-8px);
  }
}
@keyframes styles_op_11i57xb_notif2 {
  0%, 62% {
    opacity: 0;
    transform: translateX(-8px);
  }
  67%, 90% {
    opacity: 1;
    transform: translateX(0);
  }
  96%, 100% {
    opacity: 0;
    transform: translateX(-8px);
  }
}
@keyframes styles_op_11i57xb_notif3 {
  0%, 72% {
    opacity: 0;
    transform: translateX(-8px);
  }
  77%, 90% {
    opacity: 1;
    transform: translateX(0);
  }
  96%, 100% {
    opacity: 0;
    transform: translateX(-8px);
  }
}
@keyframes styles_op_11i57xb_ping {
  0% {
    box-shadow: 0 0 0 0 #C4A06A66;
  }
  100% {
    box-shadow: 0 0 0 9px #C4A06A00;
  }
}

/* Grundwerte des Originals (Body der Kit-Seite: 14 px / 24 px, weiß) */
.bw-fenster-crm { font-size: 14px; line-height: 24px; color: #fff; }

/* seo: Fensterregeln aus dem Original-CSS (kompiliert) */
.styles_op_s46hzn_showcase {
  position: relative;
}
.styles_op_s46hzn_window {
  border-radius: 16px;
  overflow: hidden;
  background: #0C0E12;
  border: 1px solid #C4A06A2e;
  box-shadow: 0 30px 80px #00000066, inset 0 1px 0 #ffffff0d;
}
.styles_op_s46hzn_winBar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #0F1116;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_s46hzn_dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.styles_op_s46hzn_dR {
  background: #E5674E;
}
.styles_op_s46hzn_dY {
  background: #E0C79B;
}
.styles_op_s46hzn_dG {
  background: #5FBF7E;
}
.styles_op_s46hzn_urlBar {
  margin-left: 12px;
  flex: 1;
  height: 22px;
  border-radius: 7px;
  background: #16181E;
  border: 1px solid #ffffff0d;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 11px;
  color: #8A8779;
  font-family: var(--font-kit-text-font);
}
.styles_op_s46hzn_dashContent {
  opacity: 0;
  transition: opacity 0.6s ease;
}
.styles_op_s46hzn_dashVis {
  opacity: 1;
}
.styles_op_s46hzn_searchRow {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: #0F1116;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_s46hzn_searchIco {
  width: 14px;
  height: 14px;
  flex: none;
}
.styles_op_s46hzn_searchQ {
  flex: 1;
  font-family: var(--font-kit-text-font);
  font-size: 13px;
  color: #E7E3DA;
  letter-spacing: 0.01em;
}
.styles_op_s46hzn_gBadge {
  font-family: var(--font-kit-text-font);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6A6860;
  background: #16181E;
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid #ffffff0d;
}
.styles_op_s46hzn_dashMain {
  display: flex;
  height: 196px;
  overflow: hidden;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_s46hzn_rankArea {
  width: 128px;
  flex: none;
  padding: 16px 14px;
  border-right: 1px solid #ffffff0d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  background: #0C0E12;
}
.styles_op_s46hzn_rankLbl {
  font-family: var(--font-kit-text-font);
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #5A5852;
}
.styles_op_s46hzn_rankDisp {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.styles_op_s46hzn_rankPos {
  font-family: var(--font-kit-text-font);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #8A8779;
}
.styles_op_s46hzn_rankNum {
  font-family: var(--font-kit-header-font);
  font-size: 50px;
  font-weight: 700;
  color: var(--color-kit-key1);
  line-height: 1;
  animation: styles_op_s46hzn_rankUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.styles_op_s46hzn_rankKw {
  font-family: var(--font-kit-text-font);
  font-size: 9px;
  color: #4A4840;
  line-height: 1.4;
  margin-top: 2px;
}
.styles_op_s46hzn_chartWrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 0;
  background: #0C0E12;
}
.styles_op_s46hzn_chartBars {
  flex: 1;
  display: flex;
  align-items: flex-end;
  gap: 7px;
}
.styles_op_s46hzn_barSlot {
  flex: 1;
  position: relative;
  height: 100%;
}
.styles_op_s46hzn_bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 2px;
  border-radius: 3px 3px 0 0;
  background:
    linear-gradient(
      180deg,
      #E0C79B 0%,
      #C4A06A 100%);
  transition: height 1.15s cubic-bezier(0.25, 0.9, 0.4, 1), background 0.9s ease;
}
.styles_op_s46hzn_barGreen {
  background:
    linear-gradient(
      180deg,
      #7FBF8F 0%,
      #5FBF7E 100%);
}
.styles_op_s46hzn_chartLine {
  height: 1px;
  background: #ffffff12;
  margin-top: 6px;
}
.styles_op_s46hzn_metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #ffffff0d;
  opacity: 0;
  transition: opacity 0.85s ease;
}
.styles_op_s46hzn_metricsOn {
  opacity: 1;
}
.styles_op_s46hzn_met {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-right: 1px solid #ffffff0d;
}
.styles_op_s46hzn_met:last-child {
  border-right: none;
}
.styles_op_s46hzn_metV {
  font-family: var(--font-kit-header-font);
  font-size: 17px;
  font-weight: 700;
  color: var(--color-kit-key2);
  line-height: 1.1;
}
.styles_op_s46hzn_metGreen {
  color: #7FBF8F;
}
.styles_op_s46hzn_metL {
  font-family: var(--font-kit-text-font);
  font-size: 9px;
  color: #5A5852;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.styles_op_s46hzn_statusRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #0F1116;
  border-top: 1px solid #ffffff0d;
  font-family: var(--font-kit-text-font);
  font-size: 12px;
}
.styles_op_s46hzn_sLeft {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #C4A06A;
}
.styles_op_s46hzn_sRight {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9BE0AE;
}
.styles_op_s46hzn_pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C4A06A;
  animation: styles_op_s46hzn_ping 1.6s ease-out infinite;
}
.styles_op_s46hzn_dotGreen {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5FBF7E;
  box-shadow: 0 0 8px #5FBF7Eaa;
}
@media (max-width: 960px) {
  .styles_op_s46hzn_dashMain {
      height: 160px;
    }
  .styles_op_s46hzn_rankArea {
      width: 108px;
    }
  .styles_op_s46hzn_rankNum {
      font-size: 38px;
    }
}
@media (max-width: 560px) {
  .styles_op_s46hzn_dashMain {
      height: 140px;
    }
  .styles_op_s46hzn_rankArea {
      width: 94px;
    }
  .styles_op_s46hzn_rankNum {
      font-size: 32px;
    }
  .styles_op_s46hzn_metrics {
      grid-template-columns: repeat(2, 1fr);
    }
  .styles_op_s46hzn_met:nth-child(2) {
      border-right: none;
    }
  .styles_op_s46hzn_met:nth-child(3) {
      border-top: 1px solid #ffffff0d;
    }
  .styles_op_s46hzn_met:nth-child(4) {
      border-top: 1px solid #ffffff0d;
    }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_s46hzn_bar {
      transition: none;
    }
  .styles_op_s46hzn_rankNum {
      animation: none;
    }
  .styles_op_s46hzn_dashContent {
      transition: none;
      opacity: 1;
    }
  .styles_op_s46hzn_metrics {
      transition: none;
      opacity: 1;
    }
  .styles_op_s46hzn_pulse {
      animation: none;
    }
}
@keyframes styles_op_s46hzn_rankUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes styles_op_s46hzn_ping {
  0% {
    box-shadow: 0 0 0 0 #C4A06A66;
  }
  100% {
    box-shadow: 0 0 0 9px #C4A06A00;
  }
}

/* Grundwerte des Originals (Body der Kit-Seite: 14 px / 24 px, weiß) */
.bw-fenster-seo { font-size: 14px; line-height: 24px; color: #fff; }

/* fenster-uber-ablauf: komplettes Modul-CSS der Originalsektion clnks6 (kompiliert) */
.styles_op_clnks6_section {
  position: relative;
  background: #0A0C0F;
  color: var(--color-kit-white);
  overflow: hidden;
  padding: 130px 24px;
}
.styles_op_clnks6_full {
  min-height: var(--con-kit-section-min-height, 100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.styles_op_clnks6_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.styles_op_clnks6_inner {
  position: relative;
  z-index: 2;
  max-width: 1320px;
  margin: 0 auto;
  width: 100%;
}
.styles_op_clnks6_head {
  max-width: 780px;
  margin: 0 auto 58px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.styles_op_clnks6_eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 12px;
}
.styles_op_clnks6_gridWrap {
  position: relative;
}
.styles_op_clnks6_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.styles_op_clnks6_track {
  position: absolute;
  top: 51px;
  left: 12.5%;
  right: 12.5%;
  height: 2px;
  z-index: 1;
  pointer-events: none;
}
.styles_op_clnks6_trackLine {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      #C4A06A00,
      #C4A06A66 12%,
      #C4A06A66 88%,
      #C4A06A00);
  border-radius: 2px;
}
.styles_op_clnks6_spark {
  position: absolute;
  top: 50%;
  left: 0;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
  border-radius: 50%;
  background: #E0C79B;
  box-shadow: 0 0 10px 2px #C4A06Acc, 0 0 3px #E0C79B;
  opacity: 0;
}
.styles_op_clnks6_in .styles_op_clnks6_spark {
  animation: styles_op_clnks6_travel 9s ease-in-out infinite;
}
@keyframes styles_op_clnks6_travel {
  0% {
    left: 0%;
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  6%, 12% {
    left: 0%;
  }
  27%, 33% {
    left: 33.333%;
  }
  48%, 54% {
    left: 66.666%;
  }
  69%, 90% {
    left: 100%;
  }
  96% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.styles_op_clnks6_step {
  text-align: left;
  font: inherit;
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 30px 26px 34px;
  background: #0E1116;
  border: 1px solid #C4A06A1a;
  border-radius: 16px;
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity .7s ease,
    transform .7s ease,
    border-color .3s ease,
    background .3s ease;
}
.styles_op_clnks6_in .styles_op_clnks6_step {
  opacity: 1;
  transform: translateY(0);
}
.styles_op_clnks6_step:hover {
  border-color: #C4A06A44;
}
.styles_op_clnks6_stepActive {
  border-color: #C4A06A77;
  background: #12161C;
}
.styles_op_clnks6_num {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 34px;
  color: #C4A06A;
  line-height: 1;
}
.styles_op_clnks6_line {
  width: 40px;
  height: 2px;
  background:
    linear-gradient(
      90deg,
      #C4A06A,
      #C4A06A00);
  border-radius: 2px;
  margin: 2px 0 4px;
}
.styles_op_clnks6_stepTitle {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 20px;
  margin: 0;
  color: var(--color-kit-light);
}
.styles_op_clnks6_stepDesc {
  font-family: var(--font-kit-text-font);
  font-size: 15px;
  line-height: 1.62;
  color: #ABA79D;
  margin: 0;
}
.styles_op_clnks6_detail {
  position: relative;
  margin-top: 22px;
  background: #0A0C0Ff5;
  border: 1px solid #C4A06A55;
  border-radius: 16px;
  padding: 28px 30px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.styles_op_clnks6_detailClose {
  position: absolute;
  top: 14px;
  right: 14px;
  background: none;
  border: 1px solid #C4A06A33;
  border-radius: 6px;
  color: #C4A06A;
  cursor: pointer;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.styles_op_clnks6_detailClose:hover {
  border-color: #C4A06A88;
  color: #E0C79B;
}
.styles_op_clnks6_detailHead {
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.styles_op_clnks6_detailNum {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 22px;
  color: #C4A06A;
  line-height: 1;
}
.styles_op_clnks6_detailTitle {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 19px;
  color: var(--color-kit-light);
}
.styles_op_clnks6_detailText {
  font-family: var(--font-kit-text-font);
  font-size: 15px;
  line-height: 1.7;
  color: #C9C6BE;
  margin: 0;
  max-width: 860px;
}
@media (max-width: 960px) {
  .styles_op_clnks6_grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .styles_op_clnks6_section {
    padding: 90px 20px;
  }
  .styles_op_clnks6_track {
    display: none;
  }
}
@media (max-width: 560px) {
  .styles_op_clnks6_grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_clnks6_step {
    transition: border-color .3s ease, background .3s ease;
  }
  .styles_op_clnks6_in .styles_op_clnks6_step {
    opacity: 1;
    transform: none;
  }
  .styles_op_clnks6_in .styles_op_clnks6_spark {
    animation: none;
  }
}
/* Hülle: Baustein belegt die volle Breite (Originalsektion); Grundwerte des Kit-Body: 14 px / 24 px, weiß */
.bw-fenster-uber-ablauf { max-width: none; width: 100%; font-size: 14px; line-height: 24px; color: #fff; }

/* fenster-uber-macht: komplettes Modul-CSS der Originalsektion il348 (kompiliert) */
.styles_op_3ygyd1_tile { display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid #e5a62c40; background: #e5a62c14; color: #e5a62c; flex-shrink: 0; }
.styles_op_3ygyd1_s_md { width: 48px; height: 48px; font-size: 22px; }
.styles_op_il348_section {
  position: relative;
  background: #0A0C0F;
  color: var(--color-kit-white);
  overflow: hidden;
  padding: 130px 24px;
}
.styles_op_il348_full {
  min-height: var(--con-kit-section-min-height, 100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.styles_op_il348_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.styles_op_il348_glow {
  position: absolute;
  width: 640px;
  height: 640px;
  top: -220px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  filter: blur(120px);
  background:
    radial-gradient(
      circle,
      #C4A06A26,
      #0A0C0F00 70%);
}
.styles_op_il348_inner {
  position: relative;
  z-index: 2;
  max-width: 1320px;
  margin: 0 auto;
  width: 100%;
}
.styles_op_il348_head {
  max-width: 780px;
  margin: 0 auto 60px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.styles_op_il348_eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 12px;
}
.styles_op_il348_heading {
}
.styles_op_il348_intro {
}
.styles_op_il348_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.styles_op_il348_card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: #0E1116;
  border: 1px solid #C4A06A1f;
  border-radius: 16px;
  padding: 34px 30px 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity .7s ease,
    transform .7s ease,
    border-color .3s ease,
    background .3s ease;
  box-shadow: inset 0 1px 0 #ffffff08;
}
.styles_op_il348_in .styles_op_il348_card {
  opacity: 1;
  transform: translateY(0);
}
.styles_op_il348_card:hover {
  border-color: #C4A06A55;
  background: #11151B;
  transform: translateY(-4px);
}
.styles_op_il348_tile {
  color: #E0C79B;
  font-size: 22px;
}
.styles_op_il348_cardTitle {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 22px;
  margin: 4px 0 0;
  color: var(--color-kit-light);
}
.styles_op_il348_cardDesc {
  font-family: var(--font-kit-text-font);
  font-size: 15.5px;
  line-height: 1.65;
  color: #ABA79D;
  margin: 0;
}
.styles_op_il348_hair {
  width: 44px;
  height: 2px;
  margin-top: 6px;
  background:
    linear-gradient(
      90deg,
      #C4A06A,
      #C4A06A00);
  border-radius: 2px;
}
.styles_op_il348_animSvg {
  display: block;
  width: 100%;
  height: 60px;
  margin: 2px 0;
  overflow: visible;
}
.styles_op_il348_waFrame {
  opacity: 0;
  stroke-dasharray: 272;
  stroke-dashoffset: 272;
  filter: drop-shadow(0 0 1.4px #C4A06A66);
}
.styles_op_il348_in .styles_op_il348_waFrame {
  animation: styles_op_il348_dFrame 9s cubic-bezier(.4, 0, .2, 1) infinite;
}
@keyframes styles_op_il348_dFrame {
  0% {
    opacity: 0;
    stroke-dashoffset: 272;
  }
  3% {
    opacity: 1;
  }
  14% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
  90% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}
.styles_op_il348_waG {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}
.styles_op_il348_in .styles_op_il348_waG1 {
  animation: styles_op_il348_dA1 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_il348_in .styles_op_il348_waG2 {
  animation: styles_op_il348_dA2 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_il348_in .styles_op_il348_waG3 {
  animation: styles_op_il348_dA3 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_il348_in .styles_op_il348_waG4 {
  animation: styles_op_il348_dA4 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_il348_in .styles_op_il348_waG5 {
  animation: styles_op_il348_dA5 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_il348_in .styles_op_il348_waG6 {
  animation: styles_op_il348_dA6 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
@keyframes styles_op_il348_dA1 {
  0%, 14% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
  19%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
}
@keyframes styles_op_il348_dA2 {
  0%, 19% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
  24%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
}
@keyframes styles_op_il348_dA3 {
  0%, 24% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
  30%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
}
@keyframes styles_op_il348_dA4 {
  0%, 30% {
    opacity: 0;
    transform: translateY(3px) scale(.94);
  }
  36%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(3px) scale(.94);
  }
}
@keyframes styles_op_il348_dA5 {
  0%, 36% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
  44%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
}
@keyframes styles_op_il348_dA6 {
  0%, 44% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
  52%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(3px) scale(.98);
  }
}
.styles_op_il348_waSweep {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: left center;
  mix-blend-mode: screen;
}
.styles_op_il348_in .styles_op_il348_waSweep {
  animation: styles_op_il348_dSweep 9s ease-in-out infinite;
}
@keyframes styles_op_il348_dSweep {
  0%, 57% {
    opacity: 0;
    transform: translateX(0);
  }
  61% {
    opacity: 0;
    transform: translateX(4px);
  }
  66% {
    opacity: .85;
  }
  78% {
    opacity: .85;
    transform: translateX(104px);
  }
  82% {
    opacity: 0;
    transform: translateX(108px);
  }
  100% {
    opacity: 0;
    transform: translateX(0);
  }
}
.styles_op_il348_chipBody {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 1.6px #C4A06A55);
}
.styles_op_il348_in .styles_op_il348_chipBody {
  animation: styles_op_il348_tChip 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
@keyframes styles_op_il348_tChip {
  0%, 4% {
    opacity: 0;
    transform: scale(.78);
  }
  16% {
    opacity: 1;
    transform: scale(1);
  }
  90% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(.78);
  }
}
.styles_op_il348_chipInner {
  opacity: 0;
}
.styles_op_il348_in .styles_op_il348_chipInner {
  animation: styles_op_il348_tInner 9s ease-in-out infinite;
}
@keyframes styles_op_il348_tInner {
  0%, 9% {
    opacity: 0;
  }
  18%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.styles_op_il348_chipGlow {
  opacity: 0;
  filter: blur(2px);
}
.styles_op_il348_in .styles_op_il348_chipGlow {
  animation: styles_op_il348_tGlow 9s ease-in-out infinite;
}
@keyframes styles_op_il348_tGlow {
  0%, 5% {
    opacity: 0;
  }
  16% {
    opacity: .3;
  }
  32% {
    opacity: .1;
  }
  52% {
    opacity: .24;
  }
  72% {
    opacity: .12;
  }
  88% {
    opacity: .18;
  }
  100% {
    opacity: 0;
  }
}
.styles_op_il348_tTrace {
  opacity: 0;
  filter: drop-shadow(0 0 1px #C4A06A44);
}
.styles_op_il348_tLeft {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
}
.styles_op_il348_tRight {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
}
.styles_op_il348_tTop {
  stroke-dasharray: 16;
  stroke-dashoffset: 16;
}
.styles_op_il348_in .styles_op_il348_tLeft {
  animation: styles_op_il348_tDrawL 9s ease-in-out infinite;
}
.styles_op_il348_in .styles_op_il348_tTop {
  animation: styles_op_il348_tDrawT 9s ease-in-out infinite;
}
.styles_op_il348_in .styles_op_il348_tRight {
  animation: styles_op_il348_tDrawR 9s ease-in-out infinite;
}
@keyframes styles_op_il348_tDrawL {
  0%, 18% {
    stroke-dashoffset: 30;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  28% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes styles_op_il348_tDrawT {
  0%, 26% {
    stroke-dashoffset: 16;
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  36% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes styles_op_il348_tDrawR {
  0%, 34% {
    stroke-dashoffset: 30;
    opacity: 0;
  }
  36% {
    opacity: 1;
  }
  44% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.styles_op_il348_tEp {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}
.styles_op_il348_in .styles_op_il348_epLeft,
.styles_op_il348_in .styles_op_il348_epRight,
.styles_op_il348_in .styles_op_il348_epTop {
  animation: styles_op_il348_tEp 9s ease-in-out infinite;
  filter: drop-shadow(0 0 1.6px #C4A06A);
}
@keyframes styles_op_il348_tEp {
  0%, 44% {
    opacity: 0;
    transform: scale(.65);
  }
  50% {
    opacity: .22;
    transform: scale(.9);
  }
  66% {
    opacity: .22;
    transform: scale(.9);
  }
  72% {
    opacity: 1;
    transform: scale(1.4);
  }
  82% {
    opacity: .38;
    transform: scale(1);
  }
  90% {
    opacity: .38;
  }
  100% {
    opacity: 0;
    transform: scale(.65);
  }
}
.styles_op_il348_tPulse {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 2px #F2DCAC);
}
.styles_op_il348_in .styles_op_il348_pLeft {
  animation: styles_op_il348_tPulseL 9s ease-in-out infinite;
}
.styles_op_il348_in .styles_op_il348_pRight {
  animation: styles_op_il348_tPulseR 9s ease-in-out infinite;
}
.styles_op_il348_in .styles_op_il348_pTop {
  animation: styles_op_il348_tPulseT 9s ease-in-out infinite;
}
@keyframes styles_op_il348_tPulseL {
  0%, 46% {
    opacity: 0;
    transform: translateX(0) scale(.6);
  }
  50% {
    opacity: 1;
    transform: translateX(-2px) scale(1);
  }
  70% {
    opacity: 1;
    transform: translateX(-30px) scale(1);
  }
  74% {
    opacity: 0;
    transform: translateX(-30px) scale(.6);
  }
  100% {
    opacity: 0;
    transform: translateX(0) scale(.6);
  }
}
@keyframes styles_op_il348_tPulseR {
  0%, 46% {
    opacity: 0;
    transform: translateX(0) scale(.6);
  }
  50% {
    opacity: 1;
    transform: translateX(2px) scale(1);
  }
  70% {
    opacity: 1;
    transform: translateX(30px) scale(1);
  }
  74% {
    opacity: 0;
    transform: translateX(30px) scale(.6);
  }
  100% {
    opacity: 0;
    transform: translateX(0) scale(.6);
  }
}
@keyframes styles_op_il348_tPulseT {
  0%, 46% {
    opacity: 0;
    transform: translateY(0) scale(.6);
  }
  50% {
    opacity: 1;
    transform: translateY(-2px) scale(1);
  }
  70% {
    opacity: 1;
    transform: translateY(-16px) scale(1);
  }
  74% {
    opacity: 0;
    transform: translateY(-16px) scale(.6);
  }
  100% {
    opacity: 0;
    transform: translateY(0) scale(.6);
  }
}
.styles_op_il348_gm {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center bottom;
}
.styles_op_il348_in .styles_op_il348_gm1 {
  animation: styles_op_il348_gA1 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_il348_in .styles_op_il348_gm2 {
  animation: styles_op_il348_gA2 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_il348_in .styles_op_il348_gm3 {
  animation: styles_op_il348_gA3 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_il348_in .styles_op_il348_gm4 {
  animation: styles_op_il348_gA4 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
@keyframes styles_op_il348_gA1 {
  0%, 4% {
    opacity: 0;
    transform: translateY(7px) scale(.96);
  }
  11%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(7px) scale(.96);
  }
}
@keyframes styles_op_il348_gA2 {
  0%, 11% {
    opacity: 0;
    transform: translateY(7px) scale(.96);
  }
  18%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(7px) scale(.96);
  }
}
@keyframes styles_op_il348_gA3 {
  0%, 18% {
    opacity: 0;
    transform: translateY(7px) scale(.96);
  }
  25%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(7px) scale(.96);
  }
}
@keyframes styles_op_il348_gA4 {
  0%, 33% {
    opacity: 0;
    transform: translateY(7px) scale(.9);
  }
  41%, 90% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateY(7px) scale(.9);
  }
}
.styles_op_il348_gLineA {
  opacity: 0;
  stroke-dasharray: 52;
  stroke-dashoffset: 52;
  filter: drop-shadow(0 0 1px #C4A06A55);
}
.styles_op_il348_gLineB {
  opacity: 0;
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  filter: drop-shadow(0 0 1px #C4A06A55);
}
.styles_op_il348_in .styles_op_il348_gLineA {
  animation: styles_op_il348_gDrawA 9s ease-in-out infinite;
}
.styles_op_il348_in .styles_op_il348_gLineB {
  animation: styles_op_il348_gDrawB 9s ease-in-out infinite;
}
@keyframes styles_op_il348_gDrawA {
  0%, 25% {
    stroke-dashoffset: 52;
    opacity: 0;
  }
  27% {
    opacity: 1;
  }
  35% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes styles_op_il348_gDrawB {
  0%, 41% {
    stroke-dashoffset: 20;
    opacity: 0;
  }
  43% {
    opacity: 1;
  }
  48% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.styles_op_il348_gCurve {
  opacity: 0;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  filter: drop-shadow(0 0 1.4px #C4A06A66);
}
.styles_op_il348_in .styles_op_il348_gCurve {
  animation: styles_op_il348_gDrawC 9s ease-in-out infinite;
}
@keyframes styles_op_il348_gDrawC {
  0%, 48% {
    stroke-dashoffset: 100;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  68% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  90% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.styles_op_il348_gDot {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 2.4px #5FBF7E);
}
.styles_op_il348_in .styles_op_il348_gDot {
  animation: styles_op_il348_gDotA 9s cubic-bezier(.22, 1, .36, 1) infinite;
}
@keyframes styles_op_il348_gDotA {
  0%, 68% {
    opacity: 0;
    transform: scale(0);
  }
  74% {
    opacity: 1;
    transform: scale(1.35);
  }
  79% {
    transform: scale(1);
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
.styles_op_il348_gDotRing {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}
.styles_op_il348_in .styles_op_il348_gDotRing {
  animation: styles_op_il348_gRing 9s ease-out infinite;
}
@keyframes styles_op_il348_gRing {
  0%, 69% {
    opacity: 0;
    transform: scale(.4);
  }
  75% {
    opacity: .5;
  }
  88% {
    opacity: 0;
    transform: scale(2.1);
  }
  100% {
    opacity: 0;
  }
}
.styles_op_il348_detailPanel {
  position: absolute;
  inset: 0;
  background: #090B10EE;
  border: 1px solid #C4A06A55;
  border-radius: 15px;
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s ease;
}
.styles_op_il348_detailOpen {
  opacity: 1;
  pointer-events: all;
}
.styles_op_il348_closeBtn {
  position: absolute;
  top: 14px;
  right: 14px;
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  line-height: 0;
  border-radius: 5px;
  transition: background 0.2s ease;
}
.styles_op_il348_closeBtn:hover {
  background: #C4A06A18;
}
.styles_op_il348_detailHeading {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 18px;
  color: #E0C79B;
  margin: 0;
}
.styles_op_il348_detailBody {
  font-family: var(--font-kit-text-font);
  font-size: 14px;
  line-height: 1.65;
  color: #ABA79D;
  margin: 0;
}
@media (max-width: 960px) {
  .styles_op_il348_grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .styles_op_il348_section {
    padding: 90px 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_il348_card {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .styles_op_il348_animSvg * {
    animation: none !important;
    opacity: 1 !important;
    stroke-dashoffset: 0 !important;
    transform: none !important;
  }
  .styles_op_il348_waSweep,
  .styles_op_il348_chipGlow,
  .styles_op_il348_tPulse,
  .styles_op_il348_gDotRing {
    opacity: 0 !important;
  }
}
/* Hülle: Baustein belegt die volle Breite (Originalsektion); Grundwerte des Kit-Body: 14 px / 24 px, weiß */
.bw-fenster-uber-macht { max-width: none; width: 100%; font-size: 14px; line-height: 24px; color: #fff; }

/* fenster-uber-mission: komplettes Modul-CSS der Originalsektion hlitqi (kompiliert) */
.styles_op_hlitqi_section {
  position: relative;
  background: #0A0C0F;
  color: var(--color-kit-white);
  overflow: hidden;
  padding: 130px 24px;
}
.styles_op_hlitqi_full {
  min-height: var(--con-kit-section-min-height, 100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.styles_op_hlitqi_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.styles_op_hlitqi_glow {
  position: absolute;
  width: 560px;
  height: 560px;
  bottom: -220px;
  right: -120px;
  border-radius: 50%;
  filter: blur(120px);
  background:
    radial-gradient(
      circle,
      #C4A06A22,
      #0D101300 70%);
}
.styles_op_hlitqi_inner {
  position: relative;
  z-index: 2;
  max-width: 1320px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 64px;
  align-items: start;
}
.styles_op_hlitqi_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease, transform .7s ease;
}
.styles_op_hlitqi_in .styles_op_hlitqi_left {
  opacity: 1;
  transform: translateY(0);
}
.styles_op_hlitqi_right {
  padding-top: 8px;
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease .12s, transform .7s ease .12s;
}
.styles_op_hlitqi_in .styles_op_hlitqi_right {
  opacity: 1;
  transform: translateY(0);
}
.styles_op_hlitqi_eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 12px;
}
.styles_op_hlitqi_rule {
  width: 56px;
  height: 2px;
  background:
    linear-gradient(
      90deg,
      #C4A06A,
      #C4A06A00);
  border-radius: 2px;
}
.styles_op_hlitqi_heading {
  max-width: 640px;
}
.styles_op_hlitqi_text {
  font-size: 17px;
  line-height: 1.75;
}
.styles_op_hlitqi_flow {
  margin-top: 30px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .7s ease .28s, transform .7s ease .28s;
}
.styles_op_hlitqi_in .styles_op_hlitqi_flow {
  opacity: 1;
  transform: translateY(0);
}
.styles_op_hlitqi_sysSvg {
  display: block;
  width: 100%;
  max-width: 480px;
  height: auto;
  overflow: visible;
}
.styles_op_hlitqi_sLabel {
  font-family: var(--font-kit-text-font);
  font-size: 12px;
  fill: #C9C6BE;
}
.styles_op_hlitqi_dsLabel {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 12.5px;
  fill: #E0C79B;
  letter-spacing: .01em;
}
.styles_op_hlitqi_greenLabel {
  font-family: var(--font-kit-text-font);
  font-size: 9px;
  fill: #7FCF97;
  letter-spacing: .04em;
  opacity: 0;
}
.styles_op_hlitqi_in .styles_op_hlitqi_greenLabel {
  animation: styles_op_hlitqi_sysText 10s ease-in-out infinite;
}
.styles_op_hlitqi_sBox {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: left center;
  filter: drop-shadow(0 0 1.4px #C4A06A55);
}
.styles_op_hlitqi_in .styles_op_hlitqi_sBox1 {
  animation: styles_op_hlitqi_sysBox1 10s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_hlitqi_in .styles_op_hlitqi_sBox2 {
  animation: styles_op_hlitqi_sysBox2 10s cubic-bezier(.22, 1, .36, 1) infinite;
}
.styles_op_hlitqi_in .styles_op_hlitqi_sBox3 {
  animation: styles_op_hlitqi_sysBox3 10s cubic-bezier(.22, 1, .36, 1) infinite;
}
@keyframes styles_op_hlitqi_sysBox1 {
  0%, 2% {
    opacity: 0;
    transform: translateX(-4px) scale(.97);
  }
  8%, 95% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateX(-4px) scale(.97);
  }
}
@keyframes styles_op_hlitqi_sysBox2 {
  0%, 8% {
    opacity: 0;
    transform: translateX(-4px) scale(.97);
  }
  14%, 95% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateX(-4px) scale(.97);
  }
}
@keyframes styles_op_hlitqi_sysBox3 {
  0%, 14% {
    opacity: 0;
    transform: translateX(-4px) scale(.97);
  }
  20%, 95% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translateX(-4px) scale(.97);
  }
}
.styles_op_hlitqi_cLine {
  opacity: 0;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
}
.styles_op_hlitqi_in .styles_op_hlitqi_cLine1,
.styles_op_hlitqi_in .styles_op_hlitqi_cLine2,
.styles_op_hlitqi_in .styles_op_hlitqi_cLine3 {
  animation: styles_op_hlitqi_sysLine 10s ease-in-out infinite;
}
.styles_op_hlitqi_in .styles_op_hlitqi_cLineM {
  animation: styles_op_hlitqi_sysLineM 10s ease-in-out infinite;
}
@keyframes styles_op_hlitqi_sysLine {
  0%, 18% {
    stroke-dashoffset: 100;
    opacity: 0;
  }
  20% {
    opacity: .5;
  }
  30% {
    stroke-dashoffset: 0;
    opacity: .5;
  }
  94% {
    stroke-dashoffset: 0;
    opacity: .5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes styles_op_hlitqi_sysLineM {
  0%, 46% {
    stroke-dashoffset: 100;
    opacity: 0;
  }
  48% {
    opacity: .6;
  }
  53% {
    stroke-dashoffset: 0;
    opacity: .6;
  }
  94% {
    stroke-dashoffset: 0;
    opacity: .6;
  }
  100% {
    opacity: 0;
  }
}
.styles_op_hlitqi_pulse {
  opacity: 0;
  offset-rotate: 0deg;
  filter: drop-shadow(0 0 2.4px #F2DCAC);
}
.styles_op_hlitqi_p1 {
  offset-path: path("M128 20 C168 20 176 76 200 76");
}
.styles_op_hlitqi_p2 {
  offset-path: path("M128 76 L200 76");
}
.styles_op_hlitqi_p3 {
  offset-path: path("M128 132 C168 132 176 76 200 76");
}
.styles_op_hlitqi_pMerge {
  offset-path: path("M202 76 L268 76");
}
.styles_op_hlitqi_in .styles_op_hlitqi_p1,
.styles_op_hlitqi_in .styles_op_hlitqi_p2,
.styles_op_hlitqi_in .styles_op_hlitqi_p3 {
  animation: styles_op_hlitqi_sysRun 10s cubic-bezier(.5, 0, .5, 1) infinite;
}
.styles_op_hlitqi_in .styles_op_hlitqi_pMerge {
  animation: styles_op_hlitqi_sysRunMerge 10s cubic-bezier(.4, 0, .3, 1) infinite;
}
@keyframes styles_op_hlitqi_sysRun {
  0%, 30% {
    offset-distance: 0%;
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  44% {
    offset-distance: 100%;
    opacity: 1;
  }
  46% {
    offset-distance: 100%;
    opacity: 0;
  }
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}
@keyframes styles_op_hlitqi_sysRunMerge {
  0%, 50% {
    offset-distance: 0%;
    opacity: 0;
  }
  53% {
    opacity: 1;
  }
  58% {
    offset-distance: 100%;
    opacity: 1;
  }
  61% {
    offset-distance: 100%;
    opacity: 0;
  }
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}
.styles_op_hlitqi_mergeFlash {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 3px #F2DCAC);
}
.styles_op_hlitqi_in .styles_op_hlitqi_mergeFlash {
  animation: styles_op_hlitqi_sysFlash 10s ease-out infinite;
}
@keyframes styles_op_hlitqi_sysFlash {
  0%, 44% {
    opacity: 0;
    transform: scale(.35);
  }
  48% {
    opacity: .9;
    transform: scale(1);
  }
  52% {
    opacity: .5;
    transform: scale(1.25);
  }
  57% {
    opacity: 0;
    transform: scale(1.45);
  }
  100% {
    opacity: 0;
  }
}
.styles_op_hlitqi_dsBox {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 2px 4px #00000055);
}
.styles_op_hlitqi_in .styles_op_hlitqi_dsBox {
  animation: styles_op_hlitqi_sysDs 10s cubic-bezier(.22, 1, .36, 1) infinite;
}
@keyframes styles_op_hlitqi_sysDs {
  0%, 20% {
    opacity: 0;
    transform: scale(.98);
  }
  26% {
    opacity: .55;
    transform: scale(.98);
  }
  58% {
    opacity: .55;
    transform: scale(.98);
  }
  62% {
    opacity: 1;
    transform: scale(1.03);
  }
  67% {
    transform: scale(1);
  }
  92% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(.98);
  }
}
.styles_op_hlitqi_sStat {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: left center;
}
.styles_op_hlitqi_in .styles_op_hlitqi_sStat1 {
  animation: styles_op_hlitqi_sysStat1 10s ease-in-out infinite;
}
.styles_op_hlitqi_in .styles_op_hlitqi_sStat2 {
  animation: styles_op_hlitqi_sysStat2 10s ease-in-out infinite;
}
.styles_op_hlitqi_in .styles_op_hlitqi_sStat3 {
  animation: styles_op_hlitqi_sysStat3 10s ease-in-out infinite;
}
@keyframes styles_op_hlitqi_sysStat1 {
  0%, 66% {
    opacity: 0;
    transform: scaleX(0);
  }
  71%, 92% {
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleX(0);
  }
}
@keyframes styles_op_hlitqi_sysStat2 {
  0%, 69% {
    opacity: 0;
    transform: scaleX(0);
  }
  74%, 92% {
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleX(0);
  }
}
@keyframes styles_op_hlitqi_sysStat3 {
  0%, 72% {
    opacity: 0;
    transform: scaleX(0);
  }
  77%, 92% {
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleX(0);
  }
}
.styles_op_hlitqi_greenDot {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 2.4px #5FBF7E);
}
.styles_op_hlitqi_in .styles_op_hlitqi_greenDot {
  animation: styles_op_hlitqi_sysGreen 10s cubic-bezier(.22, 1, .36, 1) infinite;
}
@keyframes styles_op_hlitqi_sysGreen {
  0%, 78% {
    opacity: 0;
    transform: scale(0);
  }
  84% {
    opacity: 1;
    transform: scale(1.3);
  }
  88% {
    transform: scale(1);
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes styles_op_hlitqi_sysText {
  0%, 80% {
    opacity: 0;
  }
  86%, 92% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 960px) {
  .styles_op_hlitqi_inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .styles_op_hlitqi_section {
    padding: 90px 20px;
  }
  .styles_op_hlitqi_sysSvg {
    max-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_hlitqi_left,
  .styles_op_hlitqi_right {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .styles_op_hlitqi_sysSvg * {
    animation: none !important;
    opacity: 1 !important;
    stroke-dashoffset: 0 !important;
    transform: none !important;
  }
  .styles_op_hlitqi_pulse,
  .styles_op_hlitqi_mergeFlash {
    opacity: 0 !important;
  }
}
/* Hülle: Baustein belegt die volle Breite (Originalsektion); Grundwerte des Kit-Body: 14 px / 24 px, weiß */
.bw-fenster-uber-mission { max-width: none; width: 100%; font-size: 14px; line-height: 24px; color: #fff; }

/* fenster-uber-werte: komplettes Modul-CSS der Originalsektion 1qmicva (kompiliert) */
.styles_op_1qmicva_section {
  position: relative;
  background: #0A0C0F;
  color: var(--color-kit-white);
  overflow: hidden;
  padding: 130px 24px;
}
.styles_op_1qmicva_full {
  min-height: var(--con-kit-section-min-height, 100vh);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.styles_op_1qmicva_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.styles_op_1qmicva_inner {
  position: relative;
  z-index: 2;
  max-width: 1320px;
  margin: 0 auto;
  width: 100%;
}
.styles_op_1qmicva_head {
  max-width: 760px;
  margin: 0 auto 58px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.styles_op_1qmicva_eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 12px;
}
.styles_op_1qmicva_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.styles_op_1qmicva_card {
  position: relative;
  overflow: hidden;
  background: #0E1116;
  border: 1px solid #C4A06A1f;
  border-radius: 16px;
  padding: 34px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity .7s ease,
    transform .7s ease,
    border-color .3s ease,
    background .3s ease;
  box-shadow: inset 0 1px 0 #ffffff08;
  cursor: pointer;
  min-height: 210px;
}
.styles_op_1qmicva_in .styles_op_1qmicva_card {
  opacity: 1;
  transform: translateY(0);
}
.styles_op_1qmicva_card:hover {
  border-color: #C4A06A55;
  background: #11151B;
  transform: translateY(-4px);
}
.styles_op_1qmicva_cardOpen {
  border-color: #C4A06A66 !important;
}
.styles_op_1qmicva_num {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.14em;
  color: #C4A06A;
}
.styles_op_1qmicva_cardTitle {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 21px;
  margin: 0;
  color: var(--color-kit-light);
}
.styles_op_1qmicva_cardDesc {
  font-family: var(--font-kit-text-font);
  font-size: 15.5px;
  line-height: 1.65;
  color: #ABA79D;
  margin: 0;
}
.styles_op_1qmicva_detail {
  position: absolute;
  inset: 0;
  border-radius: 15px;
  background: #0A0C0Ff5;
  border: 1px solid #C4A06A55;
  padding: 26px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.24s ease;
  z-index: 10;
}
.styles_op_1qmicva_detailOpen {
  opacity: 1;
  pointer-events: all;
}
.styles_op_1qmicva_detailClose {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: 1px solid #C4A06A33;
  border-radius: 6px;
  color: #C4A06A;
  cursor: pointer;
  padding: 4px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.styles_op_1qmicva_detailClose:hover {
  border-color: #C4A06A88;
  color: #E0C79B;
}
.styles_op_1qmicva_detailNum {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.14em;
  color: #C4A06A;
}
.styles_op_1qmicva_detailText {
  font-family: var(--font-kit-text-font);
  font-size: 14px;
  line-height: 1.72;
  color: #C9C6BE;
  margin: 0;
}
@media (max-width: 960px) {
  .styles_op_1qmicva_grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .styles_op_1qmicva_section {
    padding: 90px 20px;
  }
  .styles_op_1qmicva_card {
    min-height: 190px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_1qmicva_card {
    transition: border-color .3s ease, background .3s ease;
  }
  .styles_op_1qmicva_in .styles_op_1qmicva_card {
    opacity: 1;
    transform: none;
  }
}
/* Hülle: Baustein belegt die volle Breite (Originalsektion); Grundwerte des Kit-Body: 14 px / 24 px, weiß */
.bw-fenster-uber-werte { max-width: none; width: 100%; font-size: 14px; line-height: 24px; color: #fff; }

/* ub: Fensterregeln aus dem Original-CSS (kompiliert) */
.styles_op_il34f_showcase {
  position: relative;
}
.styles_op_il34f_window {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #0C0E12;
  border: 1px solid #C4A06A2e;
  box-shadow: 0 30px 80px #00000066, inset 0 1px 0 #ffffff0d;
}
.styles_op_il34f_winBar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #0F1116;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_il34f_dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.styles_op_il34f_dR {
  background: #E5674E;
}
.styles_op_il34f_dY {
  background: #E0C79B;
}
.styles_op_il34f_dG {
  background: #5FBF7E;
}
.styles_op_il34f_urlBar {
  margin-left: 12px;
  flex: 1;
  height: 22px;
  border-radius: 7px;
  background: #16181E;
  border: 1px solid #ffffff0d;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 11px;
  color: #8A8779;
  font-family: var(--font-kit-text-font);
}
.styles_op_il34f_stage {
  position: relative;
  height: 340px;
}
.styles_op_il34f_codeView,
.styles_op_il34f_siteView {
  position: absolute;
  inset: 0;
}
.styles_op_il34f_codeView {
  animation: styles_op_il34f_viewCode 16s ease-in-out infinite;
}
.styles_op_il34f_siteView {
  animation: styles_op_il34f_viewSite 16s ease-in-out infinite;
}
.styles_op_il34f_codeView {
  background: #0C0E12;
  padding: 16px 4px;
  overflow: hidden;
}
.styles_op_il34f_codeScroll {
  animation: styles_op_il34f_codeScroll 16s ease-in-out infinite;
}
.styles_op_il34f_codeLine {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family:
    "SFMono-Regular",
    ui-monospace,
    Menlo,
    monospace;
  font-size: 13px;
  line-height: 1.9;
}
.styles_op_il34f_gutter {
  color: #4A4C54;
  width: 18px;
  text-align: right;
  flex: none;
  user-select: none;
}
.styles_op_il34f_codeText {
  position: relative;
  white-space: pre;
}
.styles_op_il34f_caret {
  display: inline-block;
  width: 7px;
  height: 15px;
  margin-left: 2px;
  background: #E0C79B;
  vertical-align: -2px;
  animation: styles_op_il34f_blink 1s steps(2) infinite;
}
.styles_op_il34f_siteView {
  background:
    linear-gradient(
      180deg,
      #0D0F14,
      #0A0B0F);
  padding: 0;
  display: flex;
  flex-direction: column;
}
.styles_op_il34f_siteNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_il34f_siteBrand {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  letter-spacing: 0.16em;
  font-size: 13px;
  color: #F2EEE6;
}
.styles_op_il34f_siteLinks {
  display: flex;
  gap: 12px;
}
.styles_op_il34f_siteLinks i {
  width: 30px;
  height: 6px;
  border-radius: 3px;
  background: #ffffff1f;
}
.styles_op_il34f_sitePill {
  width: 74px;
  height: 20px;
  border-radius: 6px;
  background:
    linear-gradient(
      135deg,
      #E0C79B,
      #C4A06A);
}
.styles_op_il34f_siteHero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 18px;
  padding: 22px 18px;
  align-items: center;
  flex: 1;
}
.styles_op_il34f_siteHeroText {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.styles_op_il34f_sLineLg {
  width: 92%;
  height: 16px;
  border-radius: 6px;
  background:
    linear-gradient(
      90deg,
      #F2EEE6cc,
      #F2EEE640);
  animation: styles_op_il34f_rise .6s .5s both;
}
.styles_op_il34f_sLineMd {
  width: 74%;
  height: 12px;
  border-radius: 5px;
  background: #ffffff26;
  animation: styles_op_il34f_rise .6s .62s both;
}
.styles_op_il34f_sLineSm {
  width: 60%;
  height: 12px;
  border-radius: 5px;
  background: #ffffff1a;
  animation: styles_op_il34f_rise .6s .72s both;
}
.styles_op_il34f_sBtn {
  width: 118px;
  height: 30px;
  border-radius: 8px;
  margin-top: 8px;
  background:
    linear-gradient(
      135deg,
      #E0C79B,
      #C4A06A);
  animation: styles_op_il34f_rise .6s .84s both;
}
.styles_op_il34f_siteHeroArt {
  height: 128px;
  border-radius: 10px;
  background:
    radial-gradient(
      circle at 30% 30%,
      #C4A06A44,
      #0C0E12 70%),
    #0F1116;
  border: 1px solid #C4A06A2e;
  animation: styles_op_il34f_rise .6s .7s both;
}
.styles_op_il34f_siteCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 0 18px 20px;
}
.styles_op_il34f_siteCards span {
  height: 54px;
  border-radius: 9px;
  background: #12141A;
  border: 1px solid #ffffff0d;
}
.styles_op_il34f_siteCards span:nth-child(1) {
  animation: styles_op_il34f_rise .6s .9s both;
}
.styles_op_il34f_siteCards span:nth-child(2) {
  animation: styles_op_il34f_rise .6s 1s both;
}
.styles_op_il34f_siteCards span:nth-child(3) {
  animation: styles_op_il34f_rise .6s 1.1s both;
}
.styles_op_il34f_statusRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #0F1116;
  border-top: 1px solid #ffffff0d;
  font-family: var(--font-kit-text-font);
  font-size: 12px;
}
.styles_op_il34f_statusCode {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #C4A06A;
  animation: styles_op_il34f_viewCode 16s ease-in-out infinite;
}
.styles_op_il34f_statusLive {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9BE0AE;
  animation: styles_op_il34f_viewSite 16s ease-in-out infinite;
}
.styles_op_il34f_pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C4A06A;
  box-shadow: 0 0 0 0 #C4A06A88;
  animation: styles_op_il34f_ping 1.6s ease-out infinite;
}
.styles_op_il34f_dotGreen {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5FBF7E;
  box-shadow: 0 0 8px #5FBF7Eaa;
}
@media (max-width: 560px) {
  .styles_op_il34f_stage {
      height: 300px;
    }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_il34f_codeScroll,
    .styles_op_il34f_caret,
    .styles_op_il34f_pulse,
    .styles_op_il34f_sLineLg,
    .styles_op_il34f_sLineMd,
    .styles_op_il34f_sLineSm,
    .styles_op_il34f_sBtn,
    .styles_op_il34f_siteHeroArt,
    .styles_op_il34f_siteCards span {
      animation: none;
    }
  .styles_op_il34f_codeView,
    .styles_op_il34f_statusCode {
      opacity: 1;
    }
  .styles_op_il34f_siteView,
    .styles_op_il34f_statusLive {
      opacity: 0;
    }
}
@keyframes styles_op_il34f_viewCode {
  0%, 40% {
    opacity: 1;
  }
  48%, 92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes styles_op_il34f_viewSite {
  0%, 40% {
    opacity: 0;
  }
  48%, 92% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes styles_op_il34f_codeScroll {
  0%, 8% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-120px);
  }
  48%, 100% {
    transform: translateY(-120px);
  }
}
@keyframes styles_op_il34f_blink {
  50% {
    opacity: 0;
  }
}
@keyframes styles_op_il34f_rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes styles_op_il34f_ping {
  0% {
    box-shadow: 0 0 0 0 #C4A06A66;
  }
  100% {
    box-shadow: 0 0 0 9px #C4A06A00;
  }
}

/* Grundwerte des Originals (Body der Kit-Seite: 14 px / 24 px, weiß) */
.bw-fenster-uber { font-size: 14px; line-height: 24px; color: #fff; }

/* wa: Fensterregeln aus dem Original-CSS (kompiliert) */
.styles_op_ze1gi3_showcase {
  position: relative;
}
.styles_op_ze1gi3_window {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #0C0E12;
  border: 1px solid #C4A06A2e;
  box-shadow: 0 30px 80px #00000066, inset 0 1px 0 #ffffff0d;
}
.styles_op_ze1gi3_winBar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #0F1116;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_ze1gi3_dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.styles_op_ze1gi3_dR {
  background: #E5674E;
}
.styles_op_ze1gi3_dY {
  background: #E0C79B;
}
.styles_op_ze1gi3_dG {
  background: #5FBF7E;
}
.styles_op_ze1gi3_urlBar {
  margin-left: 12px;
  flex: 1;
  height: 22px;
  border-radius: 7px;
  background: #16181E;
  border: 1px solid #ffffff0d;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 11px;
  color: #8A8779;
  font-family: var(--font-kit-text-font);
}
.styles_op_ze1gi3_stage {
  position: relative;
  height: 340px;
}
.styles_op_ze1gi3_dashboard {
  position: absolute;
  inset: 0;
  background: #0C0E12;
  display: flex;
  flex-direction: column;
  padding: 18px 20px 14px;
  gap: 10px;
}
.styles_op_ze1gi3_dashHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #ffffff0d;
  flex: none;
}
.styles_op_ze1gi3_dashTitle {
  font-family: var(--font-kit-header-font);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #E7E3DA;
  transition: color .7s ease;
}
.styles_op_ze1gi3_dashTitleDone {
  color: #6ED490;
}
.styles_op_ze1gi3_dashBadge {
  font-family: var(--font-kit-text-font);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 20px;
  color: #C4A06A;
  border: 1px solid #C4A06A44;
  background: #C4A06A0d;
  transition:
    color .7s ease,
    border-color .7s ease,
    background .7s ease;
}
.styles_op_ze1gi3_dashBadgeDone {
  color: #6ED490;
  border-color: #6ED49044;
  background: #6ED4900d;
}
.styles_op_ze1gi3_dashRows {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
}
.styles_op_ze1gi3_dashRow {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 7px;
  transition: background .5s ease;
}
.styles_op_ze1gi3_dashRowSweep {
  background: #C4A06A09;
}
.styles_op_ze1gi3_rowDot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2A2B31;
  flex: none;
  transition: background .6s ease, box-shadow .6s ease;
}
.styles_op_ze1gi3_rowDotScan {
  background: #C4A06A;
  box-shadow: 0 0 8px #C4A06A88;
  animation: styles_op_ze1gi3_dotGoldPulse 1.6s ease-in-out infinite;
}
.styles_op_ze1gi3_rowDotDone {
  background: #5FBF7E;
  box-shadow: 0 0 6px #5FBF7E66;
}
.styles_op_ze1gi3_rowLabel {
  font-family: var(--font-kit-text-font);
  font-size: 12.5px;
  color: #4E4F56;
  flex: 1;
  white-space: nowrap;
  transition: color .5s ease;
}
.styles_op_ze1gi3_rowLabelActive {
  color: #C9C6BE;
}
.styles_op_ze1gi3_rowValue {
  font-family: var(--font-kit-text-font);
  font-size: 12px;
  color: #3A3B42;
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 96px;
  justify-content: flex-end;
  text-align: right;
  transition: color .6s ease;
  white-space: nowrap;
}
.styles_op_ze1gi3_rowValueDone {
  color: #9BE0AE;
}
.styles_op_ze1gi3_rowCheck {
  color: #5FBF7E;
  font-size: 10px;
  font-style: normal;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity .5s ease, transform .5s ease;
  display: inline-block;
}
.styles_op_ze1gi3_rowCheckVisible {
  opacity: 1;
  transform: scale(1);
}
.styles_op_ze1gi3_dashFooter {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid #ffffff0d;
  font-family: var(--font-kit-text-font);
  font-size: 11px;
  color: #3A3B42;
  letter-spacing: 0.06em;
  flex: none;
  transition: color .7s ease;
}
.styles_op_ze1gi3_dashFooterDone {
  color: #6A8A72;
}
.styles_op_ze1gi3_dashFooterDot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: none;
  transition: background .7s ease, box-shadow .7s ease;
}
.styles_op_ze1gi3_dashFooterDotScan {
  background: #C4A06A;
  animation: styles_op_ze1gi3_dotGoldPulse 2s ease-in-out infinite;
}
.styles_op_ze1gi3_dashFooterDotDone {
  background: #5FBF7E;
  box-shadow: 0 0 6px #5FBF7E55;
}
.styles_op_ze1gi3_statusRow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 11px 16px;
  background: #0F1116;
  border-top: 1px solid #ffffff0d;
  font-family: var(--font-kit-text-font);
  font-size: 12px;
  min-height: 38px;
}
.styles_op_ze1gi3_statusCode {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #C4A06A;
}
.styles_op_ze1gi3_statusLive {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9BE0AE;
}
.styles_op_ze1gi3_pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
  background: #C4A06A;
  box-shadow: 0 0 0 0 #C4A06A88;
  animation: styles_op_ze1gi3_ping 1.6s ease-out infinite;
}
.styles_op_ze1gi3_dotGreen {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
  background: #5FBF7E;
  box-shadow: 0 0 8px #5FBF7Eaa;
}
@media (max-width: 560px) {
  .styles_op_ze1gi3_stage {
      height: 300px;
    }
  .styles_op_ze1gi3_dashboard {
      padding: 14px 14px 10px;
      gap: 8px;
    }
  .styles_op_ze1gi3_dashTitle {
      font-size: 12px;
    }
  .styles_op_ze1gi3_rowLabel {
      font-size: 11.5px;
    }
  .styles_op_ze1gi3_rowValue {
      font-size: 11px;
      min-width: 80px;
    }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_ze1gi3_rowDotScan {
      animation: none;
      background: #5FBF7E;
      box-shadow: 0 0 6px #5FBF7E66;
    }
  .styles_op_ze1gi3_rowDot {
      background: #5FBF7E;
      box-shadow: 0 0 6px #5FBF7E66;
    }
  .styles_op_ze1gi3_dashFooterDotScan {
      animation: none;
      background: #5FBF7E;
      box-shadow: 0 0 6px #5FBF7E55;
    }
  .styles_op_ze1gi3_pulse {
      animation: none;
    }
  .styles_op_ze1gi3_dashTitle {
      color: #6ED490;
    }
  .styles_op_ze1gi3_dashBadge {
      color: #6ED490;
      border-color: #6ED49044;
      background: #6ED4900d;
    }
  .styles_op_ze1gi3_rowLabel {
      color: #C9C6BE;
    }
  .styles_op_ze1gi3_dashFooter {
      color: #6A8A72;
    }
}
@keyframes styles_op_ze1gi3_dotGoldPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .4;
  }
}
@keyframes styles_op_ze1gi3_ping {
  0% {
    box-shadow: 0 0 0 0 #C4A06A66;
  }
  100% {
    box-shadow: 0 0 0 9px #C4A06A00;
  }
}

/* Grundwerte des Originals (Body der Kit-Seite: 14 px / 24 px, weiß) */
.bw-fenster-wartung { font-size: 14px; line-height: 24px; color: #fff; }

/* wd: Fensterregeln aus dem Original-CSS (kompiliert) */
.styles_op_1nnd8gr_showcase {
  position: relative;
}
.styles_op_1nnd8gr_window {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: #0C0E12;
  border: 1px solid #C4A06A2e;
  box-shadow: 0 30px 80px #00000066, inset 0 1px 0 #ffffff0d;
}
.styles_op_1nnd8gr_winBar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #0F1116;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_1nnd8gr_dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.styles_op_1nnd8gr_dR {
  background: #E5674E;
}
.styles_op_1nnd8gr_dY {
  background: #E0C79B;
}
.styles_op_1nnd8gr_dG {
  background: #5FBF7E;
}
.styles_op_1nnd8gr_urlBar {
  margin-left: 12px;
  flex: 1;
  height: 22px;
  border-radius: 7px;
  background: #16181E;
  border: 1px solid #ffffff0d;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 11px;
  color: #8A8779;
  font-family: var(--font-kit-text-font);
}
.styles_op_1nnd8gr_stage {
  position: relative;
  height: 340px;
}
.styles_op_1nnd8gr_codeView,
.styles_op_1nnd8gr_siteView {
  position: absolute;
  inset: 0;
}
.styles_op_1nnd8gr_codeView {
  animation: styles_op_1nnd8gr_viewCode 16s ease-in-out infinite;
}
.styles_op_1nnd8gr_siteView {
  animation: styles_op_1nnd8gr_viewSite 16s ease-in-out infinite;
}
.styles_op_1nnd8gr_codeView {
  background: #0C0E12;
  padding: 16px 4px;
  overflow: hidden;
}
.styles_op_1nnd8gr_codeScroll {
  animation: styles_op_1nnd8gr_codeScroll 16s ease-in-out infinite;
}
.styles_op_1nnd8gr_codeLine {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family:
    "SFMono-Regular",
    ui-monospace,
    Menlo,
    monospace;
  font-size: 13px;
  line-height: 1.9;
}
.styles_op_1nnd8gr_gutter {
  color: #4A4C54;
  width: 18px;
  text-align: right;
  flex: none;
  user-select: none;
}
.styles_op_1nnd8gr_codeText {
  position: relative;
  white-space: pre;
}
.styles_op_1nnd8gr_tok_kw {
  color: #C58BE0;
}
.styles_op_1nnd8gr_tok_fn {
  color: #E0C79B;
}
.styles_op_1nnd8gr_tok_str {
  color: #7FBF8F;
}
.styles_op_1nnd8gr_tok_tag {
  color: #6FA8D6;
}
.styles_op_1nnd8gr_tok_attr {
  color: #C4A06A;
}
.styles_op_1nnd8gr_tok_op {
  color: #B98AE0;
}
.styles_op_1nnd8gr_tok_txt {
  color: #C9C6BE;
}
.styles_op_1nnd8gr_caret {
  display: inline-block;
  width: 7px;
  height: 15px;
  margin-left: 2px;
  background: #E0C79B;
  vertical-align: -2px;
  animation: styles_op_1nnd8gr_blink 1s steps(2) infinite;
}
.styles_op_1nnd8gr_siteView {
  background:
    linear-gradient(
      180deg,
      #0D0F14,
      #0A0B0F);
  padding: 0;
  display: flex;
  flex-direction: column;
}
.styles_op_1nnd8gr_siteNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid #ffffff0d;
}
.styles_op_1nnd8gr_siteBrand {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  letter-spacing: 0.16em;
  font-size: 13px;
  color: #F2EEE6;
}
.styles_op_1nnd8gr_siteLinks {
  display: flex;
  gap: 12px;
}
.styles_op_1nnd8gr_siteLinks i {
  width: 30px;
  height: 6px;
  border-radius: 3px;
  background: #ffffff1f;
}
.styles_op_1nnd8gr_sitePill {
  width: 74px;
  height: 20px;
  border-radius: 6px;
  background:
    linear-gradient(
      135deg,
      #E0C79B,
      #C4A06A);
}
.styles_op_1nnd8gr_siteHero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 18px;
  padding: 22px 18px;
  align-items: center;
  flex: 1;
}
.styles_op_1nnd8gr_siteHeroText {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.styles_op_1nnd8gr_sLineLg {
  width: 92%;
  height: 16px;
  border-radius: 6px;
  background:
    linear-gradient(
      90deg,
      #F2EEE6cc,
      #F2EEE640);
  animation: styles_op_1nnd8gr_rise .6s .5s both;
}
.styles_op_1nnd8gr_sLineMd {
  width: 74%;
  height: 12px;
  border-radius: 5px;
  background: #ffffff26;
  animation: styles_op_1nnd8gr_rise .6s .62s both;
}
.styles_op_1nnd8gr_sLineSm {
  width: 60%;
  height: 12px;
  border-radius: 5px;
  background: #ffffff1a;
  animation: styles_op_1nnd8gr_rise .6s .72s both;
}
.styles_op_1nnd8gr_sBtn {
  width: 118px;
  height: 30px;
  border-radius: 8px;
  margin-top: 8px;
  background:
    linear-gradient(
      135deg,
      #E0C79B,
      #C4A06A);
  animation: styles_op_1nnd8gr_rise .6s .84s both;
}
.styles_op_1nnd8gr_siteHeroArt {
  height: 128px;
  border-radius: 10px;
  background:
    radial-gradient(
      circle at 30% 30%,
      #C4A06A44,
      #0C0E12 70%),
    #0F1116;
  border: 1px solid #C4A06A2e;
  animation: styles_op_1nnd8gr_rise .6s .7s both;
}
.styles_op_1nnd8gr_siteCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 0 18px 20px;
}
.styles_op_1nnd8gr_siteCards span {
  height: 54px;
  border-radius: 9px;
  background: #12141A;
  border: 1px solid #ffffff0d;
}
.styles_op_1nnd8gr_siteCards span:nth-child(1) {
  animation: styles_op_1nnd8gr_rise .6s .9s both;
}
.styles_op_1nnd8gr_siteCards span:nth-child(2) {
  animation: styles_op_1nnd8gr_rise .6s 1s both;
}
.styles_op_1nnd8gr_siteCards span:nth-child(3) {
  animation: styles_op_1nnd8gr_rise .6s 1.1s both;
}
.styles_op_1nnd8gr_statusRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #0F1116;
  border-top: 1px solid #ffffff0d;
  font-family: var(--font-kit-text-font);
  font-size: 12px;
}
.styles_op_1nnd8gr_statusCode {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #C4A06A;
  animation: styles_op_1nnd8gr_viewCode 16s ease-in-out infinite;
}
.styles_op_1nnd8gr_statusLive {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #9BE0AE;
  animation: styles_op_1nnd8gr_viewSite 16s ease-in-out infinite;
}
.styles_op_1nnd8gr_pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C4A06A;
  box-shadow: 0 0 0 0 #C4A06A88;
  animation: styles_op_1nnd8gr_ping 1.6s ease-out infinite;
}
.styles_op_1nnd8gr_dotGreen {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5FBF7E;
  box-shadow: 0 0 8px #5FBF7Eaa;
}
@media (max-width: 560px) {
  .styles_op_1nnd8gr_stage {
      height: 300px;
    }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_1nnd8gr_codeScroll,
    .styles_op_1nnd8gr_caret,
    .styles_op_1nnd8gr_pulse,
    .styles_op_1nnd8gr_sLineLg,
    .styles_op_1nnd8gr_sLineMd,
    .styles_op_1nnd8gr_sLineSm,
    .styles_op_1nnd8gr_sBtn,
    .styles_op_1nnd8gr_siteHeroArt,
    .styles_op_1nnd8gr_siteCards span {
      animation: none;
    }
  .styles_op_1nnd8gr_codeView,
    .styles_op_1nnd8gr_statusCode {
      opacity: 1;
    }
  .styles_op_1nnd8gr_siteView,
    .styles_op_1nnd8gr_statusLive {
      opacity: 0;
    }
}
@keyframes styles_op_1nnd8gr_viewCode {
  0%, 40% {
    opacity: 1;
  }
  48%, 92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes styles_op_1nnd8gr_viewSite {
  0%, 40% {
    opacity: 0;
  }
  48%, 92% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes styles_op_1nnd8gr_codeScroll {
  0%, 8% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-120px);
  }
  48%, 100% {
    transform: translateY(-120px);
  }
}
@keyframes styles_op_1nnd8gr_blink {
  50% {
    opacity: 0;
  }
}
@keyframes styles_op_1nnd8gr_rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes styles_op_1nnd8gr_ping {
  0% {
    box-shadow: 0 0 0 0 #C4A06A66;
  }
  100% {
    box-shadow: 0 0 0 9px #C4A06A00;
  }
}

/* Grundwerte des Originals (Body der Kit-Seite: 14 px / 24 px, weiß) */
.bw-fenster-webdesign { font-size: 14px; line-height: 24px; color: #fff; }

/* hero-start (Original eyw47c, ohne Navigation und schwebende Knöpfe) */
.styles_op_eyw47c_hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--bg, #060609);
  color: #edeff4;
  font-family: var(--font-kit-text-font, system-ui, sans-serif);
  --mono:
    ui-monospace,
    "SF Mono",
    "JetBrains Mono",
    Menlo,
    Consolas,
    monospace;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 640px;
}
.styles_op_eyw47c_hero.styles_op_eyw47c_full {
  min-height: var(--con-kit-section-min-height, 100vh);
}
.styles_op_eyw47c_bgLayer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(38% 52% at 71% 47%, rgba(110, 175, 240, .1), transparent 70%),
    radial-gradient(30% 40% at 71% 47%, rgba(196, 160, 106, .08), transparent 72%);
}
.styles_op_eyw47c_feld {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
@media (max-width: 600px) {
  .styles_op_eyw47c_feld {
    -webkit-mask-image: radial-gradient(closest-side, #000 72%, transparent 100%);
    mask-image: radial-gradient(closest-side, #000 72%, transparent 100%);
  }
}
@media (max-width: 819px) {
  .styles_op_eyw47c_bgLayer {
    background:
      radial-gradient(70% 22% at 50% 20%, rgba(110, 175, 240, .1), transparent 70%),
      radial-gradient(50% 16% at 50% 20%, rgba(196, 160, 106, .08), transparent 72%);
  }
  .styles_op_eyw47c_leftScrim {
    background: linear-gradient(180deg, transparent 0%, transparent 52%, color-mix(in srgb, #030305 55%, transparent) 100%);
  }
}
.styles_op_eyw47c_videoBg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  display: block;
  opacity: 1;
  transition: opacity 1.2s linear;
  will-change: opacity;
  backface-visibility: hidden;
  pointer-events: none;
}
.styles_op_eyw47c_videoBg::-webkit-media-controls {
  display: none !important;
}
.styles_op_eyw47c_videoBg::-webkit-media-controls-enclosure {
  display: none !important;
}
.styles_op_eyw47c_videoBg::-webkit-media-controls-overlay-play-button {
  display: none !important;
}
.styles_op_eyw47c_videoBg::-webkit-media-controls-start-playback-button {
  display: none !important;
}
.styles_op_eyw47c_leftScrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      #030305 0%,
      color-mix(in srgb, #030305 78%, transparent) 26%,
      color-mix(in srgb, #030305 38%, transparent) 46%,
      transparent 66%);
}
.styles_op_eyw47c_content {
  position: relative;
  z-index: 20;
  flex: 1;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 120px 24px 40px;
  display: flex;
  align-items: center;
}
.styles_op_eyw47c_col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  width: 100%;
  max-width: 620px;
}
.styles_op_eyw47c_title {
  margin: 0;
  font-family: var(--font-kit-header-font, serif);
  font-weight: 600;
  line-height: 1.03;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.04em;
  flex: none;
}
.styles_op_eyw47c_maskLine {
  display: block;
  flex: none;
  min-height: min-content;
  overflow: hidden;
  padding: 0.06em 0;
}
.styles_op_eyw47c_maskInner {
  display: block;
}
.styles_op_eyw47c_lead {
  font-size: clamp(2.3rem, 4.6vw, 4.6rem);
  letter-spacing: 0.005em;
  color: #f4f6fb;
}
.styles_op_eyw47c_accent {
  font-size: clamp(2.3rem, 4.6vw, 4.6rem);
  letter-spacing: 0.005em;
  background:
    linear-gradient(
      112deg,
      #fbe6b4 0%,
      #f0d089 30%,
      var(--gold, #C4A06A) 70%,
      #b6802a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 4px 26px color-mix(in srgb, var(--gold, #C4A06A) 30%, transparent));
}
.styles_op_eyw47c_body {
  max-width: 500px;
  margin: 24px 0 0;
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.68;
  color: #c3c8d5;
}
.styles_op_eyw47c_actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
  flex-wrap: wrap;
}
.styles_op_eyw47c_ctaPrimary {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #07070c;
  font-weight: 600;
  font-size: 0.98rem;
  letter-spacing: 0.01em;
  padding: 16px 34px;
  border-radius: 999px;
  background:
    linear-gradient(
      120deg,
      #f6dd9d,
      var(--gold, #C4A06A));
  box-shadow: 0 10px 34px color-mix(in srgb, var(--gold, #C4A06A) 34%, transparent);
  transition: transform .28s ease, box-shadow .28s ease;
}
.styles_op_eyw47c_ctaPrimary span {
  position: relative;
  z-index: 1;
}
.styles_op_eyw47c_ctaPrimary::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      115deg,
      transparent 30%,
      #ffffffb3 50%,
      transparent 70%);
  transform: translateX(-120%);
  transition: transform .7s ease;
}
.styles_op_eyw47c_ctaPrimary:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 44px color-mix(in srgb, var(--gold, #C4A06A) 50%, transparent);
}
.styles_op_eyw47c_ctaPrimary:hover::before {
  transform: translateX(120%);
}
.styles_op_eyw47c_ctaSecondary {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  color: #e7e9f0;
  font-size: 0.98rem;
  letter-spacing: 0.01em;
  padding: 15px 28px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, #fff 22%, transparent);
  background: color-mix(in srgb, #05060c 30%, transparent);
  backdrop-filter: blur(3px);
  transition:
    border-color .28s ease,
    background .28s ease,
    transform .28s ease;
}
.styles_op_eyw47c_ctaArrow {
  color: var(--gold, #C4A06A);
  transition: transform .28s ease;
}
.styles_op_eyw47c_ctaSecondary:hover {
  border-color: var(--gold, #C4A06A);
  background: color-mix(in srgb, var(--gold, #C4A06A) 12%, transparent);
  transform: translateY(-3px);
}
.styles_op_eyw47c_ctaSecondary:hover .styles_op_eyw47c_ctaArrow {
  transform: translateX(4px);
}
.styles_op_eyw47c_marquee {
  position: relative;
  z-index: 20;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid color-mix(in srgb, #fff 8%, transparent);
  background: color-mix(in srgb, #000 42%, transparent);
  backdrop-filter: blur(4px);
}
.styles_op_eyw47c_marqueeTrack {
  display: flex;
  width: max-content;
  animation: styles_op_eyw47c_marquee 46s linear infinite;
}
.styles_op_eyw47c_marqueeStatic {
  animation: none;
}
.styles_op_eyw47c_marqueeTrack span {
  font-family: var(--mono);
  font-size: 0.72rem;
  letter-spacing: 0.32em;
  color: #8b90a0;
  padding: 13px 0;
  white-space: nowrap;
}
@media (max-width: 960px) {
.styles_op_eyw47c_col {
    max-width: 560px;
  }
.styles_op_eyw47c_leftScrim {
    background:
      linear-gradient(
        90deg,
        #030305 0%,
        color-mix(in srgb, #030305 74%, transparent) 34%,
        color-mix(in srgb, #030305 40%, transparent) 58%,
        transparent 80%);
  }
}
@media (max-width: 860px) {
.styles_op_eyw47c_content {
    padding: 104px 18px 30px;
    align-items: flex-end;
  }
.styles_op_eyw47c_leftScrim {
    background:
      linear-gradient(
        180deg,
        color-mix(in srgb, #030305 55%, transparent) 0%,
        color-mix(in srgb, #030305 30%, transparent) 40%,
        color-mix(in srgb, #04040a 82%, transparent) 100%);
  }
.styles_op_eyw47c_hero.styles_op_eyw47c_full {
    min-height: var(--con-kit-section-min-height, 100vh);
  }
}
@media (max-width: 520px) {
.styles_op_eyw47c_lead,
  .styles_op_eyw47c_accent {
    font-size: clamp(2rem, 10vw, 3rem);
  }
.styles_op_eyw47c_actions {
    width: 100%;
  }
.styles_op_eyw47c_ctaPrimary,
  .styles_op_eyw47c_ctaSecondary {
    flex: 1;
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 600px) {
.styles_op_eyw47c_hero,
  .styles_op_eyw47c_hero.styles_op_eyw47c_full {
    min-height: 0;
  }
.styles_op_eyw47c_bgLayer {
    position: relative;
    inset: auto;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-top: 58px;
    background: #060609;
  }
.styles_op_eyw47c_videoBg {
    object-fit: contain;
    object-position: center;
  }
.styles_op_eyw47c_leftScrim {
    background:
      linear-gradient(
        180deg,
        transparent 0%,
        transparent 60%,
        color-mix(in srgb, #04040a 72%, transparent) 100%);
  }
.styles_op_eyw47c_content {
    flex: none;
    align-items: flex-start;
    padding: 28px 20px 34px;
  }
.styles_op_eyw47c_col {
    max-width: 100%;
  }
.styles_op_eyw47c_lead,
  .styles_op_eyw47c_accent {
    font-size: clamp(2rem, 9vw, 2.7rem);
  }
.styles_op_eyw47c_body {
    margin-top: 18px;
    font-size: 1rem;
    line-height: 1.6;
  }
.styles_op_eyw47c_actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 26px;
  }
.styles_op_eyw47c_ctaPrimary,
  .styles_op_eyw47c_ctaSecondary {
    flex: none;
    width: 100%;
    text-align: center;
    justify-content: center;
    box-sizing: border-box;
  }
}
.styles_op_eyw47c_scrollHint {
  display: none;
}
@media (max-width: 600px) {
  .styles_op_eyw47c_scrollHint {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 6px;
    width: 22px;
    height: 36px;
    margin-left: -11px;
    box-sizing: border-box;
    border: 1px solid color-mix(in srgb, #e0c79b 55%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, #060609 40%, transparent);
    z-index: 3;
    pointer-events: none;
    opacity: 0.85;
    transition: opacity 0.5s ease;
  }
  .styles_op_eyw47c_scrollHint.styles_op_eyw47c_scrollGone {
    opacity: 0;
  }
  .styles_op_eyw47c_scrollDot {
    position: absolute;
    left: 50%;
    top: 7px;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    border-radius: 50%;
    background: #e0c79b;
    box-shadow: 0 0 6px color-mix(in srgb, #e0c79b 70%, transparent);
    animation: styles_op_eyw47c_scrollDot 2.2s cubic-bezier(0.5, 0, 0.3, 1) infinite;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_eyw47c_scrollDot {
    animation: none;
    top: 14px;
  }
}
@keyframes styles_op_eyw47c_scrollDot {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    transform: translateY(14px);
    opacity: 1;
  }
  100% {
    transform: translateY(16px);
    opacity: 0;
  }
}
@keyframes styles_op_eyw47c_marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* kennzahlen (Original f3rzw0) */
.styles_op_f3rzw0_wrap {
  position: relative;
  isolation: isolate;
  background: var(--bg, #08090C);
  padding: 72px 24px;
  overflow: hidden;
}
.styles_op_f3rzw0_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(70%, 760px);
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--gold, #C4A06A),
      transparent);
  opacity: 0.35;
}
.styles_op_f3rzw0_starWrap {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.styles_op_f3rzw0_starCanvas {
  display: block;
  width: 100%;
  height: 100%;
}
.styles_op_f3rzw0_starFade {
  position: absolute;
  left: 0;
  right: 0;
  height: 200px;
  pointer-events: none;
}
.styles_op_f3rzw0_glow {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      60% 100% at 50% 0%,
      #C4A06A14,
      transparent 70%);
  pointer-events: none;
}
.styles_op_f3rzw0_rail {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(70%, 760px);
  height: 1px;
  overflow: visible;
  pointer-events: none;
}
.styles_op_f3rzw0_railDot {
  position: absolute;
  top: -1px;
  left: 0;
  width: 46px;
  height: 3px;
  border-radius: 3px;
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--gold, #C4A06A),
      transparent);
  box-shadow: 0 0 14px 3px #C4A06A55;
  animation: styles_op_f3rzw0_railTravel 2.2s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
  opacity: 0;
}
@keyframes styles_op_f3rzw0_railTravel {
  0% {
    left: 0;
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    left: calc(100% - 46px);
    opacity: 0;
  }
}
.styles_op_f3rzw0_statusPulse {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 8px;
  border-radius: 50%;
  vertical-align: middle;
  background: var(--gold, #C4A06A);
  animation: styles_op_f3rzw0_statusPing 2.6s ease-out 0.3s 2;
}
@keyframes styles_op_f3rzw0_statusPing {
  0% {
    box-shadow: 0 0 0 0 #C4A06A88;
  }
  70%, 100% {
    box-shadow: 0 0 0 12px #C4A06A00;
  }
}
.styles_op_f3rzw0_container {
  position: relative;
  z-index: 1;
  max-width: 1250px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.styles_op_f3rzw0_cell {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  padding: 12px 28px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.styles_op_f3rzw0_cellVisible {
  opacity: 1;
  transform: translateY(0);
}
.styles_op_f3rzw0_cell + .styles_op_f3rzw0_cell::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12%;
  bottom: 12%;
  width: 1px;
  background:
    linear-gradient(
      180deg,
      transparent,
      #ffffff1f 50%,
      transparent);
}
.styles_op_f3rzw0_value {
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: clamp(40px, 4.6vw, 62px);
  font-weight: 600;
  line-height: 1;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      var(--gold, #C4A06A) 60%,
      #8a6a3a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.styles_op_f3rzw0_label {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13.5px;
  letter-spacing: 0.2px;
  color: #f4f1e98c;
  max-width: 210px;
  line-height: 1.5;
}
@media (max-width: 760px) {
  .styles_op_f3rzw0_container {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 0;
  }
  .styles_op_f3rzw0_cell + .styles_op_f3rzw0_cell::before {
    display: none;
  }
  .styles_op_f3rzw0_cell:nth-child(even)::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12%;
    bottom: 12%;
    width: 1px;
    background:
      linear-gradient(
        180deg,
        transparent,
        #ffffff1f,
        transparent);
  }
}

/* ki-start: Regeln und Keyframes der Original-Sektion hjwu8a (unverändert), darunter die Anpassungen an unsere Seite. */
.styles_op_hjwu8a_wrap {
  position: relative;
  isolation: isolate;
  background: var(--bg, #050608);
  padding: 130px 24px;
  overflow: hidden;
}
.styles_op_hjwu8a_wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      64% 54% at 50% 46%,
      color-mix(in srgb, var(--gold) 8%, transparent),
      transparent 64%);
  pointer-events: none;
}
.styles_op_hjwu8a_container {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
}
.styles_op_hjwu8a_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 48px;
}
.styles_op_hjwu8a_eyebrow {
  letter-spacing: 3px;
  font-size: 12px;
}
.styles_op_hjwu8a_title {
  font-size: clamp(30px, 3.4vw, 48px);
  max-width: 700px;
}
.styles_op_hjwu8a_sub {
  max-width: 660px;
  color: #f2eee699;
}
.styles_op_hjwu8a_stageOuter {
  position: relative;
  width: 92%;
  max-width: 1180px;
  margin: 0 auto;
  border: 1px solid color-mix(in srgb, var(--gold) 16%, #ffffff12);
  border-radius: 20px;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      #12161cf2,
      #0a0c10f2);
  box-shadow: 0 60px 120px -70px #000, inset 0 1px 0 #ffffff0d;
}
.styles_op_hjwu8a_consoleBar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-bottom: 1px solid #ffffff10;
  background: #0c0f14;
}
.styles_op_hjwu8a_dotR {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ffffff1f;
}
.styles_op_hjwu8a_dotR:first-child {
  background: color-mix(in srgb, var(--gold) 65%, transparent);
}
.styles_op_hjwu8a_consoleTitle {
  margin-left: 10px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  letter-spacing: 2px;
  color: #f2eee673;
}
.styles_op_hjwu8a_online {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  letter-spacing: 1.5px;
  color: color-mix(in srgb, var(--gold) 80%, #fff);
}
.styles_op_hjwu8a_online i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 8px var(--gold);
  animation: styles_op_hjwu8a_blink 2.4s ease-in-out infinite;
}
@keyframes styles_op_hjwu8a_blink {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}
.styles_op_hjwu8a_scroll {
  overflow-x: auto;
  overflow-y: hidden;
}
.styles_op_hjwu8a_system {
  position: relative;
  width: 100%;
  min-width: 720px;
  height: 460px;
}
.styles_op_hjwu8a_grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(#ffffff07 1px, transparent 1px),
    linear-gradient(
      90deg,
      #ffffff07 1px,
      transparent 1px);
  background-size: 40px 40px;
  mask-image:
    radial-gradient(
      75% 75% at 50% 50%,
      #000 30%,
      transparent 82%);
  transform: translate(var(--px,0), var(--py,0));
  transition: transform .3s ease-out;
  pointer-events: none;
}
.styles_op_hjwu8a_lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: translate(calc(var(--px,0) * 0.6), calc(var(--py,0) * 0.6));
}
.styles_op_hjwu8a_lineBase {
  stroke: color-mix(in srgb, var(--gold) 22%, transparent);
  stroke-width: 2;
}
.styles_op_hjwu8a_system {
  transition: filter .6s ease;
}
.styles_op_hjwu8a_systemFinale {
  filter: drop-shadow(0 0 14px color-mix(in srgb, var(--gold) 12%, transparent));
}
.styles_op_hjwu8a_satLine {
  stroke: color-mix(in srgb, var(--gold) 14%, transparent);
  stroke-width: 1.4;
  stroke-dasharray: 3 5;
  transition: stroke .4s ease;
}
.styles_op_hjwu8a_satLineOn {
  stroke: color-mix(in srgb, var(--gold) 45%, transparent);
  animation: styles_op_hjwu8a_dash 1.4s linear infinite;
}
@keyframes styles_op_hjwu8a_dash {
  to {
    stroke-dashoffset: -32;
  }
}
.styles_op_hjwu8a_lineProgress {
  stroke: color-mix(in srgb, var(--gold) 40%, transparent);
  stroke-width: 2;
  filter: drop-shadow(0 0 3px color-mix(in srgb, var(--gold) 35%, transparent));
  transition: opacity .5s ease;
}
.styles_op_hjwu8a_lineProgressFinale {
  stroke: var(--gold);
  filter: drop-shadow(0 0 7px color-mix(in srgb, var(--gold) 55%, transparent));
  transition: stroke .6s ease, filter .6s ease;
}
.styles_op_hjwu8a_ripple {
  position: absolute;
  inset: -1px;
  border-radius: 14px;
  border: 1px solid var(--nc, var(--gold));
  opacity: 0;
  pointer-events: none;
  animation: styles_op_hjwu8a_nodeRipple 1.9s ease-out infinite;
}
@keyframes styles_op_hjwu8a_nodeRipple {
  0% {
    opacity: 0.45;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.11);
  }
}
.styles_op_hjwu8a_pulse {
  position: absolute;
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      #fff6e0 0%,
      var(--gold) 46%,
      transparent 72%);
  box-shadow: 0 0 16px 5px color-mix(in srgb, var(--gold) 52%, transparent);
  z-index: 6;
}
.styles_op_hjwu8a_satPulse {
  position: absolute;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--gold) 72%, #fff);
  box-shadow: 0 0 7px color-mix(in srgb, var(--gold) 45%, transparent);
  z-index: 3;
}
.styles_op_hjwu8a_node {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 168px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 15px;
  border-radius: 14px;
  background: #14181f;
  border: 1px solid #ffffff17;
  z-index: 4;
  transition:
    border-color .5s ease,
    box-shadow .5s ease,
    background .5s ease,
    transform .35s ease;
}
.styles_op_hjwu8a_node:hover {
  border-color: #ffffff33;
  box-shadow: 0 18px 40px -30px #000;
  transform: translate(-50%, calc(-50% - 2px));
}
.styles_op_hjwu8a_nodeDone {
  border-color: color-mix(in srgb, var(--gold) 30%, transparent);
}
.styles_op_hjwu8a_nodeDone:hover {
  border-color: color-mix(in srgb, var(--gold) 45%, transparent);
}
.styles_op_hjwu8a_nodeOn {
  border-color: var(--nc);
  background: #191d24;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--nc) 16%, transparent),
    0 0 22px -4px color-mix(in srgb, var(--nc) 45%, transparent),
    0 24px 50px -30px #000;
  transform: translate(-50%, calc(-50% - 2px));
}
.styles_op_hjwu8a_nodeIcon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  color: #f2eee66b;
  transition: color .5s ease;
}
.styles_op_hjwu8a_nodeOn .styles_op_hjwu8a_nodeIcon {
  color: var(--nc);
}
.styles_op_hjwu8a_nodeDone .styles_op_hjwu8a_nodeIcon {
  color: var(--gold);
}
.styles_op_hjwu8a_nodeIcon svg {
  width: 100%;
  height: 100%;
}
.styles_op_hjwu8a_calMini {
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  overflow: hidden;
  background: #ffffff;
  box-shadow:
    0 2px 5px -1px #00000066,
    0 0 0 1px #00000022,
    2px 3px 0 -1px #ffffff55;
}
.styles_op_hjwu8a_calTop {
  height: 10px;
  background: #E5484D;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.styles_op_hjwu8a_calMonth {
  font-family: var(--font-kit-text-font), sans-serif;
  font-weight: 700;
  font-size: 6px;
  letter-spacing: 0.6px;
  color: #ffffff;
}
.styles_op_hjwu8a_calHole {
  position: absolute;
  top: -1px;
  width: 2px;
  height: 3px;
  border-radius: 1px;
  background: #d1d1d1;
}
.styles_op_hjwu8a_calHole:first-child {
  left: 7px;
}
.styles_op_hjwu8a_calHole:last-child {
  right: 7px;
}
.styles_op_hjwu8a_calBodyClip {
  position: relative;
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_op_hjwu8a_calDay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  color: #16181d;
  will-change: transform;
}
.styles_op_hjwu8a_nodeBody {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.styles_op_hjwu8a_nodeLabel {
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 600;
  font-size: 13.5px;
  color: #F2EEE6;
  white-space: nowrap;
}
.styles_op_hjwu8a_nodeMeta {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  letter-spacing: .5px;
  color: #f2eee673;
}
.styles_op_hjwu8a_led {
  position: absolute;
  top: 10px;
  right: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff24;
  transition: background .5s ease, box-shadow .5s ease;
}
.styles_op_hjwu8a_nodeOn .styles_op_hjwu8a_led {
  background: var(--nc);
  box-shadow: 0 0 9px var(--nc);
  animation: styles_op_hjwu8a_ledPulse 1.7s ease-in-out infinite;
}
@keyframes styles_op_hjwu8a_ledPulse {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.28);
  }
}
.styles_op_hjwu8a_nodeDone .styles_op_hjwu8a_led {
  background: color-mix(in srgb, var(--gold) 60%, transparent);
}
.styles_op_hjwu8a_nodeFinale .styles_op_hjwu8a_led {
  animation: styles_op_hjwu8a_ledFinale 1.4s ease-in-out;
}
@keyframes styles_op_hjwu8a_ledFinale {
  0%, 100% {
    box-shadow: 0 0 0 transparent;
  }
  45% {
    background: var(--gold);
    box-shadow: 0 0 9px var(--gold);
  }
}
.styles_op_hjwu8a_nodeFinale {
  border-color: color-mix(in srgb, var(--gold) 42%, transparent);
  box-shadow: 0 0 16px -6px color-mix(in srgb, var(--gold) 45%, transparent);
}
.styles_op_hjwu8a_check {
  position: absolute;
  top: 8px;
  right: 22px;
  width: 13px;
  height: 13px;
  color: var(--gold);
  opacity: 0;
  animation: styles_op_hjwu8a_checkIn .5s cubic-bezier(.22, 1, .36, 1) forwards;
}
.styles_op_hjwu8a_check svg {
  width: 100%;
  height: 100%;
  stroke-dasharray: 24;
  stroke-dashoffset: 24;
  animation: styles_op_hjwu8a_checkDraw .5s cubic-bezier(.22, 1, .36, 1) .08s forwards;
}
@keyframes styles_op_hjwu8a_checkIn {
  to {
    opacity: 1;
  }
}
@keyframes styles_op_hjwu8a_checkDraw {
  to {
    stroke-dashoffset: 0;
  }
}
.styles_op_hjwu8a_statusPill {
  position: absolute;
  top: calc(100% + 9px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 5px 11px;
  border-radius: 999px;
  background: #0c0f14;
  border: 1px solid color-mix(in srgb, var(--nc, var(--gold)) 42%, transparent);
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  color: color-mix(in srgb, var(--nc, var(--gold)) 85%, #fff);
  z-index: 7;
  box-shadow: 0 12px 30px -18px #000;
}
.styles_op_hjwu8a_statusPill::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 7px;
  height: 7px;
  background: #0c0f14;
  border-left: 1px solid color-mix(in srgb, var(--nc, var(--gold)) 42%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--nc, var(--gold)) 42%, transparent);
}
.styles_op_hjwu8a_proc {
  position: absolute;
  bottom: -20px;
  left: 14px;
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity .3s ease;
}
.styles_op_hjwu8a_procOn {
  opacity: 1;
}
.styles_op_hjwu8a_proc i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--gold);
  animation: styles_op_hjwu8a_procp 1s ease-in-out infinite;
}
.styles_op_hjwu8a_proc i:nth-child(2) {
  animation-delay: .15s;
}
.styles_op_hjwu8a_proc i:nth-child(3) {
  animation-delay: .3s;
}
@keyframes styles_op_hjwu8a_procp {
  0%, 100% {
    opacity: .3;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-3px);
  }
}
.styles_op_hjwu8a_sat {
  position: absolute;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  border-radius: 10px;
  background: #10141a;
  border: 1px solid #ffffff14;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12px;
  color: #f2eee6a6;
  z-index: 3;
  transition:
    border-color .4s ease,
    color .4s ease,
    box-shadow .4s ease;
}
.styles_op_hjwu8a_satDot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--gold) 55%, transparent);
  transition: box-shadow .4s ease, background .4s ease;
}
.styles_op_hjwu8a_satOn {
  border-color: color-mix(in srgb, var(--gold) 45%, transparent);
  color: #F2EEE6;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 10%, transparent);
}
.styles_op_hjwu8a_satOn .styles_op_hjwu8a_satDot {
  background: var(--gold);
  box-shadow: 0 0 8px var(--gold);
}
.styles_op_hjwu8a_mFlow {
  position: relative;
  padding: 16px 16px 18px;
}
.styles_op_hjwu8a_mTrack {
  position: absolute;
  left: 36px;
  width: 2px;
  margin-left: -1px;
  background: color-mix(in srgb, var(--gold) 16%, transparent);
  border-radius: 2px;
  z-index: 0;
}
.styles_op_hjwu8a_mTrackFill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--gold) 75%, transparent),
      var(--gold));
  border-radius: 2px;
  box-shadow: 0 0 8px color-mix(in srgb, var(--gold) 45%, transparent);
  transition: height .5s cubic-bezier(.4, 0, .2, 1);
}
.styles_op_hjwu8a_mFinale .styles_op_hjwu8a_mTrackFill {
  box-shadow: 0 0 12px color-mix(in srgb, var(--gold) 60%, transparent);
}
.styles_op_hjwu8a_mSpark {
  position: absolute;
  left: 36px;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      #fff6e0 0%,
      var(--gold) 46%,
      transparent 72%);
  box-shadow: 0 0 14px 4px color-mix(in srgb, var(--gold) 55%, transparent);
  z-index: 3;
}
.styles_op_hjwu8a_mRow {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 12px;
  height: 78px;
}
.styles_op_hjwu8a_mMarker {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
}
.styles_op_hjwu8a_mMarker {
  position: relative;
}
.styles_op_hjwu8a_mMarker::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #14181f;
  border: 1px solid #ffffff1f;
  transition:
    border-color .4s ease,
    box-shadow .4s ease,
    background .4s ease;
}
.styles_op_hjwu8a_mMarkerDot {
  position: relative;
  z-index: 1;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff30;
  transition: background .4s ease, box-shadow .4s ease;
}
.styles_op_hjwu8a_mCheck {
  position: relative;
  z-index: 1;
  width: 16px;
  height: 16px;
  color: var(--gold);
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mMarker::before {
  border-color: var(--gold);
  background: #191d24;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--gold) 14%, transparent), 0 0 16px -2px color-mix(in srgb, var(--gold) 55%, transparent);
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mMarkerDot {
  background: var(--gold);
  box-shadow: 0 0 9px var(--gold);
  animation: styles_op_hjwu8a_ledPulse 1.7s ease-in-out infinite;
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mMarker::before {
  border-color: color-mix(in srgb, var(--gold) 45%, transparent);
}
.styles_op_hjwu8a_mCard {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #14181f;
  border: 1px solid #ffffff17;
  transition:
    border-color .45s ease,
    box-shadow .45s ease,
    background .45s ease;
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mCard {
  border-color: var(--nc, var(--gold));
  background: #191d24;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--nc, var(--gold)) 14%, transparent), 0 0 20px -6px color-mix(in srgb, var(--nc, var(--gold)) 50%, transparent);
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mCard {
  border-color: color-mix(in srgb, var(--gold) 28%, transparent);
}
.styles_op_hjwu8a_mRowFinale .styles_op_hjwu8a_mCard {
  border-color: color-mix(in srgb, var(--gold) 42%, transparent);
  box-shadow: 0 0 16px -6px color-mix(in srgb, var(--gold) 45%, transparent);
}
.styles_op_hjwu8a_mIcon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  color: #f2eee66b;
  transition: color .45s ease;
}
.styles_op_hjwu8a_mIcon svg {
  width: 100%;
  height: 100%;
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mIcon {
  color: var(--nc, var(--gold));
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mIcon {
  color: var(--gold);
}
.styles_op_hjwu8a_mText {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.styles_op_hjwu8a_mLabel {
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #F2EEE6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_op_hjwu8a_mStatus {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  letter-spacing: .3px;
  color: #f2eee673;
  height: 15px;
  line-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .4s ease;
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mStatus {
  color: color-mix(in srgb, var(--nc, var(--gold)) 85%, #fff);
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mStatus {
  color: color-mix(in srgb, var(--gold) 80%, #fff);
}
.styles_op_hjwu8a_mLed {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff24;
  transition: background .45s ease, box-shadow .45s ease;
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mLed {
  background: var(--nc, var(--gold));
  box-shadow: 0 0 9px var(--nc, var(--gold));
  animation: styles_op_hjwu8a_ledPulse 1.7s ease-in-out infinite;
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mLed {
  background: color-mix(in srgb, var(--gold) 60%, transparent);
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_hjwu8a_packet {
    display: none;
  }
  .styles_op_hjwu8a_satLine,
  .styles_op_hjwu8a_satLineOn,
  .styles_op_hjwu8a_online i,
  .styles_op_hjwu8a_proc i,
  .styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mLed,
  .styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mMarkerDot {
    animation: none;
  }
}
@media (max-width: 760px) {
  .styles_op_hjwu8a_wrap {
    padding: 84px 16px;
  }
  .styles_op_hjwu8a_stageOuter {
    width: 100%;
  }
  .styles_op_hjwu8a_system {
    height: 420px;
  }
}
@media (max-width: 600px) {
  .styles_op_hjwu8a_wrap {
    padding: 74px 14px;
  }
  .styles_op_hjwu8a_head {
    margin-bottom: 32px;
  }
  .styles_op_hjwu8a_title {
    font-size: clamp(25px, 7vw, 32px);
  }
}
.styles_op_hjwu8a_mFlow {
  position: relative;
  padding: 16px 16px 18px;
}
.styles_op_hjwu8a_mTrack {
  position: absolute;
  left: 33px;
  width: 2px;
  transform: translateX(-50%);
  background: color-mix(in srgb, var(--gold) 18%, #ffffff12);
  border-radius: 2px;
  overflow: hidden;
  z-index: 1;
}
.styles_op_hjwu8a_mTrackFill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background:
    linear-gradient(
      180deg,
      var(--gold),
      color-mix(in srgb, var(--gold) 55%, transparent));
  box-shadow: 0 0 8px color-mix(in srgb, var(--gold) 45%, transparent);
  border-radius: 2px;
  transition: height .6s cubic-bezier(.4, 0, .2, 1);
}
.styles_op_hjwu8a_mSpark {
  position: absolute;
  left: 33px;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      #fff6e0 0%,
      var(--gold) 46%,
      transparent 72%);
  box-shadow: 0 0 14px 4px color-mix(in srgb, var(--gold) 52%, transparent);
  z-index: 5;
}
.styles_op_hjwu8a_mRow {
  position: relative;
  height: 78px;
  display: flex;
  align-items: center;
  gap: 14px;
  z-index: 2;
}
.styles_op_hjwu8a_mMarker {
  position: relative;
  flex: none;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #12161c;
  border: 1px solid #ffffff1f;
  color: var(--gold);
  z-index: 3;
  transition:
    border-color .45s ease,
    box-shadow .45s ease,
    background .45s ease;
}
.styles_op_hjwu8a_mMarkerDot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff2e;
  transition: background .45s ease, box-shadow .45s ease;
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mMarker {
  border-color: var(--nc, var(--gold));
  background: #191d24;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--nc, var(--gold)) 15%, transparent), 0 0 16px -2px color-mix(in srgb, var(--nc, var(--gold)) 50%, transparent);
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mMarkerDot {
  background: var(--nc, var(--gold));
  box-shadow: 0 0 8px var(--nc, var(--gold));
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mMarker {
  border-color: color-mix(in srgb, var(--gold) 45%, transparent);
  background: #14181f;
}
.styles_op_hjwu8a_mRowFinale .styles_op_hjwu8a_mMarker {
  box-shadow: 0 0 14px -3px color-mix(in srgb, var(--gold) 55%, transparent);
}
.styles_op_hjwu8a_mCheck {
  width: 15px;
  height: 15px;
  color: var(--gold);
}
.styles_op_hjwu8a_mCard {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 13px;
  background: #14181f;
  border: 1px solid #ffffff17;
  transition:
    border-color .45s ease,
    box-shadow .45s ease,
    background .45s ease;
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mCard {
  border-color: var(--nc, var(--gold));
  background: #191d24;
  box-shadow: 0 0 20px -6px color-mix(in srgb, var(--nc, var(--gold)) 45%, transparent);
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mCard {
  border-color: color-mix(in srgb, var(--gold) 28%, transparent);
}
.styles_op_hjwu8a_mRowFinale .styles_op_hjwu8a_mCard {
  border-color: color-mix(in srgb, var(--gold) 42%, transparent);
  box-shadow: 0 0 16px -6px color-mix(in srgb, var(--gold) 45%, transparent);
}
.styles_op_hjwu8a_mIcon {
  flex: none;
  width: 30px;
  height: 30px;
  color: #f2eee66b;
  transition: color .45s ease;
}
.styles_op_hjwu8a_mIcon svg {
  width: 100%;
  height: 100%;
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mIcon {
  color: var(--nc, var(--gold));
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mIcon {
  color: var(--gold);
}
.styles_op_hjwu8a_mText {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.styles_op_hjwu8a_mLabel {
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 600;
  font-size: 14.5px;
  color: #F2EEE6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_op_hjwu8a_mStatus {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  letter-spacing: .3px;
  color: #f2eee666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .4s ease;
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mStatus {
  color: color-mix(in srgb, var(--nc, var(--gold)) 85%, #fff);
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mStatus {
  color: color-mix(in srgb, var(--gold) 75%, #fff);
}
.styles_op_hjwu8a_node {
  cursor: pointer;
}
.styles_op_hjwu8a_node:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
.styles_op_hjwu8a_mCardBtn {
  cursor: pointer;
  text-align: left;
  width: 100%;
  font: inherit;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
}
.styles_op_hjwu8a_mCardBtn:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}
.styles_op_hjwu8a_mOverlay {
  position: fixed;
  inset: 0;
  z-index: 150;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: color-mix(in srgb, #04060a 60%, transparent);
  backdrop-filter: blur(5px);
}
.styles_op_hjwu8a_modal {
  position: relative;
  width: 100%;
  max-width: 440px;
  max-height: 86vh;
  overflow-y: auto;
  padding: 26px 26px 28px;
  border-radius: 20px;
  background:
    linear-gradient(
      180deg,
      #12161df2,
      #0a0c10f7);
  border: 1px solid color-mix(in srgb, var(--acc, var(--gold)) 40%, #ffffff14);
  box-shadow:
    0 50px 120px -50px #000,
    0 0 0 1px #ffffff08,
    inset 0 1px 0 #ffffff0d;
  -webkit-overflow-scrolling: touch;
}
.styles_op_hjwu8a_modalClose {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid #ffffff20;
  background: #ffffff08;
  color: #f2eee6bf;
  cursor: pointer;
  transition:
    border-color .25s ease,
    color .25s ease,
    background .25s ease;
  z-index: 2;
}
.styles_op_hjwu8a_modalClose:hover,
.styles_op_hjwu8a_modalClose:focus-visible {
  border-color: var(--acc, var(--gold));
  color: #fff;
  background: color-mix(in srgb, var(--acc, var(--gold)) 14%, transparent);
  outline: none;
}
.styles_op_hjwu8a_modalClose svg {
  width: 16px;
  height: 16px;
}
.styles_op_hjwu8a_modalTag {
  display: inline-block;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--acc, var(--gold));
  margin-bottom: 8px;
  padding-right: 34px;
}
.styles_op_hjwu8a_modalTitle {
  margin: 0 0 16px;
  font-family: var(--font-kit-header-font), serif;
  font-weight: 600;
  font-size: clamp(19px, 4.6vw, 23px);
  line-height: 1.25;
  color: #F5F2EA;
  padding-right: 12px;
}
.styles_op_hjwu8a_modalScene {
  position: relative;
  height: 150px;
  margin: 0 0 18px;
  border-radius: 14px;
  overflow: hidden;
  background:
    radial-gradient(
      120% 100% at 50% 0%,
      #ffffff08,
      transparent 70%),
    #0c0f14;
  border: 1px solid #ffffff10;
}
.styles_op_hjwu8a_modalBody {
  margin: 0;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 14.5px;
  line-height: 1.62;
  color: #f2eee6c4;
}
.styles_op_hjwu8a_scene {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.styles_op_hjwu8a_sceneLines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.styles_op_hjwu8a_sceneCard {
  position: relative;
  width: 132px;
  padding: 12px;
  border-radius: 10px;
  background: #14181f;
  border: 1px solid color-mix(in srgb, var(--acc) 40%, #ffffff14);
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  z-index: 1;
}
.styles_op_hjwu8a_sceneCardTop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  opacity: 0.85;
}
.styles_op_hjwu8a_sceneField {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  color: #f2eee6cc;
  margin-top: 3px;
}
.styles_op_hjwu8a_sceneField i {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  flex: none;
}
.styles_op_hjwu8a_sceneScan {
  position: absolute;
  left: 0;
  right: 0;
  height: 34%;
  opacity: 0.55;
  pointer-events: none;
}
.styles_op_hjwu8a_sceneChips {
  display: flex;
  flex-direction: column;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.styles_op_hjwu8a_sceneChip {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 9px;
  border-radius: 7px;
  border: 1px solid #ffffff20;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  color: #f2eee699;
  background: #12161caa;
}
.styles_op_hjwu8a_sceneChipCheck {
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
}
.styles_op_hjwu8a_scenePipe {
  position: relative;
  width: 84%;
  height: 96px;
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.styles_op_hjwu8a_scenePipeCol {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.styles_op_hjwu8a_scenePipeHead {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9.5px;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: #f2eee673;
  text-align: center;
}
.styles_op_hjwu8a_scenePipeSlot {
  height: 46px;
  border-radius: 8px;
  background: #14181f;
  border: 1px dashed #ffffff1c;
}
.styles_op_hjwu8a_scenePipeTarget {
  border-style: solid;
}
.styles_op_hjwu8a_sceneDataCard {
  position: absolute;
  bottom: 6px;
  width: 22%;
  height: 34px;
  margin-left: -11%;
  border-radius: 7px;
  background: #191d24;
  border: 1px solid var(--acc, var(--gold));
  box-shadow: 0 0 14px -3px var(--acc, var(--gold));
}
.styles_op_hjwu8a_sceneCal {
  width: 154px;
  background: #0f1319;
  border: 1px solid #ffffff16;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.styles_op_hjwu8a_sceneCalHead {
  display: block;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0c0f14;
  font-weight: 700;
  text-align: center;
  padding: 4px;
}
.styles_op_hjwu8a_sceneCalGrid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
  padding: 8px;
}
.styles_op_hjwu8a_sceneCalCell {
  position: relative;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9.5px;
  color: #f2eee68c;
  border-radius: 4px;
  background: #ffffff08;
}
.styles_op_hjwu8a_sceneCalTarget {
  color: #0c0f14;
  font-weight: 700;
}
.styles_op_hjwu8a_sceneCalPick {
  position: absolute;
  inset: 0;
  border-radius: 4px;
  z-index: 0;
}
.styles_op_hjwu8a_sceneCalNum {
  position: relative;
  z-index: 1;
}
.styles_op_hjwu8a_sceneCalCheck {
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 22px;
  height: 22px;
}
.styles_op_hjwu8a_sceneTimeline {
  position: relative;
  width: 82%;
  height: 60px;
}
.styles_op_hjwu8a_sceneTlBase {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: color-mix(in srgb, var(--gold) 22%, #ffffff12);
  border-radius: 2px;
}
.styles_op_hjwu8a_sceneTlDot {
  position: absolute;
  top: 50%;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
  border-radius: 50%;
  background: #14181f;
  border: 1px solid #ffffff2e;
}
.styles_op_hjwu8a_sceneMsg {
  position: absolute;
  top: 50%;
  margin: -12px 0 0 -12px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #191d24;
  border: 1px solid var(--acc);
  color: var(--acc);
  font-size: 12px;
  z-index: 2;
}
.styles_op_hjwu8a_sceneSignal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
}
@media (max-width: 600px) {
  .styles_op_hjwu8a_modal {
    max-width: 100%;
    max-height: 88vh;
    padding: 22px 18px 24px;
  }
  .styles_op_hjwu8a_modalScene {
    height: 138px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_hjwu8a_sceneScan,
  .styles_op_hjwu8a_sceneDataCard,
  .styles_op_hjwu8a_sceneMsg,
  .styles_op_hjwu8a_sceneSignal,
  .styles_op_hjwu8a_fuTyping i {
    animation: none;
  }
}
.styles_op_hjwu8a_rqScene {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding: 12px 14px;
}
.styles_op_hjwu8a_rqSources {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 84px;
  flex: none;
  z-index: 2;
}
.styles_op_hjwu8a_rqSource {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10px;
  color: #f2eee6cc;
  padding: 5px 7px;
  border-radius: 7px;
  background: #14181f;
  border: 1px solid #ffffff16;
}
.styles_op_hjwu8a_rqSource i {
  width: 6px;
  height: 6px;
  border-radius: 2px;
  flex: none;
}
.styles_op_hjwu8a_rqImpulse {
  position: absolute;
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
  border-radius: 50%;
  z-index: 1;
}
.styles_op_hjwu8a_rqCard {
  position: relative;
  margin-left: auto;
  width: 190px;
  flex: none;
  padding: 10px 11px;
  border-radius: 11px;
  background: #14181f;
  border: 1px solid color-mix(in srgb, var(--acc) 42%, #ffffff14);
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow: hidden;
  z-index: 2;
}
.styles_op_hjwu8a_rqCardTop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  opacity: 0.9;
}
.styles_op_hjwu8a_rqCardHead {
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 600;
  font-size: 11px;
  color: #F2EEE6;
  margin-bottom: 1px;
}
.styles_op_hjwu8a_rqField {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-kit-text-font), sans-serif;
}
.styles_op_hjwu8a_rqField i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: none;
}
.styles_op_hjwu8a_rqField b {
  font-weight: 700;
  font-size: 8.5px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #f2eee68c;
  width: 62px;
  flex: none;
}
.styles_op_hjwu8a_rqFieldBar {
  flex: 1;
  height: 5px;
  border-radius: 3px;
}
.styles_op_hjwu8a_rqStatus {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--sc);
}
.styles_op_hjwu8a_rqStatus svg {
  width: 14px;
  height: 14px;
  flex: none;
}
.styles_op_hjwu8a_tmScene {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
}
.styles_op_hjwu8a_tmSlots {
  position: relative;
  display: flex;
  gap: 8px;
  width: 100%;
  max-width: 264px;
}
.styles_op_hjwu8a_tmSlot {
  flex: 1;
  text-align: center;
  padding: 6px 0;
  border-radius: 8px;
  background: #14181f;
  border: 1px solid #ffffff18;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  color: #f2eee699;
  transition: color 0.4s ease, border-color 0.4s ease;
  position: relative;
  z-index: 1;
}
.styles_op_hjwu8a_tmSlotSel {
  color: #F2EEE6;
  border-color: var(--acc);
}
.styles_op_hjwu8a_tmFrame {
  position: absolute;
  top: -2px;
  bottom: -2px;
  width: calc(33.33% - 4px);
  border-radius: 9px;
  border: 1.5px solid var(--acc);
  box-shadow: 0 0 12px -2px var(--acc);
  background: color-mix(in srgb, var(--acc) 12%, transparent);
  z-index: 0;
}
.styles_op_hjwu8a_tmBottom {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 288px;
}
.styles_op_hjwu8a_tmWeek {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
  flex: 1;
}
.styles_op_hjwu8a_tmDay {
  position: relative;
  aspect-ratio: 1;
  min-height: 20px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #ffffff08;
}
.styles_op_hjwu8a_tmDay em {
  font-style: normal;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 8px;
  color: #f2eee66b;
}
.styles_op_hjwu8a_tmBooked {
  position: absolute;
  inset: 1px;
  border-radius: 4px;
  display: grid;
  place-items: center;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 6.5px;
  font-weight: 700;
  color: #0c0f14;
}
.styles_op_hjwu8a_tmSync {
  width: 32px;
  flex: none;
}
.styles_op_hjwu8a_tmSync svg {
  width: 100%;
  height: 20px;
}
.styles_op_hjwu8a_tmSyncBase {
  stroke: #ffffff22;
  stroke-width: 2;
}
.styles_op_hjwu8a_tmSyncFlow {
  stroke-width: 2;
  stroke-dasharray: 4 4;
  stroke-linecap: round;
}
.styles_op_hjwu8a_tmDevice {
  position: relative;
  width: 30px;
  height: 38px;
  flex: none;
  border-radius: 6px;
  background: #0f1319;
  border: 1px solid #ffffff1c;
  overflow: hidden;
  transition: border-color 0.4s ease;
}
.styles_op_hjwu8a_tmDeviceTop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  transition: background 0.4s ease;
}
.styles_op_hjwu8a_tmDeviceBody {
  position: absolute;
  top: 12px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 3px;
  background: #ffffff10;
}
.styles_op_hjwu8a_tmConfirm {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: var(--sc);
}
.styles_op_hjwu8a_tmConfirm svg {
  width: 14px;
  height: 14px;
  flex: none;
}
.styles_op_hjwu8a_fuScene {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
  padding: 11px 16px;
}
.styles_op_hjwu8a_fuBubble,
.styles_op_hjwu8a_fuBubble2 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 10px 10px 10px 3px;
  background: #14181f;
  border: 1px solid #ffffff18;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  color: #f2eee6d0;
  align-self: flex-start;
  max-width: 84%;
}
.styles_op_hjwu8a_fuBubble2 {
  border-radius: 10px 10px 3px 10px;
  align-self: flex-end;
  border-color: color-mix(in srgb, var(--acc) 42%, #ffffff14);
}
.styles_op_hjwu8a_fuBubbleLabel {
  white-space: nowrap;
}
.styles_op_hjwu8a_fuBubbleCheck {
  width: 14px;
  height: 14px;
  flex: none;
  color: var(--sc);
}
.styles_op_hjwu8a_fuMid {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_op_hjwu8a_fuRing {
  position: relative;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
}
.styles_op_hjwu8a_fuRing svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.styles_op_hjwu8a_fuRingBase {
  fill: none;
  stroke: #ffffff1a;
  stroke-width: 3;
}
.styles_op_hjwu8a_fuRingProg {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
}
.styles_op_hjwu8a_fuRingLabel {
  position: relative;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9px;
  font-weight: 700;
  color: #f2eee6cc;
}
.styles_op_hjwu8a_fuNoreply {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #E0A24D;
}
.styles_op_hjwu8a_fuTyping {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 12px;
  border-radius: 12px;
  background: #14181f;
  border: 1px solid #ffffff18;
}
.styles_op_hjwu8a_fuTyping i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
  animation: styles_op_hjwu8a_procp 1s ease-in-out infinite;
}
.styles_op_hjwu8a_fuTyping i:nth-child(2) {
  animation-delay: 0.15s;
}
.styles_op_hjwu8a_fuTyping i:nth-child(3) {
  animation-delay: 0.3s;
}
.styles_op_hjwu8a_fuStatus {
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: flex-end;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  color: var(--sc);
}
.styles_op_hjwu8a_fuStatus svg {
  width: 13px;
  height: 13px;
  flex: none;
}
.styles_op_hjwu8a_mLed {
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff22;
  transition: background .45s ease, box-shadow .45s ease;
}
.styles_op_hjwu8a_mRowOn .styles_op_hjwu8a_mLed {
  background: var(--nc, var(--gold));
  box-shadow: 0 0 9px var(--nc, var(--gold));
  animation: styles_op_hjwu8a_ledPulse 1.7s ease-in-out infinite;
}
.styles_op_hjwu8a_mRowDone .styles_op_hjwu8a_mLed {
  background: color-mix(in srgb, var(--gold) 60%, transparent);
}

/* ---- Anpassungen für den Einbau in unsere Seite (Wurzel ersetzt die bisherige „engine“, Grund läuft randlos hinter dem Abschnitt) ---- */
.bw.bw-ki-start { position: static; width: 100%; max-width: none; }
section:has(> .bw-ki-start), section:has(.bw-ki-start) { position: relative; isolation: isolate; }
.bw-ki-start__grund { position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); z-index: -1; overflow: hidden; pointer-events: none; background: var(--bg, #08090C); }
.bw-ki-start__grund::before { content: ""; position: absolute; inset: 0; background: radial-gradient(64% 54% at 50% 46%, color-mix(in srgb, var(--gold) 8%, transparent), transparent 64%); pointer-events: none; }
.bw-ki-start .styles_op_hjwu8a_stageOuter { width: min(1180px, 92vw); margin-left: calc(50% - min(590px, 46vw)); margin-right: 0; }
@media (max-width: 760px) { .bw-ki-start .styles_op_hjwu8a_stageOuter { width: 100%; margin-left: 0; } }
/* Grundwerte des Originals (Seitenbasis 14 px / 24 px Zeilenhöhe), damit Abstände und Höhen übereinstimmen */
.bw-ki-start, .bw-ki-start-overlay { font-size: 14px; line-height: 24px; font-family: "Times New Roman", Times, serif; }

/* Kontaktmenü am schwebenden Kontakt-Knopf: Knopf dreht sich, Menü klappt nach oben auf; die Kontaktseite sticht hervor */
.avy-kfab { overflow: visible; }
.avy-kfab > svg { transition: transform .42s cubic-bezier(.2, .8, .2, 1), opacity .25s; }
.avy-kfab .avy-kfab-zu { position: absolute; inset: 0; margin: auto; opacity: 0; transform: rotate(-90deg) scale(.6); pointer-events: none; }
.avy-kfab.avy-offen > svg:not(.avy-kfab-zu) { opacity: 0; transform: rotate(180deg) scale(.6); }
.avy-kfab.avy-offen .avy-kfab-zu { opacity: 1; transform: rotate(0) scale(1); }
.avy-kfab.avy-offen .styles_op_eyw47c_fabTip, .avy-kfab.avy-offen [class*="_fabTip"] { opacity: 0 !important; visibility: hidden; }
.avy-kmenue { font-family: var(--sans, "Inter", system-ui, sans-serif); position: absolute; right: 0; bottom: calc(100% + 14px); z-index: 2147483001; display: flex; flex-direction: column; gap: 10px; width: min(316px, calc(100vw - 32px)); padding: 10px; border-radius: 22px; background: rgba(14, 16, 22, .96); border: 1px solid rgba(196, 160, 106, .28); box-shadow: 0 24px 56px -14px rgba(0, 0, 0, .7), 0 0 0 1px rgba(0, 0, 0, .35); backdrop-filter: blur(14px); pointer-events: auto; transform-origin: calc(100% - 28px) 100%; opacity: 0; transform: translateY(14px) scale(.82); transition: opacity .26s ease, transform .34s cubic-bezier(.2, .9, .25, 1.15); }
.avy-kmenue[hidden] { display: none; }
.avy-kmenue.offen { opacity: 1; transform: none; }
.avy-kmenue > * { opacity: 0; transform: translateY(10px); transition: opacity .3s ease, transform .35s cubic-bezier(.2, .9, .25, 1.1); }
.avy-kmenue.offen > * { opacity: 1; transform: none; }
.avy-kmenue.offen > :nth-child(1) { transition-delay: .06s; }
.avy-kmenue.offen > :nth-child(2) { transition-delay: .14s; }
.avy-kmenue-haupt { position: relative; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; text-decoration: none; color: #0B0D11; background: linear-gradient(135deg, #D9B77C, #B88732); box-shadow: 0 14px 34px -12px rgba(196, 160, 106, .75); }
.avy-kmenue-haupt::after { content: ""; position: absolute; inset: -3px; border-radius: 19px; border: 1px solid rgba(217, 183, 124, .65); animation: avy-kpuls 2.4s ease-out infinite; pointer-events: none; }
.avy-kmenue-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.avy-kmenue-text strong { font-size: 15px; line-height: 1.2; font-weight: 700; }
.avy-kmenue-text small { font-size: 12px; line-height: 1.3; opacity: .8; }
.avy-kmenue-reihe { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.avy-kmenue-weg { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 62px; padding: 6px 2px; font: inherit; cursor: pointer; border-radius: 14px; color: rgb(224, 199, 155); text-decoration: none; background: rgba(255, 255, 255, .05); border: 1px solid rgba(196, 160, 106, .22); transition: background .2s, transform .2s, border-color .2s; }
.avy-kmenue-weg:hover, .avy-kmenue-weg:focus-visible { background: rgba(196, 160, 106, .18); border-color: rgba(196, 160, 106, .6); transform: translateY(-2px); }
.avy-kmenue-haupt:focus-visible, .avy-kfab:focus-visible { outline: 2px solid #F2D9A6; outline-offset: 3px; }
@keyframes avy-kpuls { 0% { opacity: .9; transform: scale(1); } 70%, 100% { opacity: 0; transform: scale(1.07); } }
@media (prefers-reduced-motion: reduce) {
  .avy-kmenue, .avy-kmenue > *, .avy-kfab > svg { transition: none; }
  .avy-kmenue-haupt::after { animation: none; }
}
.avy-kwrap { position: relative; }

/* Schwebestapel weicht Haupt-Knöpfen nach unten aus (seite.js setzt --avy-fab-senk) */
.avy-fab-weicht { margin-bottom: calc(-1 * var(--avy-fab-senk, 0px)); }

.avy-kmenue-weg small { font-size: 11px; line-height: 1.1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.avy-kmenue-weg.avy-weg-bald { opacity: .45; cursor: default; }
.avy-kmenue-weg.avy-weg-bald:hover { background: rgba(255, 255, 255, .05); border-color: rgba(196, 160, 106, .22); transform: none; }

/* Mit der Maus (Hover-Geräte): runde Symbole; beim Darüberfahren füllt sich der Kreis in Gold und eine Blase mit dem Namen erscheint darüber.
   Auf dem Handy (kein Hover) bleibt die Beschriftung unter dem Symbol und Tippen öffnet direkt. */
@media (hover: hover) and (pointer: fine) {
  .avy-kmenue { overflow: visible; }
  .avy-kmenue-reihe { gap: 6px; }
  .avy-kmenue-weg { position: relative; isolation: isolate; width: 52px; height: 52px; min-height: 0; padding: 0; margin: 0 auto; border-radius: 50%; background: rgba(255, 255, 255, .06); border-color: rgba(196, 160, 106, .28); transition: color .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease; }
  .avy-kmenue-weg::before { content: ""; position: absolute; inset: -1px; border-radius: 50%; z-index: -1; background: radial-gradient(circle at 50% 40%, #E7CB92, #C4A06A 70%); transform: scale(0); transition: transform .3s cubic-bezier(.2, .9, .25, 1.1); }
  .avy-kmenue-weg:hover, .avy-kmenue-weg:focus-visible { background: rgba(255, 255, 255, .06); color: #0B0D11; border-color: #E0C79B; transform: translateY(-2px); box-shadow: 0 10px 22px -8px rgba(196, 160, 106, .6); }
  .avy-kmenue-weg:hover::before, .avy-kmenue-weg:focus-visible::before { transform: scale(1); }
  .avy-kmenue-weg small { position: absolute; left: 50%; bottom: calc(100% + 10px); z-index: 2; width: max-content; max-width: 150px; padding: 5px 10px; border-radius: 8px; font-size: 12.5px; font-weight: 600; line-height: 1.2; color: #0B0D11; background: #E0C79B; box-shadow: 0 8px 18px -6px rgba(0, 0, 0, .6); opacity: 0; visibility: hidden; transform: translate(-50%, 6px) scale(.9); transform-origin: 50% 100%; pointer-events: none; transition: opacity .18s ease, transform .22s cubic-bezier(.2, .9, .25, 1.2), visibility 0s linear .22s; }
  .avy-kmenue-weg small::after { content: ""; position: absolute; left: 50%; top: 100%; width: 9px; height: 9px; margin-top: -5px; background: inherit; transform: translateX(-50%) rotate(45deg); border-radius: 0 0 2px 0; }
  .avy-kmenue-weg:hover small, .avy-kmenue-weg:focus-visible small { opacity: 1; visibility: visible; transform: translate(-50%, 0) scale(1); transition-delay: 0s; }
  .avy-kmenue-weg.avy-weg-bald:hover { background: rgba(255, 255, 255, .06); color: rgb(224, 199, 155); border-color: rgba(196, 160, 106, .28); box-shadow: none; transform: none; }
  .avy-kmenue-weg.avy-weg-bald:hover::before { transform: scale(0); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  .avy-kmenue-weg, .avy-kmenue-weg::before, .avy-kmenue-weg small { transition: none; }
}

/* kopf-leiste: Kopfzeile 1:1 aus dem Original (gemessen bei 1440 und 390 px). Vier Fassungen, je mit eigenem Klassenpräfix:
   kza-  Startseite (Original eyw47c, Umbruch 860 px, Höhe 85)
   kzb-  Leistungen (y4ze9x, Umbruch 980/520 px, Höhe 75)
   kzc-  Datenschutz und Impressum (rvkimz, Umbruch 900 px, Höhe 77; beim Scrollen kleiner)
   kzd-  alle übrigen Unterseiten (…_header, Umbruch 960/560 px, Höhe 77); Sprachknopf je Seite: kzd (Text), kze (Knopf ohne Rahmen, KI-Automatisierung), kzf (Knopf mit Pfeil, CRM)
   Der Sprachknopf ist ein Platzhalter (<span class="sprache">), den src/avyzor-i18n.js durch details.sprachwahl ersetzt; unten stehen die Regeln, die Platzhalter und summary wie den Original-Knopf aussehen lassen.
   Die Regeln der Fassungen sind die Original-Regeln (Klassen umbenannt), danach folgen die Regeln für den Sprachknopf und die Hilfsklassen. */

/* ===== a: Startseite ===== */
.kza-navBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  transition:
    background .4s ease,
    backdrop-filter .4s ease,
    border-color .4s ease;
  border-bottom: 1px solid transparent;
}
.kza-navScrolled {
  background: color-mix(in srgb, #05060c 78%, transparent);
  backdrop-filter: blur(14px);
  border-bottom-color: color-mix(in srgb, var(--gold, #C4A06A) 22%, transparent);
}
.kza-navInner {
  max-width: 1250px;
  margin: 0 auto;
  width: 100%;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.kza-brand {
  font-family: var(--font-kit-header-font, serif);
  font-size: 1.35rem;
  letter-spacing: 0.34em;
  color: #f4f1ea;
  text-decoration: none;
  font-weight: 600;
  padding-left: 0.34em;
}
.kza-navLinks {
  display: flex;
  align-items: center;
  gap: 26px;
}
.kza-navLink {
  position: relative;
  color: #c8ccd8;
  text-decoration: none;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  transition: color .25s ease;
}
.kza-navLink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 1px;
  background: var(--gold, #C4A06A);
  transition: width .3s ease;
}
.kza-navLink:hover {
  color: #fff;
}
.kza-navLink:hover::after {
  width: 100%;
}
.kza-navRight {
  display: flex;
  align-items: center;
  gap: 18px;
}
.kza-langWrap {
  position: relative;
  display: inline-flex;
}
.kza-navCtaBtn {
  font-size: 0.82rem;
  letter-spacing: 0.03em;
  color: #06060a;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 999px;
  background:
    linear-gradient(
      120deg,
      #f0d089,
      var(--gold, #C4A06A));
  font-weight: 600;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 6px 22px color-mix(in srgb, var(--gold, #C4A06A) 30%, transparent);
}
.kza-navCtaBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--gold, #C4A06A) 45%, transparent);
}
.kza-burger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 6px;
}
.kza-burger span {
  width: 24px;
  height: 2px;
  background: #f4f1ea;
}
.kza-mobileMenu {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 24px;
  background: color-mix(in srgb, #05060c 92%, transparent);
  backdrop-filter: blur(16px);
  position: relative;
  z-index: 40;
}
.kza-mobileLink {
  padding: 13px 4px;
  color: #d7dae2;
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, #fff 8%, transparent);
  font-size: 0.95rem;
}
.kza-mobileCta {
  margin: 14px 4px 20px;
  text-align: center;
}
@media (max-width: 860px){
.kza-navLinks {
    display: none;
  }
.kza-burger {
    display: flex;
  }
.kza-navCtaBtn:not(.kza-mobileCta) {
    display: none;
  }
}

/* ===== b: Leistungen ===== */
.kzb-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: color-mix(in srgb, var(--h-bg) 55%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--h-accent) 18%, transparent);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition:
    background 0.35s ease,
    backdrop-filter 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
  font-family: var(--font-kit-text-font, "Inter", sans-serif);
}
.kzb-scrolled {
  background: color-mix(in srgb, var(--h-bg) 82%, transparent);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  border-bottom-color: color-mix(in srgb, var(--h-accent) 34%, transparent);
  box-shadow: 0 8px 30px -12px rgba(0, 0, 0, 0.6);
}
.kzb-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 28px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.kzb-brand {
  font-family: var(--font-kit-header-font, "Space Grotesk", sans-serif);
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 3px;
  color: var(--h-text);
  text-decoration: none;
  flex-shrink: 0;
  transition: color 0.25s ease;
}
.kzb-brand:hover {
  color: var(--h-accent);
}
.kzb-desktopNav {
  display: flex;
  align-items: center;
  gap: 26px;
  flex: 1;
  justify-content: center;
}
.kzb-navLink {
  position: relative;
  color: color-mix(in srgb, var(--h-text) 82%, transparent);
  text-decoration: none;
  font-size: 14.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  white-space: nowrap;
  transition: color 0.25s ease;
}
.kzb-navLink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 1.5px;
  background: var(--h-accent);
  transition: width 0.28s ease;
}
.kzb-navLink:hover {
  color: var(--h-text);
}
.kzb-navLink:hover::after {
  width: 100%;
}
.kzb-right {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
}
.kzb-cta {
  background:
    linear-gradient(
      135deg,
      var(--h-accent),
      color-mix(in srgb, var(--h-accent) 70%, #fff));
  color: #08090B;
  text-decoration: none;
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 11px 22px;
  border-radius: 8px;
  white-space: nowrap;
  box-shadow: 0 6px 20px -8px color-mix(in srgb, var(--h-accent) 70%, transparent);
  transition:
    transform 0.2s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease;
}
.kzb-cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 10px 26px -8px color-mix(in srgb, var(--h-accent) 80%, transparent);
}
.kzb-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 42px;
  height: 42px;
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--h-accent) 30%, transparent);
  border-radius: 8px;
  cursor: pointer;
  padding: 0 10px;
}
.kzb-burger span {
  display: block;
  height: 2px;
  width: 100%;
  background: var(--h-text);
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.2s ease;
}
.kzb-burgerOpen span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.kzb-burgerOpen span:nth-child(2) {
  opacity: 0;
}
.kzb-burgerOpen span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.kzb-mobilePanel {
  position: fixed;
  top: 74px;
  left: 0;
  right: 0;
  background: color-mix(in srgb, var(--h-bg) 96%, transparent);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid color-mix(in srgb, var(--h-accent) 30%, transparent);
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition:
    max-height 0.4s ease,
    opacity 0.3s ease,
    visibility 0.3s ease;
}
.kzb-mobileOpen {
  max-height: calc(100vh - 74px);
  opacity: 1;
  visibility: visible;
}
.kzb-mobileNav {
  display: flex;
  flex-direction: column;
  padding: 12px 28px 4px;
}
.kzb-mobileLink {
  color: color-mix(in srgb, var(--h-text) 88%, transparent);
  text-decoration: none;
  font-size: 17px;
  font-weight: 500;
  padding: 15px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--h-text) 8%, transparent);
  transition: color 0.2s ease;
}
.kzb-mobileLink:hover {
  color: var(--h-accent);
}
.kzb-mobileFooter {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 28px 26px;
}
.kzb-mobileCta {
  flex: 1;
  text-align: center;
  background:
    linear-gradient(
      135deg,
      var(--h-accent),
      color-mix(in srgb, var(--h-accent) 70%, #fff));
  color: #08090B;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  padding: 13px 20px;
  border-radius: 8px;
}
@media (max-width: 980px){
.kzb-desktopNav {
    display: none;
  }
.kzb-cta {
    display: none;
  }
.kzb-burger {
    display: flex;
  }
}
@media (max-width: 520px){
.kzb-inner {
    padding: 0 18px;
    height: 66px;
  }
.kzb-mobilePanel {
    top: 66px;
  }
.kzb-mobileOpen {
    max-height: calc(100vh - 66px);
  }
.kzb-brand {
    font-size: 21px;
    letter-spacing: 2px;
  }
}

/* ===== c: Datenschutz, Impressum ===== */
.kzc-navBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
  padding: 16px 24px;
  background: #08090b66;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid #ffffff12;
  transition:
    background .3s ease,
    padding .3s ease,
    border-color .3s ease;
}
.kzc-navBarScrolled {
  padding: 10px 24px;
  background: #08090bd9;
  border-bottom-color: #ffffff1f;
}
.kzc-navInner {
  max-width: 1250px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.kzc-navBrand {
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #F2EEE6;
  text-decoration: none;
  flex: none;
}
.kzc-navLinks {
  display: flex;
  align-items: center;
  gap: 26px;
}
.kzc-navLink {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 14px;
  color: #f2eee6b3;
  text-decoration: none;
  position: relative;
  transition: color .2s ease;
}
.kzc-navLink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 1.5px;
  background: var(--accent);
  transition: width .25s ease;
}
.kzc-navLink:hover {
  color: #F2EEE6;
}
.kzc-navLink:hover::after {
  width: 100%;
}
.kzc-navRight {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: none;
}
.kzc-navCta {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #08090B;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 100px;
  background:
    linear-gradient(
      135deg,
      var(--accent),
      #E0C79B);
  transition: transform .2s ease, box-shadow .2s ease;
  white-space: nowrap;
}
.kzc-navCta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px -12px var(--accent);
}
.kzc-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 42px;
  height: 42px;
  padding: 0;
  background: none;
  border: 1px solid #ffffff24;
  border-radius: 11px;
  cursor: pointer;
}
.kzc-burger span {
  display: block;
  width: 18px;
  height: 2px;
  margin: 0 auto;
  background: #F2EEE6;
  border-radius: 2px;
  transition: transform .3s ease, opacity .2s ease;
}
.kzc-burgerOpen span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.kzc-burgerOpen span:nth-child(2) {
  opacity: 0;
}
.kzc-burgerOpen span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.kzc-mobileMenu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 85;
  padding: 86px 24px 32px;
  background: #08090bf7;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transform: translateY(-102%);
  transition: transform .38s cubic-bezier(0.22, 1, 0.36, 1);
  border-bottom: 1px solid #ffffff14;
}
.kzc-mobileMenuOpen {
  transform: translateY(0);
}
.kzc-mobileNav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 1250px;
  margin: 0 auto;
}
.kzc-mobileLink {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 17px;
  color: #f2eee6cc;
  text-decoration: none;
  padding: 14px 4px;
  border-bottom: 1px solid #ffffff10;
}
.kzc-mobileLink:active {
  color: var(--accent);
}
.kzc-mobileCta {
  margin-top: 18px;
  text-align: center;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #08090B;
  text-decoration: none;
  padding: 14px 20px;
  border-radius: 100px;
  background:
    linear-gradient(
      135deg,
      var(--accent),
      #E0C79B);
}
@media (max-width: 900px){
.kzc-navLinks {
    display: none;
  }
.kzc-navCta {
    display: none;
  }
.kzc-burger {
    display: flex;
  }
}
@media (min-width: 901px){
.kzc-mobileMenu {
    display: none;
  }
}

/* ===== d: übrige Unterseiten ===== */
.kzd-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9000;
  transition:
    background .35s ease,
    backdrop-filter .35s ease,
    border-color .35s ease;
  border-bottom: 1px solid transparent;
}
.kzd-headerScrolled {
  background: #0A0B0Ecc;
  backdrop-filter: blur(14px) saturate(1.2);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  border-bottom: 1px solid #C4A06A22;
}
.kzd-headerInner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.kzd-brand {
  font-family: var(--font-kit-header-font);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.18em;
  color: var(--color-kit-white);
  text-decoration: none;
}
.kzd-nav {
  display: flex;
  align-items: center;
  gap: 26px;
}
.kzd-navLink {
  font-family: var(--font-kit-text-font);
  font-size: 14px;
  color: #C9C6BE;
  text-decoration: none;
  position: relative;
  transition: color .25s ease;
  white-space: nowrap;
}
.kzd-navLink::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  height: 1px;
  width: 100%;
  background: var(--color-kit-key1);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}
.kzd-navLink:hover {
  color: var(--color-kit-white);
}
.kzd-navLink:hover::after {
  transform: scaleX(1);
}
.kzd-headerRight {
  display: flex;
  align-items: center;
  gap: 16px;
}
.kzd-ctaBtn {
  font-family: var(--font-kit-text-font);
  font-weight: 600;
  font-size: 14px;
  color: #1A1408;
  text-decoration: none;
  padding: 10px 18px;
  border-radius: 11px;
  background:
    linear-gradient(
      135deg,
      #E0C79B,
      #C4A06A 55%,
      #A8854F);
  box-shadow: inset 0 1px 0 #ffffff55, 0 6px 18px #C4A06A2e;
  white-space: nowrap;
  transition: transform .2s ease, box-shadow .2s ease;
}
.kzd-ctaBtn:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 #ffffff66, 0 10px 26px #C4A06A44;
}
.kzd-burger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 6px;
}
.kzd-burger span {
  width: 22px;
  height: 2px;
  background: #E7E3DA;
  border-radius: 2px;
}
.kzd-mobileMenu {
  display: none;
  flex-direction: column;
  gap: 4px;
  padding: 12px 24px 20px;
  background: #0A0B0Ef2;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid #C4A06A22;
}
.kzd-mobileLink {
  color: #C9C6BE;
  text-decoration: none;
  padding: 10px 0;
  font-size: 15px;
  border-bottom: 1px solid #ffffff0d;
}
.kzd-mobileCta {
  margin-top: 10px;
  text-align: center;
  color: #1A1408;
  font-weight: 600;
  padding: 12px;
  border-radius: 11px;
  text-decoration: none;
  background:
    linear-gradient(
      135deg,
      #E0C79B,
      #C4A06A);
}
@media (max-width: 960px){
.kzd-burger {
    display: flex;
  }
.kzd-mobileMenu {
    display: flex;
  }
}
@media (max-width: 560px){
.kzd-ctaBtn {
    padding: 9px 14px;
    font-size: 13px;
  }
}

/* ===== d: Rest der Fassung (Original-Regel "nav, lang" teilt sich die Umbruchregel mit dem Sprachtext) ===== */
@media (max-width: 960px) { .kzd-nav { display: none; } }
/* Kontakt, Projektanfrage, Extras-Anfrage: das Original kennt dort die Verkleinerung des Knopfes bei 560 px nicht */
@media (max-width: 560px) { .kzd-ohnekurz .kzd-ctaBtn { padding: 10px 18px; font-size: 14px; } }
/* Dashboard: Übergang ohne backdrop-filter */
.kzd-header.kzd-dash { transition: background .35s ease, border-color .35s ease; }
/* Sprachzeile im Mobilmenü der Fassungen d/e/f (Original: nur KI-Automatisierung hat sie; bei uns auch sonst, weil die Sprachwahl auf dem Handy sonst fehlen würde) */
.kzd-mobileLangRow { display: flex; align-items: center; gap: 8px; padding: 12px 0 4px; border-top: 1px solid #ffffff0d; margin-top: 6px; }

/* ===== Hilfsklassen ===== */
.kz-zu { display: none !important; }
@media (min-width: 861px) { .kza-mobileMenu { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .kzb-mobilePanel, .kzc-mobileMenu { transition: none; } }
.kz-schwebe { position: relative; display: inline-flex; }
/* Sprachwahl in Mobilmenüs: Liste im Fluss statt schwebend (die Menüs schneiden sonst ab) */
.kz-mlang .sprachwahl > ul { position: static; width: 100%; min-width: 0; margin-top: 8px; box-shadow: none; max-height: 40vh; }
.kz-mlang .sprachwahl { display: block; }

/* ===== Sprachknopf: Platzhalter (.sprache) und details.sprachwahl > summary sehen aus wie der Original-Knopf ===== */
.kza-langWrap .sprache, .kza-langWrap .sprachwahl > summary,
.kzb-right .sprache, .kzb-right .sprachwahl > summary,
.kzc-navRight .sprache, .kzc-navRight .sprachwahl > summary, .kzc-mobileLangRow .sprachwahl > summary,
.kzd-headerRight .sprache, .kzd-headerRight .sprachwahl > summary, .kzd-mobileLangRow .sprachwahl > summary { text-transform: none; white-space: nowrap; user-select: none; }
.kza-langWrap .sprache, .kza-langWrap .sprachwahl > summary, .kzc-navRight .sprache, .kzc-navRight .sprachwahl > summary, .kzc-mobileLangRow .sprachwahl > summary { line-height: normal; }
.kza-langWrap .sprachwahl > summary::after, .kza-langWrap .sprache::after { content: ""; display: block; width: 6px; height: 6px; border: 0 solid currentColor; border-right-width: 1.5px; border-bottom-width: 1.5px; transform: translateY(-1px) rotate(45deg); transition: transform .25s ease; }
.kza-langWrap .sprachwahl[open] > summary::after { transform: translateY(1px) rotate(-135deg); }
/* a: Start (Original .lang, Knopf 52 x 28 mit Pfeil) */
.kza-langWrap .sprache, .kza-langWrap .sprachwahl > summary { display: inline-flex; align-items: center; gap: 7px; font-family: var(--mono); font-size: .72rem; font-weight: 400; letter-spacing: .12em; color: #cbb184; border: 1px solid color-mix(in srgb, var(--gold, #C4A06A) 34%, transparent); border-radius: 6px; padding: 6px 10px; background: color-mix(in srgb, #05060c 40%, transparent); cursor: pointer; transition: border-color .25s ease, color .25s ease, background .25s ease; }
.kza-langWrap .sprache:hover, .kza-langWrap .sprachwahl > summary:hover, .kza-langWrap .sprachwahl > summary:focus-visible { color: #f4e6c4; border-color: color-mix(in srgb, var(--gold, #C4A06A) 60%, transparent); background: color-mix(in srgb, var(--gold, #C4A06A) 12%, transparent); outline: none; }
.kza-langWrap .sprachwahl { font: inherit; letter-spacing: inherit; }
/* Liste wie Original langMenu */
.kza-langWrap .sprachwahl > ul { top: calc(100% + 8px); min-width: 170px; padding: 6px; background: linear-gradient(160deg, #12131f, #0a0b13); border: 1px solid color-mix(in srgb, var(--gold, #C4A06A) 30%, transparent); border-radius: 10px; box-shadow: 0 24px 60px rgba(0, 0, 0, .55); }
/* b: Leistungen (Original a.lang: Text 14/600, Rand Gold 30 %, kein Pfeil) */
.kzb-right .sprache, .kzb-right .sprachwahl > summary, .kzb-mobileFooter .sprachwahl > summary { display: inline-block; font-family: var(--font-kit-text-font, "Inter", sans-serif); font-size: 14px; font-weight: 600; letter-spacing: 1px; color: color-mix(in srgb, var(--h-text) 80%, transparent); padding: 6px 10px; border: 1px solid color-mix(in srgb, var(--h-accent) 30%, transparent); border-radius: 6px; transition: border-color .25s ease, color .25s ease; cursor: pointer; }
.kzb-right .sprachwahl, .kzb-mobileFooter .sprachwahl { font: inherit; letter-spacing: inherit; }
.kzb-right .sprachwahl > summary::after, .kzb-mobileFooter .sprachwahl > summary::after { display: none; }
.kzb-right .sprache:hover, .kzb-right .sprachwahl > summary:hover { color: var(--h-accent); border-color: var(--h-accent); }
.kzb-mobileFooter .sprachwahl > summary { color: var(--h-text); padding: 10px 14px; }
.kzb-mobileFooter .sprachwahl > ul { top: auto; bottom: calc(100% + 8px); }
@media (max-width: 980px) { .kzb-right .sprache, .kzb-right .sprachwahl { display: none; } }
/* c: Datenschutz (Original langSwitch "DE | EN": Pille, aktiv Gold) */
.kzc-navRight .sprache, .kzc-navRight .sprachwahl > summary, .kzc-mobileLangRow .sprachwahl > summary { display: flex; align-items: center; gap: 5px; font-family: var(--font-kit-text-font), sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .08em; color: var(--accent); padding: 7px 12px; border-radius: 999px; border: 1px solid #ffffff24; background: none; cursor: pointer; transition: border-color .2s ease, background .2s ease; }
.kzc-navRight .sprachwahl, .kzc-mobileLangRow .sprachwahl { font: inherit; letter-spacing: inherit; }
.kzc-navRight .sprachwahl > summary::before, .kzc-mobileLangRow .sprachwahl > summary::before { content: "|"; order: 2; color: #f2eee633; font-weight: 300; }
.kzc-navRight .sprachwahl > summary::after, .kzc-mobileLangRow .sprachwahl > summary::after { content: "EN"; order: 3; width: auto; height: auto; border: 0; transform: none; color: #f2eee666; }
.kzc-navRight .sprachwahl[open] > summary::after, .kzc-mobileLangRow .sprachwahl[open] > summary::after { transform: none; }
.kzc-navRight .sprache:hover, .kzc-navRight .sprachwahl > summary:hover, .kzc-mobileLangRow .sprachwahl > summary:hover { border-color: var(--accent); background: #ffffff0a; }
.kzc-mobileLangRow { padding: 12px 4px 16px; border-bottom: 1px solid #ffffff10; }
@media (max-width: 900px) { .kzc-navRight .sprache, .kzc-navRight .sprachwahl { display: none; } }
/* d: übrige Unterseiten (Original span.lang: Text 13px, Abstand .1em, ohne Rand) */
.kzd-headerRight .sprache, .kzd-headerRight .sprachwahl > summary { display: inline-block; font-family: var(--font-kit-text-font); font-size: 13px; font-weight: 400; letter-spacing: .1em; color: #C9C6BE; padding: 0; border: 0; cursor: pointer; }
.kzd-headerRight .sprachwahl { font: inherit; letter-spacing: inherit; }
.kzd-headerRight .sprachwahl > summary::after { display: none; }
@media (max-width: 960px) { .kzd-header:not(.kzd-f) .kzd-headerRight .sprache, .kzd-header:not(.kzd-f) .kzd-headerRight .sprachwahl { display: none; } }
/* e: KI-Automatisierung (Original langBtn: Text 13/600, Rand durchsichtig, Hover weiß) */
.kzd-e .kzd-headerRight .sprache, .kzd-e .kzd-headerRight .sprachwahl > summary { font-weight: 600; padding: 5px 8px; border: 1px solid transparent; border-radius: 6px; line-height: 1; transition: color .2s ease, border-color .2s ease; }
.kzd-e .kzd-headerRight .sprachwahl > summary:hover { color: var(--color-kit-white); border-color: #ffffff22; }
.kzd-e .kzd-headerRight .sprachwahl > summary:focus-visible { outline: 2px solid var(--color-kit-key1); outline-offset: 2px; }
/* f: CRM (Original langBtn mit Dreieck: Rand weiß 10 %, Radius 8) */
.kzd-f .kzd-headerRight .sprache, .kzd-f .kzd-headerRight .sprachwahl > summary { display: inline-flex; align-items: center; gap: 6px; letter-spacing: .12em; padding: 7px 11px; border: 1px solid #ffffff1a; border-radius: 8px; transition: border-color .25s ease, color .25s ease; line-height: normal; }
.kzd-f .kzd-headerRight .sprachwahl > summary::after { display: block; content: ""; width: 0; height: 0; border: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; transform: none; transition: transform .25s ease; }
.kzd-f .kzd-headerRight .sprachwahl[open] > summary::after { transform: rotate(180deg); }
.kzd-f .kzd-headerRight .sprachwahl > summary:hover, .kzd-f .kzd-headerRight .sprachwahl > summary:focus-visible { color: var(--color-kit-white); border-color: #C4A06A55; outline: none; }
/* Sprachzeile der Fassungen d/e im Mobilmenü (Original mobileLangBtn: 12px/700, Rand weiß 9 %) */
.kzd-mobileLangRow .sprachwahl > summary { display: inline-block; line-height: normal; font-family: var(--font-kit-text-font); font-size: 12px; font-weight: 700; letter-spacing: .1em; color: #C9C6BE; padding: 6px 14px; border: 1px solid #ffffff18; border-radius: 6px; cursor: pointer; }
.kzd-mobileLangRow .sprachwahl { font: inherit; }
.kzd-mobileLangRow .sprachwahl > summary::after { display: none; }
.kzd-mobileLangRow .sprachwahl > summary:hover { color: var(--color-kit-white); border-color: #C4A06A44; }
.kzd-mobileLangRow .sprachwahl > ul { bottom: auto; }

/* ===== Grundschrift der Fassungen (Original erbt vom Body: Zeilenhöhe 24 px, Standardschrift Times; Start und Leistungen setzen Inter) ===== */
.kza-navBar, .kzb-header { line-height: 24px; font-family: var(--font-kit-text-font, "Inter", sans-serif); }
.kzc-navBar, .kzc-mobileMenu, .kzd-header { line-height: 24px; font-family: "Times New Roman", Times, serif; font-weight: 400; font-style: normal; letter-spacing: normal; text-align: left; }
.kzc-navBar, .kzc-mobileMenu, .kzd-header, .kza-navBar, .kzb-header { text-transform: none; font-size: 16px; }

/* ===== Sprachliste (details.sprachwahl > ul) wie das Original-Menü der Seiten mit eigener Liste (e KI-Automatisierung, f CRM) ===== */
.kzd-e .kzd-headerRight .sprachwahl > ul { top: calc(100% + 8px); min-width: 138px; padding: 0; background: #0D1015; border: 1px solid #C4A06A33; border-radius: 10px; overflow: hidden; box-shadow: 0 16px 48px #00000077, 0 2px 8px #00000044; }
.kzd-e .kzd-headerRight .sprachwahl > ul a { padding: 10px 14px; border-radius: 0; font: 400 13px/24px var(--font-kit-text-font); color: #C9C6BE; }
.kzd-e .kzd-headerRight .sprachwahl > ul a:hover, .kzd-e .kzd-headerRight .sprachwahl > ul a:focus-visible { background: #C4A06A14; color: var(--color-kit-white); }
.kzd-e .kzd-headerRight .sprachwahl > ul a[aria-current="true"] { color: var(--color-kit-key1); }
.kzd-f .kzd-headerRight .sprachwahl > ul { top: calc(100% + 8px); min-width: 138px; padding: 6px; border: 1px solid #C4A06A33; border-radius: 10px; background: #0D0F14f5; -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); box-shadow: 0 14px 34px #00000077; }
.kzd-f .kzd-headerRight .sprachwahl > ul a { padding: 9px 12px; border-radius: 7px; font: 400 14px/24px var(--font-kit-text-font); color: #C9C6BE; }
.kzd-f .kzd-headerRight .sprachwahl > ul a:hover, .kzd-f .kzd-headerRight .sprachwahl > ul a:focus-visible { background: #C4A06A1f; color: #fff; }
.kzd-f .kzd-headerRight .sprachwahl > ul a[aria-current="true"] { color: var(--color-kit-key1); }
/* Die Sprachliste erbt sonst die Times-Grundschrift der Fassungen c/d */
.kzb-header .sprachwahl > ul a, .kzc-navBar .sprachwahl > ul a, .kzc-mobileMenu .sprachwahl > ul a, .kzd-header .sprachwahl > ul a { font-family: var(--font-kit-text-font, "Inter", sans-serif); }
/* Die Grundform aus avyzor-i18n.js hat einen dunklen Grund (Fassung a); die anderen Fassungen haben keinen */
.kzb-right .sprachwahl > summary, .kzb-mobileFooter .sprachwahl > summary, .kzd-headerRight .sprachwahl > summary, .kzd-mobileLangRow .sprachwahl > summary { background: none; }

/* kopf-sternenfeld: Kit-Sternenfeld (Canvas, Original @siteui/starfield). Wurzel füllt den nächsten positionierten Abschnitt. */
.bw.bw-kopf-sternenfeld { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; width: auto; max-width: none; }
.bw-kopf-sternenfeld .styles_op_ptjyzt_canvas { display: block; width: 100%; height: 100%; }
.bw-kopf-sternenfeld .styles_op_ptjyzt_fadeTop { position: absolute; top: 0; left: 0; right: 0; pointer-events: none; }
.bw-kopf-sternenfeld .styles_op_ptjyzt_fadeBottom { position: absolute; bottom: 0; left: 0; right: 0; pointer-events: none; }

/* leistungen-karten-seite (Original 1o681uw, Seite /leistungen) */
.styles_op_1o681uw_wrap {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--bg, #0D1013);
  padding: 130px 24px;
}
.styles_op_1o681uw_container {
  position: relative;
  z-index: 1;
  max-width: 1340px;
  margin: 0 auto;
}
.styles_op_1o681uw_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 18px;
  margin-bottom: 64px;
}
.styles_op_1o681uw_eyebrow {
  letter-spacing: 3px;
  font-size: 12px;
}
.styles_op_1o681uw_title {
  max-width: 660px;
}
.styles_op_1o681uw_sub {
  max-width: 580px;
  color: #f2eee699;
}
.styles_op_1o681uw_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(198px, auto);
  gap: 20px;
}
.styles_op_1o681uw_card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 26px 28px 30px;
  border: 1px solid color-mix(in srgb, var(--gold) 13%, #ffffff10);
  border-radius: 18px;
  background:
    linear-gradient(
      180deg,
      #171B21e0,
      #0E1216d9);
  text-decoration: none;
  transition:
    transform .45s cubic-bezier(.22, 1, .36, 1),
    border-color .4s ease,
    box-shadow .4s ease;
}
.styles_op_1o681uw_card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      90% 70% at 12% 0%,
      color-mix(in srgb, var(--gold) 6%, transparent),
      transparent 60%);
  opacity: .7;
}
.styles_op_1o681uw_card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--gold) 34%, transparent);
  box-shadow: 0 34px 70px -40px #000, inset 0 1px 0 #ffffff0f;
}
.styles_op_1o681uw_card:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
.styles_op_1o681uw_card:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}
.styles_op_1o681uw_card:nth-child(2) {
  grid-column: span 2;
}
.styles_op_1o681uw_card:nth-child(3) {
  grid-column: span 1;
}
.styles_op_1o681uw_card:nth-child(4) {
  grid-column: span 1;
}
.styles_op_1o681uw_card:nth-child(5) {
  grid-column: span 2;
}
.styles_op_1o681uw_card:nth-child(6) {
  grid-column: span 2;
}
.styles_op_1o681uw_card:nth-child(1) .styles_op_1o681uw_viz {
  flex: 1;
  height: auto;
  min-height: 232px;
}
.styles_op_1o681uw_card:nth-child(1) .styles_op_1o681uw_cardTitle {
  font-size: 27px;
}
.styles_op_1o681uw_card:nth-child(1) .styles_op_1o681uw_cardText {
  font-size: 16px;
  max-width: 44ch;
}
.styles_op_1o681uw_viz {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 128px;
  border-radius: 12px;
  border: 1px solid #ffffff0f;
  background:
    radial-gradient(
      120% 100% at 20% 0%,
      #1b2027,
      #0c0e12);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
}
.styles_op_1o681uw_viz::before {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      50% 50% at 30% 20%,
      color-mix(in srgb, var(--gold) 18%, transparent),
      transparent 70%),
    radial-gradient(
      45% 45% at 80% 90%,
      color-mix(in srgb, var(--color-kit-key2) 12%, transparent),
      transparent 70%);
  animation: styles_op_1o681uw_vizGlow 8s ease-in-out infinite;
}
@keyframes styles_op_1o681uw_vizGlow {
  0%, 100% {
    transform: translate(0, 0) scale(1);
    opacity: .55;
  }
  33% {
    transform: translate(6%, -4%) scale(1.12);
    opacity: .85;
  }
  66% {
    transform: translate(-5%, 5%) scale(1.05);
    opacity: .68;
  }
}
.styles_op_1o681uw_scene {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
.styles_op_1o681uw_caption {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 7px;
  padding-top: 8px;
  border-top: 1px solid #ffffff12;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  letter-spacing: .2px;
  color: #f2eee6b8;
}
.styles_op_1o681uw_capIcon {
  display: inline-flex;
  color: var(--gold);
  font-size: 13px;
  flex: none;
}
.styles_op_1o681uw_capText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_op_1o681uw_capLive {
  margin-left: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6fce9e;
  box-shadow: 0 0 8px 0 #6fce9e;
  flex: none;
  animation: styles_op_1o681uw_livePulse 1.6s ease-in-out infinite;
}
@keyframes styles_op_1o681uw_livePulse {
  0%, 100% {
    opacity: .35;
    transform: scale(.75);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.styles_op_1o681uw_card:nth-child(1) .styles_op_1o681uw_caption {
  font-size: 12px;
}
.styles_op_1o681uw_card:nth-child(1) .styles_op_1o681uw_capIcon {
  font-size: 15px;
}
@keyframes styles_op_1o681uw_rise {
  from {
    opacity: 0;
    transform: translateY(9px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes styles_op_1o681uw_pop {
  0% {
    opacity: 0;
    transform: scale(.55);
  }
  72% {
    transform: scale(1.06);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes styles_op_1o681uw_revScale {
  from {
    opacity: 0;
    transform: scale(.94);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.styles_op_1o681uw_web {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 9px;
  border: 1px solid #ffffff16;
  background: #0d1017;
  display: flex;
  flex-direction: column;
}
.styles_op_1o681uw_ceBar {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  background: #131820;
  border-bottom: 1px solid #ffffff10;
  flex: none;
}
.styles_op_1o681uw_ceDot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
}
.styles_op_1o681uw_ceFile {
  margin-left: 8px;
  font-family:
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Consolas,
    monospace;
  font-size: 8.5px;
  color: #ffffff55;
  letter-spacing: .3px;
}
.styles_op_1o681uw_cePane {
  flex: 1;
  overflow: hidden;
  padding: 10px 12px;
}
.styles_op_1o681uw_cePaneInner {
  display: flex;
  flex-direction: column;
  gap: 1px;
  will-change: transform;
}
.styles_op_1o681uw_cl {
  display: block;
  font-family:
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Consolas,
    monospace;
  font-size: 9.5px;
  line-height: 1.7;
  color: #c9cdd6;
  white-space: nowrap;
}
.styles_op_1o681uw_clIn {
  padding-left: 14px;
}
.styles_op_1o681uw_tag {
  color: #6ea8fe;
}
.styles_op_1o681uw_attr {
  color: var(--gold);
}
.styles_op_1o681uw_str {
  color: #7fd6a0;
}
.styles_op_1o681uw_punc {
  color: #8a93a0;
}
.styles_op_1o681uw_typeCursor {
  display: inline-block;
  width: 1.5px;
  height: .85em;
  margin-left: 1px;
  background: var(--gold);
  vertical-align: -1px;
  border-radius: 1px;
  animation: styles_op_1o681uw_caretBlink .55s step-end infinite;
}
@keyframes styles_op_1o681uw_caretBlink {
  50% {
    opacity: 0;
  }
}
.styles_op_1o681uw_voice {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
.styles_op_1o681uw_vCapsule {
  display: flex;
  align-items: center;
  gap: 9px;
  height: 28px;
  overflow: hidden;
  opacity: 1;
  transition:
    opacity .5s ease,
    height .6s ease,
    margin .6s ease;
}
.styles_op_1o681uw_voice[data-phase=analyze] .styles_op_1o681uw_vCapsule,
.styles_op_1o681uw_voice[data-phase=reply] .styles_op_1o681uw_vCapsule,
.styles_op_1o681uw_voice[data-phase=lead] .styles_op_1o681uw_vCapsule {
  opacity: 0;
  height: 0;
}
.styles_op_1o681uw_vMic {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--gold) 18%, transparent);
  color: var(--gold);
  font-size: 11px;
}
.styles_op_1o681uw_vMic::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent);
  animation: styles_op_1o681uw_micPulse 1.8s ease-out infinite;
}
@keyframes styles_op_1o681uw_micPulse {
  0% {
    transform: scale(.8);
    opacity: .7;
  }
  100% {
    transform: scale(1.55);
    opacity: 0;
  }
}
.styles_op_1o681uw_vWave {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2px;
  height: 22px;
}
.styles_op_1o681uw_vWave i {
  flex: 1;
  height: 100%;
  border-radius: 2px;
  background:
    linear-gradient(
      180deg,
      var(--gold),
      var(--color-kit-key2));
  transform: scaleY(.18);
  transform-origin: center;
  animation: styles_op_1o681uw_wave 1.1s ease-in-out infinite;
  animation-delay: calc(var(--wi) * -0.09s);
}
@keyframes styles_op_1o681uw_wave {
  0%, 100% {
    transform: scaleY(.18);
  }
  50% {
    transform: scaleY(1);
  }
}
.styles_op_1o681uw_uBubble {
  align-self: flex-start;
  max-width: 90%;
  padding: 6px 10px;
  border-radius: 12px 12px 12px 3px;
  background: #ffffff10;
  color: #e8ebef;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9.5px;
  line-height: 1.4;
  min-height: 12px;
}
.styles_op_1o681uw_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.styles_op_1o681uw_chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 20px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 8px;
  letter-spacing: .2px;
  color: #ecdfc4;
  background: color-mix(in srgb, var(--gold) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--gold) 32%, transparent);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .45s ease calc(var(--ci) * .16s), transform .45s ease calc(var(--ci) * .16s);
}
.styles_op_1o681uw_chip::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--gold);
  flex: none;
}
.styles_op_1o681uw_voice[data-phase=analyze] .styles_op_1o681uw_chip,
.styles_op_1o681uw_voice[data-phase=reply] .styles_op_1o681uw_chip,
.styles_op_1o681uw_voice[data-phase=lead] .styles_op_1o681uw_chip {
  opacity: 1;
  transform: none;
}
.styles_op_1o681uw_aBubble {
  align-self: flex-end;
  max-width: 90%;
  padding: 6px 10px;
  border-radius: 12px 12px 3px 12px;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--gold) 88%, #000),
      var(--gold));
  color: #1a1206;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9.5px;
  line-height: 1.4;
  font-weight: 500;
  box-shadow: 0 6px 16px -8px var(--gold);
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .5s ease, transform .5s ease;
}
.styles_op_1o681uw_voice[data-phase=reply] .styles_op_1o681uw_aBubble,
.styles_op_1o681uw_voice[data-phase=lead] .styles_op_1o681uw_aBubble {
  opacity: 1;
  transform: none;
}
.styles_op_1o681uw_aDots {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  padding: 1px 0;
}
.styles_op_1o681uw_aDots i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #1a120699;
  animation: styles_op_1o681uw_chatdot 1.4s ease-in-out infinite;
}
.styles_op_1o681uw_aDots i:nth-child(2) {
  animation-delay: .2s;
}
.styles_op_1o681uw_aDots i:nth-child(3) {
  animation-delay: .4s;
}
@keyframes styles_op_1o681uw_chatdot {
  0%, 100% {
    opacity: .35;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-2px);
  }
}
.styles_op_1o681uw_lead {
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 20px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9px;
  font-weight: 600;
  color: #6fce9e;
  background: #6fce9e1a;
  border: 1px solid #6fce9e45;
  box-shadow: 0 0 16px -6px #6fce9e;
  opacity: 0;
  transform: scale(.82);
  transition: opacity .5s ease, transform .5s cubic-bezier(.34, 1.56, .64, 1);
}
.styles_op_1o681uw_lead svg {
  font-size: 11px;
}
.styles_op_1o681uw_voice[data-phase=lead] .styles_op_1o681uw_lead {
  opacity: 1;
  transform: none;
}
.styles_op_1o681uw_cursor {
  display: inline-block;
  width: 1.5px;
  height: .9em;
  margin-left: 1px;
  background: currentColor;
  vertical-align: -1px;
  border-radius: 1px;
  animation: styles_op_1o681uw_caretBlink .55s step-end infinite;
}
.styles_op_1o681uw_flow {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.styles_op_1o681uw_step {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 9px 4px;
  border-radius: 8px;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  opacity: 1;
  transition:
    border-color .5s ease,
    box-shadow .55s ease,
    background .5s ease,
    transform .5s cubic-bezier(.22, 1, .36, 1);
}
.styles_op_1o681uw_stepHot {
  border-color: color-mix(in srgb, var(--gold) 28%, transparent);
  background: color-mix(in srgb, var(--gold) 7%, #ffffff08);
}
.styles_op_1o681uw_stepIcon {
  font-size: 14px;
  color: #cfd4da;
  display: inline-flex;
  transition:
    color .45s ease,
    filter .45s ease,
    transform .5s ease;
}
.styles_op_1o681uw_stepLbl {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 8px;
  color: #dfe3e8;
  letter-spacing: .2px;
}
.styles_op_1o681uw_flow[data-phase=s1] .styles_op_1o681uw_step1,
.styles_op_1o681uw_flow[data-phase=move1] .styles_op_1o681uw_step1,
.styles_op_1o681uw_flow[data-phase=s3] .styles_op_1o681uw_step3,
.styles_op_1o681uw_flow[data-phase=done] .styles_op_1o681uw_step3 {
  border-color: color-mix(in srgb, var(--gold) 55%, transparent);
  box-shadow: 0 0 16px -6px var(--gold);
  background: color-mix(in srgb, var(--gold) 10%, #ffffff08);
  transform: translateY(-2px);
}
.styles_op_1o681uw_flow[data-phase=s1] .styles_op_1o681uw_step1 .styles_op_1o681uw_stepIcon,
.styles_op_1o681uw_flow[data-phase=move1] .styles_op_1o681uw_step1 .styles_op_1o681uw_stepIcon,
.styles_op_1o681uw_flow[data-phase=s3] .styles_op_1o681uw_step3 .styles_op_1o681uw_stepIcon,
.styles_op_1o681uw_flow[data-phase=done] .styles_op_1o681uw_step3 .styles_op_1o681uw_stepIcon {
  color: var(--gold);
}
.styles_op_1o681uw_step2 {
  overflow: hidden;
}
.styles_op_1o681uw_flow[data-phase=s2] .styles_op_1o681uw_step2 {
  border-color: color-mix(in srgb, var(--gold) 60%, transparent);
  box-shadow: 0 0 22px -5px var(--gold);
  background: color-mix(in srgb, var(--gold) 13%, #ffffff08);
}
.styles_op_1o681uw_flow[data-phase=s2] .styles_op_1o681uw_step2 .styles_op_1o681uw_stepIcon {
  color: var(--gold);
  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--gold) 80%, transparent));
  animation: styles_op_1o681uw_kiPulse 1.3s ease-in-out;
}
@keyframes styles_op_1o681uw_kiPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}
.styles_op_1o681uw_step2::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      transparent 35%,
      color-mix(in srgb, var(--gold) 24%, transparent) 50%,
      transparent 65%);
  opacity: 0;
  transform: translateY(-100%);
}
.styles_op_1o681uw_flow[data-phase=s2] .styles_op_1o681uw_step2::before {
  animation: styles_op_1o681uw_kiScan 1.3s ease-in-out;
}
@keyframes styles_op_1o681uw_kiScan {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
.styles_op_1o681uw_conn {
  position: relative;
  flex: none;
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background: #ffffff1a;
}
.styles_op_1o681uw_conn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2px;
  background:
    linear-gradient(
      90deg,
      var(--gold),
      transparent);
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
}
.styles_op_1o681uw_conn i {
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  margin-left: -2.5px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 7px 1px color-mix(in srgb, var(--gold) 75%, transparent);
  opacity: 0;
}
.styles_op_1o681uw_flow[data-phase=move1] .styles_op_1o681uw_conn1 i,
.styles_op_1o681uw_flow[data-phase=move2] .styles_op_1o681uw_conn2 i {
  animation: styles_op_1o681uw_packet .72s cubic-bezier(.4, 0, .2, 1) forwards;
}
@keyframes styles_op_1o681uw_packet {
  0% {
    opacity: 0;
    left: 0;
  }
  14% {
    opacity: 1;
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: 100%;
  }
}
.styles_op_1o681uw_flow[data-phase=move1] .styles_op_1o681uw_conn1::after,
.styles_op_1o681uw_flow[data-phase=move2] .styles_op_1o681uw_conn2::after {
  animation: styles_op_1o681uw_wireGlow .72s ease forwards;
}
@keyframes styles_op_1o681uw_wireGlow {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  35% {
    opacity: .85;
  }
  100% {
    opacity: 0;
    transform: scaleX(1);
  }
}
.styles_op_1o681uw_stepCheck {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #6fce9e;
  color: #05270f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  opacity: 0;
  transform: scale(.7);
  box-shadow: 0 0 0 0 #6fce9e00;
}
.styles_op_1o681uw_flow[data-phase=s3] .styles_op_1o681uw_stepCheck {
  animation: styles_op_1o681uw_checkPop .55s cubic-bezier(.34, 1.5, .5, 1) forwards;
}
.styles_op_1o681uw_flow[data-phase=done] .styles_op_1o681uw_stepCheck {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 0 15px -2px #6fce9e;
}
@keyframes styles_op_1o681uw_checkPop {
  0% {
    opacity: 0;
    transform: scale(.7);
    box-shadow: 0 0 0 0 #6fce9e00;
  }
  60% {
    opacity: 1;
    transform: scale(1.08);
    box-shadow: 0 0 18px -1px #6fce9e;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 15px -2px #6fce9e;
  }
}
.styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=auto]) .styles_op_1o681uw_capIcon {
  animation: styles_op_1o681uw_zapBreath 7.6s ease-in-out infinite;
}
@keyframes styles_op_1o681uw_zapBreath {
  0%, 84%, 100% {
    filter: none;
  }
  90% {
    filter: drop-shadow(0 0 5px var(--gold));
  }
}
.styles_op_1o681uw_leadCard {
  position: relative;
  width: 100%;
  padding: 10px 11px;
  border-radius: 10px;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  display: flex;
  flex-direction: column;
  gap: 9px;
  opacity: 1;
  transition: border-color .55s ease, box-shadow .6s ease;
}
.styles_op_1o681uw_leadCard[data-phase=kontakt],
.styles_op_1o681uw_leadCard[data-phase=toAngebot],
.styles_op_1o681uw_leadCard[data-phase=angebot],
.styles_op_1o681uw_leadCard[data-phase=toKunde] {
  box-shadow: 0 0 18px -11px var(--gold);
  border-color: color-mix(in srgb, var(--gold) 22%, #ffffff14);
}
.styles_op_1o681uw_leadCard[data-phase=kunde],
.styles_op_1o681uw_leadCard[data-phase=success],
.styles_op_1o681uw_leadCard[data-phase=hold] {
  box-shadow: 0 0 26px -10px var(--gold);
  border-color: color-mix(in srgb, var(--gold) 32%, #ffffff14);
}
.styles_op_1o681uw_leadTop {
  display: flex;
  align-items: center;
  gap: 9px;
}
.styles_op_1o681uw_avatar {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex: none;
  background:
    linear-gradient(
      135deg,
      var(--gold),
      var(--color-kit-key2));
  color: #1a1206;
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 700;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_op_1o681uw_leadCard[data-phase=neu] .styles_op_1o681uw_avatar,
.styles_op_1o681uw_leadCard[data-phase=kontakt] .styles_op_1o681uw_avatar,
.styles_op_1o681uw_leadCard[data-phase=angebot] .styles_op_1o681uw_avatar,
.styles_op_1o681uw_leadCard[data-phase=kunde] .styles_op_1o681uw_avatar {
  animation: styles_op_1o681uw_avatarPulse .6s ease;
}
@keyframes styles_op_1o681uw_avatarPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 transparent;
  }
  45% {
    transform: scale(1.025);
    box-shadow: 0 0 10px -1px color-mix(in srgb, var(--gold) 75%, transparent);
  }
}
.styles_op_1o681uw_leadInfo {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.styles_op_1o681uw_leadName {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  color: #eef1f4;
  font-weight: 600;
  transition: color .4s ease, text-shadow .4s ease;
}
.styles_op_1o681uw_leadCard[data-phase=neu] .styles_op_1o681uw_leadName {
  color: #ffffff;
  text-shadow: 0 0 8px color-mix(in srgb, var(--gold) 40%, transparent);
}
.styles_op_1o681uw_leadMeta {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 8px;
  color: #ffffff70;
}
.styles_op_1o681uw_leadVal {
  margin-left: auto;
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: var(--gold);
  font-variant-numeric: tabular-nums;
  transition: text-shadow .5s ease;
}
.styles_op_1o681uw_leadCard[data-phase=angebot] .styles_op_1o681uw_leadVal,
.styles_op_1o681uw_leadCard[data-phase=toKunde] .styles_op_1o681uw_leadVal {
  text-shadow: 0 0 9px color-mix(in srgb, var(--gold) 60%, transparent);
}
.styles_op_1o681uw_pipeSteps {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
.styles_op_1o681uw_pipeSteps i {
  position: relative;
  flex: 1;
  height: 5px;
  border-radius: 3px;
  background: #ffffff12;
}
.styles_op_1o681uw_pipeSteps i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 3px;
  background:
    linear-gradient(
      90deg,
      var(--color-kit-key2),
      var(--gold));
  box-shadow: 0 0 8px -1px var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: transform .45s ease, opacity .35s ease;
}
.styles_op_1o681uw_pipeSteps i.styles_op_1o681uw_pfull::after {
  transform: scaleX(1);
  opacity: 1;
}
.styles_op_1o681uw_pipeSteps i.styles_op_1o681uw_pfill::after {
  opacity: 1;
  animation: styles_op_1o681uw_fillBar .6s cubic-bezier(.3, 0, .2, 1) forwards;
}
@keyframes styles_op_1o681uw_fillBar {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.styles_op_1o681uw_pipeSteps i.styles_op_1o681uw_pfill::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  border-radius: 50%;
  background: #ffe9b0;
  box-shadow: 0 0 7px 1px color-mix(in srgb, var(--gold) 80%, transparent);
  opacity: 0;
  z-index: 3;
  animation: styles_op_1o681uw_tipRun .6s cubic-bezier(.3, 0, .2, 1) forwards;
}
@keyframes styles_op_1o681uw_tipRun {
  0% {
    left: 0;
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.styles_op_1o681uw_pipePacket {
  position: absolute;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  border-radius: 50%;
  background: #ffe9b0;
  box-shadow: 0 0 8px 2px color-mix(in srgb, var(--gold) 70%, transparent), -7px 0 8px -3px color-mix(in srgb, var(--gold) 45%, transparent);
  opacity: 0;
  z-index: 4;
  pointer-events: none;
  transition: left .68s cubic-bezier(.4, 0, .2, 1), opacity .3s ease;
}
.styles_op_1o681uw_pipeSweep {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40%;
  width: 40%;
  border-radius: 3px;
  background:
    linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--gold) 45%, transparent),
      transparent);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
}
.styles_op_1o681uw_leadCard[data-phase=success] .styles_op_1o681uw_pipeSweep {
  animation: styles_op_1o681uw_crmSweep .7s ease forwards;
}
@keyframes styles_op_1o681uw_crmSweep {
  0% {
    left: -40%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.styles_op_1o681uw_pipeCheck {
  position: absolute;
  top: 50%;
  right: -3px;
  transform: translateY(-50%) scale(.75);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #6fce9e;
  color: #05270f;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: 5;
  box-shadow: 0 0 10px -2px #6fce9e;
}
.styles_op_1o681uw_pipeCheck svg {
  font-size: 8px;
}
.styles_op_1o681uw_leadCard[data-phase=success] .styles_op_1o681uw_pipeCheck {
  animation: styles_op_1o681uw_crmCheck .5s cubic-bezier(.34, 1.5, .5, 1) forwards;
}
.styles_op_1o681uw_leadCard[data-phase=hold] .styles_op_1o681uw_pipeCheck {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
@keyframes styles_op_1o681uw_crmCheck {
  0% {
    opacity: 0;
    transform: translateY(-50%) scale(.75);
  }
  60% {
    opacity: 1;
    transform: translateY(-50%) scale(1.08);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}
.styles_op_1o681uw_pipeLabels {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 8px;
  letter-spacing: .2px;
  color: #ffffff66;
}
.styles_op_1o681uw_pipeLabels span {
  flex: 1;
  text-align: center;
  transition: color .4s ease, text-shadow .4s ease;
}
.styles_op_1o681uw_lblActive {
  color: #ffe9b0;
  text-shadow: 0 0 8px color-mix(in srgb, var(--gold) 55%, transparent);
}
.styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=crm]) .styles_op_1o681uw_capLive {
  animation: styles_op_1o681uw_crmStatus 8.2s ease-in-out infinite;
}
@keyframes styles_op_1o681uw_crmStatus {
  0%, 55% {
    transform: scale(.9);
    opacity: .55;
  }
  30% {
    transform: scale(1);
    opacity: .85;
  }
  66% {
    transform: scale(1.15);
    opacity: 1;
  }
  74% {
    transform: scale(1);
    opacity: .85;
  }
  100% {
    transform: scale(.9);
    opacity: .55;
  }
}
.styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=crm]) .styles_op_1o681uw_capIcon {
  animation: styles_op_1o681uw_crmLeadBreath 8.2s ease-in-out infinite;
}
@keyframes styles_op_1o681uw_crmLeadBreath {
  0% {
    filter: none;
  }
  25% {
    filter: drop-shadow(0 0 2px color-mix(in srgb, var(--gold) 60%, transparent));
  }
  50% {
    filter: none;
  }
  66% {
    filter: drop-shadow(0 0 6px var(--gold));
  }
  80%, 100% {
    filter: none;
  }
}
.styles_op_1o681uw_dash {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.styles_op_1o681uw_dashHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.styles_op_1o681uw_dashKpi {
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 700;
  font-size: 19px;
  line-height: 1;
  color: #F2EEE6;
  font-variant-numeric: tabular-nums;
  transition: text-shadow .4s ease;
}
.styles_op_1o681uw_dash[data-phase=top10] .styles_op_1o681uw_dashKpi {
  text-shadow: 0 0 14px color-mix(in srgb, var(--gold) 75%, transparent);
}
.styles_op_1o681uw_rankNum {
  display: inline-block;
  animation: styles_op_1o681uw_rankIn .2s ease;
}
@keyframes styles_op_1o681uw_rankIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.styles_op_1o681uw_dashDelta {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #6fce9e;
  background: #6fce9e1f;
  border: 1px solid #6fce9e40;
  padding: 2px 6px;
  border-radius: 20px;
  opacity: .45;
  transform: scale(.88);
  transition:
    opacity .55s ease,
    transform .55s ease,
    box-shadow .55s ease;
}
.styles_op_1o681uw_dash[data-phase=badge] .styles_op_1o681uw_dashDelta,
.styles_op_1o681uw_dash[data-phase=sweep] .styles_op_1o681uw_dashDelta,
.styles_op_1o681uw_dash[data-phase=hold] .styles_op_1o681uw_dashDelta,
.styles_op_1o681uw_dash[data-phase=reset] .styles_op_1o681uw_dashDelta {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 0 12px -5px #6fce9e;
}
.styles_op_1o681uw_kwRow {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9px;
  color: #cfd4da;
}
.styles_op_1o681uw_kwIcon {
  color: #ffffff70;
  font-size: 9px;
  display: inline-flex;
  transition: color .4s ease, filter .4s ease;
}
.styles_op_1o681uw_kw {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .4s ease;
}
.styles_op_1o681uw_kwPos {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #6fce9e;
  font-weight: 600;
  opacity: .55;
  transition: opacity .5s ease, text-shadow .5s ease;
}
.styles_op_1o681uw_dash[data-phase=analyze] .styles_op_1o681uw_kwIcon {
  color: var(--gold);
  filter: drop-shadow(0 0 5px var(--gold));
}
.styles_op_1o681uw_dash[data-phase=analyze] .styles_op_1o681uw_kw {
  color: #f2eee6;
}
.styles_op_1o681uw_dash[data-phase=top3] .styles_op_1o681uw_kwPos,
.styles_op_1o681uw_dash[data-phase=goldGreen] .styles_op_1o681uw_kwPos,
.styles_op_1o681uw_dash[data-phase=badge] .styles_op_1o681uw_kwPos,
.styles_op_1o681uw_dash[data-phase=sweep] .styles_op_1o681uw_kwPos,
.styles_op_1o681uw_dash[data-phase=hold] .styles_op_1o681uw_kwPos {
  opacity: 1;
  text-shadow: 0 0 8px #6fce9e80;
}
.styles_op_1o681uw_barChart {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 40px;
  transition: opacity .35s ease;
}
.styles_op_1o681uw_dash[data-phase=reset] .styles_op_1o681uw_barChart {
  opacity: 0;
}
.styles_op_1o681uw_barCol {
  position: relative;
  flex: 1;
  height: var(--h);
  border-radius: 3px 3px 1px 1px;
  background:
    linear-gradient(
      180deg,
      var(--color-kit-key2),
      var(--gold));
  box-shadow: 0 0 10px -3px var(--gold);
  transform: scaleY(0);
  transform-origin: bottom;
  transition:
    transform .3s ease,
    background .65s ease,
    box-shadow .65s ease;
}
.styles_op_1o681uw_dash .styles_op_1o681uw_barCol:last-child {
  background:
    linear-gradient(
      180deg,
      var(--color-kit-key2),
      var(--gold));
  box-shadow: 0 0 10px -3px var(--gold);
}
.styles_op_1o681uw_dash .styles_op_1o681uw_barCol:last-child::after {
  animation: none !important;
  opacity: 0;
  content: none;
}
.styles_op_1o681uw_barCol.styles_op_1o681uw_barActive {
  animation: styles_op_1o681uw_barGrow .55s cubic-bezier(.22, 1, .36, 1) forwards;
}
.styles_op_1o681uw_barCol.styles_op_1o681uw_barActive::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  border-radius: 3px 3px 0 0;
  background:
    linear-gradient(
      180deg,
      #fffde0,
      transparent);
  opacity: 0;
  pointer-events: none;
  animation: styles_op_1o681uw_tipFade .55s ease forwards;
}
@keyframes styles_op_1o681uw_tipFade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.styles_op_1o681uw_dash .styles_op_1o681uw_barCol.styles_op_1o681uw_barGreen {
  background:
    linear-gradient(
      180deg,
      #7ee0ad,
      #2fa172) !important;
  box-shadow: 0 0 12px -3px #6fce9e !important;
}
.styles_op_1o681uw_dash .styles_op_1o681uw_barCol.styles_op_1o681uw_barGreen:last-child::after {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  border-radius: 50%;
  background: #6fce9e;
  box-shadow: 0 0 7px 0 #6fce9e;
  animation: styles_op_1o681uw_livePulse 1.6s ease-in-out infinite;
  opacity: 1;
}
@keyframes styles_op_1o681uw_barGrow {
  to {
    transform: scaleY(1);
  }
}
.styles_op_1o681uw_barSweep {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25%;
  width: 25%;
  background:
    linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--gold) 50%, transparent),
      color-mix(in srgb, #6fce9e 50%, transparent),
      transparent);
  opacity: 0;
  pointer-events: none;
  border-radius: 3px;
}
.styles_op_1o681uw_dash[data-phase=sweep] .styles_op_1o681uw_barSweep {
  animation: styles_op_1o681uw_barSweep .6s ease forwards;
}
@keyframes styles_op_1o681uw_barSweep {
  0% {
    left: -25%;
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=seo]) .styles_op_1o681uw_capLive {
  animation: styles_op_1o681uw_seoStatus 2.4s ease-in-out infinite;
}
@keyframes styles_op_1o681uw_seoStatus {
  0%, 100% {
    opacity: .35;
    transform: scale(.75);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=seo]) .styles_op_1o681uw_caption .styles_op_1o681uw_capText {
  transition: color .4s ease;
}
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=top3]) .styles_op_1o681uw_caption .styles_op_1o681uw_capText,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=goldGreen]) .styles_op_1o681uw_caption .styles_op_1o681uw_capText,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=badge]) .styles_op_1o681uw_caption .styles_op_1o681uw_capText,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=sweep]) .styles_op_1o681uw_caption .styles_op_1o681uw_capText,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=hold]) .styles_op_1o681uw_caption .styles_op_1o681uw_capText {
  color: #dfe3e8;
}
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=top100]) .styles_op_1o681uw_caption .styles_op_1o681uw_capIcon,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=top10]) .styles_op_1o681uw_caption .styles_op_1o681uw_capIcon,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=top3]) .styles_op_1o681uw_caption .styles_op_1o681uw_capIcon,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=goldGreen]) .styles_op_1o681uw_caption .styles_op_1o681uw_capIcon,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=badge]) .styles_op_1o681uw_caption .styles_op_1o681uw_capIcon,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=sweep]) .styles_op_1o681uw_caption .styles_op_1o681uw_capIcon,
.styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase=hold]) .styles_op_1o681uw_caption .styles_op_1o681uw_capIcon {
  filter: drop-shadow(0 0 4px var(--gold));
}
.styles_op_1o681uw_mon {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
}
.styles_op_1o681uw_monHead {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #cfe9d8;
  opacity: 0;
}
.styles_op_1o681uw_active .styles_op_1o681uw_monHead {
  animation: styles_op_1o681uw_rise .4s ease forwards .1s;
}
.styles_op_1o681uw_dotGreen {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6fce9e;
  box-shadow: 0 0 8px 0 #6fce9e;
  flex: none;
  animation: styles_op_1o681uw_livePulse 1.6s ease-in-out infinite;
}
.styles_op_1o681uw_monRow {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  color: #ffffffb0;
  opacity: 0;
  transform: translateY(6px);
  border-radius: 6px;
  padding: 2px 6px;
  margin: 0 -6px;
  transition:
    opacity .45s ease,
    transform .4s ease,
    background .35s ease,
    color .35s ease,
    box-shadow .35s ease;
}
.styles_op_1o681uw_monRow[data-on=true] {
  opacity: 1;
  transform: none;
}
.styles_op_1o681uw_monRow:hover {
  background: color-mix(in srgb, var(--gold) 7%, #ffffff06);
  color: #f2eee6;
  transform: translateX(3px);
  box-shadow: 0 0 12px -6px var(--gold);
}
.styles_op_1o681uw_monRow span {
  flex: 1;
}
.styles_op_1o681uw_monRow b {
  font-weight: 600;
  color: #e9edf2;
  font-size: 10.5px;
  font-variant-numeric: tabular-nums;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .4s ease .12s, transform .4s ease .12s;
}
.styles_op_1o681uw_monRow[data-on=true] b {
  opacity: 1;
  transform: none;
}
.styles_op_1o681uw_okIcon {
  color: #6fce9e;
  font-size: 12px;
  flex: none;
  opacity: 0;
  transform: scale(.8);
  transition: opacity .35s ease, transform .4s cubic-bezier(.34, 1.4, .5, 1);
}
.styles_op_1o681uw_monRow[data-on=true] .styles_op_1o681uw_okIcon {
  opacity: 1;
  transform: scale(1);
  animation: styles_op_1o681uw_okGlow .7s ease;
}
@keyframes styles_op_1o681uw_okGlow {
  0% {
    filter: drop-shadow(0 0 0 transparent);
  }
  40% {
    filter: drop-shadow(0 0 5px #6fce9e);
  }
  100% {
    filter: drop-shadow(0 0 0 transparent);
  }
}
.styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=shield])::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 18px;
  background:
    linear-gradient(
      115deg,
      transparent 42%,
      color-mix(in srgb, var(--gold) 6%, transparent) 50%,
      transparent 58%);
  background-size: 250% 100%;
  background-position: 150% 0;
  animation: styles_op_1o681uw_shieldScan 7s ease-in-out infinite;
}
@keyframes styles_op_1o681uw_shieldScan {
  0%, 72% {
    background-position: 150% 0;
  }
  100% {
    background-position: -60% 0;
  }
}
.styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=shield]) .styles_op_1o681uw_caption::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 18px;
  height: 1px;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--gold) 70%, transparent),
      transparent);
  box-shadow: 0 0 6px color-mix(in srgb, var(--gold) 55%, transparent);
  animation: styles_op_1o681uw_monScan 4.6s linear infinite;
}
@keyframes styles_op_1o681uw_monScan {
  0% {
    left: -18px;
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.styles_op_1o681uw_cardTitle {
  position: relative;
  z-index: 1;
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: 21px;
  color: #F2EEE6;
  margin: 6px 0 0;
  font-weight: 600;
  letter-spacing: -.4px;
}
.styles_op_1o681uw_cardText {
  position: relative;
  z-index: 1;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 15px;
  line-height: 1.62;
  color: #f2eee6a3;
  margin: 0;
}
.styles_op_1o681uw_more {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-top: 10px;
  font-size: 14px;
  color: var(--gold);
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.styles_op_1o681uw_arrow {
  transition: transform .3s ease;
}
.styles_op_1o681uw_card:hover .styles_op_1o681uw_arrow {
  transform: translateX(4px);
}
.styles_op_1o681uw_sheen {
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background:
    linear-gradient(
      100deg,
      transparent,
      #f6e2b812,
      transparent);
  transform: skewX(-18deg);
  transition: left .8s ease;
  pointer-events: none;
  z-index: 2;
}
.styles_op_1o681uw_card:hover .styles_op_1o681uw_sheen {
  left: 120%;
}
@media (max-width: 940px) {
  .styles_op_1o681uw_wrap {
    padding: 92px 22px;
  }
  .styles_op_1o681uw_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .styles_op_1o681uw_card {
    grid-column: span 1 !important;
    grid-row: auto !important;
  }
  .styles_op_1o681uw_card:nth-child(1) {
    grid-column: span 2 !important;
  }
}
@media (max-width: 620px) {
  .styles_op_1o681uw_grid {
    grid-template-columns: 1fr;
  }
  .styles_op_1o681uw_card,
  .styles_op_1o681uw_card:nth-child(1) {
    grid-column: span 1 !important;
  }
}
@media (max-width: 620px) {
  .styles_op_1o681uw_card:nth-child(1) .styles_op_1o681uw_viz {
    flex: none !important;
    height: 210px !important;
    min-height: unset !important;
  }
  .styles_op_1o681uw_card:nth-child(1) .styles_op_1o681uw_cePane {
    flex: none !important;
    height: 68px !important;
    overflow: hidden !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_1o681uw_uBubble,
  .styles_op_1o681uw_chips,
  .styles_op_1o681uw_chip,
  .styles_op_1o681uw_aBubble,
  .styles_op_1o681uw_lead,
  .styles_op_1o681uw_vCapsule,
  .styles_op_1o681uw_step,
  .styles_op_1o681uw_stepCheck,
  .styles_op_1o681uw_leadCard,
  .styles_op_1o681uw_barCol,
  .styles_op_1o681uw_dashDelta,
  .styles_op_1o681uw_monHead,
  .styles_op_1o681uw_monRow,
  .styles_op_1o681uw_monRow b,
  .styles_op_1o681uw_okIcon {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }
  .styles_op_1o681uw_barCol {
    transform: scaleY(1) !important;
  }
  .styles_op_1o681uw_typeCursor,
  .styles_op_1o681uw_cursor,
  .styles_op_1o681uw_aDots i,
  .styles_op_1o681uw_vWave i,
  .styles_op_1o681uw_vMic::after,
  .styles_op_1o681uw_conn i,
  .styles_op_1o681uw_conn::after,
  .styles_op_1o681uw_step2::before,
  .styles_op_1o681uw_step2 .styles_op_1o681uw_stepIcon,
  .styles_op_1o681uw_pipeSteps i::after,
  .styles_op_1o681uw_capLive,
  .styles_op_1o681uw_dotGreen,
  .styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=auto]) .styles_op_1o681uw_capIcon,
  .styles_op_1o681uw_barCol:last-child::after,
  .styles_op_1o681uw_viz::before {
    animation: none !important;
  }
  .styles_op_1o681uw_flow[data-phase=done] .styles_op_1o681uw_stepCheck {
    opacity: 1 !important;
    transform: none !important;
  }
  .styles_op_1o681uw_pipeSteps i.styles_op_1o681uw_pfill::before,
  .styles_op_1o681uw_pipePacket,
  .styles_op_1o681uw_pipeSweep,
  .styles_op_1o681uw_pipeCheck,
  .styles_op_1o681uw_leadCard .styles_op_1o681uw_avatar,
  .styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=crm]) .styles_op_1o681uw_capLive,
  .styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=crm]) .styles_op_1o681uw_capIcon,
  .styles_op_1o681uw_rankNum,
  .styles_op_1o681uw_barSweep,
  .styles_op_1o681uw_barCol.styles_op_1o681uw_barActive,
  .styles_op_1o681uw_barCol.styles_op_1o681uw_barActive::before,
  .styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=seo]) .styles_op_1o681uw_capLive,
  .styles_op_1o681uw_card:has(.styles_op_1o681uw_dash[data-phase]) .styles_op_1o681uw_caption .styles_op_1o681uw_capIcon,
  .styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=shield])::before,
  .styles_op_1o681uw_card:has(.styles_op_1o681uw_viz[data-kind=shield]) .styles_op_1o681uw_caption::before {
    animation: none !important;
  }
  .styles_op_1o681uw_leadCard[data-phase=hold] .styles_op_1o681uw_pipeCheck {
    opacity: 1 !important;
  }
  .styles_op_1o681uw_typeCursor {
    animation: none !important;
  }
}
.bw-leistungen-karten-seite { max-width: none; hyphens: manual; }

/* leistungen-karten (Original j2tn3r, Startseite) */
.styles_op_j2tn3r_wrap {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--bg, #0D1013);
  padding: 130px 24px;
}
.styles_op_j2tn3r_container {
  max-width: 1340px;
  margin: 0 auto;
}
.styles_op_j2tn3r_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 18px;
  margin-bottom: 64px;
}
.styles_op_j2tn3r_eyebrow {
  letter-spacing: 3px;
  font-size: 12px;
}
.styles_op_j2tn3r_title {
  max-width: 660px;
}
.styles_op_j2tn3r_sub {
  max-width: 580px;
  color: #f2eee699;
}
.styles_op_j2tn3r_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(198px, auto);
  gap: 20px;
}
.styles_op_j2tn3r_card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 26px 28px 30px;
  border: 1px solid color-mix(in srgb, var(--gold) 13%, #ffffff10);
  border-radius: 18px;
  background:
    linear-gradient(
      180deg,
      #171B21e0,
      #0E1216d9);
  text-decoration: none;
  transition:
    transform .45s cubic-bezier(.22, 1, .36, 1),
    border-color .4s ease,
    box-shadow .4s ease;
}
.styles_op_j2tn3r_card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(
      90% 70% at 12% 0%,
      color-mix(in srgb, var(--gold) 6%, transparent),
      transparent 60%);
  opacity: .7;
}
.styles_op_j2tn3r_card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--gold) 34%, transparent);
  box-shadow: 0 34px 70px -40px #000, inset 0 1px 0 #ffffff0f;
}
.styles_op_j2tn3r_card:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
.styles_op_j2tn3r_card:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}
.styles_op_j2tn3r_card:nth-child(2) {
  grid-column: span 2;
}
.styles_op_j2tn3r_card:nth-child(3) {
  grid-column: span 1;
}
.styles_op_j2tn3r_card:nth-child(4) {
  grid-column: span 1;
}
.styles_op_j2tn3r_card:nth-child(5) {
  grid-column: span 2;
}
.styles_op_j2tn3r_card:nth-child(6) {
  grid-column: span 2;
}
.styles_op_j2tn3r_card:nth-child(1) .styles_op_j2tn3r_viz {
  flex: 1;
  height: auto;
  min-height: 232px;
}
.styles_op_j2tn3r_card:nth-child(1) .styles_op_j2tn3r_cardTitle {
  font-size: 27px;
}
.styles_op_j2tn3r_card:nth-child(1) .styles_op_j2tn3r_cardText {
  font-size: 16px;
  max-width: 44ch;
}
.styles_op_j2tn3r_viz {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 128px;
  border-radius: 12px;
  border: 1px solid #ffffff0f;
  background:
    radial-gradient(
      120% 100% at 20% 0%,
      #1b2027,
      #0c0e12);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
}
.styles_op_j2tn3r_viz::before {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      50% 50% at 30% 20%,
      color-mix(in srgb, var(--gold) 18%, transparent),
      transparent 70%),
    radial-gradient(
      45% 45% at 80% 90%,
      color-mix(in srgb, var(--color-kit-key2) 12%, transparent),
      transparent 70%);
  animation: styles_op_j2tn3r_vizGlow 8s ease-in-out infinite;
}
@keyframes styles_op_j2tn3r_vizGlow {
  0%, 100% {
    transform: translate(0, 0) scale(1);
    opacity: .55;
  }
  33% {
    transform: translate(6%, -4%) scale(1.12);
    opacity: .85;
  }
  66% {
    transform: translate(-5%, 5%) scale(1.05);
    opacity: .68;
  }
}
.styles_op_j2tn3r_scene {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
.styles_op_j2tn3r_caption {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 7px;
  padding-top: 8px;
  border-top: 1px solid #ffffff12;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  letter-spacing: .2px;
  color: #f2eee6b8;
}
.styles_op_j2tn3r_capIcon {
  display: inline-flex;
  color: var(--gold);
  font-size: 13px;
  flex: none;
}
.styles_op_j2tn3r_capText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_op_j2tn3r_capLive {
  margin-left: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6fce9e;
  box-shadow: 0 0 8px 0 #6fce9e;
  flex: none;
  animation: styles_op_j2tn3r_livePulse 1.6s ease-in-out infinite;
}
@keyframes styles_op_j2tn3r_livePulse {
  0%, 100% {
    opacity: .35;
    transform: scale(.75);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.styles_op_j2tn3r_card:nth-child(1) .styles_op_j2tn3r_caption {
  font-size: 12px;
}
.styles_op_j2tn3r_card:nth-child(1) .styles_op_j2tn3r_capIcon {
  font-size: 15px;
}
@keyframes styles_op_j2tn3r_rise {
  from {
    opacity: 0;
    transform: translateY(9px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes styles_op_j2tn3r_pop {
  0% {
    opacity: 0;
    transform: scale(.55);
  }
  72% {
    transform: scale(1.06);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes styles_op_j2tn3r_revScale {
  from {
    opacity: 0;
    transform: scale(.94);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.styles_op_j2tn3r_web {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 9px;
  border: 1px solid #ffffff16;
  background: #0d1017;
  display: flex;
  flex-direction: column;
}
.styles_op_j2tn3r_ceBar {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  background: #131820;
  border-bottom: 1px solid #ffffff10;
  flex: none;
}
.styles_op_j2tn3r_ceDot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: none;
}
.styles_op_j2tn3r_ceFile {
  margin-left: 8px;
  font-family:
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Consolas,
    monospace;
  font-size: 8.5px;
  color: #ffffff55;
  letter-spacing: .3px;
}
.styles_op_j2tn3r_cePane {
  flex: 1;
  overflow: hidden;
  padding: 10px 12px;
}
.styles_op_j2tn3r_cePaneInner {
  display: flex;
  flex-direction: column;
  gap: 1px;
  will-change: transform;
}
.styles_op_j2tn3r_cl {
  display: block;
  font-family:
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Consolas,
    monospace;
  font-size: 9.5px;
  line-height: 1.7;
  color: #c9cdd6;
  white-space: nowrap;
}
.styles_op_j2tn3r_clIn {
  padding-left: 14px;
}
.styles_op_j2tn3r_tag {
  color: #6ea8fe;
}
.styles_op_j2tn3r_attr {
  color: var(--gold);
}
.styles_op_j2tn3r_str {
  color: #7fd6a0;
}
.styles_op_j2tn3r_punc {
  color: #8a93a0;
}
.styles_op_j2tn3r_typeCursor {
  display: inline-block;
  width: 1.5px;
  height: .85em;
  margin-left: 1px;
  background: var(--gold);
  vertical-align: -1px;
  border-radius: 1px;
  animation: styles_op_j2tn3r_caretBlink .55s step-end infinite;
}
@keyframes styles_op_j2tn3r_caretBlink {
  50% {
    opacity: 0;
  }
}
.styles_op_j2tn3r_voice {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
.styles_op_j2tn3r_vCapsule {
  display: flex;
  align-items: center;
  gap: 9px;
  height: 28px;
  overflow: hidden;
  opacity: 1;
  transition:
    opacity .5s ease,
    height .6s ease,
    margin .6s ease;
}
.styles_op_j2tn3r_voice[data-phase=analyze] .styles_op_j2tn3r_vCapsule,
.styles_op_j2tn3r_voice[data-phase=reply] .styles_op_j2tn3r_vCapsule,
.styles_op_j2tn3r_voice[data-phase=lead] .styles_op_j2tn3r_vCapsule {
  opacity: 0;
  height: 0;
}
.styles_op_j2tn3r_vMic {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--gold) 18%, transparent);
  color: var(--gold);
  font-size: 11px;
}
.styles_op_j2tn3r_vMic::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent);
  animation: styles_op_j2tn3r_micPulse 1.8s ease-out infinite;
}
@keyframes styles_op_j2tn3r_micPulse {
  0% {
    transform: scale(.8);
    opacity: .7;
  }
  100% {
    transform: scale(1.55);
    opacity: 0;
  }
}
.styles_op_j2tn3r_vWave {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2px;
  height: 22px;
}
.styles_op_j2tn3r_vWave i {
  flex: 1;
  height: 100%;
  border-radius: 2px;
  background:
    linear-gradient(
      180deg,
      var(--gold),
      var(--color-kit-key2));
  transform: scaleY(.18);
  transform-origin: center;
  animation: styles_op_j2tn3r_wave 1.1s ease-in-out infinite;
  animation-delay: calc(var(--wi) * -0.09s);
}
@keyframes styles_op_j2tn3r_wave {
  0%, 100% {
    transform: scaleY(.18);
  }
  50% {
    transform: scaleY(1);
  }
}
.styles_op_j2tn3r_uBubble {
  align-self: flex-start;
  max-width: 90%;
  padding: 6px 10px;
  border-radius: 12px 12px 12px 3px;
  background: #ffffff10;
  color: #e8ebef;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9.5px;
  line-height: 1.4;
  min-height: 12px;
}
.styles_op_j2tn3r_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.styles_op_j2tn3r_chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 20px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 8px;
  letter-spacing: .2px;
  color: #ecdfc4;
  background: color-mix(in srgb, var(--gold) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--gold) 32%, transparent);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .45s ease calc(var(--ci) * .16s), transform .45s ease calc(var(--ci) * .16s);
}
.styles_op_j2tn3r_chip::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--gold);
  flex: none;
}
.styles_op_j2tn3r_voice[data-phase=analyze] .styles_op_j2tn3r_chip,
.styles_op_j2tn3r_voice[data-phase=reply] .styles_op_j2tn3r_chip,
.styles_op_j2tn3r_voice[data-phase=lead] .styles_op_j2tn3r_chip {
  opacity: 1;
  transform: none;
}
.styles_op_j2tn3r_aBubble {
  align-self: flex-end;
  max-width: 90%;
  padding: 6px 10px;
  border-radius: 12px 12px 3px 12px;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--gold) 88%, #000),
      var(--gold));
  color: #1a1206;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9.5px;
  line-height: 1.4;
  font-weight: 500;
  box-shadow: 0 6px 16px -8px var(--gold);
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .5s ease, transform .5s ease;
}
.styles_op_j2tn3r_voice[data-phase=reply] .styles_op_j2tn3r_aBubble,
.styles_op_j2tn3r_voice[data-phase=lead] .styles_op_j2tn3r_aBubble {
  opacity: 1;
  transform: none;
}
.styles_op_j2tn3r_aDots {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  padding: 1px 0;
}
.styles_op_j2tn3r_aDots i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #1a120699;
  animation: styles_op_j2tn3r_chatdot 1.4s ease-in-out infinite;
}
.styles_op_j2tn3r_aDots i:nth-child(2) {
  animation-delay: .2s;
}
.styles_op_j2tn3r_aDots i:nth-child(3) {
  animation-delay: .4s;
}
@keyframes styles_op_j2tn3r_chatdot {
  0%, 100% {
    opacity: .35;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-2px);
  }
}
.styles_op_j2tn3r_lead {
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 20px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9px;
  font-weight: 600;
  color: #6fce9e;
  background: #6fce9e1a;
  border: 1px solid #6fce9e45;
  box-shadow: 0 0 16px -6px #6fce9e;
  opacity: 0;
  transform: scale(.82);
  transition: opacity .5s ease, transform .5s cubic-bezier(.34, 1.56, .64, 1);
}
.styles_op_j2tn3r_lead svg {
  font-size: 11px;
}
.styles_op_j2tn3r_voice[data-phase=lead] .styles_op_j2tn3r_lead {
  opacity: 1;
  transform: none;
}
.styles_op_j2tn3r_cursor {
  display: inline-block;
  width: 1.5px;
  height: .9em;
  margin-left: 1px;
  background: currentColor;
  vertical-align: -1px;
  border-radius: 1px;
  animation: styles_op_j2tn3r_caretBlink .55s step-end infinite;
}
.styles_op_j2tn3r_flow {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.styles_op_j2tn3r_step {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 9px 4px;
  border-radius: 8px;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  opacity: 1;
  transition:
    border-color .5s ease,
    box-shadow .55s ease,
    background .5s ease,
    transform .5s cubic-bezier(.22, 1, .36, 1);
}
.styles_op_j2tn3r_stepHot {
  border-color: color-mix(in srgb, var(--gold) 28%, transparent);
  background: color-mix(in srgb, var(--gold) 7%, #ffffff08);
}
.styles_op_j2tn3r_stepIcon {
  font-size: 14px;
  color: #cfd4da;
  display: inline-flex;
  transition:
    color .45s ease,
    filter .45s ease,
    transform .5s ease;
}
.styles_op_j2tn3r_stepLbl {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 8px;
  color: #dfe3e8;
  letter-spacing: .2px;
}
.styles_op_j2tn3r_flow[data-phase=s1] .styles_op_j2tn3r_step1,
.styles_op_j2tn3r_flow[data-phase=move1] .styles_op_j2tn3r_step1,
.styles_op_j2tn3r_flow[data-phase=s3] .styles_op_j2tn3r_step3,
.styles_op_j2tn3r_flow[data-phase=done] .styles_op_j2tn3r_step3 {
  border-color: color-mix(in srgb, var(--gold) 55%, transparent);
  box-shadow: 0 0 16px -6px var(--gold);
  background: color-mix(in srgb, var(--gold) 10%, #ffffff08);
  transform: translateY(-2px);
}
.styles_op_j2tn3r_flow[data-phase=s1] .styles_op_j2tn3r_step1 .styles_op_j2tn3r_stepIcon,
.styles_op_j2tn3r_flow[data-phase=move1] .styles_op_j2tn3r_step1 .styles_op_j2tn3r_stepIcon,
.styles_op_j2tn3r_flow[data-phase=s3] .styles_op_j2tn3r_step3 .styles_op_j2tn3r_stepIcon,
.styles_op_j2tn3r_flow[data-phase=done] .styles_op_j2tn3r_step3 .styles_op_j2tn3r_stepIcon {
  color: var(--gold);
}
.styles_op_j2tn3r_step2 {
  overflow: hidden;
}
.styles_op_j2tn3r_flow[data-phase=s2] .styles_op_j2tn3r_step2 {
  border-color: color-mix(in srgb, var(--gold) 60%, transparent);
  box-shadow: 0 0 22px -5px var(--gold);
  background: color-mix(in srgb, var(--gold) 13%, #ffffff08);
}
.styles_op_j2tn3r_flow[data-phase=s2] .styles_op_j2tn3r_step2 .styles_op_j2tn3r_stepIcon {
  color: var(--gold);
  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--gold) 80%, transparent));
  animation: styles_op_j2tn3r_kiPulse 1.3s ease-in-out;
}
@keyframes styles_op_j2tn3r_kiPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}
.styles_op_j2tn3r_step2::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      transparent 35%,
      color-mix(in srgb, var(--gold) 24%, transparent) 50%,
      transparent 65%);
  opacity: 0;
  transform: translateY(-100%);
}
.styles_op_j2tn3r_flow[data-phase=s2] .styles_op_j2tn3r_step2::before {
  animation: styles_op_j2tn3r_kiScan 1.3s ease-in-out;
}
@keyframes styles_op_j2tn3r_kiScan {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
.styles_op_j2tn3r_conn {
  position: relative;
  flex: none;
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background: #ffffff1a;
}
.styles_op_j2tn3r_conn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2px;
  background:
    linear-gradient(
      90deg,
      var(--gold),
      transparent);
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
}
.styles_op_j2tn3r_conn i {
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  margin-left: -2.5px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 7px 1px color-mix(in srgb, var(--gold) 75%, transparent);
  opacity: 0;
}
.styles_op_j2tn3r_flow[data-phase=move1] .styles_op_j2tn3r_conn1 i,
.styles_op_j2tn3r_flow[data-phase=move2] .styles_op_j2tn3r_conn2 i {
  animation: styles_op_j2tn3r_packet .72s cubic-bezier(.4, 0, .2, 1) forwards;
}
@keyframes styles_op_j2tn3r_packet {
  0% {
    opacity: 0;
    left: 0;
  }
  14% {
    opacity: 1;
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: 100%;
  }
}
.styles_op_j2tn3r_flow[data-phase=move1] .styles_op_j2tn3r_conn1::after,
.styles_op_j2tn3r_flow[data-phase=move2] .styles_op_j2tn3r_conn2::after {
  animation: styles_op_j2tn3r_wireGlow .72s ease forwards;
}
@keyframes styles_op_j2tn3r_wireGlow {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  35% {
    opacity: .85;
  }
  100% {
    opacity: 0;
    transform: scaleX(1);
  }
}
.styles_op_j2tn3r_stepCheck {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #6fce9e;
  color: #05270f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  opacity: 0;
  transform: scale(.7);
  box-shadow: 0 0 0 0 #6fce9e00;
}
.styles_op_j2tn3r_flow[data-phase=s3] .styles_op_j2tn3r_stepCheck {
  animation: styles_op_j2tn3r_checkPop .55s cubic-bezier(.34, 1.5, .5, 1) forwards;
}
.styles_op_j2tn3r_flow[data-phase=done] .styles_op_j2tn3r_stepCheck {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 0 15px -2px #6fce9e;
}
@keyframes styles_op_j2tn3r_checkPop {
  0% {
    opacity: 0;
    transform: scale(.7);
    box-shadow: 0 0 0 0 #6fce9e00;
  }
  60% {
    opacity: 1;
    transform: scale(1.08);
    box-shadow: 0 0 18px -1px #6fce9e;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 15px -2px #6fce9e;
  }
}
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=auto]) .styles_op_j2tn3r_capIcon {
  animation: styles_op_j2tn3r_zapBreath 7.6s ease-in-out infinite;
}
@keyframes styles_op_j2tn3r_zapBreath {
  0%, 84%, 100% {
    filter: none;
  }
  90% {
    filter: drop-shadow(0 0 5px var(--gold));
  }
}
.styles_op_j2tn3r_leadCard {
  position: relative;
  width: 100%;
  padding: 10px 11px;
  border-radius: 10px;
  background: #ffffff09;
  border: 1px solid #ffffff14;
  display: flex;
  flex-direction: column;
  gap: 9px;
  opacity: 1;
  transition: border-color .55s ease, box-shadow .6s ease;
}
.styles_op_j2tn3r_leadCard[data-phase=kontakt],
.styles_op_j2tn3r_leadCard[data-phase=toAngebot],
.styles_op_j2tn3r_leadCard[data-phase=angebot],
.styles_op_j2tn3r_leadCard[data-phase=toKunde] {
  box-shadow: 0 0 18px -11px var(--gold);
  border-color: color-mix(in srgb, var(--gold) 22%, #ffffff14);
}
.styles_op_j2tn3r_leadCard[data-phase=kunde],
.styles_op_j2tn3r_leadCard[data-phase=success],
.styles_op_j2tn3r_leadCard[data-phase=hold] {
  box-shadow: 0 0 26px -10px var(--gold);
  border-color: color-mix(in srgb, var(--gold) 32%, #ffffff14);
}
.styles_op_j2tn3r_leadTop {
  display: flex;
  align-items: center;
  gap: 9px;
}
.styles_op_j2tn3r_avatar {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex: none;
  background:
    linear-gradient(
      135deg,
      var(--gold),
      var(--color-kit-key2));
  color: #1a1206;
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 700;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_op_j2tn3r_leadCard[data-phase=neu] .styles_op_j2tn3r_avatar,
.styles_op_j2tn3r_leadCard[data-phase=kontakt] .styles_op_j2tn3r_avatar,
.styles_op_j2tn3r_leadCard[data-phase=angebot] .styles_op_j2tn3r_avatar,
.styles_op_j2tn3r_leadCard[data-phase=kunde] .styles_op_j2tn3r_avatar {
  animation: styles_op_j2tn3r_avatarPulse .6s ease;
}
@keyframes styles_op_j2tn3r_avatarPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 transparent;
  }
  45% {
    transform: scale(1.025);
    box-shadow: 0 0 10px -1px color-mix(in srgb, var(--gold) 75%, transparent);
  }
}
.styles_op_j2tn3r_leadInfo {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.styles_op_j2tn3r_leadName {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  color: #eef1f4;
  font-weight: 600;
  transition: color .4s ease, text-shadow .4s ease;
}
.styles_op_j2tn3r_leadCard[data-phase=neu] .styles_op_j2tn3r_leadName {
  color: #ffffff;
  text-shadow: 0 0 8px color-mix(in srgb, var(--gold) 40%, transparent);
}
.styles_op_j2tn3r_leadMeta {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 8px;
  color: #ffffff70;
}
.styles_op_j2tn3r_leadVal {
  margin-left: auto;
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: var(--gold);
  font-variant-numeric: tabular-nums;
  transition: text-shadow .5s ease;
}
.styles_op_j2tn3r_leadCard[data-phase=angebot] .styles_op_j2tn3r_leadVal,
.styles_op_j2tn3r_leadCard[data-phase=toKunde] .styles_op_j2tn3r_leadVal {
  text-shadow: 0 0 9px color-mix(in srgb, var(--gold) 60%, transparent);
}
.styles_op_j2tn3r_pipeSteps {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
.styles_op_j2tn3r_pipeSteps i {
  position: relative;
  flex: 1;
  height: 5px;
  border-radius: 3px;
  background: #ffffff12;
}
.styles_op_j2tn3r_pipeSteps i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 3px;
  background:
    linear-gradient(
      90deg,
      var(--color-kit-key2),
      var(--gold));
  box-shadow: 0 0 8px -1px var(--gold);
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  transition: transform .45s ease, opacity .35s ease;
}
.styles_op_j2tn3r_pipeSteps i.styles_op_j2tn3r_pfull::after {
  transform: scaleX(1);
  opacity: 1;
}
.styles_op_j2tn3r_pipeSteps i.styles_op_j2tn3r_pfill::after {
  opacity: 1;
  animation: styles_op_j2tn3r_fillBar .6s cubic-bezier(.3, 0, .2, 1) forwards;
}
@keyframes styles_op_j2tn3r_fillBar {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.styles_op_j2tn3r_pipeSteps i.styles_op_j2tn3r_pfill::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  border-radius: 50%;
  background: #ffe9b0;
  box-shadow: 0 0 7px 1px color-mix(in srgb, var(--gold) 80%, transparent);
  opacity: 0;
  z-index: 3;
  animation: styles_op_j2tn3r_tipRun .6s cubic-bezier(.3, 0, .2, 1) forwards;
}
@keyframes styles_op_j2tn3r_tipRun {
  0% {
    left: 0;
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.styles_op_j2tn3r_pipePacket {
  position: absolute;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  border-radius: 50%;
  background: #ffe9b0;
  box-shadow: 0 0 8px 2px color-mix(in srgb, var(--gold) 70%, transparent), -7px 0 8px -3px color-mix(in srgb, var(--gold) 45%, transparent);
  opacity: 0;
  z-index: 4;
  pointer-events: none;
  transition: left .68s cubic-bezier(.4, 0, .2, 1), opacity .3s ease;
}
.styles_op_j2tn3r_pipeSweep {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40%;
  width: 40%;
  border-radius: 3px;
  background:
    linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--gold) 45%, transparent),
      transparent);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
}
.styles_op_j2tn3r_leadCard[data-phase=success] .styles_op_j2tn3r_pipeSweep {
  animation: styles_op_j2tn3r_crmSweep .7s ease forwards;
}
@keyframes styles_op_j2tn3r_crmSweep {
  0% {
    left: -40%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.styles_op_j2tn3r_pipeCheck {
  position: absolute;
  top: 50%;
  right: -3px;
  transform: translateY(-50%) scale(.75);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #6fce9e;
  color: #05270f;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: 5;
  box-shadow: 0 0 10px -2px #6fce9e;
}
.styles_op_j2tn3r_pipeCheck svg {
  font-size: 8px;
}
.styles_op_j2tn3r_leadCard[data-phase=success] .styles_op_j2tn3r_pipeCheck {
  animation: styles_op_j2tn3r_crmCheck .5s cubic-bezier(.34, 1.5, .5, 1) forwards;
}
.styles_op_j2tn3r_leadCard[data-phase=hold] .styles_op_j2tn3r_pipeCheck {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
@keyframes styles_op_j2tn3r_crmCheck {
  0% {
    opacity: 0;
    transform: translateY(-50%) scale(.75);
  }
  60% {
    opacity: 1;
    transform: translateY(-50%) scale(1.08);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}
.styles_op_j2tn3r_pipeLabels {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 8px;
  letter-spacing: .2px;
  color: #ffffff66;
}
.styles_op_j2tn3r_pipeLabels span {
  flex: 1;
  text-align: center;
  transition: color .4s ease, text-shadow .4s ease;
}
.styles_op_j2tn3r_lblActive {
  color: #ffe9b0;
  text-shadow: 0 0 8px color-mix(in srgb, var(--gold) 55%, transparent);
}
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=crm]) .styles_op_j2tn3r_capLive {
  animation: styles_op_j2tn3r_crmStatus 8.2s ease-in-out infinite;
}
@keyframes styles_op_j2tn3r_crmStatus {
  0%, 55% {
    transform: scale(.9);
    opacity: .55;
  }
  30% {
    transform: scale(1);
    opacity: .85;
  }
  66% {
    transform: scale(1.15);
    opacity: 1;
  }
  74% {
    transform: scale(1);
    opacity: .85;
  }
  100% {
    transform: scale(.9);
    opacity: .55;
  }
}
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=crm]) .styles_op_j2tn3r_capIcon {
  animation: styles_op_j2tn3r_crmLeadBreath 8.2s ease-in-out infinite;
}
@keyframes styles_op_j2tn3r_crmLeadBreath {
  0% {
    filter: none;
  }
  25% {
    filter: drop-shadow(0 0 2px color-mix(in srgb, var(--gold) 60%, transparent));
  }
  50% {
    filter: none;
  }
  66% {
    filter: drop-shadow(0 0 6px var(--gold));
  }
  80%, 100% {
    filter: none;
  }
}
.styles_op_j2tn3r_dash {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.styles_op_j2tn3r_dashHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.styles_op_j2tn3r_dashKpi {
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 700;
  font-size: 19px;
  line-height: 1;
  color: #F2EEE6;
  font-variant-numeric: tabular-nums;
  transition: text-shadow .4s ease;
}
.styles_op_j2tn3r_dash[data-phase=top10] .styles_op_j2tn3r_dashKpi {
  text-shadow: 0 0 14px color-mix(in srgb, var(--gold) 75%, transparent);
}
.styles_op_j2tn3r_rankNum {
  display: inline-block;
  animation: styles_op_j2tn3r_rankIn .2s ease;
}
@keyframes styles_op_j2tn3r_rankIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.styles_op_j2tn3r_dashDelta {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #6fce9e;
  background: #6fce9e1f;
  border: 1px solid #6fce9e40;
  padding: 2px 6px;
  border-radius: 20px;
  opacity: .45;
  transform: scale(.88);
  transition:
    opacity .55s ease,
    transform .55s ease,
    box-shadow .55s ease;
}
.styles_op_j2tn3r_dash[data-phase=badge] .styles_op_j2tn3r_dashDelta,
.styles_op_j2tn3r_dash[data-phase=sweep] .styles_op_j2tn3r_dashDelta,
.styles_op_j2tn3r_dash[data-phase=hold] .styles_op_j2tn3r_dashDelta,
.styles_op_j2tn3r_dash[data-phase=reset] .styles_op_j2tn3r_dashDelta {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 0 12px -5px #6fce9e;
}
.styles_op_j2tn3r_kwRow {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 9px;
  color: #cfd4da;
}
.styles_op_j2tn3r_kwIcon {
  color: #ffffff70;
  font-size: 9px;
  display: inline-flex;
  transition: color .4s ease, filter .4s ease;
}
.styles_op_j2tn3r_kw {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .4s ease;
}
.styles_op_j2tn3r_kwPos {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #6fce9e;
  font-weight: 600;
  opacity: .55;
  transition: opacity .5s ease, text-shadow .5s ease;
}
.styles_op_j2tn3r_dash[data-phase=analyze] .styles_op_j2tn3r_kwIcon {
  color: var(--gold);
  filter: drop-shadow(0 0 5px var(--gold));
}
.styles_op_j2tn3r_dash[data-phase=analyze] .styles_op_j2tn3r_kw {
  color: #f2eee6;
}
.styles_op_j2tn3r_dash[data-phase=top3] .styles_op_j2tn3r_kwPos,
.styles_op_j2tn3r_dash[data-phase=goldGreen] .styles_op_j2tn3r_kwPos,
.styles_op_j2tn3r_dash[data-phase=badge] .styles_op_j2tn3r_kwPos,
.styles_op_j2tn3r_dash[data-phase=sweep] .styles_op_j2tn3r_kwPos,
.styles_op_j2tn3r_dash[data-phase=hold] .styles_op_j2tn3r_kwPos {
  opacity: 1;
  text-shadow: 0 0 8px #6fce9e80;
}
.styles_op_j2tn3r_barChart {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 40px;
  transition: opacity .35s ease;
}
.styles_op_j2tn3r_dash[data-phase=reset] .styles_op_j2tn3r_barChart {
  opacity: 0;
}
.styles_op_j2tn3r_barCol {
  position: relative;
  flex: 1;
  height: var(--h);
  border-radius: 3px 3px 1px 1px;
  background:
    linear-gradient(
      180deg,
      var(--color-kit-key2),
      var(--gold));
  box-shadow: 0 0 10px -3px var(--gold);
  transform: scaleY(0);
  transform-origin: bottom;
  transition:
    transform .3s ease,
    background .65s ease,
    box-shadow .65s ease;
}
.styles_op_j2tn3r_dash .styles_op_j2tn3r_barCol:last-child {
  background:
    linear-gradient(
      180deg,
      var(--color-kit-key2),
      var(--gold));
  box-shadow: 0 0 10px -3px var(--gold);
}
.styles_op_j2tn3r_dash .styles_op_j2tn3r_barCol:last-child::after {
  animation: none !important;
  opacity: 0;
  content: none;
}
.styles_op_j2tn3r_barCol.styles_op_j2tn3r_barActive {
  animation: styles_op_j2tn3r_barGrow .55s cubic-bezier(.22, 1, .36, 1) forwards;
}
.styles_op_j2tn3r_barCol.styles_op_j2tn3r_barActive::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  border-radius: 3px 3px 0 0;
  background:
    linear-gradient(
      180deg,
      #fffde0,
      transparent);
  opacity: 0;
  pointer-events: none;
  animation: styles_op_j2tn3r_tipFade .55s ease forwards;
}
@keyframes styles_op_j2tn3r_tipFade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.styles_op_j2tn3r_dash .styles_op_j2tn3r_barCol.styles_op_j2tn3r_barGreen {
  background:
    linear-gradient(
      180deg,
      #7ee0ad,
      #2fa172) !important;
  box-shadow: 0 0 12px -3px #6fce9e !important;
}
.styles_op_j2tn3r_dash .styles_op_j2tn3r_barCol.styles_op_j2tn3r_barGreen:last-child::after {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  border-radius: 50%;
  background: #6fce9e;
  box-shadow: 0 0 7px 0 #6fce9e;
  animation: styles_op_j2tn3r_livePulse 1.6s ease-in-out infinite;
  opacity: 1;
}
@keyframes styles_op_j2tn3r_barGrow {
  to {
    transform: scaleY(1);
  }
}
.styles_op_j2tn3r_barSweep {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25%;
  width: 25%;
  background:
    linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--gold) 50%, transparent),
      color-mix(in srgb, #6fce9e 50%, transparent),
      transparent);
  opacity: 0;
  pointer-events: none;
  border-radius: 3px;
}
.styles_op_j2tn3r_dash[data-phase=sweep] .styles_op_j2tn3r_barSweep {
  animation: styles_op_j2tn3r_barSweep .6s ease forwards;
}
@keyframes styles_op_j2tn3r_barSweep {
  0% {
    left: -25%;
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=seo]) .styles_op_j2tn3r_capLive {
  animation: styles_op_j2tn3r_seoStatus 2.4s ease-in-out infinite;
}
@keyframes styles_op_j2tn3r_seoStatus {
  0%, 100% {
    opacity: .35;
    transform: scale(.75);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=seo]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capText {
  transition: color .4s ease;
}
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=top3]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capText,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=goldGreen]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capText,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=badge]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capText,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=sweep]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capText,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=hold]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capText {
  color: #dfe3e8;
}
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=top100]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capIcon,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=top10]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capIcon,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=top3]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capIcon,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=goldGreen]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capIcon,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=badge]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capIcon,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=sweep]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capIcon,
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase=hold]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capIcon {
  filter: drop-shadow(0 0 4px var(--gold));
}
.styles_op_j2tn3r_mon {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
}
.styles_op_j2tn3r_monHead {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #cfe9d8;
  opacity: 0;
}
.styles_op_j2tn3r_active .styles_op_j2tn3r_monHead {
  animation: styles_op_j2tn3r_rise .4s ease forwards .1s;
}
.styles_op_j2tn3r_dotGreen {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6fce9e;
  box-shadow: 0 0 8px 0 #6fce9e;
  flex: none;
  animation: styles_op_j2tn3r_livePulse 1.6s ease-in-out infinite;
}
.styles_op_j2tn3r_monRow {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  color: #ffffffb0;
  opacity: 0;
  transform: translateY(6px);
  border-radius: 6px;
  padding: 2px 6px;
  margin: 0 -6px;
  transition:
    opacity .45s ease,
    transform .4s ease,
    background .35s ease,
    color .35s ease,
    box-shadow .35s ease;
}
.styles_op_j2tn3r_monRow[data-on=true] {
  opacity: 1;
  transform: none;
}
.styles_op_j2tn3r_monRow:hover {
  background: color-mix(in srgb, var(--gold) 7%, #ffffff06);
  color: #f2eee6;
  transform: translateX(3px);
  box-shadow: 0 0 12px -6px var(--gold);
}
.styles_op_j2tn3r_monRow span {
  flex: 1;
}
.styles_op_j2tn3r_monRow b {
  font-weight: 600;
  color: #e9edf2;
  font-size: 10.5px;
  font-variant-numeric: tabular-nums;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .4s ease .12s, transform .4s ease .12s;
}
.styles_op_j2tn3r_monRow[data-on=true] b {
  opacity: 1;
  transform: none;
}
.styles_op_j2tn3r_okIcon {
  color: #6fce9e;
  font-size: 12px;
  flex: none;
  opacity: 0;
  transform: scale(.8);
  transition: opacity .35s ease, transform .4s cubic-bezier(.34, 1.4, .5, 1);
}
.styles_op_j2tn3r_monRow[data-on=true] .styles_op_j2tn3r_okIcon {
  opacity: 1;
  transform: scale(1);
  animation: styles_op_j2tn3r_okGlow .7s ease;
}
@keyframes styles_op_j2tn3r_okGlow {
  0% {
    filter: drop-shadow(0 0 0 transparent);
  }
  40% {
    filter: drop-shadow(0 0 5px #6fce9e);
  }
  100% {
    filter: drop-shadow(0 0 0 transparent);
  }
}
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=shield])::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 18px;
  background:
    linear-gradient(
      115deg,
      transparent 42%,
      color-mix(in srgb, var(--gold) 6%, transparent) 50%,
      transparent 58%);
  background-size: 250% 100%;
  background-position: 150% 0;
  animation: styles_op_j2tn3r_shieldScan 7s ease-in-out infinite;
}
@keyframes styles_op_j2tn3r_shieldScan {
  0%, 72% {
    background-position: 150% 0;
  }
  100% {
    background-position: -60% 0;
  }
}
.styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=shield]) .styles_op_j2tn3r_caption::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 18px;
  height: 1px;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--gold) 70%, transparent),
      transparent);
  box-shadow: 0 0 6px color-mix(in srgb, var(--gold) 55%, transparent);
  animation: styles_op_j2tn3r_monScan 4.6s linear infinite;
}
@keyframes styles_op_j2tn3r_monScan {
  0% {
    left: -18px;
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  88% {
    opacity: 1;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.styles_op_j2tn3r_cardTitle {
  position: relative;
  z-index: 1;
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: 21px;
  color: #F2EEE6;
  margin: 6px 0 0;
  font-weight: 600;
  letter-spacing: -.4px;
}
.styles_op_j2tn3r_cardText {
  position: relative;
  z-index: 1;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 15px;
  line-height: 1.62;
  color: #f2eee6a3;
  margin: 0;
}
.styles_op_j2tn3r_more {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding-top: 10px;
  font-size: 14px;
  color: var(--gold);
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
.styles_op_j2tn3r_arrow {
  transition: transform .3s ease;
}
.styles_op_j2tn3r_card:hover .styles_op_j2tn3r_arrow {
  transform: translateX(4px);
}
.styles_op_j2tn3r_sheen {
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background:
    linear-gradient(
      100deg,
      transparent,
      #f6e2b812,
      transparent);
  transform: skewX(-18deg);
  transition: left .8s ease;
  pointer-events: none;
  z-index: 2;
}
.styles_op_j2tn3r_card:hover .styles_op_j2tn3r_sheen {
  left: 120%;
}
@media (max-width: 940px) {
  .styles_op_j2tn3r_wrap {
    padding: 92px 22px;
  }
  .styles_op_j2tn3r_grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .styles_op_j2tn3r_card {
    grid-column: span 1 !important;
    grid-row: auto !important;
  }
  .styles_op_j2tn3r_card:nth-child(1) {
    grid-column: span 2 !important;
  }
}
@media (max-width: 620px) {
  .styles_op_j2tn3r_grid {
    grid-template-columns: 1fr;
  }
  .styles_op_j2tn3r_card,
  .styles_op_j2tn3r_card:nth-child(1) {
    grid-column: span 1 !important;
  }
}
@media (max-width: 620px) {
  .styles_op_j2tn3r_card:nth-child(1) .styles_op_j2tn3r_viz {
    flex: none !important;
    height: 210px !important;
    min-height: unset !important;
  }
  .styles_op_j2tn3r_card:nth-child(1) .styles_op_j2tn3r_cePane {
    flex: none !important;
    height: 68px !important;
    overflow: hidden !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_j2tn3r_uBubble,
  .styles_op_j2tn3r_chips,
  .styles_op_j2tn3r_chip,
  .styles_op_j2tn3r_aBubble,
  .styles_op_j2tn3r_lead,
  .styles_op_j2tn3r_vCapsule,
  .styles_op_j2tn3r_step,
  .styles_op_j2tn3r_stepCheck,
  .styles_op_j2tn3r_leadCard,
  .styles_op_j2tn3r_barCol,
  .styles_op_j2tn3r_dashDelta,
  .styles_op_j2tn3r_monHead,
  .styles_op_j2tn3r_monRow,
  .styles_op_j2tn3r_monRow b,
  .styles_op_j2tn3r_okIcon {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }
  .styles_op_j2tn3r_barCol {
    transform: scaleY(1) !important;
  }
  .styles_op_j2tn3r_typeCursor,
  .styles_op_j2tn3r_cursor,
  .styles_op_j2tn3r_aDots i,
  .styles_op_j2tn3r_vWave i,
  .styles_op_j2tn3r_vMic::after,
  .styles_op_j2tn3r_conn i,
  .styles_op_j2tn3r_conn::after,
  .styles_op_j2tn3r_step2::before,
  .styles_op_j2tn3r_step2 .styles_op_j2tn3r_stepIcon,
  .styles_op_j2tn3r_pipeSteps i::after,
  .styles_op_j2tn3r_capLive,
  .styles_op_j2tn3r_dotGreen,
  .styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=auto]) .styles_op_j2tn3r_capIcon,
  .styles_op_j2tn3r_barCol:last-child::after,
  .styles_op_j2tn3r_viz::before {
    animation: none !important;
  }
  .styles_op_j2tn3r_flow[data-phase=done] .styles_op_j2tn3r_stepCheck {
    opacity: 1 !important;
    transform: none !important;
  }
  .styles_op_j2tn3r_pipeSteps i.styles_op_j2tn3r_pfill::before,
  .styles_op_j2tn3r_pipePacket,
  .styles_op_j2tn3r_pipeSweep,
  .styles_op_j2tn3r_pipeCheck,
  .styles_op_j2tn3r_leadCard .styles_op_j2tn3r_avatar,
  .styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=crm]) .styles_op_j2tn3r_capLive,
  .styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=crm]) .styles_op_j2tn3r_capIcon,
  .styles_op_j2tn3r_rankNum,
  .styles_op_j2tn3r_barSweep,
  .styles_op_j2tn3r_barCol.styles_op_j2tn3r_barActive,
  .styles_op_j2tn3r_barCol.styles_op_j2tn3r_barActive::before,
  .styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=seo]) .styles_op_j2tn3r_capLive,
  .styles_op_j2tn3r_card:has(.styles_op_j2tn3r_dash[data-phase]) .styles_op_j2tn3r_caption .styles_op_j2tn3r_capIcon,
  .styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=shield])::before,
  .styles_op_j2tn3r_card:has(.styles_op_j2tn3r_viz[data-kind=shield]) .styles_op_j2tn3r_caption::before {
    animation: none !important;
  }
  .styles_op_j2tn3r_leadCard[data-phase=hold] .styles_op_j2tn3r_pipeCheck {
    opacity: 1 !important;
  }
  .styles_op_j2tn3r_typeCursor {
    animation: none !important;
  }
}
.bw-leistungen-karten { max-width: none; hyphens: manual; }

/* portal-start (Original 1pdgot6): Zustandsfarbe "wartet" fehlt in bewegung.css */
.styles_op_1pdgot6_s_wait { background: #E5B94F; box-shadow: 0 0 7px #e5b94f66; }

/* portfolio-start (Original 12jpa0j, Startseite "Projekte, die Anspruch sichtbar machen."): Regeln 1:1 aus dem Original-Modul. */
/* Grundwerte wie auf der Original-Seite (Browser-Standard), siehe a-starta-basis.css; :where() = keine Spezifität */
:where(.bw-portfolio-start) { font-family: "Times New Roman"; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: normal; text-align: start; text-transform: none; hyphens: manual; overflow-wrap: normal; max-width: none; }
:where(.bw-portfolio-start) :is(h1, h2, h3, h4) { font-weight: bold; letter-spacing: inherit; line-height: inherit; hyphens: inherit; overflow-wrap: inherit; margin: revert; }
:where(.bw-portfolio-start) p { margin: revert; }
:where(.bw-portfolio-start) a { color: #0000ee; text-decoration: underline; }
.bw-portfolio-start { max-width: none; }
.styles_op_12jpa0j_wrap {
  position: relative;
  isolation: isolate;
  background: var(--bg, #0A0C0F);
  padding: 140px 24px;
  overflow: hidden;
}
.styles_op_12jpa0j_aura {
  position: absolute;
  top: 6%;
  right: -6%;
  width: 46%;
  height: 56%;
  background:
    radial-gradient(
      circle,
      color-mix(in srgb, var(--gold) 10%, transparent) 0%,
      transparent 66%);
  filter: blur(34px);
  pointer-events: none;
}
.styles_op_12jpa0j_container {
  position: relative;
  max-width: 1340px;
  margin: 0 auto;
}
.styles_op_12jpa0j_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 28px;
  margin-bottom: 64px;
}
.styles_op_12jpa0j_headText {
  max-width: 660px;
}
.styles_op_12jpa0j_eyebrow {
  letter-spacing: 3px;
  font-size: 12px;
}
.styles_op_12jpa0j_title {
  margin-top: 18px;
  max-width: 16ch;
}
.styles_op_12jpa0j_sub {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #f2eee6a3;
  margin: 18px 0 0;
  max-width: 46ch;
}
.styles_op_12jpa0j_headCta {
  color: var(--gold);
  font-size: 15px;
  text-decoration: none;
  white-space: nowrap;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding-bottom: 6px;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 34%, transparent);
  transition: border-color .3s ease;
}
.styles_op_12jpa0j_headCta:hover {
  border-color: var(--gold);
}
.styles_op_12jpa0j_arrow {
  transition: transform .3s ease;
}
.styles_op_12jpa0j_headCta:hover .styles_op_12jpa0j_arrow {
  transform: translateX(5px);
}
.styles_op_12jpa0j_stage {
  position: relative;
  perspective: 1500px;
  max-width: 860px;
  margin: 0 auto;
}
.styles_op_12jpa0j_stageInner {
  position: relative;
  transform-style: preserve-3d;
  will-change: transform;
  aspect-ratio: 16 / 9;
}
.styles_op_12jpa0j_card {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid #ffffff17;
  background: #0e1013;
  box-shadow: 0 70px 130px -60px #000, inset 0 1px 0 #ffffff12;
}
.styles_op_12jpa0j_imgStage {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.styles_op_12jpa0j_img {
  position: absolute;
  inset: -8%;
  width: 116%;
  height: 116%;
  object-fit: cover;
  display: block;
  transform-origin: center center;
  filter: saturate(1.02) contrast(1.08) brightness(1.0);
  will-change: transform;
  pointer-events: none;
  -webkit-appearance: none;
}
video::-webkit-media-controls {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::-webkit-media-controls-enclosure {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::-webkit-media-controls-play-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::-webkit-media-controls-timeline {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::-webkit-media-controls-current-time-display {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::-webkit-media-controls-mute-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::-webkit-media-controls-fullscreen-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
video::--internal-media-controls-button-panel {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.styles_op_12jpa0j_scanLine {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background:
    linear-gradient(
      90deg,
      transparent,
      #f6e2b855,
      #E0C79B88,
      #f6e2b855,
      transparent);
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: 3;
}
.styles_op_12jpa0j_vignette {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      #08090b22 0%,
      transparent 24%,
      #08090b18 52%,
      #070809f5 100%),
    radial-gradient(
      120% 90% at 78% 12%,
      color-mix(in srgb, var(--gold) 14%, transparent),
      transparent 60%);
  pointer-events: none;
  z-index: 2;
}
.styles_op_12jpa0j_gridLines {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(#ffffff07 1px, transparent 1px),
    linear-gradient(
      90deg,
      #ffffff07 1px,
      transparent 1px);
  background-size: 46px 46px;
  mask-image:
    radial-gradient(
      120% 80% at 70% 20%,
      #000 0%,
      transparent 70%);
  pointer-events: none;
  opacity: 0.55;
  z-index: 2;
}
.styles_op_12jpa0j_sweep {
  position: absolute;
  top: 0;
  left: -40%;
  width: 40%;
  height: 100%;
  background:
    linear-gradient(
      100deg,
      transparent,
      #f6e2b830,
      transparent);
  transform: skewX(-16deg);
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 3;
}
.styles_op_12jpa0j_filmLayer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 4;
}
.styles_op_12jpa0j_chip {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12px;
  letter-spacing: .2px;
  color: #f2eee6e6;
  padding: 8px 14px;
  border: 1px solid #ffffff22;
  border-radius: 999px;
  background: #0a0b0daa;
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 32px -18px #000;
  white-space: nowrap;
}
.styles_op_12jpa0j_chip1 {
  top: 22px;
  right: 22px;
}
.styles_op_12jpa0j_chip2 {
  top: 64px;
  right: 34px;
}
.styles_op_12jpa0j_chip3 {
  bottom: 110px;
  right: 28px;
}
.styles_op_12jpa0j_chipDot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold);
  flex: none;
  box-shadow: 0 0 8px 1px currentColor;
}
.styles_op_12jpa0j_filmChart {
  position: absolute;
  bottom: 100px;
  left: 28px;
  width: 120px;
}
.styles_op_12jpa0j_filmLine {
  position: absolute;
  bottom: 96px;
  left: 16px;
  right: 16px;
  width: auto;
  transform-origin: left center;
}
.styles_op_12jpa0j_node {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      var(--gold) 0%,
      #C4A06A44 60%,
      transparent 100%);
  transform: translate(-50%, -50%);
}
.styles_op_12jpa0j_orb {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 180px;
  height: 180px;
  margin: -90px 0 0 -90px;
  border-radius: 50%;
  border: 1px dashed #C4A06A2a;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.styles_op_12jpa0j_orbDot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 12px 2px var(--gold);
  margin-top: -3.5px;
}
.styles_op_12jpa0j_liveTag {
  position: absolute;
  top: 20px;
  right: 22px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #f3ecda;
  padding: 6px 12px;
  border: 1px solid #ffffff26;
  border-radius: 999px;
  background: #0a0b0d5c;
  backdrop-filter: blur(8px);
  transform: translateZ(60px);
}
.styles_op_12jpa0j_liveDot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff5b4d;
  box-shadow: 0 0 10px 1px #ff5b4d;
  flex: none;
}
.styles_op_12jpa0j_grain {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: 0.5;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  background-size: 180px 180px;
}
.styles_op_12jpa0j_bars {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      #05060899 0%,
      transparent 9%,
      transparent 91%,
      #050608bf 100%);
}
.styles_op_12jpa0j_focusTag {
  position: absolute;
  top: 20px;
  left: 20px;
  transform: translateZ(60px);
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #f3ecda;
  padding: 7px 13px;
  border: 1px solid #ffffff2b;
  border-radius: 999px;
  background: #0a0a0c66;
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 30px -14px #000;
}
.styles_op_12jpa0j_panelInner {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.styles_op_12jpa0j_panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  transform: translateZ(48px);
  padding: 34px 38px 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background:
    linear-gradient(
      0deg,
      #04050888 0%,
      #04050844 60%,
      transparent 100%);
  backdrop-filter: blur(2px);
}
.styles_op_12jpa0j_panelTop {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.styles_op_12jpa0j_num {
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--gold);
}
.styles_op_12jpa0j_num i {
  color: #f2eee659;
  font-style: normal;
  font-weight: 500;
}
.styles_op_12jpa0j_cat {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 11.5px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: #f2eee6cc;
  position: relative;
  padding-left: 18px;
  text-shadow: 0 1px 6px #000;
  font-weight: 600;
}
.styles_op_12jpa0j_cat::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 1px;
  background: color-mix(in srgb, var(--gold) 60%, transparent);
}
.styles_op_12jpa0j_projTitle {
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: clamp(26px, 3.4vw, 44px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -1px;
  color: #FFFFFF;
  margin: 0 0 12px;
  text-shadow:
    0 2px 4px #000,
    0 8px 32px #000,
    0 0 60px #00000088;
}
.styles_op_12jpa0j_desc {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 15.5px;
  line-height: 1.62;
  color: #F2EEE6;
  margin: 0 0 20px;
  max-width: 52ch;
  text-shadow: 0 1px 3px #000, 0 4px 16px #000;
  font-weight: 500;
}
.styles_op_12jpa0j_panelFoot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 22px;
}
.styles_op_12jpa0j_techRow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.styles_op_12jpa0j_tech {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12px;
  color: #e7e2d6;
  padding: 6px 12px;
  border: 1px solid #ffffff1f;
  border-radius: 8px;
  background: #0a0a0c6b;
  backdrop-filter: blur(6px);
}
.styles_op_12jpa0j_viewLink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 15px;
  color: #F2EEE6;
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 1px solid color-mix(in srgb, var(--gold) 44%, transparent);
  transition: color .3s ease, border-color .3s ease;
}
.styles_op_12jpa0j_viewLink:hover {
  color: var(--gold);
  border-color: var(--gold);
}
.styles_op_12jpa0j_viewLink .styles_op_12jpa0j_arrow {
  transition: transform .3s ease;
}
.styles_op_12jpa0j_viewLink:hover .styles_op_12jpa0j_arrow {
  transform: translateX(4px);
}
.styles_op_12jpa0j_navBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #ffffff26;
  background: #0c0d10cc;
  backdrop-filter: blur(8px);
  color: #f2eee6;
  cursor: pointer;
  transition:
    border-color .3s ease,
    background .3s ease,
    transform .3s ease;
}
.styles_op_12jpa0j_navBtn:hover {
  border-color: var(--gold);
  color: var(--gold);
}
.styles_op_12jpa0j_prev {
  left: -16px;
}
.styles_op_12jpa0j_next {
  right: -16px;
}
.styles_op_12jpa0j_prev:hover {
  transform: translateY(-50%) translateX(-3px);
}
.styles_op_12jpa0j_next:hover {
  transform: translateY(-50%) translateX(3px);
}
.styles_op_12jpa0j_rail {
  display: flex;
  gap: 12px;
  margin-top: 30px;
  flex-wrap: wrap;
}
.styles_op_12jpa0j_dot {
  position: relative;
  flex: 1 1 0;
  min-width: 120px;
  height: 44px;
  margin: -20px 0 -21px;
  border: none;
  padding: 0;
  border-radius: 0;
  background: linear-gradient(#ffffff17, #ffffff17) center / 100% 3px no-repeat;
  cursor: pointer;
  overflow: hidden;
}
.styles_op_12jpa0j_dotFill {
  position: absolute;
  left: 0;
  top: 20px;
  height: 3px;
  background:
    linear-gradient(
      90deg,
      var(--gold),
      #E0C79B);
  border-radius: 999px;
}
.styles_op_12jpa0j_dotLabel {
  position: absolute;
  left: 0;
  bottom: 44px; /* wie im Original über dem Balken und vom Überlauf verdeckt; Balken ist jetzt 44 px hoch (Tippfläche), sichtbar bleiben 3 px */
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12px;
  letter-spacing: .3px;
  color: #f2eee659;
  white-space: nowrap;
  transition: color .3s ease;
}
.styles_op_12jpa0j_dotOn .styles_op_12jpa0j_dotLabel {
  color: #f2eee6;
}
.styles_op_12jpa0j_img {
  pointer-events: none;
}
@media (max-width: 900px) {
  .styles_op_12jpa0j_wrap {
    padding: 92px 20px;
  }
  .styles_op_12jpa0j_head {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 44px;
  }
  .styles_op_12jpa0j_title {
    max-width: none;
  }
  .styles_op_12jpa0j_stageInner {
    aspect-ratio: 4 / 5;
  }
  .styles_op_12jpa0j_panel {
    padding: 22px 22px 24px;
    transform: translateZ(30px);
  }
  .styles_op_12jpa0j_desc {
    display: none;
  }
  .styles_op_12jpa0j_prev {
    left: 6px;
  }
  .styles_op_12jpa0j_next {
    right: 6px;
  }
  .styles_op_12jpa0j_navBtn {
    width: 42px;
    height: 42px;
  }
  .styles_op_12jpa0j_rail {
    gap: 8px;
  }
  .styles_op_12jpa0j_dot {
    min-width: 44px;
  }
  .styles_op_12jpa0j_dotLabel {
    display: none;
  }
}
@media (max-width: 600px) {
  .styles_op_12jpa0j_wrap {
    padding: 74px 16px 84px;
  }
  .styles_op_12jpa0j_stage {
    max-width: 100%;
    perspective: none;
  }
  .styles_op_12jpa0j_stageInner {
    aspect-ratio: auto;
    transform: none;
    will-change: auto;
  }
  .styles_op_12jpa0j_card {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 16px;
    background: #0e1013;
    transform: none;
    box-shadow: 0 30px 60px -40px #000, inset 0 1px 0 #ffffff10;
  }
  .styles_op_12jpa0j_imgStage {
    position: relative;
    inset: auto;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }
  video.styles_op_12jpa0j_img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #060708;
  }
  img.styles_op_12jpa0j_img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .styles_op_12jpa0j_vignette {
    background:
      linear-gradient(
        180deg,
        #05060833 0%,
        transparent 22%,
        transparent 84%,
        #050608a0 100%);
  }
  .styles_op_12jpa0j_bars {
    background:
      linear-gradient(
        180deg,
        #05060877 0%,
        transparent 7%,
        transparent 93%,
        #05060899 100%);
  }
  .styles_op_12jpa0j_liveTag {
    top: 10px;
    right: 10px;
    font-size: 9px;
    padding: 4px 9px;
    letter-spacing: 1.5px;
    gap: 6px;
  }
  .styles_op_12jpa0j_liveDot {
    width: 6px;
    height: 6px;
  }
  .styles_op_12jpa0j_focusTag {
    top: 10px;
    left: 10px;
    font-size: 9px;
    padding: 5px 10px;
    letter-spacing: 1px;
  }
  .styles_op_12jpa0j_chip,
  .styles_op_12jpa0j_filmChart,
  .styles_op_12jpa0j_filmLine,
  .styles_op_12jpa0j_orb,
  .styles_op_12jpa0j_node {
    display: none;
  }
  .styles_op_12jpa0j_panel {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    z-index: 1;
    height: 250px;
    overflow: hidden;
    background: #0e1013;
    backdrop-filter: none;
    padding: 0;
    align-items: stretch;
  }
  .styles_op_12jpa0j_panelInner {
    position: absolute;
    inset: 0;
    padding: 15px 16px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .styles_op_12jpa0j_panelTop {
    margin-bottom: 9px;
    gap: 12px;
  }
  .styles_op_12jpa0j_num {
    font-size: 12px;
  }
  .styles_op_12jpa0j_cat {
    font-size: 10.5px;
    letter-spacing: 1.8px;
    padding-left: 15px;
  }
  .styles_op_12jpa0j_projTitle {
    font-size: clamp(22px, 6.6vw, 30px);
    margin: 0 0 10px;
    text-shadow: none;
    letter-spacing: -0.5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .styles_op_12jpa0j_desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 0;
    font-size: 13.5px;
    line-height: 1.55;
    margin: 0 0 12px;
    text-shadow: none;
    color: #f2eee6c4;
    max-width: none;
    font-weight: 400;
  }
  .styles_op_12jpa0j_panelFoot {
    margin-top: auto;
    gap: 12px 18px;
  }
  .styles_op_12jpa0j_tech {
    font-size: 11px;
    padding: 5px 10px;
    background: #ffffff0e;
    backdrop-filter: none;
  }
  .styles_op_12jpa0j_viewLink {
    font-size: 14px;
  }
  .styles_op_12jpa0j_rail {
    gap: 8px;
    margin-top: 18px;
  }
  .styles_op_12jpa0j_dot {
    min-width: 44px;
  }
  .styles_op_12jpa0j_dotLabel {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_12jpa0j_sweep {
    display: none;
  }
}
/* KI-Kennzeichen (@siteui/ai-label, 1wl8h3i) */
.styles_op_1wl8h3i_badge { position: absolute; display: inline-flex; align-items: center; gap: 4px; padding: 3px 7px 3px 5px; border-radius: 999px; background: rgba(5, 5, 8, 0.72); backdrop-filter: blur(6px); border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.75); font-size: 9px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; pointer-events: none; z-index: 10; line-height: 1; }
.styles_op_1wl8h3i_badge svg { flex-shrink: 0; opacity: 0.8; }
.styles_op_1wl8h3i_bottom-left { bottom: 10px; left: 10px; }
/* Videoschutz (VideoShield des Originals) */
.styles_op_12jpa0j_shield { position: absolute; inset: 0; z-index: 30; background: transparent; pointer-events: auto; cursor: default; touch-action: none; user-select: none; -webkit-tap-highlight-color: transparent; }

/* preise-start (Original hlps4w, Startseite): Regeln 1:1 aus dem Original (Abschnitt "Transparente Preise"), dazu die Knopf-Regeln des Kits (o0oxqu). */
/* virtual-css-module:/styles.op_hlps4w.module.css */
.styles_op_hlps4w_wrap {
  position: relative;
  isolation: isolate;
  background: var(--bg, #0B0D11);
  padding: 120px 24px;
  overflow: hidden;
}
.styles_op_hlps4w_bgGlow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(
      ellipse 54% 38% at 50% 50%,
      #C4A06A0C,
      transparent 65%);
}
.styles_op_hlps4w_container {
  position: relative;
  max-width: 1250px;
  margin: 0 auto;
  z-index: 2;
}
.styles_op_hlps4w_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 18px;
  margin-bottom: 60px;
}
.styles_op_hlps4w_eyebrow {
  letter-spacing: 3px;
  font-size: 12px;
}
.styles_op_hlps4w_title {
  max-width: 780px;
}
.styles_op_hlps4w_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: stretch;
}
.styles_op_hlps4w_cardWrapper {
  position: relative;
}
.styles_op_hlps4w_cardWrapper::before {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 32px;
  opacity: 0;
  background:
    radial-gradient(
      ellipse 80% 70% at 50% 80%,
      #C4A06A16,
      transparent 70%);
  pointer-events: none;
  z-index: -1;
  transition: opacity 420ms cubic-bezier(0.22, 1, 0.36, 1);
}
.styles_op_hlps4w_cardWrapperHovered::before {
  opacity: 1;
}
.styles_op_hlps4w_card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 34px 26px 30px;
  border: 1px solid #ffffff12;
  border-radius: 16px;
  background:
    linear-gradient(
      180deg,
      #121316b3,
      #08090c80);
  transition: border-color 420ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.styles_op_hlps4w_card.styles_op_hlps4w_cardHovered {
  border-color: #e5a62c44;
  box-shadow: 0 20px 50px -36px #00000099;
}
.styles_op_hlps4w_featured {
  border-color: #e5a62c5c;
  background:
    linear-gradient(
      180deg,
      #1a150bcc,
      #0a0a0c99);
  box-shadow: 0 30px 70px -46px #e5a62c99, inset 0 1px 0 #e5a62c26;
}
.styles_op_hlps4w_featured::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  right: 22px;
  height: 2px;
  border-radius: 0 0 3px 3px;
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--gold, #C4A06A),
      transparent);
}
.styles_op_hlps4w_featured.styles_op_hlps4w_cardHovered {
  border-color: #e5a62c80;
  box-shadow: 0 38px 80px -44px #e5a62cb0, inset 0 1px 0 #e5a62c40;
}
.styles_op_hlps4w_sweepLight {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      #C4A06A45 0%,
      #C4A06A15 45%,
      transparent 70%);
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.styles_op_hlps4w_sweepRun {
  animation: styles_op_hlps4w_borderLightSweep 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation-delay: 0.4s;
}
@keyframes styles_op_hlps4w_borderLightSweep {
  0% {
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  4% {
    opacity: 0.75;
  }
  12% {
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
  }
  20% {
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.65;
  }
  28% {
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
    opacity: 0.65;
  }
  32% {
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
  }
}
.styles_op_hlps4w_pill {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  background:
    linear-gradient(
      180deg,
      #F6D57A,
      var(--gold, #C4A06A));
  color: #1a1408;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding: 5px 13px;
  border-radius: 999px;
  box-shadow: 0 6px 16px -8px #e5a62c;
  white-space: nowrap;
}
.styles_op_hlps4w_name {
  font-family: var(--font-kit-header-font), serif;
  font-size: 22px;
  color: #F4F1E9;
  margin: 0 0 8px;
  font-weight: 700;
}
.styles_op_hlps4w_desc {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #a9a9b0;
  margin: 0 0 22px;
  min-height: 40px;
}
.styles_op_hlps4w_priceRow {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ffffff12;
}
.styles_op_hlps4w_price {
  font-family: var(--font-kit-header-font), serif;
  font-size: 34px;
  color: #F4F1E9;
  font-weight: 700;
  letter-spacing: -0.5px;
  font-variant-numeric: tabular-nums;
  min-width: 4ch;
  display: inline-block;
}
.styles_op_hlps4w_featured .styles_op_hlps4w_price {
  color: var(--gold, #C4A06A);
}
.styles_op_hlps4w_unit {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13px;
  color: #8f8f96;
}
.styles_op_hlps4w_features {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1;
}
.styles_op_hlps4w_featureItem {
}
.styles_op_hlps4w_ctaWrap {
  width: 100%;
  margin-top: auto;
}
.styles_op_hlps4w_cta {
  width: 100%;
}
.styles_op_hlps4w_ctaFeatured {
  position: relative;
  overflow: hidden;
  transition: transform 0.15s ease, filter 0.35s ease !important;
}
.styles_op_hlps4w_ctaFeatured::after {
  content: "";
  position: absolute;
  top: 0;
  left: -110%;
  width: 55%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent,
      #ffffff22,
      #ffffff18,
      transparent);
  transform: skewX(-18deg);
  pointer-events: none;
  transition: none;
}
.styles_op_hlps4w_ctaFeatured:hover {
  transform: translateY(-1.5px) !important;
  filter: brightness(1.1);
}
.styles_op_hlps4w_ctaFeatured:hover::after {
  left: 155%;
  transition: left 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.styles_op_hlps4w_ctaFeatured:active {
  transform: scale(0.982) !important;
  transition: transform 0.1s ease !important;
}
.styles_op_hlps4w_addon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin: 40px auto 0;
  max-width: 720px;
  padding: 15px 24px;
  border: 1px solid #e5a62c33;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      #1a150b80,
      #0a0a0c66);
}
.styles_op_hlps4w_addonDot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gold, #C4A06A);
  box-shadow: 0 0 10px -1px var(--gold, #C4A06A);
  flex: none;
}
.styles_op_hlps4w_addonText {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #d8d4cb;
  text-align: center;
}
.styles_op_hlps4w_tax {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12.5px;
  color: #8f8f96;
  text-align: center;
  margin: 18px auto 0;
  max-width: 720px;
}
@media (max-width: 980px) {
  .styles_op_hlps4w_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
  .styles_op_hlps4w_wrap {
    padding: 88px 22px;
  }
}
@media (max-width: 560px) {
  .styles_op_hlps4w_grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_hlps4w_sweepRun {
    animation: none;
  }
  .styles_op_hlps4w_ctaFeatured::after {
    display: none;
  }
  .styles_op_hlps4w_cardWrapper::before {
    display: none;
  }
  .styles_op_hlps4w_card {
    transition: none;
  }
}

.styles_op_o0oxqu_btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; font-family: var(--font-kit-text-font, "Inter"), sans-serif; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.01em; border-radius: 11px; cursor: pointer; border: 1px solid transparent; text-decoration: none; transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s, background 0.25s, border-color 0.25s, color 0.25s; white-space: nowrap; }
.styles_op_o0oxqu_btn::before { content: ""; position: absolute; top: 0px; left: -130%; width: 55%; height: 100%; background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.36) 50%, transparent 100%); transform: skewX(-18deg); pointer-events: none; opacity: 0; }
.styles_op_o0oxqu_btn:hover::before { animation: 0.85s ease 0s 1 normal none running styles_op_o0oxqu_sweep; }
.styles_op_o0oxqu_btn > * { position: relative; z-index: 1; }
.styles_op_o0oxqu_sz_md { padding: 0.85rem 1.6rem; }
.styles_op_o0oxqu_primary { background: linear-gradient(
      135deg,
      #F6D57A 0%,
      var(--color-kit-key2, #F0C24B) 42%,
      var(--color-kit-key1, #E5A62C) 100%); color: rgb(26, 20, 8); box-shadow: rgba(229, 166, 44, 0.6) 0px 10px 28px -14px, rgba(255, 246, 217, 0.667) 0px 1px 0px inset; }
.styles_op_o0oxqu_primary:hover { transform: translateY(-2px); box-shadow: rgba(229, 166, 44, 0.753) 0px 16px 40px -16px, rgba(255, 246, 217, 0.8) 0px 1px 0px inset; }
.styles_op_o0oxqu_outline { background: transparent; color: var(--color-kit-white, #fff); border-color: rgba(255, 255, 255, 0.2); }
.styles_op_o0oxqu_outline:hover { border-color: var(--color-kit-key1, #E5A62C); color: var(--color-kit-key1, #E5A62C); transform: translateY(-2px); box-shadow: rgba(229, 166, 44, 0.667) 0px 14px 40px -20px; }
@media (prefers-reduced-motion: reduce) {
.styles_op_o0oxqu_btn { transition: box-shadow 0.25s, border-color 0.25s, color 0.25s; }
.styles_op_o0oxqu_btn:hover { transform: none; }
.styles_op_o0oxqu_btn:hover::before { animation: auto ease 0s 1 normal none running none; }
}

/* Grundwerte wie auf der Original-Seite (Browser-Standard), der Nachbau setzt global andere Werte */
:where(.bw-preise-start) { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: normal; text-align: start; text-transform: none; hyphens: manual; overflow-wrap: normal; max-width: none; }
:where(.bw-preise-start) :is(h1, h2, h3, h4) { font-weight: bold; letter-spacing: inherit; line-height: inherit; hyphens: inherit; overflow-wrap: inherit; margin: revert; }
:where(.bw-preise-start) p { margin: revert; }
:where(.bw-preise-start) ul { margin: revert; padding: revert; }
:where(.bw-preise-start) a { color: #0000ee; text-decoration: underline; }
.bw-preise-start button { line-height: inherit; }
/* Zusatzzeilen aus inhalt.json (nicht im Original): dezent unter den Pillen, ohne das Original-Layout zu verändern */
.bw-ps-notiz { font-family: var(--font-kit-text-font), sans-serif; font-size: 12.5px; line-height: 1.55; color: #8f8f96; text-align: center; margin: 14px auto 0; max-width: 720px; }
.bw-ps-notiz strong { color: #d8d4cb; font-weight: 600; }
.bw-ps-notiz a { color: #C4A06A; text-decoration: none; }
.bw-ps-notiz a:hover { text-decoration: underline; }
.bw-ps-notiz + .styles_op_hlps4w_tax { margin-top: 14px; }
.bw-ps-links { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.bw.bw-preise-start { max-width: none; }

/* stimmen: Regeln aus dem Original (55bsvj) ohne Modal/Formular */
/* virtual-css-module:/styles.op_55bsvj.module.css */
.styles_op_55bsvj_glow {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      38% 44% at 78% 40%,
      color-mix(in srgb, var(--gold) 13%, transparent),
      transparent 66%),
    radial-gradient(
      40% 40% at 12% 78%,
      color-mix(in srgb, var(--gold) 7%, transparent),
      transparent 70%);
}
.styles_op_55bsvj_container {
  position: relative;
  z-index: 2;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 64px;
  align-items: center;
}
.styles_op_55bsvj_intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.styles_op_55bsvj_eyebrow {
  letter-spacing: 3px;
  font-size: 11.5px;
}
.styles_op_55bsvj_headline {
  margin: 0;
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 700;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #f4f1ea;
}
.styles_op_55bsvj_subline {
  margin: 0;
  max-width: 420px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #cfc9bf99;
}
.styles_op_55bsvj_hint {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 10px;
  color: color-mix(in srgb, var(--gold) 85%, #fff);
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13px;
  letter-spacing: 0.3px;
}
.styles_op_55bsvj_hint svg {
  animation: styles_op_55bsvj_bob 1.8s ease-in-out infinite;
}
@keyframes styles_op_55bsvj_bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
}
.styles_op_55bsvj_phone {
  position: relative;
  justify-self: center;
  width: 100%;
  max-width: 380px;
}
.styles_op_55bsvj_feed {
  position: relative;
  height: 560px;
  border-radius: 30px;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  border: 1px solid #ffffff14;
  background:
    linear-gradient(
      180deg,
      #121116,
      #0c0b0f);
  box-shadow: 0 40px 80px -30px #000000cc, inset 0 0 0 1px #ffffff08;
  -webkit-mask-image:
    linear-gradient(
      180deg,
      transparent,
      #000 7%,
      #000 93%,
      transparent);
  mask-image:
    linear-gradient(
      180deg,
      transparent,
      #000 7%,
      #000 93%,
      transparent);
}
.styles_op_55bsvj_feed::-webkit-scrollbar {
  display: none;
}
.styles_op_55bsvj_post {
  height: 560px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  align-items: center;
  padding: 34px 30px;
}
.styles_op_55bsvj_postInner {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: 100%;
  opacity: 0.35;
  transform: scale(0.94);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.styles_op_55bsvj_postOn .styles_op_55bsvj_postInner {
  opacity: 1;
  transform: scale(1);
}
.styles_op_55bsvj_postHead {
  display: flex;
  align-items: center;
  gap: 13px;
}
.styles_op_55bsvj_avatarRing {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 50%;
  padding: 2.5px;
  background:
    conic-gradient(
      var(--gold),
      color-mix(in srgb, var(--gold) 25%, transparent) 210deg,
      var(--gold));
}
.styles_op_55bsvj_avatar {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0e0d11;
  color: var(--gold);
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.styles_op_55bsvj_who {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.styles_op_55bsvj_name {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #f4f1ea;
}
.styles_op_55bsvj_check {
  display: inline-flex;
  color: var(--gold);
  flex-shrink: 0;
}
.styles_op_55bsvj_role {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12.5px;
  color: #cfc9bf77;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.styles_op_55bsvj_quote {
  margin: 0;
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 500;
  font-size: clamp(19px, 2.4vw, 24px);
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: #f0ece3;
}
.styles_op_55bsvj_meta {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.styles_op_55bsvj_stars {
  display: inline-flex;
  gap: 4px;
}
.styles_op_55bsvj_star {
  display: block;
  color: var(--gold);
  filter: drop-shadow(0 0 6px color-mix(in srgb, var(--gold) 55%, transparent));
}
.styles_op_55bsvj_tag {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: color-mix(in srgb, var(--gold) 90%, #fff);
}
.styles_op_55bsvj_actions {
  display: flex;
  align-items: center;
  gap: 22px;
  padding-top: 18px;
  border-top: 1px solid #ffffff12;
}
.styles_op_55bsvj_action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13px;
  color: #cfc9bf99;
}
.styles_op_55bsvj_heart {
  color: var(--gold);
}
.styles_op_55bsvj_likeBtn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: none;
  border: none;
  padding: 4px 2px;
  cursor: pointer;
  color: #cfc9bf88;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13px;
  line-height: 1;
  transition: color 0.25s ease;
}
.styles_op_55bsvj_likeBtn:hover {
  color: color-mix(in srgb, var(--gold) 75%, transparent);
}
.styles_op_55bsvj_likeBtnOn {
  color: var(--gold);
  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--gold) 45%, transparent));
}
.styles_op_55bsvj_likeIcon {
  display: grid;
  place-items: center;
  line-height: 1;
}
.styles_op_55bsvj_likeCount {
  font-variant-numeric: tabular-nums;
  display: inline-block;
  min-width: 24px;
}
.styles_op_55bsvj_commentBtn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: none;
  border: none;
  padding: 4px 2px;
  cursor: pointer;
  color: #cfc9bf88;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13px;
  line-height: 1;
  transition: color 0.25s ease;
}
.styles_op_55bsvj_commentBtn:hover {
  color: color-mix(in srgb, var(--gold) 75%, transparent);
}
.styles_op_55bsvj_rail {
  position: absolute;
  top: 50%;
  right: -26px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.styles_op_55bsvj_pip {
  width: 5px;
  height: 16px;
  border-radius: 999px;
  border: none;
  padding: 0;
  cursor: pointer;
  background: #ffffff22;
  transition: background 0.3s ease, height 0.3s ease;
}
.styles_op_55bsvj_pipOn {
  background: var(--gold);
  height: 26px;
}
@media (max-width: 880px) {
  .styles_op_55bsvj_container {
    grid-template-columns: 1fr;
    gap: 40px;
    justify-items: center;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
  .styles_op_55bsvj_intro {
    align-items: center;
    text-align: center;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .styles_op_55bsvj_headline {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .styles_op_55bsvj_subline {
    width: 100%;
    max-width: min(480px, 100%);
    min-width: 0;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
  }
  .styles_op_55bsvj_hint {
    max-width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    white-space: normal;
    overflow-wrap: break-word;
  }
  .styles_op_55bsvj_reviewBtn {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
  .styles_op_55bsvj_rail {
    right: -20px;
  }
}
@media (max-width: 600px) {
  .styles_op_55bsvj_wrap {
    padding: 64px 0 74px;
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  .styles_op_55bsvj_container {
    padding: 0 18px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .styles_op_55bsvj_intro {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .styles_op_55bsvj_headline {
    font-size: clamp(26px, 7vw, 36px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }
  .styles_op_55bsvj_subline {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
  }
  .styles_op_55bsvj_hint {
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  .styles_op_55bsvj_reviewBtn {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  .styles_op_55bsvj_mFeedWrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .styles_op_55bsvj_mFeed {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .styles_op_55bsvj_mCard {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .styles_op_55bsvj_mQuote {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
  }
  .styles_op_55bsvj_who {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .styles_op_55bsvj_name {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    flex-wrap: wrap !important;
  }
  .styles_op_55bsvj_role {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .styles_op_55bsvj_tag {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
  }
  .styles_op_55bsvj_actions {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  .styles_op_55bsvj_moreBtn {
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }
  .styles_op_55bsvj_phone {
    max-width: 100%;
  }
  .styles_op_55bsvj_feed {
    height: auto;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
    border-radius: 22px;
    -webkit-mask-image:
      linear-gradient(
        90deg,
        transparent,
        #000 6%,
        #000 94%,
        transparent);
    mask-image:
      linear-gradient(
        90deg,
        transparent,
        #000 6%,
        #000 94%,
        transparent);
  }
  .styles_op_55bsvj_post {
    height: auto;
    min-width: 100%;
    width: 100%;
    scroll-snap-align: center;
    padding: 26px 22px;
    box-sizing: border-box;
  }
  .styles_op_55bsvj_postInner {
    gap: 16px;
  }
  .styles_op_55bsvj_quote {
    font-size: 17px;
    line-height: 1.5;
  }
  .styles_op_55bsvj_rail {
    position: static;
    transform: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 7px;
    margin: 18px auto 0;
    right: auto;
    top: auto;
  }
  .styles_op_55bsvj_pip {
    width: 16px;
    height: 5px;
  }
  .styles_op_55bsvj_pipOn {
    width: 26px;
    height: 5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_55bsvj_hint svg {
    animation: none;
  }
  .styles_op_55bsvj_postInner {
    opacity: 1;
    transform: none;
  }
  .styles_op_55bsvj_mCardSeen {
    animation: none;
  }
}
.styles_op_55bsvj_mFeed {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 460px;
  margin: 4px auto 0;
}
.styles_op_55bsvj_mFeedWrap {
  width: 100%;
  max-width: 460px;
  margin: 4px auto 0;
  text-align: center;
}
.styles_op_55bsvj_mViewport {
  position: relative;
  height: 520px;
  overflow: hidden;
  -webkit-mask-image:
    linear-gradient(
      180deg,
      transparent 0,
      #000 11%,
      #000 88%,
      transparent 100%);
  mask-image:
    linear-gradient(
      180deg,
      transparent 0,
      #000 11%,
      #000 88%,
      transparent 100%);
}
.styles_op_55bsvj_mTrack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  will-change: transform;
}
.styles_op_55bsvj_mFeedWrap .styles_op_55bsvj_moreBtn {
  margin-top: 20px;
  margin-bottom: 4px;
  display: flex;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.styles_op_55bsvj_mCard {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 20px 20px 16px;
  border-radius: 20px;
  border: 1px solid #ffffff14;
  background:
    linear-gradient(
      165deg,
      #141219,
      #0d0c11);
  box-shadow: 0 18px 40px -28px #000;
  text-align: left;
}
@keyframes styles_op_55bsvj_mCardGlow {
  0% {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 42%, transparent), 0 0 26px -6px color-mix(in srgb, var(--gold) 48%, transparent);
    border-color: color-mix(in srgb, var(--gold) 45%, transparent);
  }
  100% {
    box-shadow: 0 18px 40px -28px #000;
    border-color: #ffffff14;
  }
}
.styles_op_55bsvj_mCardSeen {
  animation: styles_op_55bsvj_mCardGlow 1.5s ease forwards;
}
.styles_op_55bsvj_mQuote {
  margin: 0;
  font-family: var(--font-kit-header-font), sans-serif;
  font-weight: 500;
  font-size: 15.5px;
  line-height: 1.6;
  letter-spacing: -0.005em;
  color: #ece7dd;
}
.styles_op_55bsvj_mCard .styles_op_55bsvj_actions {
  padding-top: 14px;
}
.styles_op_55bsvj_mCard .styles_op_55bsvj_tag {
  align-self: flex-start;
}
.styles_op_55bsvj_moreBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  align-self: center;
  margin-top: 4px;
  padding: 12px 24px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--gold) 40%, transparent);
  background: color-mix(in srgb, var(--gold) 7%, transparent);
  color: color-mix(in srgb, var(--gold) 95%, #fff);
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  cursor: pointer;
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    transform 0.25s ease;
}
.styles_op_55bsvj_moreBtn:hover {
  background: color-mix(in srgb, var(--gold) 15%, transparent);
  border-color: color-mix(in srgb, var(--gold) 65%, transparent);
  transform: translateY(-1px);
}
.styles_op_55bsvj_reviewBtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 11px 22px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent);
  background: color-mix(in srgb, var(--gold) 8%, transparent);
  color: color-mix(in srgb, var(--gold) 95%, #fff);
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.2px;
  cursor: pointer;
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    transform 0.25s ease,
    box-shadow 0.3s ease;
}
.styles_op_55bsvj_reviewBtn:hover {
  background: color-mix(in srgb, var(--gold) 16%, transparent);
  border-color: color-mix(in srgb, var(--gold) 70%, transparent);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px -8px color-mix(in srgb, var(--gold) 28%, transparent);
}

/* stimmen (Original 55bsvj) gegen unsere Sektion: Kopf wird zur Intro-Spalte */
.bw-st-sec { padding-left: 0; padding-right: 0; }
.bw-st-sec { max-width: none; margin: 0; padding: 110px 0 118px; }
.bw-st-sec > .stimmen { display: none; }
.bw-st-sec .abschnitt-kopf.styles_op_55bsvj_intro { align-items: flex-start; text-align: left; margin: 0; max-width: none; gap: 20px; }
.bw-st-sec .abschnitt-kopf.styles_op_55bsvj_intro p { text-align: left; }
.bw-st-grund { background: #08090B; --gold: #C4A06A; }
.bw-st-sec { --gold: #C4A06A; }
.bw-st-sec .styles_op_55bsvj_container { margin-bottom: 0; }
.bw-st-sec .styles_op_55bsvj_mCard .styles_op_55bsvj_stars { margin-top: -2px; }
@media (max-width: 880px) { .bw-st-sec .abschnitt-kopf.styles_op_55bsvj_intro { align-items: center; text-align: center; } }
/* Desktop: Kopf-Regeln der Sektion (.abschnitt-kopf h2/p aus stil.css) durch die Originalwerte ersetzen */
@media (min-width: 881px) {
  .bw-st-sec .abschnitt-kopf.styles_op_55bsvj_intro h2.styles_op_55bsvj_headline { margin: 0; font-family: var(--font-kit-header-font), sans-serif; font-weight: 700; font-size: clamp(32px, 4vw, 56px); line-height: 1.08; letter-spacing: -0.02em; color: #f4f1ea; }
  .bw-st-sec .abschnitt-kopf.styles_op_55bsvj_intro p.styles_op_55bsvj_subline { margin: 0; max-width: 420px; font-family: var(--font-kit-text-font), sans-serif; font-size: 16px; line-height: 1.65; color: #cfc9bf99; }
}
/* Grundwerte wie im Original (Browser-Standard), siehe a-starta-basis.css */
:where(.bw-st-sec) { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: normal; text-align: start; text-transform: none; hyphens: manual; overflow-wrap: normal; max-width: none; }
:where(.bw-st-sec) :is(h1, h2, h3, h4) { font-weight: bold; letter-spacing: inherit; line-height: inherit; hyphens: inherit; overflow-wrap: inherit; margin: revert; }
:where(.bw-st-sec) p { margin: revert; }
:where(.bw-st-sec) a { color: #0000ee; text-decoration: underline; }
.bw-st-sec .styles_op_55bsvj_post .styles_op_55bsvj_meta { min-height: 24px; }

/* ueber-start (Original 1pdgot6, Startseite): Abschnittsrahmen, Textspalte, Kennzahlenraster, Knopf und Fensterrahmen aus dem Original. Fenster-Innenleben: portal-start.css + bewegung.css */
.styles_op_1pdgot6_wrap {
  position: relative;
  isolation: isolate;
  background: var(--bg, #08090C);
  padding: 110px 24px;
  overflow: hidden;
}
.styles_op_1pdgot6_wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      50% 60% at 80% 40%,
      #E5A62C0f,
      transparent 60%);
  pointer-events: none;
}
.styles_op_1pdgot6_container {
  position: relative;
  max-width: 1250px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.styles_op_1pdgot6_eyebrow {
  letter-spacing: 3px;
  font-size: 12px;
}
.styles_op_1pdgot6_title {
  font-size: clamp(28px, 3.4vw, 46px);
  margin: 16px 0 20px;
}
.styles_op_1pdgot6_body {
  color: #f4f1e999;
  max-width: 520px;
}
.styles_op_1pdgot6_stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
  margin-top: 40px;
  max-width: 460px;
}
.styles_op_1pdgot6_stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.styles_op_1pdgot6_statVal {
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: 34px;
  color: var(--gold);
  font-weight: 700;
}
.styles_op_1pdgot6_statLabel {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 13px;
  color: #f4f1e98c;
}
.styles_op_1pdgot6_aboutCta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 34px;
  padding: 14px 30px;
  border-radius: 12px;
  border: 1px solid #d6a94a3d;
  background:
    linear-gradient(
      135deg,
      var(--gold),
      #B88732);
  color: #0B0D11;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.2px;
  text-decoration: none;
  box-shadow: 0 14px 34px -14px color-mix(in srgb, var(--gold) 55%, transparent);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}
.styles_op_1pdgot6_aboutCta:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 18px 42px -14px color-mix(in srgb, var(--gold) 70%, transparent);
}
.styles_op_1pdgot6_aboutCta:active {
  transform: translateY(-1px) scale(0.98);
}
.styles_op_1pdgot6_portal {
  position: relative;
  border: 1px solid #d6a94a29;
  border-radius: 16px;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      #101217d9,
      #08090ce6);
  box-shadow: 0 40px 90px -50px #000000e6;
}
@media (max-width: 900px) {
  .styles_op_1pdgot6_container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .styles_op_1pdgot6_wrap {
    padding: 80px 22px;
  }
}
@media (max-width: 600px) {
  .styles_op_1pdgot6_wrap {
    padding: 60px 18px;
  }
  .styles_op_1pdgot6_container {
    gap: 30px;
  }
  .styles_op_1pdgot6_title {
    font-size: clamp(23px, 7vw, 30px);
    margin: 12px 0 14px;
  }
  .styles_op_1pdgot6_body {
    font-size: 14.5px;
    line-height: 1.58;
    max-width: 100%;
  }
  .styles_op_1pdgot6_stats {
    gap: 18px 14px;
    margin-top: 26px;
    max-width: 100%;
  }
  .styles_op_1pdgot6_statVal {
    font-size: 26px;
  }
  .styles_op_1pdgot6_statLabel {
    font-size: 12px;
  }
}
/* Grundwerte wie im Original (Browser-Standard), siehe a-starta-basis.css */
:where(.bw-ueber-start) { font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #000; letter-spacing: normal; text-align: start; text-transform: none; hyphens: manual; overflow-wrap: normal; max-width: none; }
:where(.bw-ueber-start) :is(h1, h2, h3, h4) { font-weight: bold; letter-spacing: inherit; line-height: inherit; hyphens: inherit; overflow-wrap: inherit; margin: revert; }
:where(.bw-ueber-start) p { margin: revert; }
:where(.bw-ueber-start) a { color: #0000ee; text-decoration: underline; }
.bw-ueber-start { max-width: none; }

/* vorgehen (Original sz9wnt, Startseite: "Unser Vorgehen") */
.styles_op_sz9wnt_wrap {
  position: relative;
  isolation: isolate;
  background: var(--bg, #08090C);
  padding: 120px 24px;
  overflow: hidden;
}
.styles_op_sz9wnt_wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  background:
    radial-gradient(
      60% 40% at 50% 0%,
      color-mix(in srgb, var(--gold) 9%, transparent),
      transparent 70%);
}
.styles_op_sz9wnt_container {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
}
.styles_op_sz9wnt_head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 70px;
}
.styles_op_sz9wnt_eyebrow {
  letter-spacing: 3px;
  font-size: 12px;
}
.styles_op_sz9wnt_title {
  font-size: clamp(28px, 3.4vw, 46px);
  max-width: 640px;
}
.styles_op_sz9wnt_track {
  position: relative;
  padding: 8px 0;
}
.styles_op_sz9wnt_spine,
.styles_op_sz9wnt_spineFill {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  transform: translateX(-50%);
  border-radius: 2px;
}
.styles_op_sz9wnt_spine {
  background: #ffffff12;
}
.styles_op_sz9wnt_spineFill {
  transform-origin: top center;
  background:
    linear-gradient(
      180deg,
      var(--color-kit-key2),
      var(--gold));
  box-shadow: 0 0 16px color-mix(in srgb, var(--gold) 55%, transparent);
}
.styles_op_sz9wnt_rider {
  position: absolute;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      #fff6e0 0%,
      var(--gold) 45%,
      transparent 72%);
  box-shadow: 0 0 22px 6px color-mix(in srgb, var(--gold) 60%, transparent);
  z-index: 5;
}
.styles_op_sz9wnt_rows {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.styles_op_sz9wnt_row {
  position: relative;
  display: flex;
}
.styles_op_sz9wnt_left {
  justify-content: flex-start;
}
.styles_op_sz9wnt_right {
  justify-content: flex-end;
}
.styles_op_sz9wnt_card {
  position: relative;
  width: calc(50% - 46px);
  border: 1px solid #ffffff12;
  border-radius: 16px;
  background:
    linear-gradient(
      180deg,
      #12151bd9,
      #0b0d11d9);
  padding: 24px 26px;
  transition: border-color 0.55s ease, box-shadow 0.55s ease;
}
.styles_op_sz9wnt_cardOn {
  border-color: color-mix(in srgb, var(--gold) 34%, transparent);
  box-shadow: 0 30px 70px -50px #000, inset 0 1px 0 #ffffff0d;
}
.styles_op_sz9wnt_cardHead {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 10px;
}
.styles_op_sz9wnt_num {
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
}
.styles_op_sz9wnt_stepTitle {
  font-family: var(--font-kit-header-font), sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #F4F1E9;
  margin: 0;
}
.styles_op_sz9wnt_stepText {
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 15px;
  line-height: 1.62;
  color: #f4f1e999;
  margin: 0;
}
.styles_op_sz9wnt_microWrap {
  margin-top: 16px;
  height: 60px;
  border-top: 1px solid #ffffff0d;
  padding-top: 14px;
}
.styles_op_sz9wnt_mv {
  width: 130px;
  height: 60px;
}
.styles_op_sz9wnt_node {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #0b0d11;
  border: 2px solid #ffffff1f;
  display: grid;
  place-items: center;
  z-index: 4;
}
@media (max-width: 820px) {
  .styles_op_sz9wnt_spine,
  .styles_op_sz9wnt_spineFill,
  .styles_op_sz9wnt_rider {
    left: 22px;
  }
  .styles_op_sz9wnt_card {
    width: calc(100% - 60px);
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .styles_op_sz9wnt_node {
    left: 22px;
  }
  .styles_op_sz9wnt_left,
  .styles_op_sz9wnt_right {
    justify-content: flex-end;
  }
}
@media (prefers-reduced-motion: reduce) {
  .styles_op_sz9wnt_card {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}
.bw-vorgehen { max-width: none; }

/* warum (Original s7t7zf) */
.styles_op_s7t7zf_wrap {
  position: relative;
  isolation: isolate;
  background: var(--bg, #08090C);
  padding: 110px 24px;
  overflow: hidden;
}
.styles_op_s7t7zf_wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      70% 60% at 80% 40%,
      rgba(229, 166, 44, 0.06),
      transparent 60%);
  pointer-events: none;
}
.styles_op_s7t7zf_container {
  position: relative;
  max-width: 1250px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
.styles_op_s7t7zf_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
}
.styles_op_s7t7zf_eyebrow {
  letter-spacing: 3px;
  font-size: 12px;
}
.styles_op_s7t7zf_title {
  font-size: clamp(28px, 3.4vw, 44px);
  max-width: 460px;
}
.styles_op_s7t7zf_list {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.styles_op_s7t7zf_right {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_op_s7t7zf_globeHolder {
  -webkit-mask-image:
    radial-gradient(
      ellipse 70% 80% at 42% 50%,
      black 45%,
      transparent 68%);
  mask-image:
    radial-gradient(
      ellipse 70% 80% at 42% 50%,
      black 45%,
      transparent 68%);
  position: relative;
  width: 100%;
  max-width: 540px;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}
.styles_op_s7t7zf_canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.styles_op_s7t7zf_badge {
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border: 1px solid rgba(229, 166, 44, 0.22);
  border-radius: 12px;
  background: rgba(12, 13, 16, 0.6);
  backdrop-filter: blur(6px);
}
.styles_op_s7t7zf_gIcon {
  color: var(--gold);
  display: grid;
  place-items: center;
}
.styles_op_s7t7zf_badge strong {
  display: block;
  font-family: var(--font-kit-text-font), sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  color: #F4F1E9;
}
.styles_op_s7t7zf_badge span {
  font-size: 13px;
  color: rgba(244, 241, 233, 0.6);
}
@media (max-width: 860px) {
  .styles_op_s7t7zf_container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .styles_op_s7t7zf_left {
    align-items: center;
    text-align: center;
  }
  .styles_op_s7t7zf_title {
    text-align: center;
  }
  .styles_op_s7t7zf_list {
    align-items: flex-start;
  }
  .styles_op_s7t7zf_wrap {
    padding: 80px 24px;
  }
}

/* Handy-Ansicht (hm2): Leistungsseiten Webdesign, Chatbots, Automatisierung, CRM, SEO, Wartung.
   Werte aus dem Original-CSS (compiledCss) und per getComputedStyle bei 390 px gemessen.
   Jede Regel steht in einem @media (max-width) mit dem Original-Breakpoint (Ausnahme: Grundwerte, die im Original ohnehin immer gelten). */

/* ===== Hero (Original: <Name>-Hero-Sektion, Breakpoints 960 / 560 px) ===== */
@keyframes hm2-badge-puls { 0%, 100% { opacity: .55; transform: scale(.85); } 50% { opacity: 1; transform: scale(1); } }
@media (max-width: 960px) {
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .hero-auf { animation: none; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero { position: relative; min-height: var(--con-kit-section-min-height, 100vh); display: flex; flex-direction: column; justify-content: center; align-items: stretch; margin-top: -1px; padding: 120px 20px 80px; overflow: hidden; background: #08090B; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero::before, body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero::after { content: ""; position: absolute; z-index: 0; border-radius: 50%; filter: blur(90px); opacity: .5; pointer-events: none; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero::before { width: 520px; height: 520px; top: -160px; right: -120px; background: radial-gradient(circle, #C4A06A55, #08090B00 70%); }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero::after { width: 460px; height: 460px; bottom: -180px; left: -140px; background: radial-gradient(circle, #C4A06A33, #08090B00 70%); }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero-innen { position: relative; z-index: 2; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero-innen { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0; gap: 40px; grid-template-columns: minmax(0, 1fr); align-items: center; text-align: left; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero-innen > div:first-child { gap: 22px; align-items: flex-start; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero .kicker, body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .kicker { height: auto; padding: .5rem 1rem .5rem .85rem; gap: .6rem; border: 1px solid #E5A62C40; border-radius: 999px; background: linear-gradient(180deg, #E5A62C14, #E5A62C08); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font: 600 12px/24px var(--font-kit-text-font); letter-spacing: .3em; text-transform: uppercase; color: var(--color-kit-key1); }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero .kicker::before, body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .kicker::before { width: 5px; height: 5px; border-radius: 999px; background: var(--color-kit-key1); box-shadow: 0 0 8px 1px #E5A62Caa; flex: none; animation: hm2-badge-puls 3.2s ease-in-out infinite; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero h1 { margin: 0; max-width: 640px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: clamp(2.3rem, 1.6rem + 2.9vw, 3.55rem); line-height: 1.1; letter-spacing: -.015em; color: #fff; text-align: left; text-wrap: balance; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero p { margin: 0; max-width: 560px; font-family: var(--font-kit-text-font); font-size: 1.15rem; line-height: 1.65; color: #b7b2a6; text-align: left; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero .hero-knoepfe { margin-top: 6px; gap: 14px; flex-wrap: wrap; flex-direction: row; align-items: stretch; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero .hero-knoepfe .knopf, body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .mitte .knopf { min-height: 0; height: auto; padding: 1.05rem 2.1rem; gap: .6rem; border-radius: 11px; font-family: var(--font-kit-text-font); font-weight: 600; font-size: 1rem; line-height: 24px; letter-spacing: .01em; white-space: nowrap; overflow: hidden; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero .knopf.gold, body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .knopf.gold { color: #1a1408; background: linear-gradient(135deg, #F6D57A 0%, var(--color-kit-key2) 42%, var(--color-kit-key1) 100%); box-shadow: 0 10px 28px -14px #E5A62C99, inset 0 1px 0 #fff6d9aa; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero .knopf.rand, body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .knopf.rand { color: #fff; background: transparent; border-color: #ffffff33; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (max-width: 560px) {
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero .hero-knoepfe { width: 100%; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .seiten-hero .hero-knoepfe .knopf { flex: 1 1 0%; text-align: center; padding-inline: 2.1rem; min-width: 0; }
}

/* ===== Paketempfehlung (Original: Empfehlungs-Sektion, Breakpoints 860 / 480 px) ===== */
@media (max-width: 860px) {
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung { position: relative; display: flex; flex-direction: column; align-items: center; gap: 52px; max-width: none; margin: -1px 0 0; padding: 80px 20px; overflow: hidden; background: #08090B; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung::before { content: ""; position: absolute; z-index: 0; width: 700px; height: 500px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, #C4A06A1a 0%, #08090B00 68%); pointer-events: none; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung > :not(.hm2-sterne) { position: relative; z-index: 1; width: 100%; max-width: 1200px; margin-top: 0; margin-bottom: 0; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .abschnitt-kopf { gap: 18px; max-width: 760px; margin: 0; text-align: center; align-items: center; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .abschnitt-kopf h2 { margin: 0; max-width: 700px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: clamp(2.3rem, 1.6rem + 2.9vw, 3.55rem); line-height: 1.1; letter-spacing: -.015em; color: #fff; text-wrap: balance; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .abschnitt-kopf p { margin: 0; max-width: 620px; font-family: var(--font-kit-text-font); font-size: 1.02rem; line-height: 1.65; color: #b7b2a6; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .raster.drei { grid-template-columns: 1fr; gap: 20px; max-width: 480px; align-items: stretch; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket { gap: 16px; padding: 34px 28px 28px; border: 1px solid #ffffff12; border-radius: 18px; background: #0D0F14; box-shadow: none; transition: border-color .28s ease, box-shadow .28s ease, transform .25s ease; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket.hervor { border-color: #C4A06A66; background: #0F1016; box-shadow: 0 0 0 1px #C4A06A22, 0 12px 48px #C4A06A1a, inset 0 1px 0 #C4A06A22; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket .band { top: -13px; left: 50%; transform: translateX(-50%); padding: 5px 16px; border-radius: 20px; font: 600 11px/24px var(--font-kit-text-font); letter-spacing: .12em; text-transform: uppercase; color: #1A1408; white-space: nowrap; background: linear-gradient(135deg, #E0C79B, #C4A06A 55%, #A8854F); box-shadow: 0 4px 14px #C4A06A44, inset 0 1px 0 #ffffff44; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket h3 { margin: 0 0 -10px; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing: .08em; color: #fff; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket.hervor h3 { background: linear-gradient(90deg, #E0C79B, #C4A06A); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket .paket-text { margin: 0; padding: 0; border: 0; font-family: var(--font-kit-text-font); font-size: 13px; line-height: 24px; font-weight: 500; color: #C4A06A; min-height: 0; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket.hervor .paket-text { color: #E0C79B; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket .paket-text::after { content: ""; display: block; height: 1px; margin-top: 16px; background: #ffffff0f; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket.hervor .paket-text::after { background: #C4A06A22; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket .leise { margin: 0; flex: 1; font-family: var(--font-kit-text-font); font-size: .9rem; line-height: 1.65; color: #b7b2a6; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket .preis { margin-top: 4px; gap: .25em; font: 400 12px/24px var(--font-kit-text-font); letter-spacing: .04em; color: #9BE0AE; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket .preis strong, body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket .preis span { font: inherit; letter-spacing: inherit; color: inherit; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .paket .preis::before { content: ""; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #5FBF7E; box-shadow: 0 0 7px #5FBF7Eaa; flex: none; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .hinweis { margin: 0; max-width: 640px; font-family: var(--font-kit-text-font); font-size: 14px; line-height: 1.6; color: #7A7870; text-align: center; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .mitte { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 0; max-width: 1200px; }
}
/* Im Original gibt es hinter der Paketempfehlung keine weitere Sektion (Webdesign-Seite hat im Nachbau "Was Sie bekommen") */
@media (max-width: 960px) {
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung ~ .abschnitt { display: none; }
}
@media (max-width: 480px) {
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .mitte { flex-direction: column; flex-wrap: nowrap; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .empfehlung .mitte .knopf { text-align: center; }
}

/* ===== Fußzeile: jede Seite hat im Original eine eigene Footer-Sektion; Werte je Seite aus deren Footer-CSS ===== */
/* gemeinsam */
body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-unten .hm2-legal, body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-unten .hm2-marke-unten { display: none; }
body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte .hm2-eintraege { display: flex; flex-direction: column; gap: 9px; }
@media (max-width: 960px) {
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss { position: relative; overflow: hidden; margin-top: -1px; border-top: 0; background: #08090B; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss > :not(.hm2-sterne) { position: relative; z-index: 1; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-innen { max-width: 1320px; margin: 0 auto; padding: 0; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-marke { grid-column: 1 / -1; display: flex; flex-direction: column; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-marke .logo { width: fit-content; padding: 0; font-family: var(--font-kit-header-font); font-weight: 700; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-marke .fuss-kontakt { display: none; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-marke p { margin: 0; font-family: var(--font-kit-text-font); }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-spalte { font-size: 14px; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-spalte h2 { margin: 0; font-size: 14px; line-height: 24px; font-weight: 700; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-spalte a { display: block; width: fit-content; font-family: var(--font-kit-text-font); font-size: 13.5px; line-height: 24px; transition: color .2s ease; }
  body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .fuss-unten { max-width: 1320px; margin: 0 auto; padding: 0; border-top: 0; font-family: var(--font-kit-text-font); line-height: 24px; }
}

/* Die eigene Seite fehlt im Original in der Leistungen-Spalte (nur Webdesign führt alle sechs) */
@media (max-width: 960px) {
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-spalte[aria-label="Leistungen"] a[href$="/ki-chatbots-and-voice/"], body.detail[data-seite="ki-automatisierung"] .fuss-spalte[aria-label="Leistungen"] a[href$="/ki-automatisierung/"], body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte[aria-label="Leistungen"] a[href$="/crm-and-kundenportal/"], body.detail[data-seite="seo-and-performance"] .fuss-spalte[aria-label="Leistungen"] a[href$="/seo-and-performance/"], body.detail[data-seite="wartung-and-support"] .fuss-spalte[aria-label="Leistungen"] a[href$="/wartung-and-support/"] { display: none; }
}

/* --- Webdesign (Original: Footer a79986; 960 / 620 / 380 px) --- */
@media (max-width: 960px) {
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss { padding: 84px 24px 40px; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss::before { content: ""; position: absolute; z-index: 0; width: 760px; height: 420px; top: 0; left: 50%; transform: translate(-50%, -55%); background: radial-gradient(ellipse at center, #C4A06A1a 0%, #08090B00 70%); pointer-events: none; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-innen { grid-template-columns: repeat(3, 1fr); gap: 28px 20px; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-marke { gap: 16px; max-width: 320px; margin-bottom: 12px; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-marke .logo { font-size: 26px; line-height: 39px; letter-spacing: .14em; background: linear-gradient(90deg, #E0C79B, #C4A06A); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-marke p { font-size: 14px; line-height: 1.65; color: #8C8A82; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-spalte { gap: 10px; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-spalte h2 { margin-bottom: 4px; letter-spacing: .06em; text-transform: none; color: #C4A06A; font-family: var(--font-kit-header-font); }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-spalte a { font-size: 14px; color: #B7B5AD; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-spalte a:hover { color: #fff; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-spalte[aria-label="Rechtliches"] { display: flex; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-unten { max-width: 1250px; margin-top: 48px; padding-top: 24px; border-top: 1px solid #ffffff12; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; text-align: center; font-size: 13px; color: #7A7870; }
}
@media (max-width: 620px) {
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss { padding: 64px 20px 36px; }
  body.detail[data-seite="webdesign-and-entwicklung"] .fuss-innen { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 380px) { body.detail[data-seite="webdesign-and-entwicklung"] .fuss-innen { grid-template-columns: 1fr; } }

/* --- Chatbots (Original: Footer 1l1h05z; 1100 / 640 / 380 px) --- */
@media (max-width: 960px) {
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss { padding: 80px 24px 0; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-innen { grid-template-columns: repeat(3, 1fr); gap: 36px 24px; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-marke { gap: 18px; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-marke .logo { font-size: 21px; line-height: 24px; letter-spacing: .18em; color: #fff; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-marke p { font-size: 14px; line-height: 1.7; color: #6A6860; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-spalte { gap: 10px; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-spalte h2 { margin-bottom: 4px; font-family: var(--font-kit-header-font); font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--color-kit-key1); }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-spalte a { color: #7A7870; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-spalte a:hover { color: #E8E4DA; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-unten { margin-top: 36px; padding: 36px 0; border-top: 1px solid #ffffff0c; text-align: center; font-size: 12px; color: #44423E; }
}
@media (max-width: 640px) {
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss { padding: 60px 20px 0; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-innen { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
  body.detail[data-seite="ki-chatbots-and-voice"] .fuss-unten { margin-top: 36px; }
}
@media (max-width: 380px) { body.detail[data-seite="ki-chatbots-and-voice"] .fuss-innen { grid-template-columns: 1fr; } }

/* --- Automatisierung (Original: Footer fcktr9; 1024 / 600 px) --- */
@media (max-width: 960px) {
  body.detail[data-seite="ki-automatisierung"] .fuss { padding: 84px 24px 40px; }
  body.detail[data-seite="ki-automatisierung"] .fuss::before { content: ""; position: absolute; z-index: 0; width: 700px; height: 380px; top: 0; left: 50%; transform: translateX(-50%); background: radial-gradient(ellipse at center, #C4A06A10 0%, #08090B00 70%); pointer-events: none; }
  body.detail[data-seite="ki-automatisierung"] .fuss-innen { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  body.detail[data-seite="ki-automatisierung"] .fuss-marke { gap: 18px; margin-bottom: 16px; }
  body.detail[data-seite="ki-automatisierung"] .fuss-marke .logo { font-size: 22px; line-height: 24px; letter-spacing: .18em; color: #fff; }
  body.detail[data-seite="ki-automatisierung"] .fuss-marke p { font-size: 13.5px; line-height: 1.68; color: #686860; }
  body.detail[data-seite="ki-automatisierung"] .fuss-spalte { gap: 9px; }
  body.detail[data-seite="ki-automatisierung"] .fuss-spalte[aria-label="Rechtliches"] { display: none; }
  body.detail[data-seite="ki-automatisierung"] .fuss-spalte h2 { margin-bottom: 5px; font-family: var(--font-kit-text-font); font-size: 11.5px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--color-kit-key1); }
  body.detail[data-seite="ki-automatisierung"] .fuss-spalte a { color: #7A7870; }
  body.detail[data-seite="ki-automatisierung"] .fuss-spalte a:hover { color: #C0BDB5; }
  body.detail[data-seite="ki-automatisierung"] .fuss-unten { margin-top: 56px; padding-top: 30px; border-top: 1px solid #ffffff0d; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; font-size: 12.5px; color: #3E4048; }
  body.detail[data-seite="ki-automatisierung"] .fuss-unten > span:first-child { order: 3; }
  body.detail[data-seite="ki-automatisierung"] .fuss-unten .hm2-marke-unten { order: 1; display: block; font-family: var(--font-kit-header-font); font-weight: 700; font-size: 15px; letter-spacing: .18em; color: #3E4048; text-decoration: none; transition: color .2s ease; }
  body.detail[data-seite="ki-automatisierung"] .fuss-unten .hm2-marke-unten:hover { color: var(--color-kit-key1); }
  body.detail[data-seite="ki-automatisierung"] .fuss-unten .hm2-legal { order: 2; display: flex; align-items: center; gap: 10px; }
  body.detail[data-seite="ki-automatisierung"] .fuss-unten .hm2-legal a { font-size: 13px; color: #52545C; text-decoration: none; transition: color .2s ease; }
  body.detail[data-seite="ki-automatisierung"] .fuss-unten .hm2-legal a:hover { color: #C0BDB5; }
  body.detail[data-seite="ki-automatisierung"] .fuss-unten .hm2-legal .hm2-punkt { font-size: 13px; color: #3E4048; }
}
@media (max-width: 600px) {
  body.detail[data-seite="ki-automatisierung"] .fuss { padding: 64px 20px 32px; }
  body.detail[data-seite="ki-automatisierung"] .fuss-innen { gap: 24px 16px; }
  body.detail[data-seite="ki-automatisierung"] .fuss-marke { margin-bottom: 24px; }
}

/* --- CRM (Original: Footer 1eioxq3; Ziehharmonika-Spalten ab 900 px, 560 px) --- */
@media (max-width: 960px) {
  body.detail[data-seite="crm-and-kundenportal"] .fuss { padding: 90px 24px 44px; border-top: 1px solid #ffffff0f; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-innen { max-width: 1250px; grid-template-columns: 1fr; gap: 0; padding-bottom: 48px; border-bottom: 1px solid #ffffff12; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-marke { gap: 14px; margin-bottom: 34px; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-marke .logo { font-size: 26px; line-height: 24px; letter-spacing: .14em; color: #fff; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-marke p { max-width: 260px; font-size: 15px; line-height: 1.6; color: #9A968E; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte[aria-label="Rechtliches"] { display: none; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte { gap: 0; border-bottom: 1px solid #ffffff12; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte h2 { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 16px 0; font-family: var(--font-kit-header-font); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold, #C4A06A); cursor: pointer; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte h2::before, body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte h2::after { content: ""; position: absolute; top: 50%; background: var(--gold, #C4A06A); }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte h2::before { right: 0; width: 12px; height: 2px; transform: translateY(-50%); }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte h2::after { right: 5px; width: 2px; height: 12px; transform: translateY(-50%); transition: transform .25s ease; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte.offen h2::after { transform: translateY(-50%) scaleY(0); }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte .hm2-eintraege { display: flex; flex-direction: column; gap: 11px; max-height: 0; overflow: hidden; transition: max-height .3s ease, padding .3s ease; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte.offen .hm2-eintraege { max-height: 400px; padding-bottom: 16px; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte a { width: fit-content; font-size: 14px; color: #B8B4AC; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-spalte a:hover { color: #fff; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-unten { max-width: 1250px; padding-top: 26px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; font-size: 13px; color: #7C7970; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-unten .hm2-legal { display: flex; align-items: center; gap: 18px; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-unten .hm2-legal span { font-size: 13px; color: #7C7970; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-unten .hm2-legal a { font-size: 14px; color: #B8B4AC; text-decoration: none; transition: color .2s ease; }
  body.detail[data-seite="crm-and-kundenportal"] .fuss-unten .hm2-legal a:hover { color: #fff; }
}
@media (max-width: 560px) { body.detail[data-seite="crm-and-kundenportal"] .fuss { padding: 64px 18px 40px; } }

/* --- SEO (Original: Footer 17efrdn; 1100 / 680 / 420 px) --- */
@media (max-width: 960px) {
  body.detail[data-seite="seo-and-performance"] .fuss { padding: 72px 24px 44px; }
  body.detail[data-seite="seo-and-performance"] .fuss-innen { grid-template-columns: 1.2fr 1fr 1fr; gap: 40px 32px; padding-bottom: 52px; border-bottom: 1px solid #ffffff0d; }
  body.detail[data-seite="seo-and-performance"] .fuss-marke { gap: 8px; flex-direction: row; align-items: center; }
  body.detail[data-seite="seo-and-performance"] .fuss-marke .logo { font-size: 22px; line-height: 24px; letter-spacing: .18em; color: #fff; }
  body.detail[data-seite="seo-and-performance"] .fuss-marke p { font-size: 13px; line-height: 1.55; color: #5A5852; }
  body.detail[data-seite="seo-and-performance"] .fuss-spalte { gap: 9px; }
  body.detail[data-seite="seo-and-performance"] .fuss-spalte[aria-label="Rechtliches"] { display: none; }
  body.detail[data-seite="seo-and-performance"] .fuss-spalte h2 { margin-bottom: 5px; font-family: var(--font-kit-header-font); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--color-kit-key1); }
  body.detail[data-seite="seo-and-performance"] .fuss-spalte a { color: #7A7870; transition: color .22s ease; }
  body.detail[data-seite="seo-and-performance"] .fuss-spalte a:hover { color: #fff; }
  body.detail[data-seite="seo-and-performance"] .fuss-unten { padding-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 13px; color: #4A4844; }
  body.detail[data-seite="seo-and-performance"] .fuss-unten .hm2-legal { display: flex; align-items: center; gap: 16px; }
  body.detail[data-seite="seo-and-performance"] .fuss-unten .hm2-legal a { font-size: 13px; color: #5A5852; text-decoration: none; transition: color .2s ease; }
  body.detail[data-seite="seo-and-performance"] .fuss-unten .hm2-legal a:hover { color: #fff; }
  body.detail[data-seite="seo-and-performance"] .fuss-unten .hm2-punkt { font-size: 14px; color: #2E2C28; }
}
@media (max-width: 680px) {
  body.detail[data-seite="seo-and-performance"] .fuss { padding: 56px 20px 36px; }
  body.detail[data-seite="seo-and-performance"] .fuss-innen { grid-template-columns: 1fr 1fr; }
  body.detail[data-seite="seo-and-performance"] .fuss-marke { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media (max-width: 420px) {
  body.detail[data-seite="seo-and-performance"] .fuss-innen { grid-template-columns: 1fr; }
  body.detail[data-seite="seo-and-performance"] .fuss-unten { flex-direction: column; align-items: flex-start; }
}

/* --- Wartung (Original: Footer 23v2pa; 960 / 480 px) --- */
@media (max-width: 960px) {
  body.detail[data-seite="wartung-and-support"] .fuss { padding: 56px 20px 32px; }
  body.detail[data-seite="wartung-and-support"] .fuss-innen { grid-template-columns: repeat(2, 1fr); gap: 28px 24px; }
  body.detail[data-seite="wartung-and-support"] .fuss-marke { gap: 10px; margin-bottom: 8px; }
  body.detail[data-seite="wartung-and-support"] .fuss-marke .logo { font-size: 22px; line-height: 24px; letter-spacing: .18em; background: linear-gradient(135deg, #E0C79B, #C4A06A 55%, #A8854F); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; transition: opacity .2s ease; }
  body.detail[data-seite="wartung-and-support"] .fuss-marke .logo:hover { opacity: .82; }
  body.detail[data-seite="wartung-and-support"] .fuss-marke p { max-width: 200px; font-size: 13px; line-height: 1.5; color: #4E4F56; }
  body.detail[data-seite="wartung-and-support"] .fuss-spalte { gap: 10px; }
  body.detail[data-seite="wartung-and-support"] .fuss-spalte[aria-label="Rechtliches"] { display: none; }
  body.detail[data-seite="wartung-and-support"] .fuss-spalte h2 { margin-bottom: 4px; font-family: var(--font-kit-text-font); font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #C4A06A; }
  body.detail[data-seite="wartung-and-support"] .fuss-spalte a { color: #5A5762; }
  body.detail[data-seite="wartung-and-support"] .fuss-spalte a:hover { color: #C9C6BE; }
  body.detail[data-seite="wartung-and-support"] .fuss-unten { margin-top: 52px; padding-top: 52px; border-top: 1px solid #ffffff0d; display: flex; justify-content: space-between; align-items: center; gap: 24px; font-size: 13px; color: #3E3F46; }
  body.detail[data-seite="wartung-and-support"] .fuss-unten .hm2-legal { display: flex; align-items: center; gap: 24px; }
  body.detail[data-seite="wartung-and-support"] .fuss-unten .hm2-legal a { font-size: 13px; color: #4A4B52; text-decoration: none; transition: color .2s ease; }
  body.detail[data-seite="wartung-and-support"] .fuss-unten .hm2-legal a:hover { color: #C4A06A; }
}
@media (max-width: 480px) {
  body.detail[data-seite="wartung-and-support"] .fuss { padding: 48px 16px 28px; }
  body.detail[data-seite="wartung-and-support"] .fuss-innen { gap: 24px 16px; }
  body.detail[data-seite="wartung-and-support"] .fuss-marke { margin-bottom: 12px; }
  body.detail[data-seite="wartung-and-support"] .fuss-unten { flex-direction: column; align-items: flex-start; gap: 16px; }
}

/* ===== Schwebende Knöpfe (Original: je Seite eigene Footer-Sektion, Breakpoint 767 px) ===== */
body.detail[data-seite="ki-automatisierung"] .hm2-ailabel { display: none; }
@media (max-width: 767px) {
  /* Webdesign und SEO haben im Original keine schwebenden Knöpfe */
  body.detail[data-seite="webdesign-and-entwicklung"] aside[aria-label="Schnellzugriff"], body.detail[data-seite="seo-and-performance"] aside[aria-label="Schnellzugriff"] { display: none; }
  /* Chatbots, Automatisierung, CRM: KI-Assistent oben, Kontakt unten */
  body.detail[data-seite="ki-chatbots-and-voice"] .styles_op_eyw47c_aiFloating, body.detail[data-seite="ki-automatisierung"] .styles_op_eyw47c_aiFloating, body.detail[data-seite="crm-and-kundenportal"] .styles_op_eyw47c_aiFloating { flex-direction: column-reverse; }
  body.detail[data-seite="ki-chatbots-and-voice"] .styles_op_eyw47c_aiFloating, body.detail[data-seite="crm-and-kundenportal"] .styles_op_eyw47c_aiFloating { gap: 14px; }
  body.detail[data-seite="ki-automatisierung"] .styles_op_eyw47c_aiFloating, body.detail[data-seite="wartung-and-support"] .styles_op_eyw47c_aiFloating { gap: 18px; }
  /* Wartung: nur der goldene Kontakt-Knopf */
  body.detail[data-seite="wartung-and-support"] .styles_op_eyw47c_aiWrap { display: none; }
  /* Automatisierung: Beschriftung über dem Assistenten */
  body.detail[data-seite="ki-automatisierung"] .hm2-ailabel { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border: 1px solid rgba(214, 169, 74, .32); border-radius: 999px; background: rgba(11, 13, 17, .9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font: 400 11px/1 var(--font-kit-text-font); letter-spacing: .3px; color: #F4F1E9; white-space: nowrap; pointer-events: none; }
  body.detail[data-seite="ki-automatisierung"] .hm2-ailabel i { flex: none; width: 5px; height: 5px; border-radius: 50%; background: var(--color-kit-key1); box-shadow: 0 0 5px 1px color-mix(in srgb, var(--color-kit-key1) 60%, transparent); }
  /* CRM: runder, dunkler Kontakt-Knopf */
  body.detail[data-seite="crm-and-kundenportal"] .styles_op_eyw47c_fab { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #C4A06A44; background: rgba(18, 21, 27, .95); color: #E0C79B; box-shadow: 0 10px 24px #00000066; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: transform .25s, box-shadow .25s; }
  body.detail[data-seite="crm-and-kundenportal"] .styles_op_eyw47c_fab:hover { transform: translateY(-3px); box-shadow: 0 14px 30px #00000077; }
}

/* ===== Sternenfeld (Original: @siteui/starfield in Hero, Paketempfehlung und Footer; per Skript eingesetzt) ===== */
@media (min-width: 961px) { body.detail:is([data-seite="webdesign-and-entwicklung"], [data-seite="ki-chatbots-and-voice"], [data-seite="ki-automatisierung"], [data-seite="crm-and-kundenportal"], [data-seite="seo-and-performance"], [data-seite="wartung-and-support"]) .hm2-sterne { display: none; } }

/* zz-handy-hm3: Handy-Ansicht (390 px) der Seiten Portfolio (3), Projektanfrage, Extras-Anfrage, Kontakt, Kundenportal-Anmeldung und -Übersicht, angeglichen an das Original (Maße aus compiledCss und getComputedStyle im Replay).
   Alle Regeln in @media mit den Breakpoints des Originals; "zz-" hängt der Generator zuletzt an. */

/* ---- 01-kopf ---- */
/* Kopfzeile (Original styles_op_<hash>_header …, gleich auf allen acht Seiten): ab 960 px kein Seitenmenü und kein DE, Burger mit drei Balken, Menü als Block unter der Leiste */
@media (max-width: 960px) {
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .kopf-innen { max-width: 1320px; padding: 16px 24px; gap: 24px; justify-content: space-between; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .logo { font: 700 22px/24px var(--serif); letter-spacing: .18em; padding-left: 0; color: #fff; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .sprache, :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .sprache-wrap, :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .sprachwahl { display: none; } /* Original: .lang erst ab 961 px sichtbar; die neue Sprachwahl (details.sprachwahl) verschwindet hier ebenfalls, siehe Bericht */
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .kopf-cta { display: inline-flex; margin-left: auto; min-height: 0; height: auto; padding: 10px 18px; border-radius: 11px; font: 600 14px/24px var(--sans); letter-spacing: normal; color: #1A1408; background: linear-gradient(135deg, #E0C79B, #C4A06A 55%, #A8854F); box-shadow: inset 0 1px 0 #ffffff55, 0 6px 18px #C4A06A2e; border: 0; white-space: nowrap; transition: transform .2s ease, box-shadow .2s ease; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .kopf-cta::before { display: none; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .kopf-cta:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 #ffffff66, 0 10px 26px #C4A06A44; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue-knopf { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 5px; width: auto; height: auto; padding: 6px; margin: 0 0 0 -8px; border: 0; border-radius: 0; background: none; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue-knopf span, :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue-knopf::after { display: block; width: 22px; height: 2px; background: #E7E3DA; border-radius: 2px; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue-knopf::after { content: ""; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue-knopf[aria-expanded="true"] span:first-child, :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue-knopf[aria-expanded="true"] span:last-child { transform: none; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue { display: none; position: absolute; inset: 100% 0 auto 0; flex-direction: column; align-items: stretch; gap: 4px; margin: 0; padding: 12px 24px 20px; border: 0; border-bottom: 1px solid #C4A06A22; border-radius: 0; background: #0A0B0Ef2; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); opacity: 1; transform: none; pointer-events: auto; transition: none; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue.offen { display: flex; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue a { padding: 10px 0; font: 400 15px/24px "Times New Roman", Times, serif; letter-spacing: normal; color: #C9C6BE; border-bottom: 1px solid #ffffff0d; text-decoration: none; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue a[aria-current="page"]:not(:hover):not(:focus-visible) { color: #C9C6BE; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue a::after { display: none; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue a.menue-cta { margin-top: 10px; padding: 12px; border: 0; border-radius: 11px; text-align: center; color: #1A1408; font: 600 14px/24px "Times New Roman", Times, serif; background: linear-gradient(135deg, #E0C79B, #C4A06A); }
}
@media (min-width: 961px) { :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .menue a.menue-cta { display: none; } }
@media (max-width: 560px) {
  body[data-seite^="portfolio-"] .kopf-cta, body[data-seite="kundenportal-login"] .kopf-cta, body[data-seite="kundenportal-dashboard"] .kopf-cta { padding: 9px 14px; font-size: 13px; }
}

/* ---- 03-fab ---- */
/* Schwebende Knöpfe (Original: floating, Breakpoint 960): KI-Assistent oben, Kontakt unten; Kontakt-Knopf mit Verlauf Key2 > Key1 > #A8854F */
@media (max-width: 960px) {
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .styles_op_eyw47c_aiFloating { flex-direction: column-reverse; right: 16px !important; bottom: calc(152px + env(safe-area-inset-bottom)) !important; z-index: 2147483000; gap: 18px; }
  :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .styles_op_eyw47c_aiTip, :is(body[data-seite^="portfolio-"], body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"], body[data-seite="kundenportal-login"], body[data-seite="kundenportal-dashboard"]) .styles_op_eyw47c_fabTip { display: none !important; }
}
@media (max-width: 960px) {
  body[data-seite^="portfolio-"] .styles_op_eyw47c_assistant { border-color: #C4A06A52; }
  body[data-seite^="portfolio-"] .styles_op_eyw47c_assistant:hover { border-color: var(--color-kit-key1); box-shadow: 0 16px 40px -14px #C4A06A72; }
  body[data-seite^="portfolio-"] .styles_op_eyw47c_assistantActive { border-color: var(--color-kit-key1); box-shadow: 0 0 0 1px #C4A06A66, 0 16px 42px -12px #C4A06A88; }
  body[data-seite^="portfolio-"] .styles_op_eyw47c_fab { border-color: #C4A06A4d; background: linear-gradient(135deg, var(--color-kit-key2), var(--color-kit-key1) 55%, #A8854F); box-shadow: 0 14px 34px -12px #C4A06A99; }
  body[data-seite^="portfolio-"] .styles_op_eyw47c_fab:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 14px 34px -12px #C4A06A99; }
}
/* Beschriftung "KI-Assistent" über dem Roboter (Original aiLabel, ab 767 px abwärts) */
.hm3-ailabel { display: none; }
@media (max-width: 767px) {
  :is(body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"]) .hm3-ailabel { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; background: #0B0D11E6; border: 1px solid #D6A94A52; font: 400 11px/1 var(--sans); letter-spacing: .3px; color: #F4F1E9; white-space: nowrap; pointer-events: none; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  :is(body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"]) .hm3-ailabel-punkt { flex: none; width: 5px; height: 5px; border-radius: 50%; background: var(--color-kit-key1, #C4A06A); box-shadow: 0 0 5px 1px #C4A06A99; }
}

/* ---- 08-formular ---- */
/* Auswahlfelder der Formulare: Original-Höhe 47 px (Chromium rundet die Zeilenhöhe von select bei Inter 15 px auf 18 px statt 19 px wie bei input) */
@media (max-width: 960px) {
  :is(body[data-seite="projektanfrage"], body[data-seite="extras-anfrage"], body[data-seite="kontakt"]) select[class*="_input"] { height: 47px; }
}

/* ---- 09-telefon ---- */
/* Anmeldeseite: eigener Schnellkontakt-Knopf (Original 1ndqg72 floatStack, contactPop; Breakpoint 560 für die Ränder) statt Roboter und Kontakt-Knopf */
.hm3-tel, .hm3-tel-hinten, .hm3-tel-fenster { display: none; }
@media (max-width: 960px) {
  body[data-seite="kundenportal-login"] aside[aria-label="Schnellzugriff"] { display: none !important; }
  body[data-seite="kundenportal-login"] .hm3-tel { position: fixed; right: 22px; bottom: 130px; z-index: 9700; display: flex; flex-direction: column; gap: 14px; align-items: flex-end; }
  body[data-seite="kundenportal-login"] .hm3-tel-knopf { width: 56px; height: 56px; flex: none; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid #C4A06A66; border-radius: 50%; cursor: pointer; color: #1A1408; background: linear-gradient(135deg, #E0C79B, #C4A06A 55%, #A8854F); box-shadow: inset 0 1px 0 #ffffff55, 0 10px 26px #00000066; transition: transform .2s ease, box-shadow .2s ease; }
  body[data-seite="kundenportal-login"] .hm3-tel-knopf:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 #ffffff66, 0 14px 34px #00000080; }
  body[data-seite="kundenportal-login"] .hm3-tel-knopf:active { transform: translateY(0); }
  body[data-seite="kundenportal-login"] .hm3-tel-knopf:focus-visible { outline: none; box-shadow: 0 0 0 3px #C4A06A66, 0 10px 26px #00000066; }
  body[data-seite="kundenportal-login"] .hm3-tel-hinten { position: fixed; inset: 0; z-index: 9550; display: block; background: transparent; }
  body[data-seite="kundenportal-login"] .hm3-tel-fenster { position: fixed; right: 22px; bottom: 196px; z-index: 9600; width: 262px; display: flex; flex-direction: column; gap: 9px; padding: 16px; border: 1px solid #C4A06A55; border-radius: 16px; background: linear-gradient(180deg, #0F1116, #0B0D11); box-shadow: 0 24px 60px #000000a6, inset 0 1px 0 #C4A06A22; animation: hm3TelEin .24s ease; }
  body[data-seite="kundenportal-login"] .hm3-tel-titel { margin-bottom: 2px; font: 700 15px/24px var(--serif); color: #F2EEE6; }
  body[data-seite="kundenportal-login"] .hm3-tel-zeile { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #ffffff12; border-radius: 10px; background: #14161C; font: 400 14px/24px var(--sans); color: #E7E3DA; text-decoration: none; word-break: break-word; transition: border-color .2s ease, color .2s ease; }
  body[data-seite="kundenportal-login"] .hm3-tel-zeile svg { flex: none; color: #C4A06A; }
  body[data-seite="kundenportal-login"] .hm3-tel-zeile:hover { border-color: #C4A06A55; color: #fff; }
  body[data-seite="kundenportal-login"] .hm3-tel-alt { padding: 6px; font: 400 13px/24px var(--sans); text-align: center; text-decoration: none; color: #C4A06A; transition: color .2s ease; }
  body[data-seite="kundenportal-login"] .hm3-tel-alt:hover { color: #E0C79B; text-decoration: underline; }
}
@media (max-width: 560px) {
  body[data-seite="kundenportal-login"] .hm3-tel { right: 16px; bottom: calc(152px + env(safe-area-inset-bottom)); }
  body[data-seite="kundenportal-login"] .hm3-tel-fenster { right: 16px; bottom: calc(218px + env(safe-area-inset-bottom)); width: calc(100vw - 32px); max-width: 280px; }
}
@keyframes hm3TelEin { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .hm3-tel-fenster { animation: none; } }