.elementor-4841 .elementor-element.elementor-element-fb43f7d{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4841 .elementor-element.elementor-element-fb43f7d:not(.elementor-motion-effects-element-type-background), .elementor-4841 .elementor-element.elementor-element-fb43f7d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-4841 .elementor-element.elementor-element-1ce8e7a{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-4841 .elementor-element.elementor-element-637007f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-4841 .elementor-element.elementor-element-ad53a1d .elementor-heading-title{font-family:"Epilogue", Sans-serif;font-size:70px;font-weight:600;text-transform:none;line-height:1em;color:var( --e-global-color-68efa93 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4841 .elementor-element.elementor-element-f3ed7fc{width:var( --container-widget-width, 563px );max-width:563px;--container-widget-width:563px;--container-widget-flex-grow:0;text-align:center;font-family:"Epilogue", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#AFAFAF;}.elementor-4841 .elementor-element.elementor-element-64d7d48{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-4841 .elementor-element.elementor-element-ec8d7e2 .elementor-button{background-color:#2A282896;font-family:"Epilogue", Sans-serif;font-size:16px;font-weight:500;text-transform:none;text-decoration:underline;line-height:1em;fill:var( --e-global-color-68efa93 );color:var( --e-global-color-68efa93 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#EAECEC1F;border-radius:8px 8px 8px 8px;}.elementor-4841 .elementor-element.elementor-element-ec8d7e2 .elementor-button:hover, .elementor-4841 .elementor-element.elementor-element-ec8d7e2 .elementor-button:focus{background-color:var( --e-global-color-45575a8 );color:var( --e-global-color-68efa93 );border-color:var( --e-global-color-45575a8 );}.elementor-4841 .elementor-element.elementor-element-ec8d7e2 .elementor-button:hover svg, .elementor-4841 .elementor-element.elementor-element-ec8d7e2 .elementor-button:focus svg{fill:var( --e-global-color-68efa93 );}.elementor-4841 .elementor-element.elementor-element-4d213e3 .elementor-button{background-color:#2A282896;font-family:"Epilogue", Sans-serif;font-size:16px;font-weight:500;text-transform:none;text-decoration:underline;line-height:1em;fill:var( --e-global-color-68efa93 );color:var( --e-global-color-68efa93 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#EAECEC1F;border-radius:8px 8px 8px 8px;}.elementor-4841 .elementor-element.elementor-element-4d213e3 .elementor-button:hover, .elementor-4841 .elementor-element.elementor-element-4d213e3 .elementor-button:focus{background-color:var( --e-global-color-45575a8 );color:var( --e-global-color-68efa93 );border-color:var( --e-global-color-45575a8 );}.elementor-4841 .elementor-element.elementor-element-4d213e3 .elementor-button:hover svg, .elementor-4841 .elementor-element.elementor-element-4d213e3 .elementor-button:focus svg{fill:var( --e-global-color-68efa93 );}.elementor-4841 .elementor-element.elementor-element-38330cc .elementor-button{background-color:var( --e-global-color-68efa93 );font-family:"Epilogue", Sans-serif;font-size:16px;font-weight:500;text-transform:none;text-decoration:underline;line-height:1em;fill:var( --e-global-color-45575a8 );color:var( --e-global-color-45575a8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-45575a8 );border-radius:8px 8px 8px 8px;}.elementor-4841 .elementor-element.elementor-element-38330cc .elementor-button:hover, .elementor-4841 .elementor-element.elementor-element-38330cc .elementor-button:focus{background-color:var( --e-global-color-45575a8 );color:var( --e-global-color-68efa93 );border-color:var( --e-global-color-45575a8 );}.elementor-4841 .elementor-element.elementor-element-38330cc .elementor-button:hover svg, .elementor-4841 .elementor-element.elementor-element-38330cc .elementor-button:focus svg{fill:var( --e-global-color-68efa93 );}.elementor-4841 .elementor-element.elementor-element-9858262{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4841 .elementor-element.elementor-element-9858262:not(.elementor-motion-effects-element-type-background), .elementor-4841 .elementor-element.elementor-element-9858262 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-4841 .elementor-element.elementor-element-008fb69{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-4841 .elementor-element.elementor-element-9dc25c1{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4841 .elementor-element.elementor-element-9dc25c1:not(.elementor-motion-effects-element-type-background), .elementor-4841 .elementor-element.elementor-element-9dc25c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4841 .elementor-element.elementor-element-c60abe7{--display:flex;}.elementor-4841 .elementor-element.elementor-element-2a2620c{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4841 .elementor-element.elementor-element-2a2620c:not(.elementor-motion-effects-element-type-background), .elementor-4841 .elementor-element.elementor-element-2a2620c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-4841 .elementor-element.elementor-element-c6900bd{--display:flex;}.elementor-4841 .elementor-element.elementor-element-187f3fd{--display:flex;--min-height:30vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4841 .elementor-element.elementor-element-187f3fd:not(.elementor-motion-effects-element-type-background), .elementor-4841 .elementor-element.elementor-element-187f3fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0F;}.elementor-4841 .elementor-element.elementor-element-7076dc2{--display:flex;}body.elementor-page-4841:not(.elementor-motion-effects-element-type-background), body.elementor-page-4841 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A2828;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(min-width:768px){.elementor-4841 .elementor-element.elementor-element-fb43f7d{--content-width:1400px;}.elementor-4841 .elementor-element.elementor-element-9858262{--content-width:1400px;}.elementor-4841 .elementor-element.elementor-element-9dc25c1{--content-width:1400px;}.elementor-4841 .elementor-element.elementor-element-2a2620c{--content-width:1400px;}.elementor-4841 .elementor-element.elementor-element-187f3fd{--content-width:1400px;}}@media(max-width:767px){.elementor-4841 .elementor-element.elementor-element-fb43f7d{--min-height:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4841 .elementor-element.elementor-element-ad53a1d{text-align:center;}.elementor-4841 .elementor-element.elementor-element-ad53a1d .elementor-heading-title{font-size:40px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-4841 .elementor-element.elementor-element-9858262{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4841 .elementor-element.elementor-element-9dc25c1{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4841 .elementor-element.elementor-element-c60abe7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4841 .elementor-element.elementor-element-2a2620c{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4841 .elementor-element.elementor-element-187f3fd{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-fb43f7d */#Hero0 {
  position: relative;
  overflow: hidden;
  background: #000;
}

#Hero0 > .hero-bg-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  pointer-events: none;
}

#Hero0 > .hero-bg-glow {
  position: absolute;
  top: -140px;
  left: 14%;
  width: 620px;
  height: 220px;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 255, 255, 0.28) 0%,
    rgba(255, 255, 255, 0.12) 26%,
    rgba(255, 255, 255, 0.05) 48%,
    rgba(255, 255, 255, 0) 74%
  );
  filter: blur(44px);
  transform: rotate(-28deg);
  animation: heroBgGlowMove 18s ease-in-out infinite alternate;
  z-index: 0;
  pointer-events: none;
  opacity: 0.95;
}

#Hero0::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at center, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0) 58%);
}

#Hero0 > .e-con-inner {
  position: relative;
  z-index: 1;
}

@keyframes heroBgGlowMove {
  0% {
    transform: translateX(0px) translateY(0px) rotate(-28deg);
    opacity: 0.7;
  }
  100% {
    transform: translateX(190px) translateY(24px) rotate(-18deg);
    opacity: 1;
  }
}

@media (max-width: 767px) {
  #Hero0 > .hero-bg-glow {
    width: 300px;
    height: 110px;
    top: -60px;
    left: 6%;
    filter: blur(28px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb02f69 */.palka-services {
  --palka-bg: #141414;
  --palka-surface: rgba(255, 255, 255, 0.035);
  --palka-surface-strong: rgba(255, 255, 255, 0.05);
  --palka-border: rgba(255, 255, 255, 0.08);
  --palka-border-strong: rgba(255, 255, 255, 0.14);
  --palka-text: #EAECEC;
  --palka-title: #FFFFFF;
  --palka-muted: rgba(234, 236, 236, 0.68);
  --palka-muted-strong: rgba(234, 236, 236, 0.82);
  --palka-accent: #7ECEC0;
  --palka-shadow: 0 24px 64px rgba(0, 0, 0, 0.34);
  position: relative;
  overflow: hidden;
  padding: clamp(5rem, 8vw, 7.5rem) 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.08) 0, transparent 32%),
    radial-gradient(circle at 100% 16%, rgba(255, 255, 255, 0.05) 0, transparent 28%),
    linear-gradient(180deg, #111111 0%, #141414 100%);
  color: var(--palka-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.palka-services::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: 0.15;
  pointer-events: none;
}

.palka-services__container {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 clamp(1.25rem, 2vw, 2.5rem);
}

.palka-services__header {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.palka-services__eyebrow {
  margin: 0 0 0.85rem;
  color: var(--palka-muted);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.palka-services__title {
  margin: 0;
  color: var(--palka-title);
  font-size: clamp(3.6rem, 10vw, 7rem);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.07em;
}

.palka-services__accordion {
  display: grid;
  gap: 0.9rem;
}

.palka-service {
  border: 1px solid var(--palka-border);
  border-radius: 1.75rem;
  background: var(--palka-surface);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition:
    border-color 320ms cubic-bezier(0.16, 1, 0.3, 1),
    background-color 320ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 320ms cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}

.palka-service:hover {
  border-color: var(--palka-border-strong);
  background: var(--palka-surface-strong);
}

.palka-service[open] {
  border-color: var(--palka-border-strong);
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), var(--palka-shadow);
}

.palka-service__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.3rem 1.4rem;
  cursor: pointer;
  list-style: none;
}

.palka-service__summary::-webkit-details-marker {
  display: none;
}

.palka-service__summary::marker {
  display: none;
  content: "";
}

.palka-service__summary:focus-visible {
  outline: 2px solid var(--palka-accent);
  outline-offset: -2px;
}

.palka-service__summary-main {
  display: flex;
  align-items: center;
  gap: 0.95rem;
  min-width: 0;
}

.palka-service__summary-dot {
  width: 0.7rem;
  height: 0.7rem;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
  transition:
    border-color 320ms cubic-bezier(0.16, 1, 0.3, 1),
    background-color 320ms cubic-bezier(0.16, 1, 0.3, 1);
}

.palka-service[open] .palka-service__summary-dot,
.palka-service__summary:hover .palka-service__summary-dot {
  border-color: rgba(126, 206, 192, 0.42);
  background: rgba(126, 206, 192, 0.14);
}

.palka-service__summary-text {
  min-width: 0;
  color: var(--palka-title);
  font-size: clamp(1.15rem, 1.45vw, 1.6rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.04em;
}

.palka-service__summary-side {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}

.palka-service__summary-number {
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.palka-service__summary-lines {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.25rem;
  width: clamp(4.5rem, 8vw, 6rem);
}

.palka-service__summary-line {
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
}

.palka-service__summary-line.is-active {
  background: rgba(255, 255, 255, 0.82);
  transform: scaleX(1.12);
}

.palka-service__panel {
  padding: 0 1.4rem 1.4rem;
}

.palka-service__layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(1.1rem, 2vw, 2rem);
  animation: palkaFadeUp 360ms cubic-bezier(0.16, 1, 0.3, 1);
}

.palka-service__visual {
  position: relative;
  min-height: 320px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1.4rem;
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 18%, rgba(255, 255, 255, 0.15) 0, transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.025) 58%, rgba(255, 255, 255, 0.05) 100%);
}

.palka-service__visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.18;
  pointer-events: none;
}

.palka-service__visual::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 1.35rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
}

.palka-service__visual--web {
  background:
    radial-gradient(circle at 74% 18%, rgba(255, 255, 255, 0.18) 0, transparent 24%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 58%, rgba(255, 255, 255, 0.06) 100%);
}

.palka-service__visual--commerce {
  background:
    radial-gradient(circle at 22% 20%, rgba(255, 255, 255, 0.18) 0, transparent 26%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 58%, rgba(255, 255, 255, 0.055) 100%);
}

.palka-service__visual--ads {
  background:
    radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.16) 0, transparent 22%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.02) 60%, rgba(255, 255, 255, 0.05) 100%);
}

.palka-service__visual--video {
  background:
    radial-gradient(circle at 32% 18%, rgba(255, 255, 255, 0.18) 0, transparent 24%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 56%, rgba(255, 255, 255, 0.05) 100%);
}

.palka-service__visual--a<style>
  #Uslugi1,
  .Uslugi2 {
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(circle at 8% 10%, rgba(255, 255, 255, 0.08) 0, transparent 24%),
      radial-gradient(circle at 92% 14%, rgba(255, 255, 255, 0.05) 0, transparent 22%),
      radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.03) 0, transparent 34%),
      linear-gradient(180deg, #111111 0%, #141414 54%, #101010 100%) !important;
  }

  #Uslugi1::before,
  .Uslugi2::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: 0.16;
    pointer-events: none;
  }

  #Uslugi1::after,
  .Uslugi2::after {
    content: "";
    position: absolute;
    right: -12rem;
    bottom: -12rem;
    width: 32rem;
    height: 32rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.02) 34%, transparent 68%);
    filter: blur(16px);
    opacity: 0.6;
    pointer-events: none;
  }

  #Uslugi1 > .e-con-inner,
  .Uslugi2 > .e-con-inner {
    position: relative;
    z-index: 1;
    background: transparent !important;
  }

  .palka-services {
    --palka-surface: rgba(255, 255, 255, 0.035);
    --palka-surface-strong: rgba(255, 255, 255, 0.05);
    --palka-border: rgba(255, 255, 255, 0.08);
    --palka-border-strong: rgba(255, 255, 255, 0.16);
    --palka-text: #EAECEC;
    --palka-title: #FFFFFF;
    --palka-muted: rgba(234, 236, 236, 0.68);
    --palka-muted-strong: rgba(234, 236, 236, 0.82);
    --palka-accent: #7ECEC0;
    --palka-shadow: 0 24px 64px rgba(0, 0, 0, 0.34);
    position: relative;
    z-index: 1;
    overflow: visible;
    padding: clamp(5rem, 8vw, 7.5rem) 0;
    background: transparent !important;
    color: var(--palka-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }

  .palka-services__container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 clamp(1.25rem, 2vw, 2.5rem);
  }

  .palka-services__header {
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  }

  .palka-services__eyebrow {
    margin: 0 0 0.85rem;
    color: var(--palka-muted);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .palka-services__title {
    margin: 0;
    color: var(--palka-title);
    font-size: clamp(3.6rem, 10vw, 7rem);
    font-weight: 700;
    line-height: 0.9;
    letter-spacing: -0.07em;
  }

  .palka-services__accordion {
    display: grid;
    gap: 0.9rem;
  }

  .palka-service {
    position: relative;
    isolation: isolate;
    border: 1px solid var(--palka-border);
    border-radius: 1.75rem;
    background: var(--palka-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition:
      border-color 320ms cubic-bezier(0.16, 1, 0.3, 1),
      background-color 320ms cubic-bezier(0.16, 1, 0.3, 1),
      box-shadow 320ms cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
  }

  .palka-service::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
      radial-gradient(
        340px circle at var(--mx, 50%) var(--my, 50%),
        rgba(255, 255, 255, 0.12) 0,
        rgba(255, 255, 255, 0.055) 22%,
        rgba(255, 255, 255, 0.018) 42%,
        transparent 68%
      );
    opacity: 0;
    transition: opacity 320ms cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
    z-index: 0;
  }

  .palka-service:hover::before,
  .palka-service:focus-within::before,
  .palka-service[open]::before {
    opacity: 1;
  }

  .palka-service:hover,
  .palka-service[open] {
    border-color: var(--palka-border-strong);
    background: var(--palka-surface-strong);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      0 20px 52px rgba(0, 0, 0, 0.24);
  }

  .palka-service__summary,
  .palka-service__panel {
    position: relative;
    z-index: 1;
  }

  .palka-service__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.3rem 1.4rem;
    cursor: pointer;
    list-style: none;
    transition: background-color 280ms ease;
  }

  .palka-service__summary:hover {
    background: rgba(255, 255, 255, 0.012);
  }

  .palka-service__summary::-webkit-details-marker {
    display: none;
  }

  .palka-service__summary::marker {
    display: none;
    content: "";
  }

  .palka-service__summary:focus-visible {
    outline: 2px solid var(--palka-accent);
    outline-offset: -2px;
  }

  .palka-service__summary-main {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    min-width: 0;
  }

  .palka-service__summary-dot {
    width: 0.7rem;
    height: 0.7rem;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.04);
    transition:
      border-color 320ms cubic-bezier(0.16, 1, 0.3, 1),
      background-color 320ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .palka-service[open] .palka-service__summary-dot,
  .palka-service__summary:hover .palka-service__summary-dot {
    border-color: rgba(126, 206, 192, 0.42);
    background: rgba(126, 206, 192, 0.14);
  }

  .palka-service__summary-text {
    min-width: 0;
    color: var(--palka-title);
    font-size: clamp(1.15rem, 1.45vw, 1.6rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.04em;
  }

  .palka-service__summary-side {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
  }

  .palka-service__summary-number {
    color: rgba(255, 255, 255, 0.52);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
  }

  .palka-service__summary-lines {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.25rem;
    width: clamp(4.5rem, 8vw, 6rem);
  }

  .palka-service__summary-line {
    height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
  }

  .palka-service__summary-line.is-active {
    background: rgba(255, 255, 255, 0.82);
    transform: scaleX(1.12);
  }

  .palka-service__panel {
    padding: 0 1.4rem 1.4rem;
  }

  .palka-service__layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(1.1rem, 2vw, 2rem);
    animation: palkaFadeUp 360ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .palka-service__visual {
    position: relative;
    min-height: 320px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 1.4rem;
    overflow: hidden;
    background:
      radial-gradient(circle at 70% 18%, rgba(255, 255, 255, 0.15) 0, transparent 28%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.025) 58%, rgba(255, 255, 255, 0.05) 100%);
  }

  .palka-service__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    opacity: 0.18;
    pointer-events: none;
  }

  .palka-service__visual::after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 1.35rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  }

  .palka-service__visual--web {
    background:
      radial-gradient(circle at 74% 18%, rgba(255, 255, 255, 0.18) 0, transparent 24%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 58%, rgba(255, 255, 255, 0.06) 100%);
  }

  .palka-service__visual--commerce {
    background:
      radial-gradient(circle at 22% 20%, rgba(255, 255, 255, 0.18) 0, transparent 26%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 58%, rgba(255, 255, 255, 0.055) 100%);
  }

  .palka-service__visual--ads {
    background:
      radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.16) 0, transparent 22%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.02) 60%, rgba(255, 255, 255, 0.05) 100%);
  }

  .palka-service__visual--video {
    background:
      radial-gradient(circle at 32% 18%, rgba(255, 255, 255, 0.18) 0, transparent 24%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 56%, rgba(255, 255, 255, 0.05) 100%);
  }

  .palka-service__visual--training {
    background:
      radial-gradient(circle at 68% 18%, rgba(255, 255, 255, 0.16) 0, transparent 26%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 56%, rgba(255, 255, 255, 0.05) 100%);
  }

  .palka-service__visual--build {
    background:
      radial-gradient(circle at 24% 22%, rgba(255, 255, 255, 0.17) 0, transparent 24%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.02) 58%, rgba(255, 255, 255, 0.055) 100%);
  }

  .palka-service__visual-shell {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 1.4rem;
  }

  .palka-service__visual-kicker {
    color: rgba(234, 236, 236, 0.62);
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .palka-service__visual-word {
    display: block;
    color: rgba(255, 255, 255, 0.96);
    font-size: clamp(3rem, 6vw, 5.4rem);
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.08em;
  }

  .palka-service__visual-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .palka-service__visual-tags li {
    padding: 0.6rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1;
  }

  .palka-service__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    padding: 0.35rem 0;
  }

  .palka-service__eyebrow-text {
    margin: 0;
    color: var(--palka-muted);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .palka-service__description {
    margin: 0;
    max-width: 44rem;
    color: var(--palka-muted-strong);
    font-size: clamp(1rem, 1.05vw, 1.1rem);
    line-height: 1.72;
  }

  .palka-service__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .palka-service__list li {
    position: relative;
    padding-left: 1rem;
    color: var(--palka-text);
    font-size: 0.95rem;
    line-height: 1.5;
  }

  .palka-service__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.62rem;
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
  }

  .palka-service__button,
  .palka-service__button:link,
  .palka-service__button:visited,
  .palka-service__button:hover,
  .palka-service__button:active,
  #Uslugi1 .palka-service__button,
  #Uslugi1 .palka-service__button * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    fill: #FFFFFF !important;
    opacity: 1 !important;
  }

  .palka-service__button {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    width: fit-content;
    margin-top: 0.35rem;
    padding: 0.92rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.02);
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
    transition:
      border-color 240ms ease,
      transform 240ms ease,
      background-color 240ms ease;
  }

  .palka-service__button svg {
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    stroke: currentColor;
  }

  .palka-service__button:hover {
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-1px);
  }

  .palka-service__button:focus-visible {
    outline: 2px solid var(--palka-accent);
    outline-offset: 4px;
  }

  @keyframes palkaFadeUp {
    from {
      opacity: 0;
      transform: translateY(12px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (max-width: 960px) {
    .palka-service__layout {
      grid-template-columns: 1fr;
    }

    .palka-service__visual {
      min-height: 260px;
    }

    .palka-service__list {
      grid-template-columns: 1fr 1fr;
    }
  }

  @media (max-width: 720px) {
    .palka-services {
      padding: 4.5rem 0;
    }

    .palka-services__container {
      padding: 0 1rem;
    }

    .palka-service {
      border-radius: 1.35rem;
    }

    .palka-service__summary {
      align-items: flex-start;
      gap: 1rem;
      padding: 1.05rem 1rem;
    }

    .palka-service__summary-side {
      flex-direction: column;
      align-items: flex-end;
      gap: 0.45rem;
    }

    .palka-service__summary-lines {
      width: 4.75rem;
    }

    .palka-service__panel {
      padding: 0 1rem 1rem;
    }

    .palka-service__visual {
      min-height: 220px;
      border-radius: 1.1rem;
    }

    .palka-service__visual-shell {
      padding: 1rem;
    }

    .palka-service__description {
      font-size: 0.98rem;
    }

    .palka-service__list {
      grid-template-columns: 1fr;
    }

    .palka-service__button {
      width: 100%;
      justify-content: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .palka-services *,
    .palka-services *::before,
    .palka-services *::after {
      transition: none !important;
      animation: none !important;
      scroll-behavior: auto !important;
    }

    .palka-service__button:hover {
      transform: none;
    }
  }
</style>

<section class="palka-services" id="uslugi">
  <div class="palka-services__container">
    <header class="palka-services__header">
      <p class="palka-services__eyebrow">Oferta</p>
      <h2 class="palka-services__title">Usługi</h2>
    </header>

    <div class="palka-services__accordion">
      <details class="palka-service" open>
        <summary class="palka-service__summary">
          <span class="palka-service__summary-main">
            <span class="palka-service__summary-dot" aria-hidden="true"></span>
            <span class="palka-service__summary-text">Strony internetowe</span>
          </span>
          <span class="palka-service__summary-side">
            <span class="palka-service__summary-number">01</span>
            <span class="palka-service__summary-lines" aria-hidden="true">
              <span class="palka-service__summary-line is-active"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
            </span>
          </span>
        </summary>
        <div class="palka-service__panel">
          <div class="palka-service__layout">
            <div class="palka-service__visual palka-service__visual--web" aria-hidden="true">
              <div class="palka-service__visual-shell">
                <span class="palka-service__visual-kicker">Measurement stack</span>
                <strong class="palka-service__visual-word">WEB</strong>
                <ul class="palka-service__visual-tags">
                  <li>SEO</li>
                  <li>GA4</li>
                  <li>GTM</li>
                </ul>
              </div>
            </div>
            <div class="palka-service__content">
              <p class="palka-service__eyebrow-text">Narzędzie sprzedaży</p>
              <p class="palka-service__description">
                Narzędzie sprzedaży, nie wizytówka. Z pełnym measurement stack od pierwszego dnia.
              </p>
              <ul class="palka-service__list">
                <li>SEO techniczne</li>
                <li>GA4</li>
                <li>GTM</li>
                <li>UX</li>
                <li>Facebook Pixel</li>
              </ul>
              <a class="palka-service__button" href="/uslugi/#strony-internetowe">
                <span>Zobacz zakres usługi</span>
                <svg viewBox="0 0 24 24" aria-hidden="true">
                  <path d="M7 17 17 7M9 7h8v8" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </details>

      <details class="palka-service">
        <summary class="palka-service__summary">
          <span class="palka-service__summary-main">
            <span class="palka-service__summary-dot" aria-hidden="true"></span>
            <span class="palka-service__summary-text">Sklepy e-commerce</span>
          </span>
          <span class="palka-service__summary-side">
            <span class="palka-service__summary-number">02</span>
            <span class="palka-service__summary-lines" aria-hidden="true">
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line is-active"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
            </span>
          </span>
        </summary>
        <div class="palka-service__panel">
          <div class="palka-service__layout">
            <div class="palka-service__visual palka-service__visual--commerce" aria-hidden="true">
              <div class="palka-service__visual-shell">
                <span class="palka-service__visual-kicker">Commerce engine</span>
                <strong class="palka-service__visual-word">SHOP</strong>
                <ul class="palka-service__visual-tags">
                  <li>WooCommerce</li>
                  <li>Allegro</li>
                  <li>Merchant</li>
                </ul>
              </div>
            </div>
            <div class="palka-service__content">
              <p class="palka-service__eyebrow-text">System sprzedaży</p>
              <p class="palka-service__description">
                Sklep to system sprzedaży, nie katalog produktów. Integruję, automatyzuję i optymalizuję każdy punkt styku z klientem.
              </p>
              <ul class="palka-service__list">
                <li>WooCommerce</li>
                <li>Allegro</li>
                <li>Google Merchant</li>
                <li>Feedy produktowe</li>
                <li>Odzyskiwanie koszyków</li>
                <li>Mailing</li>
              </ul>
              <a class="palka-service__button" href="/uslugi/#sklepy-e-commerce">
                <span>Zobacz zakres usługi</span>
                <svg viewBox="0 0 24 24" aria-hidden="true">
                  <path d="M7 17 17 7M9 7h8v8" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </details>

      <details class="palka-service">
        <summary class="palka-service__summary">
          <span class="palka-service__summary-main">
            <span class="palka-service__summary-dot" aria-hidden="true"></span>
            <span class="palka-service__summary-text">Marketing i reklama</span>
          </span>
          <span class="palka-service__summary-side">
            <span class="palka-service__summary-number">03</span>
            <span class="palka-service__summary-lines" aria-hidden="true">
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line is-active"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
            </span>
          </span>
        </summary>
        <div class="palka-service__panel">
          <div class="palka-service__layout">
            <div class="palka-service__visual palka-service__visual--ads" aria-hidden="true">
              <div class="palka-service__visual-shell">
                <span class="palka-service__visual-kicker">Paid media system</span>
                <strong class="palka-service__visual-word">ADS</strong>
                <ul class="palka-service__visual-tags">
                  <li>Google Ads</li>
                  <li>Meta Ads</li>
                  <li>PMax</li>
                </ul>
              </div>
            </div>
            <div class="palka-service__content">
              <p class="palka-service__eyebrow-text">Strategia i performance</p>
              <p class="palka-service__description">
                Własna agencja reklamowa. Strategia, kreacja, zakup mediów. Nie ustawiam reklam. Buduję systemy pozyskiwania klientów.
              </p>
              <ul class="palka-service__list">
                <li>Google Ads</li>
                <li>Meta Ads</li>
                <li>PMax</li>
                <li>Shopping</li>
                <li>Strategia</li>
                <li>Display</li>
              </ul>
              <a class="palka-service__button" href="/uslugi/#marketing-i-reklama">
                <span>Zobacz zakres usługi</span>
                <svg viewBox="0 0 24 24" aria-hidden="true">
                  <path d="M7 17 17 7M9 7h8v8" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </details>

      <details class="palka-service">
        <summary class="palka-service__summary">
          <span class="palka-service__summary-main">
            <span class="palka-service__summary-dot" aria-hidden="true"></span>
            <span class="palka-service__summary-text">Produkcje wideo</span>
          </span>
          <span class="palka-service__summary-side">
            <span class="palka-service__summary-number">04</span>
            <span class="palka-service__summary-lines" aria-hidden="true">
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line is-active"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
            </span>
          </span>
        </summary>
        <div class="palka-service__panel">
          <div class="palka-service__layout">
            <div class="palka-service__visual palka-service__visual--video" aria-hidden="true">
              <div class="palka-service__visual-shell">
                <span class="palka-service__visual-kicker">Creative production</span>
                <strong class="palka-service__visual-word">VIDEO</strong>
                <ul class="palka-service__visual-tags">
                  <li>Scenariusz</li>
                  <li>Produkcja</li>
                  <li>Montaż</li>
                </ul>
              </div>
            </div>
            <div class="palka-service__content">
              <p class="palka-service__eyebrow-text">Produkcja od A do Z</p>
              <p class="palka-service__description">
                Reklamy filmowe z aktorami. Od scenariusza po montaż. Całość w jednym miejscu.
              </p>
              <ul class="palka-service__list">
                <li>Reklamy z aktorami</li>
                <li>Produkcja</li>
                <li>Montaż</li>
              </ul>
              <a class="palka-service__button" href="/uslugi/#produkcje-wideo">
                <span>Zobacz zakres usługi</span>
                <svg viewBox="0 0 24 24" aria-hidden="true">
                  <path d="M7 17 17 7M9 7h8v8" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </details>

      <details class="palka-service">
        <summary class="palka-service__summary">
          <span class="palka-service__summary-main">
            <span class="palka-service__summary-dot" aria-hidden="true"></span>
            <span class="palka-service__summary-text">Szkolenia</span>
          </span>
          <span class="palka-service__summary-side">
            <span class="palka-service__summary-number">05</span>
            <span class="palka-service__summary-lines" aria-hidden="true">
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line is-active"></span>
              <span class="palka-service__summary-line"></span>
            </span>
          </span>
        </summary>
        <div class="palka-service__panel">
          <div class="palka-service__layout">
            <div class="palka-service__visual palka-service__visual--training" aria-hidden="true">
              <div class="palka-service__visual-shell">
                <span class="palka-service__visual-kicker">Workshops &amp; training</span>
                <strong class="palka-service__visual-word">TRAIN</strong>
                <ul class="palka-service__visual-tags">
                  <li>Warsztaty</li>
                  <li>Praktyka</li>
                  <li>10 lat</li>
                </ul>
              </div>
            </div>
            <div class="palka-service__content">
              <p class="palka-service__eyebrow-text">Doświadczenie z rynku</p>
              <p class="palka-service__description">
                Kursy i warsztaty dla przedsiębiorców. Mówię z pozycji kogoś, kto sam to robił przez 10 lat.
              </p>
              <ul class="palka-service__list">
                <li>Google Ads</li>
                <li>Meta Ads</li>
                <li>E-commerce</li>
              </ul>
              <a class="palka-service__button" href="/uslugi/#szkolenia">
                <span>Zobacz zakres usługi</span>
                <svg viewBox="0 0 24 24" aria-hidden="true">
                  <path d="M7 17 17 7M9 7h8v8" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </details>

      <details class="palka-service">
        <summary class="palka-service__summary">
          <span class="palka-service__summary-main">
            <span class="palka-service__summary-dot" aria-hidden="true"></span>
            <span class="palka-service__summary-text">Budowanie firm</span>
          </span>
          <span class="palka-service__summary-side">
            <span class="palka-service__summary-number">06</span>
            <span class="palka-service__summary-lines" aria-hidden="true">
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line"></span>
              <span class="palka-service__summary-line is-active"></span>
            </span>
          </span>
        </summary>
        <div class="palka-service__panel">
          <div class="palka-service__layout">
            <div class="palka-service__visual palka-service__visual--build" aria-hidden="true">
              <div class="palka-service__visual-shell">
                <span class="palka-service__visual-kicker">Founder perspective</span>
                <strong class="palka-service__visual-word">BUILD</strong>
                <ul class="palka-service__visual-tags">
                  <li>25+ firm</li>
                  <li>Strategia</li>
                  <li>Rozwój</li>
                </ul>
              </div>
            </div>
            <div class="palka-service__content">
              <p class="palka-service__eyebrow-text">Perspektywa właściciela</p>
              <p class="palka-service__description">
                25+ firm w różnych branżach. Właściciel lub współwłaściciel w wielu z nich.
              </p>
              <ul class="palka-service__list">
                <li>Strategia</li>
                <li>Consulting</li>
                <li>Rozwój</li>
              </ul>
              <a class="palka-service__button" href="/uslugi/#budowanie-firm">
                <span>Zobacz zakres usługi</span>
                <svg viewBox="0 0 24 24" aria-hidden="true">
                  <path d="M7 17 17 7M9 7h8v8" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </details>
    </div>
  </div>
</section>

<script>
  (function () {
    function initPalkaServices() {
      var section = document.querySelector('.palka-services');
      if (!section || section.dataset.palkaReady === 'true') return;
      section.dataset.palkaReady = 'true';

      var items = Array.prototype.slice.call(section.querySelectorAll('.palka-service'));

      items.forEach(function (item) {
        item.addEventListener('pointermove', function (event) {
          var rect = item.getBoundingClientRect();
          item.style.setProperty('--mx', (event.clientX - rect.left) + 'px');
          item.style.setProperty('--my', (event.clientY - rect.top) + 'px');
        });

        item.addEventListener('toggle', function () {
          if (!item.open) return;
          items.forEach(function (other) {
            if (other !== item) other.removeAttribute('open');
          });
        });
      });
    }

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', initPalkaServices);
    } else {
      initPalkaServices();
    }
  })();
</script>
training {
  background:
    radial-gradient(circle at 68% 18%, rgba(255, 255, 255, 0.16) 0, transparent 26%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 56%, rgba(255, 255, 255, 0.05) 100%);
}

.palka-service__visual--build {
  background:
    radial-gradient(circle at 24% 22%, rgba(255, 255, 255, 0.17) 0, transparent 24%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.02) 58%, rgba(255, 255, 255, 0.055) 100%);
}

.palka-service__visual-shell {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 1.4rem;
}

.palka-service__visual-kicker {
  color: rgba(234, 236, 236, 0.62);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.palka-service__visual-word {
  display: block;
  color: rgba(255, 255, 255, 0.96);
  font-size: clamp(3rem, 6vw, 5.4rem);
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.08em;
}

.palka-service__visual-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.palka-service__visual-tags li {
  padding: 0.6rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1;
}

.palka-service__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 0.35rem 0;
}

.palka-service__eyebrow-text {
  margin: 0;
  color: var(--palka-muted);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.palka-service__description {
  margin: 0;
  max-width: 44rem;
  color: var(--palka-muted-strong);
  font-size: clamp(1rem, 1.05vw, 1.1rem);
  line-height: 1.72;
}

.palka-service__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.palka-service__list li {
  position: relative;
  padding-left: 1rem;
  color: var(--palka-text);
  font-size: 0.95rem;
  line-height: 1.5;
}

.palka-service__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62rem;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
}

.palka-service__button {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
  margin-top: 0.35rem;
  padding: 0.92rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: var(--palka-title);
  background: transparent;
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
  transition:
    border-color 240ms ease,
    transform 240ms ease,
    color 240ms ease,
    background-color 240ms ease;
}

.palka-service__button svg {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
}

.palka-service__button:hover {
  border-color: rgba(126, 206, 192, 0.46);
  background: rgba(255, 255, 255, 0.03);
  transform: translateY(-1px);
}

.palka-service__button:focus-visible {
  outline: 2px solid var(--palka-accent);
  outline-offset: 4px;
}

@keyframes palkaFadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 960px) {
  .palka-service__layout {
    grid-template-columns: 1fr;
  }

  .palka-service__visual {
    min-height: 260px;
  }

  .palka-service__list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .palka-services {
    padding: 4.5rem 0;
  }

  .palka-services__container {
    padding: 0 1rem;
  }

  .palka-service {
    border-radius: 1.35rem;
  }

  .palka-service__summary {
    align-items: flex-start;
    gap: 1rem;
    padding: 1.05rem 1rem;
  }

  .palka-service__summary-side {
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
  }

  .palka-service__summary-lines {
    width: 4.75rem;
  }

  .palka-service__panel {
    padding: 0 1rem 1rem;
  }

  .palka-service__visual {
    min-height: 220px;
    border-radius: 1.1rem;
  }

  .palka-service__visual-shell {
    padding: 1rem;
  }

  .palka-service__description {
    font-size: 0.98rem;
  }

  .palka-service__list {
    grid-template-columns: 1fr;
  }

  .palka-service__button {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .palka-services *,
  .palka-services *::before,
  .palka-services *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }

  .palka-service__button:hover {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS *//* ===== GLOBALNY DARK BACKGROUND ===== */
body,
.site,
.site-content,
#page,
#content,
.elementor-location-single,
main {
  background-color: #141414 !important;
}

/* Subtelny grid overlay na całą stronę */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.014) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.014) 1px, transparent 1px);
  background-size: 88px 88px;
  opacity: 0.14;
  pointer-events: none;
  z-index: 0;
}

/* Wszystkie sekcje palka — transparent, bez własnych gradientów */
#Omnie1, .Omnie2,
#Realizacje1, .Realizacje2,
#Uslugi1, .Uslugi2,
[id^="Hero"], [class*="Hero2"] {
  background: transparent !important;
  background-image: none !important;
}

/* Inner containery też transparent */
#Omnie1 > .e-con-inner,
.Omnie2 > .e-con-inner,
#Realizacje1 > .e-con-inner,
.Realizacje2 > .e-con-inner,
#Uslugi1 > .e-con-inner,
.Uslugi2 > .e-con-inner {
  background: transparent !important;
}

/* Pseudo-elementy grid overlay na sekcjach — wyłącz */
#Omnie1::before, .Omnie2::before,
#Realizacje1::before, .Realizacje2::before,
#Uslugi1::before, .Uslugi2::before {
  display: none;
}


html, body {
  overflow-x: hidden;
  width: 100%;
}

@media (max-width: 1024px) {
  html {
    scroll-behavior: auto !important;
  }

  body {
    -webkit-overflow-scrolling: touch;
  }

  .elementor-section,
  .elementor-container,
  .elementor-widget-html,
  .elementor-widget-container {
    max-width: 100%;
  }

  * {
    background-attachment: scroll !important;
  }
}/* End custom CSS */