/* Reset fixes to prevent horizontal scroll */
* { box-sizing: border-box; }
html, body {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  overflow-x: hidden;         /* אין סטיות לצדדים */
}
@supports (overflow: clip) {
  html, body { overflow-x: clip; }
}
img, svg, video { max-width: 100%; height: auto; display: block; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

:root {
  --bg: var(--wp--preset--color--bg);
  --text: var(--wp--preset--color--text);
  --muted: var(--wp--preset--color--muted);
  --primary: var(--wp--preset--color--primary);
  --accent: var(--wp--preset--color--accent);
  --header-height: 72px;
  --header-border-width: 1px;
}

@media (max-width: 991px) {
  :root {
    --header-height: 60px;
  }
}

:root{
  /* פלטת טורקיז-כחול */
  --brand:         #00b8ad;
  --brand-600:     #00a19a;
  --brand-700:     #008b86;
  --brand-contrast:#001214;

  /* קישורים */
  --link:          var(--brand);
  --link-hover:    #00d0c9;
}

/* מצב Light – שומר על הסט שלך, רק מוודא שה-primary הולך למותג */
:root[data-theme="light"]{
  --bg:#f4efe8;
  --text:#0b0e12;
  --muted:#44515f;
  --primary: var(--brand);
  --accent:  #22c3ea; /* עדין ליד המותג */
  background-color: var(--bg);
  color: var(--text);
}


html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--wp--preset--font-family--heebo);
  touch-action: pan-y pinch-zoom;
  overscroll-behavior-x: none;
}

/* 404 page */
.error-page {
  min-block-size: calc(100dvh - var(--header-height, 72px));
  display: grid;
  place-items: center;
  padding: clamp(3rem, 10vw, 6rem) clamp(1.5rem, 5vw, 3rem);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%),
    radial-gradient(circle at bottom left, color-mix(in srgb, var(--primary) 18%, transparent), transparent 65%);
}

.error-page__inner {
  inline-size: min(100%, 640px);
  display: grid;
  gap: clamp(1rem, 4vw, 1.75rem);
  text-align: center;
  background: color-mix(in srgb, var(--bg) 82%, rgba(20, 26, 32, 0.18));
  border: 1px solid color-mix(in srgb, var(--accent) 26%, transparent);
  border-radius: 1.75rem;
  padding: clamp(2.4rem, 6vw, 3.4rem) clamp(1.8rem, 6vw, 3.8rem);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
  backdrop-filter: blur(18px);
}

:root[data-theme="light"] .error-page__inner {
  background: color-mix(in srgb, var(--bg) 94%, rgba(255, 255, 255, 0.85));
  border-color: color-mix(in srgb, var(--primary) 18%, rgba(0, 0, 0, 0.06));
  box-shadow: 0 20px 48px rgba(15, 18, 24, .12);
}

.error-page__code {
  font-size: clamp(4.5rem, 18vw, 8rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  color: color-mix(in srgb, var(--accent) 68%, var(--text) 32%);
  text-transform: uppercase;
}

.error-page__title {
  margin: 0;
  font-size: clamp(1.5rem, 4.5vw, 2.1rem);
  font-weight: 700;
}

.error-page__description {
  margin: 0;
  font-size: clamp(1.05rem, 3.5vw, 1.2rem);
  line-height: 1.8;
  color: color-mix(in srgb, var(--muted) 75%, var(--text) 25%);
}

.error-page__inner .ox-btn {
  justify-self: center;
}

@media (max-width: 600px) {
  .error-page {
    padding-block: clamp(2.5rem, 12vw, 4rem);
  }

  .error-page__inner {
    border-radius: 1.25rem;
    padding: clamp(2rem, 10vw, 3rem) clamp(1.4rem, 8vw, 2.6rem);
  }
}

/* Accessibility */
.skip-link {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip-path: inset(50%);
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}
.skip-link:focus {
  position: static;
  padding: .5rem 1rem;
  background: #fff;
  color: #000;
  z-index: 9999;
  clip: auto;
  clip-path: none;
  width: auto;
  height: auto;
  overflow: visible;
  white-space: normal;
}
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Layout */
.site-header,
.site-footer {
  width: 100%;
  padding-inline: 2rem;
}
.site-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding-block: clamp(1.8rem, 5vw, 3rem);
  border-top: 1px solid rgba(255,255,255,.06);
}
.site-footer__meta {
  inline-size: min(100%, 1180px);
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: clamp(1rem, 4vw, 2.5rem);
}
:where(html[dir="rtl"]) .site-footer__meta {
  flex-direction: row-reverse;
}
.site-footer__legal,
.site-footer__credit {
  margin: 0;
}
.site-footer__legal {
  font-size: clamp(0.95rem, 2.6vw, 1.1rem);
  color: color-mix(in srgb, var(--text, #f4f7fb) 74%, var(--accent, #4dd9b5) 12%);
  text-align: start;
}

@media (max-width: 700px) {
  .site-footer__meta {
    justify-content: center;
    text-align: center;
  }
  .site-footer__legal,
  .site-footer__credit {
    text-align: center;
  }
}
.site-credit {
  font-weight: 700;
  font-size: clamp(1rem, 2.8vw, 1.2rem);
  color: color-mix(in srgb, var(--text, #f4f7fb) 82%, var(--accent, #4dd9b5) 18%);
  display: inline-flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  clip-path: inset(0 0 0 100%);
  animation: site-credit-typing 6.5s steps(32, end) infinite;
  padding-inline-end: 0.35ch;
  text-align: end;
}
.site-credit::after {
  content: "";
  inline-size: 2px;
  block-size: 1.2em;
  margin-inline-start: 0.35ch;
  background: currentColor;
  animation: site-credit-caret .85s steps(1, end) infinite;
}

@keyframes site-credit-typing {
  0%,
  12% {
    clip-path: inset(0 0 0 100%);
  }
  40%,
  68% {
    clip-path: inset(0 0 0 0);
  }
  88%,
  100% {
    clip-path: inset(0 0 0 100%);
  }
}

@keyframes site-credit-caret {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-credit {
    clip-path: none;
    animation: none;
  }
  .site-credit::after {
    display: none;
  }
}
:where(
  body.ox-reduce-motion-active,
  html.ox-reduce-motion-active body,
  body.disableAnimations,
  body.wpa11y-disable-animations,
  body[data-wpa11y-stop-animations=""],
  body[data-wpa11y-stop-animations="true"],
  body[data-wpa11y-stop-animations="1"],
  body[data-userway-reduce-motion=""],
  body[data-userway-reduce-motion="true"],
  body[data-userway-reduce-motion="1"],
  body[data-uwy-reduce-motion=""],
  body[data-uwy-reduce-motion="true"],
  body[data-uwy-reduce-motion="1"],
  body[class*="userway"][class*="reduce"][class*="motion"],
  body[class*="uwy"][class*="reduce"][class*="motion"],
  html[class*="userway"][class*="reduce"][class*="motion"] body,
  html[class*="uwy"][class*="reduce"][class*="motion"] body
) .site-credit {
  clip-path: none;
  animation: none;
}
:where(
  body.ox-reduce-motion-active,
  html.ox-reduce-motion-active body,
  body.disableAnimations,
  body.wpa11y-disable-animations,
  body[data-wpa11y-stop-animations=""],
  body[data-wpa11y-stop-animations="true"],
  body[data-wpa11y-stop-animations="1"],
  body[data-userway-reduce-motion=""],
  body[data-userway-reduce-motion="true"],
  body[data-userway-reduce-motion="1"],
  body[data-uwy-reduce-motion=""],
  body[data-uwy-reduce-motion="true"],
  body[data-uwy-reduce-motion="1"],
  body[class*="userway"][class*="reduce"][class*="motion"],
  body[class*="uwy"][class*="reduce"][class*="motion"],
  html[class*="userway"][class*="reduce"][class*="motion"] body,
  html[class*="uwy"][class*="reduce"][class*="motion"] body
) .site-credit::after {
  display: none;
}
:root[data-theme="light"] .site-footer {
  border-top-color: rgba(0,0,0,.08);
}
.site-footer:empty {
  display: none !important;
  padding: 0;
  margin: 0;
  border: 0;
}
.site-brand { font-weight: 800; text-decoration: none; color: var(--text); }
.site-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  inset-inline: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: max(calc(var(--header-height) - var(--header-border-width, 0px)), 0px);
  background: rgba(8, 11, 17, .96);
  border-bottom: var(--header-border-width, 1px) solid rgba(255,255,255,.08);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .35);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  /* OXMAN FIX: iOS header flicker — safe transitions */
  transition: background-color .25s ease, box-shadow .25s ease;
  will-change: auto;
  isolation: isolate;
}
:root[data-theme="light"] .site-header {
  background: rgba(255,255,255,.94);
  border-bottom: var(--header-border-width, 1px) solid rgba(0,0,0,.08);
  box-shadow: 0 10px 28px rgba(15,18,24,.08);
}

/* OXMAN FIX: iOS header flicker — disable blur on mobile */
@media (max-width: 768px) {
  .site-header {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

.site-header__inner {
  inline-size: 100%;
  max-inline-size: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  padding: .6rem 1.5rem;
  min-height: max(calc(var(--header-height) - var(--header-border-width, 0px)), 0px);
}

.site-header__inner .brand {
  font-size: clamp(1.2rem, 3.4vw, 1.6rem);
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
  line-height: 1;
  text-decoration: none;
  color: rgba(244,247,251,.9);
  transition: color .25s ease;
  display: inline-flex;
  align-items: center;
}

:root[data-theme="light"] .site-header__inner .brand {
  color: #0b0e12;
}

.site-header .theme-toggle-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.site-header .site-nav {
  display: flex;
  gap: .75rem;
  align-items: center;
}

.site-header .site-nav > ul,
.site-header .site-nav .menu {
  display: flex;
  align-items: center;
  gap: .5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-header .site-nav li {
  display: flex;
  align-items: center;
}

.site-header .site-nav a {
  color: rgba(244,247,251,.85);
  text-decoration: none;
  font-weight: 600;
  opacity: .85;
  padding: .45rem .75rem;
  border-radius: .6rem;
  transition: opacity .2s ease;
}

.site-header .site-nav a:hover,
.site-header .site-nav a:focus-visible {
  opacity: 1;
}

:root[data-theme="light"] .site-header .site-nav a {
  color: #0b0e12;
}

.hide-desktop {
  display: none !important;
}

@media (max-width: 991px) {
  .site-footer {
    padding-inline: 1.25rem;
  }

  .site-header__inner {
    padding: .6rem 1rem;
    column-gap: .75rem;
    justify-content: space-between;
    flex-direction: row;
    min-height: max(calc(var(--header-height) - var(--header-border-width, 0px)), 0px);
  }

  .site-header__inner .brand {
    font-size: clamp(1.15rem, 5vw, 1.35rem);
    text-align: center;
  }

  .site-header .site-nav {
    display: none;
  }

  .hide-mobile {
    display: none !important;
  }

  .hide-desktop {
    display: inline-flex !important;
  }
}

@media (max-width: 600px) {
  .site-header .theme-toggle-switch {
    --w: 48px;
    --h: 26px;
  }
}

.site-main {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-block: clamp(1rem, 3vw, 1.8rem);
}

.ox-page {
  width: min(100%, 960px);
  margin: 0 auto;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: color-mix(in srgb, var(--bg, #0b0f14) 90%, #07111d 10%);
  border: 1px solid color-mix(in srgb, var(--text, #fff) 14%, transparent);
  border-radius: 22px;
  box-shadow: 0 20px 48px rgba(4, 12, 20, .32);
  display: flex;
  flex-direction: column;
  gap: clamp(1.1rem, 2.6vw, 1.8rem);
}

.ox-page__header {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  align-items: center;
  text-align: center;
}

.ox-page__title {
  margin: 0;
  font-size: clamp(1.8rem, 5vw, 2.6rem);
  line-height: 1.2;
  text-align: center;
}

.ox-page__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2.2vw, 1.6rem);
  line-height: 1.85;
  font-size: clamp(1rem, 2.2vw, 1.1rem);
}

.ox-page__content :where(p, ul, ol, h2, h3, h4, h5, h6, blockquote) {
  margin: 0;
}

.ox-page__content :where(ul, ol) {
  padding-inline-start: 1.4em;
}

.ox-page__content a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-decoration-color: color-mix(in srgb, currentColor 38%, transparent);
}

.ox-page__content a:hover {
  text-decoration-color: currentColor;
}

.ox-page__pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .4rem;
  font-weight: 600;
}

.ox-page__pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2rem;
  padding: .35rem .75rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg, #0b0f14) 75%, #182534 25%);
  color: var(--text, #ffffff);
}

.ox-page__pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2rem;
  padding: .35rem .75rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--text, #fff) 18%, transparent);
  background: color-mix(in srgb, var(--bg, #0b0f14) 82%, #131f2c 18%);
  color: inherit;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}

.ox-page__pagination a:hover,
.ox-page__pagination a:focus-visible {
  background: color-mix(in srgb, var(--bg, #0b0f14) 70%, #223247 30%);
  color: #ffffff;
  outline: none;
}

.ox-page__empty {
  width: min(100%, 960px);
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 3rem);
  text-align: center;
  background: color-mix(in srgb, var(--bg, #0b0f14) 90%, #07111d 10%);
  border-radius: 20px;
}

:root[data-theme="light"] .ox-page {
  background: #fff8ef;
  border-color: rgba(171, 140, 103, .35);
  box-shadow: 0 24px 48px rgba(128, 104, 80, .16);
}

:root[data-theme="light"] .ox-page__content a {
  color: color-mix(in srgb, #0f1c27 70%, #1874c6 30%);
}

:root[data-theme="light"] .ox-page__content a:hover {
  color: #0f1c27;
}

:root[data-theme="light"] .ox-page__empty {
  background: linear-gradient(135deg, #fffdf9, #f0e2cf);
  color: #0f1c27;
}

:root[data-theme="light"] .ox-page__pagination span {
  background: linear-gradient(135deg, #f5e6d5, #fff8ef);
  color: #0f1c27;
}

:root[data-theme="light"] .ox-page__pagination a {
  border-color: rgba(171, 140, 103, .35);
  background: linear-gradient(135deg, #fffaf4, #f0e2cf);
}

:root[data-theme="light"] .ox-page__pagination a:hover,
:root[data-theme="light"] .ox-page__pagination a:focus-visible {
  background: linear-gradient(135deg, #fffdf9, #e9d6bb);
  color: #0f1c27;
}

/* כל סקשן */
.page-section{
  --section-content-max: 1200px;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-inline: clamp(1.35rem, 3vw, 1.85rem);
  padding-block: clamp(2.2rem, 5vw, 3.4rem);
  gap: clamp(1rem, 2.5vw, 1.6rem);
  scroll-margin-top: calc(var(--header-height, 72px) + 1rem);
}

.page-section > * {
  width: min(100%, var(--section-content-max));
  max-width: min(100%, var(--section-content-max));
  margin-inline: auto;
}

.page-section__inner {
  width: min(100%, var(--section-content-max));
  max-width: min(100%, var(--section-content-max));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: inherit;
}

.page-section__inner > * {
  width: 100%;
}

.page-section.hero-screen{
  --section-content-max: 1200px;
  padding-block: clamp(2.2rem, 6vw, 3.6rem);
}

.projects-section {
  padding-block: clamp(1.4rem, 5vw, 2.6rem);
}

.projects-section__header {
  display: grid;
  gap: clamp(0.6rem, 1.5vw, 1rem);
  align-items: start;
  text-align: start;
}

#projects-title {
  font-size: clamp(1.9rem, 2.8vw, 2.6rem);
}

@media (min-width: 768px) and (max-width: 1366px) {
  #projects-title {
    font-size: clamp(2.2rem, 3.4vw, 3rem);
  }
}

@media (min-width: 1367px) {
  #projects-title {
    font-size: clamp(2rem, 2.6vw, 2rem);
  }
}

@media (max-width: 600px) {
  .projects-section__header {
    align-items: center;
    text-align: center;
  }
}

.projects-section__description {
  margin: 0;
  color: var(--color-text-muted);
  font-size: clamp(1rem, 1.8vw, 1.1rem);
  line-height: 1.7;
}

.projects-slider {
  width: 100%;
}

.projects-slider__viewport {
  --project-slider-gap: clamp(0.6rem, 1.8vw, 1.1rem);
  --project-items-visible: var(--projects-slider-items-desktop, 6);
  --project-icon-size: clamp(3.4rem, 6.5vw, 5rem);
  --project-item-width: calc(
    (100% - (var(--project-items-visible) - 1) * var(--project-slider-gap)) /
    var(--project-items-visible)
  );
  position: relative;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding-block: clamp(0.35rem, 1.8vw, 0.75rem);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: pan-x pan-y;
  cursor: grab;
}

.projects-slider__viewport--enhanced {
  touch-action: pan-y;
}

.projects-slider__viewport--enhanced a,
.projects-slider__viewport--enhanced button,
.projects-slider__viewport--enhanced input,
.projects-slider__viewport--enhanced select,
.projects-slider__viewport--enhanced textarea,
.projects-slider__viewport--enhanced [tabindex]:not([tabindex="-1"]) {
  touch-action: pan-y;
}

html[dir="rtl"] .projects-slider__viewport {
  direction: ltr;
}

html[dir="rtl"] .projects-slider__track {
  direction: ltr;
}

.projects-slider__viewport::-webkit-scrollbar {
  display: none;
}

.projects-slider__track {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--project-slider-gap);
  padding-block: 0;
  padding-inline: clamp(0.1rem, 1vw, 0.2rem);
  margin: 0;
  min-width: 100%;
  list-style: none;
}

.projects-slider__item {
  --project-border-width: clamp(0.75px, 0.18vw, 1.4px);
  --project-border-color: #000;
  width: var(--project-item-width);
  max-width: var(--project-item-width);
  min-width: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 var(--project-item-width);
}

.projects-slider__viewport.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.projects-slider__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.25rem, 0.9vw, 0.45rem);
  text-decoration: none;
  transition: transform .35s ease;
  position: relative;
  touch-action: pan-x pan-y;
}

body.wpa11y-disable-animations .projects-slider__link,
body.disableAnimations .projects-slider__link,
body[data-wpa11y-stop-animations] .projects-slider__link,
body.ox-reduce-motion-active .projects-slider__link,
html.ox-reduce-motion-active body .projects-slider__link {
  transition: none !important;
}

.projects-slider__icon {
  position: relative;
  display: grid;
  place-items: center;
  width: var(--project-icon-size);
  height: var(--project-icon-size);
  --project-border-radius: clamp(18px, 4vw, 28px);
  border-radius: var(--project-border-radius);
  border: var(--project-border-width, 2px) solid var(--project-border-color, #000);
  background-color: var(--project-icon-surface, rgba(10, 14, 22, 0.88));
  background-origin: border-box;
  background-clip: padding-box;
  overflow: hidden;
  isolation: isolate;
  touch-action: pan-x pan-y;
}

.projects-slider__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: none;
  transition: box-shadow .2s ease;
  pointer-events: none;
}

body.wpa11y-disable-animations .projects-slider__icon::after,
body.disableAnimations .projects-slider__icon::after,
body[data-wpa11y-stop-animations] .projects-slider__icon::after,
body.ox-reduce-motion-active .projects-slider__icon::after,
html.ox-reduce-motion-active body .projects-slider__icon::after {
  transition: none !important;
}

.projects-slider__icon > :not(img) {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: calc(var(--project-border-radius) - var(--project-border-width, 2px));
  background-color: var(--project-icon-surface, rgba(10, 14, 22, 0.88));
  background-clip: padding-box;
}

.projects-slider__img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
  object-fit: contain;
  border-radius: inherit;
  background-color: transparent;
  touch-action: pan-x pan-y;
}

.projects-slider__img--dark {
  display: none;
}

:root[data-theme="dark"] .projects-slider__img--dark {
  display: block;
}

:root[data-theme="dark"] .projects-slider__img--light {
  display: none;
}

.projects-slider__fallback {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: clamp(1.35rem, 4vw, 2rem);
  letter-spacing: .02em;
  text-align: center;
}

.projects-slider__link:focus-visible {
  outline: none;
}

.projects-slider__link:focus-visible .projects-slider__icon::after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), 0 0 0 3px rgba(24, 169, 255, 0.3);
}

.projects-slider__link:hover .projects-slider__icon::after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 3px rgba(24, 169, 255, 0.18);
}

:root[data-theme="light"] .projects-slider__item {
  --project-border-color: rgba(0, 0, 0, 0.45);
  --project-fallback-color: #1f262d;
  --project-icon-surface: rgba(255, 255, 255, 0.9);
}

:root[data-theme="dark"] .projects-slider__item {
  --project-border-color: rgba(255, 255, 255, 0.55);
  --project-fallback-color: #f5f9ff;
  --project-icon-surface: rgba(9, 12, 19, 0.86);
}

:root[data-theme="light"] .projects-slider__link:focus-visible .projects-slider__icon::after {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), 0 0 0 3px rgba(24, 169, 255, 0.24);
}

:root[data-theme="light"] .projects-slider__link:hover .projects-slider__icon::after {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 3px rgba(24, 169, 255, 0.14);
}

:root[data-theme="dark"] .projects-slider__link:focus-visible .projects-slider__icon::after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 0 3px rgba(24, 169, 255, 0.32);
}

:root[data-theme="dark"] .projects-slider__link:hover .projects-slider__icon::after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), 0 0 0 3px rgba(24, 169, 255, 0.2);
}

.projects-slider__fallback {
  color: var(--project-fallback-color, #f5f9ff);
}

@media (max-width: 1023px) {
  .projects-slider__viewport {
    --project-items-visible: var(--projects-slider-items-tablet, 5);
  }
}

@media (max-width: 679px) {
  .projects-slider__viewport {
    --project-slider-gap: clamp(0.55rem, 4vw, 0.9rem);
    --project-icon-size: clamp(3rem, 22vw, 3.8rem);
    --project-items-visible: var(--projects-slider-items-mobile, 3);
  }
}

@media (max-width: 899px){
  .site-main {
    gap: 0;
    padding-block: clamp(.8rem, 5vw, 1.4rem);
  }

  .page-section{
    padding-inline: clamp(1rem, 4.5vw, 1.5rem);
    padding-block: clamp(1.7rem, 7vw, 2.4rem);
    gap: clamp(.85rem, 3.4vw, 1.3rem);
  }

  .page-section.hero-screen{
    padding-block: clamp(1.5rem, 7vw, 2.2rem);
  }

  #hero { scroll-margin-top: calc(var(--header-height, 60px) + 1rem); }
}

@media (max-width: 599px){
  .page-section{
    padding-block: clamp(1.5rem, 7.5vw, 2.1rem);
  }
}

/* HERO – fine tune for mobile */
@media (max-width: 899px){
  .hero__content{ margin-block: auto; }    /* מבטל את ה-(-6vh) גם במסכים צרים */
  .hero__photo{ max-width: 220px; }       /* קטנה יותר כדי לשחרר מקום לכפתורים */
  .hero__cta{ flex-wrap: wrap; row-gap: .6rem; } /* שלא ייחתך */
}

@media (max-width: 767px){
  .hero__content { justify-items: center; text-align: center; }
  .hero__text {
    display: grid;
    text-align: center;
    justify-content: center;
    justify-items: center;
  }
  .hero__text h1,
  .hero__text p { text-align: inherit; }
  .hero__heading { margin-inline: auto; }
  .hero__heading.heading-progress { justify-items: center; }
  .hero__badges { justify-content: center; text-align: center; }
  .hero__cta { justify-content: center; }
}

@media (min-width: 768px) and (max-width: 1366px) {
  #hero-description {
    font-size: clamp(1.08rem, 2.4vw, 1.3rem);
    max-width: 90%;
    margin-inline: auto;
  }

  #hero-badge-text {
    font-size: clamp(0.95rem, 1.9vw, 1.12rem);
  }

  .hero__cta .ox-btn {
    font-size: clamp(1rem, 2.5vw, 1.18rem);
  }
}

/* Section headings */
.section-header { text-align: center; max-width: 80ch; margin-inline: auto; }
.section-header h2 { font-size: clamp(1.6rem, 2.8vw, 2.6rem); margin: 0 0 .5rem; }
.section-header p { color: var(--muted); margin: 0 0 2rem; }

/* ===== HERO ===== */
.hero-screen { position: relative; overflow: hidden; }
.hero__content {
  display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center;
  max-width: 1200px; width: 100%;
  margin-block: auto;              /* מבטל את ה-(-6vh) ומכריח ריווח סימטרי */
}
.hero__photo { width: min(100%, 360px); aspect-ratio: 1/1; border-radius: 24px; object-fit: cover; margin-inline: auto; }
.hero__text { text-align: right; }
.hero__text h1 { text-align: right; font-size: clamp(2.2rem, 6vw, 4.2rem); margin: 0; }
.hero__text p { text-align: right; }

.heading-progress {
  display: inline-grid;
  gap: .4rem;
  justify-items: start;
  align-items: center;
  width: fit-content;
  max-width: 100%;
}
.heading-progress .hero__progress {
  width: 100%;
  margin: 0;
}

.hero__heading { margin: 0 0 1.1rem; }

/* באדג'ים – לימין (ב־RTL flex-start = ימין) */
.hero__badges {
  display: flex; flex-wrap: wrap;
  gap: .5rem .75rem; margin: .5rem 0 1rem; color: var(--muted);
  justify-content: flex-start;
}

/* פס התקדמות */
.hero__progress {
  --progress-gradient: linear-gradient(90deg, var(--primary), var(--accent));
  --progress-animation-name: progress-sweep;
  --progress-duration: 6s;
  --progress-timing: ease-in-out;
  --progress-iteration-count: infinite;
  --progress-direction: normal;
  --progress-duration-scale: 1;
  position: relative;
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  margin: .75rem 0 1rem;
  background: var(--progress-gradient);
}
.hero__progress span {
  position: absolute;
  inset: 0;
  display: block;
  background: var(--progress-gradient);
  background-size: 220% 100%;
  will-change: background-position, filter, opacity;
  animation-name: var(--progress-animation-name, progress-sweep);
  animation-duration: calc(var(--progress-duration, 6s) * var(--progress-duration-scale, 1));
  animation-timing-function: var(--progress-timing, ease-in-out);
  animation-iteration-count: var(--progress-iteration-count, infinite);
  animation-direction: var(--progress-direction, normal);
  animation-fill-mode: forwards;
  animation-play-state: running;
}
.hero__progress--hero {
  --progress-gradient: linear-gradient(90deg, #0aa2ff 0%, #12d6ff 46%, #1ecf9d 100%);
  --progress-animation-name: progress-precision;
  --progress-duration: 5.6s;
  --progress-timing: cubic-bezier(.52,.02,.22,.99);
}
.hero__progress--woocommerce {
  --progress-gradient: linear-gradient(90deg, #25d366, #6ae3ff);
  --progress-animation-name: progress-wave;
  --progress-duration: 5s;
  --progress-timing: linear;
}
.hero__progress--marketing {
  --progress-gradient: linear-gradient(90deg, #ffcf5c, #ff7ad5);
  --progress-animation-name: progress-glow;
  --progress-duration: 5.2s;
  --progress-timing: ease-in-out;
}
.hero__progress--ads {
  --progress-gradient: linear-gradient(90deg, #ff7ad5, #6ae3ff);
  --progress-animation-name: progress-pulse;
  --progress-duration: 4.6s;
  --progress-timing: ease-in-out;
}
.hero__progress--seo {
  --progress-gradient: linear-gradient(90deg, #a8ff60, #4de6c4);
  --progress-animation-name: progress-bounce;
  --progress-duration: 5.4s;
  --progress-timing: ease-in-out;
}
.hero__progress--design {
  --progress-gradient: linear-gradient(90deg, #ffb347, #ff5f9e);
  --progress-animation-name: progress-tilt;
  --progress-duration: 6.2s;
  --progress-timing: ease-in-out;
}
.hero__progress--video {
  --progress-gradient: linear-gradient(90deg, #7aa2ff, #c18bff);
  --progress-animation-name: progress-glow;
  --progress-duration: 5.8s;
  --progress-timing: ease-in-out;
}
.hero__progress--contact {
  --progress-gradient: linear-gradient(90deg, #6ae3ff, #25d366);
  --progress-animation-name: progress-sweep;
  --progress-duration: 7s;
  --progress-timing: ease-in-out;
}
:root[data-theme="light"] .hero__progress {
  background: var(--progress-gradient);
}
:root[data-theme="light"] .hero__progress--hero {
  --progress-gradient: linear-gradient(90deg, #e7cfaa 0%, #c79c70 100%);
}
:root[data-theme="light"] .hero__progress--woocommerce {
  --progress-gradient: linear-gradient(90deg, #17ba7d, #3fd5ff);
}
:root[data-theme="light"] .hero__progress--marketing {
  --progress-gradient: linear-gradient(90deg, #f3b347, #f785d0);
}
:root[data-theme="light"] .hero__progress--ads {
  --progress-gradient: linear-gradient(90deg, #f07bd6, #8f9bff);
}
:root[data-theme="light"] .hero__progress--seo {
  --progress-gradient: linear-gradient(90deg, #71d68e, #22c7a3);
}
:root[data-theme="light"] .hero__progress--design {
  --progress-gradient: linear-gradient(90deg, #ff9dd8, #ffb06b);
}
:root[data-theme="light"] .hero__progress--video {
  --progress-gradient: linear-gradient(90deg, #7f9cff, #b9a3ff);
}
:root[data-theme="light"] .hero__progress--contact {
  --progress-gradient: linear-gradient(90deg, #f2dcb8 0%, #d6ad78 100%);
}
@keyframes progress-sweep {
  0% { background-position: 0% 0; opacity: .85; }
  40% { background-position: 80% 0; opacity: 1; }
  60% { background-position: 140% 0; opacity: 1; }
  100% { background-position: 220% 0; opacity: .85; }
}
@keyframes progress-wave {
  0% {
    background-position: 0% 0;
    opacity: .7;
  }
  35% {
    background-position: 90% 0;
    opacity: .98;
  }
  60% {
    background-position: 170% 0;
    opacity: 1;
  }
  85% {
    background-position: 240% 0;
    opacity: .9;
  }
  100% {
    background-position: 310% 0;
    opacity: .75;
  }
}
@keyframes progress-pulse {
  0%, 100% { background-position: 0% 0; filter: brightness(.9); opacity: .75; }
  50% { background-position: 200% 0; filter: brightness(1.1); opacity: 1; }
}
@keyframes progress-bounce {
  0% { background-position: 0% 0; opacity: .7; }
  25% { background-position: 110% 0; opacity: .95; }
  50% { background-position: 200% 0; opacity: 1; }
  75% { background-position: 280% 0; opacity: .9; }
  100% { background-position: 360% 0; opacity: .7; }
}
@keyframes progress-tilt {
  0% { background-position: 0% 0; filter: saturate(.92); }
  45% { background-position: 160% 0; filter: saturate(1.05); }
  55% { background-position: 210% 0; filter: saturate(1.1); }
  100% { background-position: 360% 0; filter: saturate(.95); }
}
@keyframes progress-glow {
  0%, 100% { background-position: 0% 0; filter: brightness(.92); }
  45% { background-position: 160% 0; filter: brightness(1.15); }
  70% { background-position: 260% 0; filter: brightness(1); }
}
@keyframes progress-precision {
  0% { background-position: 0% 0; opacity: .6; }
  35% { background-position: 120% 0; opacity: 1; }
  62% { background-position: 220% 0; opacity: .95; }
  80% { background-position: 300% 0; opacity: .9; }
  100% { background-position: 380% 0; opacity: .6; }
}
@media (prefers-reduced-motion: reduce) {
  .hero__progress {
    --progress-duration-scale: 1.75;
    --progress-timing: cubic-bezier(.32,.12,.24,1);
  }
  .hero__progress span {
    background-position: 0 0;
  }
  .wa-btn {
    --wa-border-motion-scale: 1.65;
    --wa-border-glow-strength: 32%;
  }
  .wa-btn::before {
    background-position: 0 0;
  }
}

/* כפתורים */
.hero__cta { display: flex; gap: .8rem; justify-content: flex-start; flex-wrap: wrap; }

#hero-primary-cta,
#hero-secondary-cta {
  padding: clamp(.82rem, 2.8vw, .95rem) clamp(1.2rem, 6vw, 1.5rem);
}

/* כפתורי וואטסאפ – מסגרת מונפשת בשקיפות */
.wa-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .9rem 1.4rem;
  border-radius: 14px;
  border: none;
  background: transparent;
  color: var(--wa-text, #e9fbff);
  font-weight: 800;
  letter-spacing: .01em;
  text-decoration: none;
  isolation: isolate;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wa-border, #1ecf9d) 34%, transparent), 0 20px 40px color-mix(in srgb, var(--wa-border, #1ecf9d) 20%, transparent);
  transition: transform .18s ease, filter .22s ease, color .22s ease, box-shadow .22s ease;
  --wa-gradient: linear-gradient(115deg, #1ecf9d, #0aa2ff, #1ecf9d 92%);
  --wa-border-animation-duration: 6s;
  --wa-border-motion-scale: 1;
  --wa-border-glow-strength: 45%;
}
.wa-btn:visited {
  color: inherit;
}
.wa-btn::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  background: var(--wa-gradient);
  background-size: 240% 100%;
  animation-name: heroCtaBorder;
  animation-duration: calc(var(--wa-border-animation-duration, 6s) * var(--wa-border-motion-scale, 1));
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  filter: drop-shadow(0 0 18px color-mix(in srgb, var(--wa-border, #1ecf9d) var(--wa-border-glow-strength, 45%), transparent));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

:where(
  body.ox-reduce-motion-active,
  html.ox-reduce-motion-active body,
  body.disableAnimations,
  body.wpa11y-disable-animations,
  body[data-wpa11y-stop-animations=""],
  body[data-wpa11y-stop-animations="true"],
  body[data-wpa11y-stop-animations="1"],
  body[data-userway-reduce-motion=""],
  body[data-userway-reduce-motion="true"],
  body[data-userway-reduce-motion="1"],
  body[data-uwy-reduce-motion=""],
  body[data-uwy-reduce-motion="true"],
  body[data-uwy-reduce-motion="1"],
  body[class*="userway"][class*="reduce"][class*="motion"],
  body[class*="uwy"][class*="reduce"][class*="motion"],
  html[class*="userway"][class*="reduce"][class*="motion"] body,
  html[class*="uwy"][class*="reduce"][class*="motion"] body
) .wa-btn::before {
  animation: none;
  background-position: 0 0;
  filter: none;
}
.wa-btn:hover {
  filter: brightness(1.04);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wa-border, #1ecf9d) 42%, transparent), 0 24px 46px color-mix(in srgb, var(--wa-border, #1ecf9d) 26%, transparent);
  transform: translateY(-1px);
}
.wa-btn:hover,
.wa-btn:focus-visible {
  color: var(--wa-text, #e9fbff);
}
.wa-btn:focus-visible {
  outline: none;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--wa-border, #1ecf9d) 48%, transparent),
    0 0 0 4px color-mix(in srgb, var(--wa-border, #1ecf9d) 26%, transparent);
}
.wa-btn:active { transform: translateY(1px); }
.wa-btn--commerce { --wa-border: #3fe2b4; --wa-gradient: linear-gradient(115deg, #25d366, #6ae3ff, #25d366 92%); --wa-text: #f0fff8; --wa-light-text: #0c4f3e; }
.wa-btn--marketing { --wa-border: #ffcf5c; --wa-gradient: linear-gradient(115deg, #ffcf5c, #ff7ad5, #ffcf5c 92%); --wa-text: #fff7ee; --wa-light-text: #5d2b3f; }
.wa-btn--ads { --wa-border: #ff9add; --wa-gradient: linear-gradient(115deg, #ff7ad5, #ffb347, #ff7ad5 92%); --wa-text: #fff5fb; --wa-light-text: #5c2549; }
.wa-btn--seo { --wa-border: #5ff0d0; --wa-gradient: linear-gradient(115deg, #4de6c4, #a8ff60, #4de6c4 92%); --wa-text: #f3fff9; --wa-light-text: #175a4c; }
.wa-btn--design { --wa-border: #ff8fbd; --wa-gradient: linear-gradient(115deg, #ffb347, #ff7ad5, #ffb347 92%); --wa-text: #fff6fb; --wa-light-text: #632746; }
.wa-btn--video { --wa-border: #8aaeff; --wa-gradient: linear-gradient(115deg, #7aa2ff, #c18bff, #7aa2ff 92%); --wa-text: #f4f6ff; --wa-light-text: #283965; }
.wa-btn span { display: none; }

.service-columns .wa-btn { margin-top: .6rem; }

:root[data-theme="light"] .wa-btn {
  color: var(--wa-light-text, #073247);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wa-border, #1ecf9d) 30%, transparent), 0 14px 32px color-mix(in srgb, var(--wa-border, #1ecf9d) 18%, rgba(0,0,0,.06));
}
:root[data-theme="light"] .wa-btn:visited {
  color: var(--wa-light-text, #073247);
}

:root[data-theme="light"] .wa-btn:hover {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wa-border, #1ecf9d) 42%, transparent), 0 18px 36px color-mix(in srgb, var(--wa-border, #1ecf9d) 26%, rgba(0,0,0,.08));
}

/* === Cookie Consent (immersive grandma-cookies vibe) === */
.ox-consent{
  position: fixed;
  inset: auto 0 clamp(.75rem, 3vh, 1.5rem) 0;
  z-index: 16000;
  display: none;
  pointer-events: none;
  align-items: flex-end;
  justify-items: center;
  padding-inline: clamp(1rem, 4vw, 1.8rem);
}
.ox-consent[aria-hidden="false"]{
  display: grid;
}

.ox-consent__backdrop{
  display: none;
}

.ox-consent__inner{
  position: relative;
  pointer-events: auto;
  width: min(92%, 720px);
  margin: clamp(1rem, 5vw, 2.1rem) auto;
  border-radius: 20px;
  padding: clamp(1.4rem, 3.6vw, 2.3rem) clamp(1.4rem, 5vw, 2.4rem);
  display: grid;
  gap: 1.1rem;
  border: 1px solid color-mix(in srgb, var(--accent, #22c3ea) 35%, transparent);
  background: color-mix(in srgb, #f7fbff 88%, var(--bg, #0b0f14) 12%);
  box-shadow: 0 18px 40px color-mix(in srgb, #05202f 20%, transparent);
  color: color-mix(in srgb, var(--brand-contrast, #001214) 82%, #123245 18%);
  direction: rtl;
}

.ox-consent__inner::before,
.ox-consent__inner::after { content: none; }

.ox-consent__text{
  margin: 0;
  font-size: clamp(1rem, 2.3vw, 1.12rem);
  line-height: 1.7;
  text-align: right;
  display: grid;
  gap: .5rem;
}

.ox-consent__heading{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  font-size: clamp(1.18rem, 3vw, 1.4rem);
  font-weight: 700;
  color: inherit;
}

.ox-consent__heading strong{
  font: inherit;
  color: inherit;
  letter-spacing: .01em;
}

.ox-consent__icon{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: #050505;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(5, 5, 5, .3);
}
.ox-consent__icon svg { width: 22px; height: 22px; }

.ox-consent__copy{ display: block; }

.ox-consent__link{
  color: #050505;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: #050505;
  text-underline-offset: .25em;
  transition: color .2s ease, text-decoration-color .2s ease;
}

.ox-consent__link:hover{
  color: #050505;
  text-decoration-color: currentColor;
}

.ox-consent__btn{
  appearance: none;
  border: none;
  background: #050505;
  padding: .85rem 1.9rem;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 800;
  font-family: var(--wp--preset--font-family--heebo, inherit);
  color: #f7fbff;
  letter-spacing: .02em;
  justify-self: end;
  box-shadow: 0 16px 34px rgba(5, 5, 5, .28);
  transition: transform .12s ease, filter .2s ease, box-shadow .2s ease;
}

.ox-consent__btn:hover{ filter: brightness(1.06); }
.ox-consent__btn:active{ transform: translateY(1px); }

:root[data-theme="light"] .ox-consent__inner{
  background: linear-gradient(135deg, #232c34, #13171c);
  border-color: color-mix(in srgb, #f7fbff 18%, transparent);
  box-shadow: 0 18px 40px rgba(5, 5, 5, .5);
  color: color-mix(in srgb, #f7fbff 88%, #e4f3ff 12%);
}

:root[data-theme="light"] .ox-consent__icon{
  background: color-mix(in srgb, #f7fbff 90%, #d6dde6 10%);
  color: #050505;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .14);
}

:root[data-theme="light"] .ox-consent__link{
  color: color-mix(in srgb, #f7fbff 86%, var(--accent, #22c3ea) 14%);
  text-decoration-color: currentColor;
}

:root[data-theme="light"] .ox-consent__link:hover{
  color: color-mix(in srgb, var(--accent, #22c3ea) 62%, #f7fbff 38%);
}

:root[data-theme="light"] .ox-consent__btn{
  background: color-mix(in srgb, #f7fbff 92%, var(--accent, #22c3ea) 8%);
  color: #050505;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .42);
}

:root[data-theme="light"] .ox-consent__btn:hover{
  filter: brightness(1.02);
}

@media (max-width: 700px){
  .ox-consent__inner{
    width: min(94%, 520px);
    padding: clamp(1.2rem, 5vw, 1.6rem) clamp(1rem, 6vw, 1.6rem);
    text-align: center;
    justify-items: center;
  }
  .ox-consent__text{
    text-align: center;
    gap: .4rem;
  }
  .ox-consent__heading{
    justify-content: center;
  }
  .ox-consent__btn{
    justify-self: center;
    width: min(100%, 260px);
  }
}
/* כפתור כללי */
.ox-btn{
  display: inline-flex; align-items: center; gap: .55rem;
  padding: .85rem 1.15rem; border-radius: 12px; cursor: pointer;
  border: 1px solid color-mix(in oklab, var(--brand) 35%, #2a313d 65%);
  background: transparent; color: var(--text); text-decoration: none;
}

/* כפתור ראשי */
.ox-btn--primary{
  position: relative;
  isolation: isolate;
  font-weight: 700;
  color: var(--text);
  background: transparent;
  --hero-primary-fill: color-mix(in srgb, var(--bg, #0b0f14) 88%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 16%, transparent);
  transition: color .2s ease, box-shadow .25s ease, transform .08s ease, filter .25s ease;
}
.ox-btn--primary::before,
.ox-btn--primary::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
}
.ox-btn--primary::before{
  inset: -1px;
  background: linear-gradient(115deg, #1ecf9d, #0aa2ff, #1ecf9d 92%);
  background-size: 240% 100%;
  animation: heroCtaBorder 7s linear infinite;
  filter: drop-shadow(0 0 16px rgba(24, 162, 255, .38));
  box-sizing: border-box;
  padding: 1px;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.ox-btn--primary::after{
  background: var(--hero-primary-fill);
}
.ox-btn--primary:active{ transform: translateY(1px); }

:where(
  body.ox-reduce-motion-active,
  html.ox-reduce-motion-active body,
  body.disableAnimations,
  body.wpa11y-disable-animations,
  body[data-wpa11y-stop-animations=""],
  body[data-wpa11y-stop-animations="true"],
  body[data-wpa11y-stop-animations="1"]
) .ox-btn--primary {
  transition: none;
}
:where(
  body.ox-reduce-motion-active,
  html.ox-reduce-motion-active body,
  body.disableAnimations,
  body.wpa11y-disable-animations,
  body[data-wpa11y-stop-animations=""],
  body[data-wpa11y-stop-animations="true"],
  body[data-wpa11y-stop-animations="1"]
) .ox-btn--primary::before {
  animation: none;
  background-position: 0 0;
  filter: none;
}

@keyframes heroCtaBorder {
  0% { background-position: 0 0; }
  45% { background-position: 120% 0; }
  55% { background-position: 120% 0; }
  100% { background-position: 240% 0; }
}
.ox-btn:disabled{ opacity:.6; cursor:not-allowed; }

:root[data-theme="light"] .ox-btn{
  background: color-mix(in srgb, #ffffff 94%, #e5f8ff 6%);
  color: #0b0e12;
  border-color: rgba(12, 45, 58, .08);
  box-shadow: 0 6px 20px rgba(12, 70, 88, .08);
}
:root[data-theme="light"] #hero-secondary-cta{
  background:#ffffff;
  color:#0b0e12;
  border-color:#0b0e12;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
:root[data-theme="light"] .ox-btn:hover{
  background: color-mix(in srgb, #ffffff 88%, #d9f5ff 12%);
  color: #0b0e12;
}
:root[data-theme="light"] #hero-secondary-cta:hover{
  background: color-mix(in srgb, #ffffff 92%, #f5f5f5 8%);
  color: #0b0e12;
  border-color: #0b0e12;
}
:root[data-theme="light"] .ox-btn--primary{
  color: #032333;
  --hero-primary-fill: color-mix(in srgb, #ebf9ff 88%, #c9fff2 12%);
}
:root[data-theme="light"] #hero-primary-cta{
  color: #ffffff;
  --hero-primary-fill: linear-gradient(135deg, #1f262d, #0f1216);
}
:root[data-theme="light"] #hero-primary-cta::before{
  background: linear-gradient(125deg, rgba(255,255,255,.95) 0%, rgba(214,222,230,.72) 50%, rgba(148,158,170,.6) 100%);
  filter: drop-shadow(0 0 18px rgba(80, 94, 108, .32));
}
:root[data-theme="light"] #hero-primary-cta:hover{
  box-shadow: 0 0 30px rgba(37, 48, 60, .32);
  filter: brightness(1.05);
}

/* קישורים */
a{ color: var(--link); text-decoration-color: color-mix(in oklab, var(--link) 60%, transparent); }
a:hover{ color: var(--link-hover); }
a.ox-btn:not(.wa-btn),
.ox-btn:not(.wa-btn),
.ox-btn:not(.wa-btn):visited {
  color: var(--text);
}

a.ox-btn:not(.wa-btn):hover,
.ox-btn:not(.wa-btn):hover,
.ox-btn:not(.wa-btn):focus-visible {
  color: var(--text);
}

/* דסקטופ */
@media (min-width: 1080px) {
  .hero__content { grid-template-columns: 1fr 420px; column-gap: clamp(2.8rem, 6vw, 5rem); }
  .hero__photo { order: 2; justify-self: end; }
  .hero__text  { order: 1; place-self: center end; max-width: 760px; }
  #hero-description {
    margin-inline-end: clamp(1.2rem, 3vw, 2.4rem);
  }
}

/* ===== Services ===== */
.service-columns{
  display:grid;
  gap:1.9rem;
  max-width:1200px;
  width:100%;
  margin:0 auto;
  padding:clamp(1.8rem, 4vw, 3rem);
  align-items:center;
  justify-items:center;
  text-align:center;
  border-radius:32px;
  background: color-mix(in srgb, var(--bg, #06090f) 86%, #101821 14%);
  box-shadow: 0 28px 60px color-mix(in srgb, #000 22%, transparent);
  border:1px solid color-mix(in srgb, var(--text, #f4f7fb) 10%, transparent);
}
.service-columns .rich { max-width: min(100%, 720px); display:grid; gap:1.2rem; justify-items:center; }
.section-heading { margin: 0; }
.section-heading .hero__progress { margin-top: .2rem; }
.service-columns .rich p{ text-align:center; }
.service-columns .rich .section-title{
  font-size: clamp(1.8rem, 3.2vw, 2.6rem);
  margin: 0;
}
.service-columns .rich p{
  margin: 0;
  font-size: clamp(1rem, 1.3vw, 1.125rem);
  line-height: 1.7;
  max-width: 62ch;
  margin-inline: auto;
}

@media (max-width: 1360px){
  .service-columns{ padding: clamp(1.6rem, 3.6vw, 2.6rem); }
}
@media (max-width: 1140px){
  .service-columns{ padding: clamp(1.4rem, 4.4vw, 2.2rem); }
}
@media (max-height: 900px) and (min-width: 900px){
  .service-columns{ padding-block: clamp(1rem, 3vh, 1.6rem); }
}
.service-benefits {
  --benefit-card-bg: color-mix(in srgb, var(--bg) 90%, #10161f 10%);
  --benefit-card-border: color-mix(in srgb, var(--text) 12%, transparent);
  --benefit-icon-surface: linear-gradient(135deg, rgba(106, 227, 255, .24), rgba(37, 211, 102, .24));
  --benefit-icon-color: #52e0c5;
  --benefit-icon-mask: none;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(140px, 1fr));
  gap: .75rem;
  direction: rtl;
  width: 100%;
  max-width: 780px;
  margin-inline: auto;
}
.service-benefits__item--custom .service-benefits__icon{
  background: var(--benefit-icon-surface);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #ffffff 12%, transparent);
}
.service-benefits__item--custom .service-benefits__icon::before{
  display: block;
  opacity: .95;
}
.service-benefits__item--has-custom-icon .service-benefits__icon{
  background: transparent;
  box-shadow: none;
}
.service-benefits__item--has-custom-icon .service-benefits__icon::before{ display: none; }
.service-benefits__custom-icon{
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.34));
}
.service-benefits li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .75rem;
  align-items: center;
  padding: 1rem 1.1rem;
  border-radius: 22px;
  background: var(--benefit-card-bg);
  border: 1px solid var(--benefit-card-border);
  box-shadow: 0 18px 36px color-mix(in srgb, #000 14%, transparent);
  color: inherit;
  height: 100%;
}
.service-benefits__trigger {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
.service-benefits__trigger:focus { outline: none; }
.service-benefits__trigger:focus:not(:focus-visible) .service-benefits__icon {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #ffffff 10%, transparent);
}
.service-benefits__trigger:focus:not(:focus-visible) .service-benefits__icon::before { transform: none; }
.service-benefits__trigger:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--benefit-icon-color) 65%, transparent);
  outline-offset: 4px;
}
.service-benefits__trigger:focus-visible .service-benefits__icon {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--benefit-icon-color) 55%, transparent), inset 0 0 0 1px color-mix(in srgb, #ffffff 10%, transparent);
}
.service-benefits__trigger:focus-visible .service-benefits__icon::before {
  transform: scale(1.08);
}
.service-benefits__icon {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: var(--benefit-icon-surface);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #ffffff 10%, transparent);
}
.service-benefits__icon::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: var(--benefit-icon-color);
  mask: var(--benefit-icon-mask) center / contain no-repeat;
  -webkit-mask: var(--benefit-icon-mask) center / contain no-repeat;
  transition: transform .2s ease;
}
.service-benefits__item--storefront { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 9 5.2 4.6a1 1 0 0 1 .96-.6h11.68a1 1 0 0 1 .96.6L20 9v11a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9Zm2 2v7h3v-7H6Zm5 0v7h7v-7h-7Zm7-2H6.4l-.72-2.6h12.64L18 9Z'/%3E%3C/svg%3E"); }
.service-benefits__item--checkout { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 6h18a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Zm0 2v8h18V8H3Zm4.5 4.5 2 2 3.5-3.5-1.4-1.4-2.1 2.1-.6-.6-1.4 1.4Z'/%3E%3C/svg%3E"); }
.service-benefits__item--growth { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6h2v10h12v2H4a2 2 0 0 1-2-2V6h2Zm1 10 5.5-5.5 2.5 2.5L19 8l1.5 1.5-7.5 7.5-2.5-2.5L7 17Z'/%3E%3C/svg%3E"); }
.service-benefits__item--insights { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 11h3v9H5v-9Zm5-4h3v13h-3V7Zm5 6h3v7h-3v-7Z'/%3E%3C/svg%3E"); }
.service-benefits__item--target { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 1-2.84 19.7l-2.76 1.1.78-2.88A10 10 0 0 1 12 2Zm0 2a8 8 0 1 0 6.57 12.6l.54 1.98 1.93-.52-.54-1.98A8 8 0 0 0 12 4Zm0 2a6 6 0 1 1-5.2 9.12l1.4-1.96A4 4 0 1 0 13 10h2a6 6 0 0 1-3 5.2l3.8 3.8-1.42 1.42-3.8-3.8A6 6 0 0 1 12 6Zm0 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z'/%3E%3C/svg%3E"); }
.service-benefits__item--metrics { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4h2v12h12v2H4a2 2 0 0 1-2-2V4h2Zm3 10 2.8-3.6 2.2 1.8 4-5 1.6 1.2-5.2 6.4-2.3-1.9-1.7 2.1H7Z'/%3E%3C/svg%3E"); }
.service-benefits__item--optimize { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 3h2v18H9V3Zm-5 6h2v12H4V9Zm10 4h2v10h-2V13Zm6-6h2v16h-2V7Z'/%3E%3C/svg%3E"); }
.service-benefits__item--transparency { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 6c5 0 9.27 3.11 11 7-1.73 3.89-6 7-11 7s-9.27-3.11-11-7c1.73-3.89 6-7 11-7Zm0 2c-3.3 0-6.44 1.96-8 5 1.56 3.04 4.7 5 8 5s6.44-1.96 8-5c-1.56-3.04-4.7-5-8-5Zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E"); }
.service-benefits__item--research { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 4a7 7 0 1 1-4.95 11.95l-2.83 2.83-1.41-1.41 2.83-2.83A7 7 0 0 1 11 4Zm0 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm4 1v7h-2v-4.17l-1.5 1.5L10 9.83V14H8V7h2.5l1.5 1.5L13.5 7H15Z'/%3E%3C/svg%3E"); }
.service-benefits__item--content { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2h8l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm7 2H7v18h10V9h-5V4Zm0 0v3h3l-3-3Zm-6 8h8v2H8v-2Zm0-4h4v2H8V6Zm0 8h8v2H8v-2Z'/%3E%3C/svg%3E"); }
.service-benefits__item--links { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.05 15.95a3 3 0 0 1 0-4.24l2.83-2.83 1.41 1.41-2.83 2.83a1 1 0 1 0 1.41 1.41l2.83-2.83 1.41 1.41-2.83 2.83a3 3 0 0 1-4.24 0Zm5.66-9.9a3 3 0 0 1 4.24 0l2.83 2.83a3 3 0 0 1 0 4.24l-2.12 2.12-1.41-1.41 2.12-2.12a1 1 0 0 0 0-1.41l-2.83-2.83a1 1 0 0 0-1.41 0l-2.12 2.12-1.41-1.41 2.12-2.12Z'/%3E%3C/svg%3E"); }
.service-benefits__item--monitor { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-5v2h3v2H8v-2h3v-2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 2v9h16V6H4Zm3 8 4-5 2.5 3 3.5-4.5 1.6 1.2-5.2 6.3-2.5-3-2.5 3H7Z'/%3E%3C/svg%3E"); }
.service-benefits__item--brand { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 3 9l9 13 9-13-9-7Zm0 3.24 5.28 4.1L12 19.05 6.72 9.34 12 5.24Z'/%3E%3C/svg%3E"); }
.service-benefits__item--creative { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 13.5 7H19l-4.5 3.5L16 16l-4-3-4 3 1.5-5.5L5 7h5.5L12 2Zm0 4.47-.5 1.76H9.2l1.43 1.11-.53 1.95L12 9.8l1.9 1.49-.53-1.95 1.43-1.11h-2.3L12 6.47Z'/%3E%3C/svg%3E"); }
.service-benefits__item--ui { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1Zm6 2H6v5h5V6Zm7 0h-5v5h5V6Zm0 7h-5v5h5v-5Zm-7 0H6v5h5v-5Z'/%3E%3C/svg%3E"); }
.service-benefits__item--templates { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3 4 7l8 4 8-4-8-4Zm0 6-8-4v8l8 4 8-4V5l-8 4Zm0 6-6-3v2l6 3 6-3v-2l-6 3Z'/%3E%3C/svg%3E"); }
.service-benefits__item--story { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 5a1 1 0 0 1 1-1h2l1 3h2l-1-3h4l1 3h2l-1-3h2a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5Zm7 4 5 3-5 3V9Z'/%3E%3C/svg%3E"); }
.service-benefits__item--camera { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 7a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v1.18l3.36-2.1A1 1 0 0 1 21 7v10a1 1 0 0 1-1.64.76L16 15.66V17a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7Zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7Z'/%3E%3C/svg%3E"); }
.service-benefits__item--edit { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 3a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm3.59 5.17L21 3v6l-4.17 2.5 4.17 2.5v6l-8.41-7.17L9 17a3 3 0 1 1-2.83-1.99L9 13l3-2.83.59.5Zm-6.59 4.83a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E"); }
.service-benefits__item--distribution { --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2c3.87 0 7 3.13 7 7 0 2.2-1 4.17-2.58 5.47l1.08 4.33-3.32-1.66L12 20l-2.18-2.86-3.32 1.66 1.08-4.33A6.99 6.99 0 0 1 5 9c0-3.87 3.13-7 7-7Zm0 2a5 5 0 0 0-5 5 5 5 0 0 0 2.24 4.16l-.68 2.7 1.74-.87L12 17.6l1.7-2.61 1.74.87-.68-2.7A5 5 0 0 0 17 9a5 5 0 0 0-5-5Zm0 2 1.5 3H17l-2.5 2 1 3-2.5-1.8L10.5 15l1-3L9 7h3Z'/%3E%3C/svg%3E"); }
.service-benefits li:hover .service-benefits__icon::before { transform: scale(1.05); }
.service-benefits__text {
  display: grid;
  gap: .3rem;
  text-align: right;
  font-weight: 600;
  line-height: 1.55;
  justify-items: start;
  align-self: center;
  align-content: center;
}
.service-benefits__title { font-weight: 700; font-size: 1.02em; }
.service-benefits__description {
  font-weight: 400;
  font-size: .94em;
  color: color-mix(in srgb, var(--text, #f4f7fb) 70%, transparent);
  line-height: 1.4;
}

@media (min-width: 768px) and (max-width: 1366px) {
  .service-benefits__text {
    font-size: clamp(1rem, 2.3vw, 1.18rem);
    line-height: 1.6;
  }

  .service-benefits__description {
    font-size: clamp(0.95rem, 2vw, 1.05rem);
  }
}
.service-benefits--commerce,
.service-benefit-modal--commerce {
  --benefit-card-bg: color-mix(in srgb, var(--bg) 87%, #0c231d 13%);
  --benefit-card-border: color-mix(in srgb, #2bd1a0 24%, transparent);
  --benefit-icon-surface: linear-gradient(135deg, rgba(47, 223, 164, .2), rgba(74, 201, 240, .24));
  --benefit-icon-color: #3fe2b4;
  --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 7h10l-1 11H8L7 7zm3-2a2 2 0 1 1 4 0v2h-4V5z'/%3E%3C/svg%3E");
}
.service-benefits--marketing,
.service-benefit-modal--marketing {
  --benefit-card-bg: color-mix(in srgb, var(--bg) 86%, #2d1b1d 14%);
  --benefit-card-border: color-mix(in srgb, #ffb87a 24%, transparent);
  --benefit-icon-surface: linear-gradient(135deg, rgba(255, 207, 92, .24), rgba(255, 122, 213, .22));
  --benefit-icon-color: #ffd27b;
  --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 7a2 2 0 0 1 2-2h1.5l4.5-3v14l-4.5-3H5a2 2 0 0 1-2-2V7Zm13 9-3-2V6l3-2v12Zm4-6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z'/%3E%3C/svg%3E");
}
.service-benefits--ads,
.service-benefit-modal--ads {
  --benefit-card-bg: color-mix(in srgb, var(--bg) 86%, #1b1a32 14%);
  --benefit-card-border: color-mix(in srgb, #ff7ad5 22%, transparent);
  --benefit-icon-surface: linear-gradient(135deg, rgba(255, 122, 213, .22), rgba(122, 162, 255, .2));
  --benefit-icon-color: #ff9add;
  --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 16 6 14 8 20 14 17 17 12 12 7 17 4 14 10 8 8 6 12 2Z'/%3E%3C/svg%3E");
}
.service-benefits--seo,
.service-benefit-modal--seo {
  --benefit-card-bg: color-mix(in srgb, var(--bg) 88%, #0f2430 12%);
  --benefit-card-border: color-mix(in srgb, #4de6c4 26%, transparent);
  --benefit-icon-surface: linear-gradient(135deg, rgba(72, 220, 190, .22), rgba(168, 255, 96, .2));
  --benefit-icon-color: #5ff0d0;
  --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 4a7 7 0 1 1-4.95 11.95l-3.04 3.04-1.41-1.41 3.04-3.04A7 7 0 0 1 11 4Zm0 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z'/%3E%3C/svg%3E");
}
.service-benefits--design,
.service-benefit-modal--design {
  --benefit-card-bg: color-mix(in srgb, var(--bg) 86%, #2a1625 14%);
  --benefit-card-border: color-mix(in srgb, #ff7ad5 24%, transparent);
  --benefit-icon-surface: linear-gradient(135deg, rgba(255, 179, 71, .25), rgba(255, 95, 158, .25));
  --benefit-icon-color: #ff8fbd;
  --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m5 19 .29-3.38L15.17 5.73a2.5 2.5 0 0 1 3.54 0l-.71.71 2.12 2.12-.71.71-2.12-2.12-.71.71 2.12 2.12L8.38 19H5Zm6.5-12.38 1.88 1.88-7.7 7.7h-1.9v-1.9l7.72-7.68Zm7.79-1.79.71-.71a1.5 1.5 0 0 1 0 2.12l-.71.71-2.12-2.12Z'/%3E%3C/svg%3E");
}
.service-benefits--video,
.service-benefit-modal--video {
  --benefit-card-bg: color-mix(in srgb, var(--bg) 86%, #131f35 14%);
  --benefit-card-border: color-mix(in srgb, #7aa2ff 24%, transparent);
  --benefit-icon-surface: linear-gradient(135deg, rgba(122, 162, 255, .22), rgba(193, 139, 255, .24));
  --benefit-icon-color: #8aaeff;
  --benefit-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 7h8a2 2 0 0 1 2 2v1.59l3.3-2.2A1 1 0 0 1 21 9.22v7.56a1 1 0 0 1-1.7.82L15 15.41V17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2Zm7 5-3.5-2v4l3.5-2Z'/%3E%3C/svg%3E");
}
:root[data-theme="light"] .service-benefits {
  --benefit-card-bg: color-mix(in srgb, #ffffff 88%, #f1e2d0 12%);
  --benefit-card-border: rgba(0,0,0,.08);
  --benefit-icon-surface: linear-gradient(135deg, rgba(255, 242, 224, .96), rgba(241, 213, 180, .9));
}
:root[data-theme="light"] .service-benefit-modal {
  --benefit-icon-surface: linear-gradient(135deg, rgba(255,255,255,.92), rgba(240,240,240,.86));
  --benefit-icon-color: #1f2c38;
}
:root[data-theme="light"] .service-columns {
  background: color-mix(in srgb, #ffffff 94%, #f4e7d6 6%);
  border-color: rgba(171, 140, 103, .28);
  box-shadow: 0 26px 54px rgba(123, 96, 70, .18);
}
:root[data-theme="light"] .service-benefits li {
  box-shadow: 0 18px 36px rgba(123, 96, 70, .12);
}
:root[data-theme="light"] .service-benefits__custom-icon{
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.2));
}
:root[data-theme="light"] .service-benefits__icon {
  background: var(--benefit-icon-surface);
  border: 1px solid rgba(151, 114, 73, .28);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 10px 22px rgba(121, 92, 58, .12);
}
:root[data-theme="light"] .service-benefits__icon::before { opacity: .96; }
:root[data-theme="light"] .service-benefits__description {
  color: color-mix(in srgb, #2e2a25 70%, transparent);
}
:root[data-theme="light"] .service-benefits--commerce,
:root[data-theme="light"] .service-benefit-modal--commerce {
  --benefit-card-bg: color-mix(in srgb, #ffffff 88%, #e0f6ed 12%);
  --benefit-card-border: rgba(47, 166, 132, .26);
  --benefit-icon-surface: linear-gradient(135deg, #e5fbf5, #ffffff);
  --benefit-icon-color: #0f7f63;
}
:root[data-theme="light"] .service-benefits--marketing,
:root[data-theme="light"] .service-benefit-modal--marketing {
  --benefit-card-bg: color-mix(in srgb, #ffffff 88%, #ffe9d6 12%);
  --benefit-card-border: rgba(238, 170, 120, .32);
  --benefit-icon-surface: linear-gradient(135deg, #fff6e8, #ffeaf6);
  --benefit-icon-color: #c45e86;
}
:root[data-theme="light"] .service-benefits--ads,
:root[data-theme="light"] .service-benefit-modal--ads {
  --benefit-card-bg: color-mix(in srgb, #ffffff 88%, #fbe7f8 12%);
  --benefit-card-border: rgba(214, 122, 217, .3);
  --benefit-icon-surface: linear-gradient(135deg, #fdeafb, #ffffff);
  --benefit-icon-color: #c157d9;
}
:root[data-theme="light"] .service-benefits--seo,
:root[data-theme="light"] .service-benefit-modal--seo {
  --benefit-card-bg: color-mix(in srgb, #ffffff 88%, #e6f7f2 12%);
  --benefit-card-border: rgba(70, 176, 159, .3);
  --benefit-icon-surface: linear-gradient(135deg, #e7faf5, #ffffff);
  --benefit-icon-color: #1c7b6f;
}
:root[data-theme="light"] .service-benefits--design,
:root[data-theme="light"] .service-benefit-modal--design {
  --benefit-card-bg: color-mix(in srgb, #ffffff 88%, #ffe8f4 12%);
  --benefit-card-border: rgba(229, 134, 176, .32);
  --benefit-icon-surface: linear-gradient(135deg, #ffeef7, #ffffff);
  --benefit-icon-color: #c5407c;
}
:root[data-theme="light"] .service-benefits--video,
:root[data-theme="light"] .service-benefit-modal--video {
  --benefit-card-bg: color-mix(in srgb, #ffffff 88%, #e6edff 12%);
  --benefit-card-border: rgba(112, 138, 214, .3);
  --benefit-icon-surface: linear-gradient(135deg, #eef2ff, #ffffff);
  --benefit-icon-color: #2d57c7;
}
@media (max-width: 899px){
  .service-columns{
    padding: clamp(1.25rem, 5.4vw, 2rem);
    gap: 1.5rem;
    width: min(100%, 680px);
  }
}

@media (max-width: 767px){
  .service-columns{
    gap: 1.35rem;
  }
  .service-columns .rich { gap: 1rem; }
  .service-columns .rich p { font-size: clamp(.98rem, 4vw, 1.08rem); }
  .service-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
  }
  .service-benefits li {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: .85rem;
    gap: .6rem;
  }
  .service-benefits__icon { width: 40px; height: 40px; }
  .service-benefits__text { text-align: center; justify-items: center; }
  .service-benefits__title { font-size: 1em; }
}

@media (max-width: 599px){
  .service-columns{
    border-radius: 24px;
    padding: clamp(1.1rem, 6vw, 1.6rem);
  }
  .service-benefits li { padding: .78rem; }
}

/* Micro animations */
.anim-cards { display: flex; gap: 1rem; justify-content: center; }
.anim-cards .card {
  width: 96px;
  height: 72px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid #2a313d;
  --anim-card-offset: 20px;
  --anim-card-duration: 3s;
  --anim-card-duration-scale: 1;
  transform: translateY(var(--anim-card-offset, 20px));
  animation-name: float;
  animation-duration: calc(var(--anim-card-duration, 3s) * var(--anim-card-duration-scale, 1));
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.anim-cards .card:nth-child(2){ animation-delay: .3s; }
.anim-cards .card:nth-child(3){ animation-delay: .6s; }
@keyframes float { 50% { transform: translateY(0); } }

.anim-bars { display: grid; grid-auto-flow: column; gap: .65rem; align-items: end; height: 140px; justify-content: center; }
.anim-bars span {
  width: 16px;
  height: 44px;
  background: var(--primary);
  --anim-bars-duration: 1.2s;
  --anim-bars-duration-scale: 1;
  --anim-bars-peak: 110px;
  animation-name: bars;
  animation-duration: calc(var(--anim-bars-duration, 1.2s) * var(--anim-bars-duration-scale, 1));
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.anim-bars span:nth-child(2){ animation-delay: .2s; }
.anim-bars span:nth-child(3){ animation-delay: .4s; }
.anim-bars span:nth-child(4){ animation-delay: .6s; }
@keyframes bars { 50% { height: var(--anim-bars-peak, 110px); } }

.anim-seo { position: relative; width: 160px; height: 160px; margin: 0 auto; }
.anim-seo .ring {
  position: absolute;
  inset: 0;
  border: 2px dashed var(--primary);
  border-radius: 50%;
  --anim-seo-ring-duration: 8s;
  --anim-seo-ring-duration-scale: 1;
  animation-name: spin;
  animation-duration: calc(var(--anim-seo-ring-duration, 8s) * var(--anim-seo-ring-duration-scale, 1));
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.anim-seo .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  background: var(--accent);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  --anim-seo-dot-duration: 4s;
  --anim-seo-dot-duration-scale: 1;
  animation-name: orbit;
  animation-duration: calc(var(--anim-seo-dot-duration, 4s) * var(--anim-seo-dot-duration-scale, 1));
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes orbit { 0% { transform: translate(-50%, -50%) rotate(0) translateX(60px); } 100% { transform: translate(-50%, -50%) rotate(360deg) translateX(60px); } }

.anim-grid { display: grid; grid-template-columns: repeat(2,72px); gap: 1rem; margin: 0 auto; }
.anim-grid i {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 14px;
  border: 1px solid #2a313d;
  background: rgba(255,255,255,.04);
  --anim-grid-duration: 2s;
  --anim-grid-duration-scale: 1;
  --anim-grid-highlight: rgba(255,255,255,.12);
  animation-name: blink;
  animation-duration: calc(var(--anim-grid-duration, 2s) * var(--anim-grid-duration-scale, 1));
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.anim-grid i:nth-child(2){ animation-delay: .3s; }
.anim-grid i:nth-child(3){ animation-delay: .6s; }
.anim-grid i:nth-child(4){ animation-delay: .9s; }
@keyframes blink { 50% { background: var(--anim-grid-highlight, rgba(255,255,255,.12)); } }

.anim-timeline { position: relative; height: 6px; background: #1e2430; border-radius: 999px; }
.anim-timeline span {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 0;
  background: var(--primary);
  border-radius: 999px;
  --anim-timeline-duration: 2.4s;
  --anim-timeline-duration-scale: 1;
  animation-name: load;
  animation-duration: calc(var(--anim-timeline-duration, 2.4s) * var(--anim-timeline-duration-scale, 1));
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

/* Contact */
.contact__form { max-width: 760px; margin: 0 auto; display: grid; gap: 1rem; }
.field { display: grid; gap: .35rem; position: relative; }
.field input { background: #0f1216; color: var(--text); border: 1px solid #222832; border-radius: 10px; padding: .75rem 1rem; }
.field--checkbox { display: flex; align-items: center; gap: .5rem; }
.contact__form .form-msg {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + .35rem);
  min-width: min(220px, 95%);
  max-width: clamp(180px, 60vw, 260px);
  padding: .55rem .7rem;
  font-size: .78rem;
  line-height: 1.45;
  color: var(--contact-tooltip-text, #fffbf8);
  background: var(--contact-tooltip-bg, rgba(255, 86, 112, .94));
  border-radius: .65rem;
  box-shadow: 0 12px 26px rgba(4, 12, 20, .38);
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, -6px, 0);
  transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
  pointer-events: none;
  z-index: 4;
}
.contact__form .form-msg::before {
  content: "";
  position: absolute;
  inset-inline-end: 16px;
  bottom: calc(100% - 4px);
  border: 8px solid transparent;
  border-block-end-color: var(--contact-tooltip-bg, rgba(255, 86, 112, .94));
  transform: translateY(1px);
}
.contact__form [data-field][data-has-error="1"] > .form-msg {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
  pointer-events: auto;
}
.contact__form [data-field][data-has-error="1"] input[type="text"],
.contact__form [data-field][data-has-error="1"] input[type="tel"],
.contact__form [data-field][data-has-error="1"] input[type="email"] {
  border-color: var(--contact-tooltip-border, rgba(255, 122, 146, .9));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--contact-tooltip-border, rgba(255, 122, 146, .9)) 65%, transparent);
}
.contact__form [data-field][data-has-error="1"] input[type="checkbox"] {
  outline: 2px solid var(--contact-tooltip-border, rgba(255, 122, 146, .9));
  outline-offset: 3px;
}
.contact__form .check > .form-msg {
  inset-inline-end: auto;
  inset-inline-start: 0;
  max-width: clamp(220px, 70vw, 320px);
}
.contact__form .check > .form-msg::before {
  inset-inline-end: auto;
  inset-inline-start: 16px;
}
@media (max-width: 600px) {
  .contact__form .form-msg {
    position: static;
    inset: auto;
    transform: none;
    width: auto;
    max-width: none;
    min-width: 0;
    margin-top: .35rem;
    box-shadow: 0 10px 24px rgba(4, 12, 20, .2);
    transition: opacity .2s ease;
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .contact__form .form-msg::before { display: none; }
  .contact__form [data-field][data-has-error="1"] > .form-msg {
    opacity: 1;
    visibility: visible;
    display: block;
  }
}
.contact__form .form-status {
  font-size: .9rem;
  line-height: 1.5;
  padding: .75rem 1rem;
  border-radius: .85rem;
  background: color-mix(in srgb, var(--text, #fff) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--text, #fff) 14%, transparent);
  color: color-mix(in srgb, var(--text, #fff) 86%, transparent);
  display: none;
}
.contact__form .form-status:not([hidden]) {
  display: block;
}
.contact__form .form-status[data-variant="success"] {
  background: rgba(30, 207, 157, .18);
  border-color: rgba(30, 207, 157, .45);
  color: color-mix(in srgb, rgb(30, 207, 157) 88%, var(--text, #fff));
}
.contact__form .form-status[data-variant="error"] {
  background: rgba(255, 86, 112, .12);
  border-color: rgba(255, 86, 112, .45);
  color: color-mix(in srgb, rgb(255, 124, 142) 85%, var(--text, #fff));
}
.contact__form .form-status[data-variant="info"] {
  background: rgba(10, 162, 255, .12);
  border-color: rgba(10, 162, 255, .45);
  color: color-mix(in srgb, rgb(10, 162, 255) 85%, var(--text, #fff));
}
:root[data-theme="light"] {
  --contact-tooltip-bg: rgba(180, 42, 68, .9);
  --contact-tooltip-border: rgba(197, 71, 94, .9);
  --contact-tooltip-text: #fff9f9;
}
:root[data-theme="light"] .contact__form .form-status {
  background: rgba(15, 28, 39, .06);
  border-color: rgba(15, 28, 39, .14);
  color: color-mix(in srgb, #0f1c27 86%, transparent);
}
:root[data-theme="light"] .contact__form .form-status[data-variant="success"] {
  background: rgba(30, 207, 157, .12);
  border-color: rgba(30, 207, 157, .4);
  color: color-mix(in srgb, #0f1c27 40%, rgb(30, 207, 157) 60%);
}
:root[data-theme="light"] .contact__form .form-status[data-variant="error"] {
  background: rgba(180, 42, 68, .1);
  border-color: rgba(180, 42, 68, .35);
  color: color-mix(in srgb, #0f1c27 32%, rgb(180, 42, 68) 68%);
}
:root[data-theme="light"] .contact__form .form-status[data-variant="info"] {
  background: rgba(15, 28, 39, .08);
  border-color: rgba(15, 28, 39, .28);
  color: color-mix(in srgb, #0f1c27 82%, transparent);
}

.contact-success-popup {
  position: fixed;
  left: 50%;
  right: auto;
  inset-block-end: clamp(2.5rem, 8vw, 4rem);
  transform: translate3d(-50%, 20px, 0);
  opacity: 0;
  transition: opacity .35s ease, transform .45s cubic-bezier(.22, 1, .36, 1);
  z-index: 1090;
  pointer-events: none;
}

.contact-success-popup.is-visible {
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
  pointer-events: auto;
}

.contact-success-popup__inner {
  inline-size: min(90vw, 420px);
  display: grid;
  gap: clamp(.95rem, 2.6vw, 1.2rem);
  padding: clamp(1.4rem, 4vw, 1.75rem) clamp(1.6rem, 4.8vw, 2.35rem);
  border-radius: 1.15rem;
  background: color-mix(in srgb, var(--bg) 68%, rgba(9, 14, 18, .72) 32%);
  border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent 72%);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .3);
  position: relative;
  pointer-events: auto;
  transform-origin: center;
  opacity: 0;
  transform: translate3d(0, 14px, 0) scale(.96);
}

@media (min-width: 768px) {
  .contact-success-popup__inner {
    inline-size: min(90vw, 480px);
  }
}

.contact-success-popup__inner.is-animating {
  animation: contactSuccessPop .65s cubic-bezier(.18, .89, .32, 1.28) forwards;
}

:root[data-theme="light"] .contact-success-popup__inner {
  background: color-mix(in srgb, var(--bg) 90%, rgba(255, 255, 255, .85) 10%);
  border-color: color-mix(in srgb, var(--primary) 18%, rgba(12, 18, 26, .12) 82%);
  box-shadow: 0 14px 30px rgba(13, 19, 26, .15);
}

.contact-success-popup__content {
  display: grid;
  gap: clamp(.75rem, 2vw, 1rem);
  padding-inline-end: clamp(1.5rem, 4vw, 2.5rem);
}

.contact-success-popup__message {
  margin: 0;
  font-size: clamp(1.05rem, 3.1vw, 1.2rem);
  line-height: 1.6;
  color: color-mix(in srgb, var(--bg) 10%, #ffffff 90%);
  white-space: pre-line;
}

:root[data-theme="light"] .contact-success-popup__message {
  color: color-mix(in srgb, var(--text) 88%, #0b0e12 12%);
}

.contact-success-popup__close {
  position: absolute;
  inset-inline-end: clamp(1rem, 3vw, 1.4rem);
  inset-block-start: clamp(.85rem, 2.2vw, 1.15rem);
  border: none;
  background: none;
  color: color-mix(in srgb, #ffffff 86%, var(--accent) 14%);
  font-size: clamp(1.25rem, 3.6vw, 1.5rem);
  line-height: 1;
  padding: .15rem;
  cursor: pointer;
  border-radius: .45rem;
  transition: color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .25s ease;
}

:root[data-theme="light"] .contact-success-popup__close {
  color: color-mix(in srgb, var(--text) 92%, var(--primary) 8%);
}

.contact-success-popup__close:active {
  transform: scale(.94);
}

.contact-success-popup__close:hover,
.contact-success-popup__close:focus-visible {
  color: color-mix(in srgb, var(--accent) 62%, #ffffff 38%);
  background-color: color-mix(in srgb, var(--bg) 18%, transparent 82%);
}

.contact-success-popup__close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent 60%);
}

:root[data-theme="light"] .contact-success-popup__close:hover,
:root[data-theme="light"] .contact-success-popup__close:focus-visible {
  color: color-mix(in srgb, var(--primary) 58%, var(--text) 42%);
  background-color: color-mix(in srgb, rgba(12, 18, 26, .12) 45%, transparent 55%);
}

.contact-success-popup.is-visible .contact-success-popup__inner {
  opacity: 1;
}

@media (max-width: 600px) {
  .contact-success-popup {
    inset-block-end: clamp(1.5rem, 8vw, 2.5rem);
  }

  .contact-success-popup__inner {
    inline-size: min(92vw, 480px);
  }

  .contact-success-popup__content {
    text-align: center;
  }

}

@keyframes contactSuccessPop {
  0% {
    opacity: 0;
    transform: translate3d(0, 22px, 0) scale(.9);
  }

  55% {
    opacity: 1;
    transform: translate3d(0, -6px, 0) scale(1.04);
  }

  80% {
    transform: translate3d(0, 3px, 0) scale(.98);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/* === Floating global FAB === */
.fab-floating{
  position: fixed;
  right: 1.25rem;
  left: auto;
  bottom: 1.5rem;
  z-index: 60;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  --fab-btn-size: 52px;
  --fab-stack-gap: .6rem;
  transition: opacity .25s ease, transform .25s ease;
}

.fab-actions{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .65rem;
  pointer-events: auto;
}

.fab-back-to-top{
  width: var(--fab-btn-size);
  height: var(--fab-btn-size);
  border-radius: 18px;
  border:1px solid color-mix(in srgb, var(--text, #fff) 16%, transparent);
  background: color-mix(in srgb, var(--bg, #0b0f14) 82%, #162433 18%);
  color: var(--text, #e7edf3);
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:0;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease, background-color .2s ease, color .2s ease;
  pointer-events:none;
  position: absolute;
  right: 0;
  left: auto;
  margin-right: 0;
  bottom: calc(100% + var(--fab-stack-gap));
}
.fab-back-to-top svg{
  width: clamp(20px, calc(var(--fab-btn-size) - 28px), 26px);
  height: clamp(20px, calc(var(--fab-btn-size) - 28px), 26px);
  fill: currentColor;
  transition: transform .22s ease;
}
.fab-back-to-top.is-visible{
  opacity:1;
  transform: translateY(0);
  pointer-events:auto;
}
.fab-back-to-top:hover{ background: color-mix(in srgb, var(--bg, #0b0f14) 78%, #1f3345 22%); }
.fab-back-to-top:hover svg{ transform: translateY(-2px); }
:root[data-theme="light"] .fab-back-to-top{
  background: linear-gradient(135deg, #f5e8d8, #ffffff);
  border-color: rgba(171, 140, 103, .7);
  color: #1d2d36;
  box-shadow: none;
}
:root[data-theme="light"] .fab-back-to-top:hover{ background: linear-gradient(135deg, #ffffff, #f2e4d4); box-shadow: none; }

/* FAB – צבע אחיד (ירוק תואם מותג) */
:root{ --brand-green: #25D366; }

/* FAB ראשי בצבע מותג */
.fab-main{
  width: var(--fab-btn-size);
  height: var(--fab-btn-size);
  border-radius:18px;
  position: relative;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  background: linear-gradient(135deg, #111c29, #1c3041);
  transition: transform .18s ease, background-color .2s ease;
  overflow: hidden;
}
:root[data-theme="light"] .fab-main{
  border-color: rgba(15,23,42,.1);
  background: linear-gradient(135deg, #1f262d, #0f1216);
}

:root[data-theme="light"] .fab-main:hover{
  background: linear-gradient(135deg, #232c34, #13171c);
}
.fab-main::before{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(255,255,255,.16), transparent 60%);
  opacity: 0;
  transform: scale(.85);
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: none;
}
.fab-floating.open .fab-main::before,
.fab-main:hover::before{
  opacity: 1;
  transform: scale(1);
}
.fab-main:hover{ background: linear-gradient(135deg, #16283a, #203a4e); }
.fab-main:active{ transform: translateY(1px); }

/* האיקון בפנים ייקח ניגודיות טובה */
.fab-main svg{ width:24px; height:24px; fill:#ffffff; opacity:.96; transition: transform .18s ease; }

:root[data-theme="light"] .fab-main svg{ fill:#ffffff; opacity:.96; }

.fab-list{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: .55rem;
  opacity: 0;
  transform: translate(0, -50%) scale(.94);
  transition: opacity .22s ease, transform .22s ease;
  pointer-events: none;
  padding: .35rem;
  position: absolute;
  right: calc(100% + .75rem);
  left: auto;
  top: 50%;
}

.fab-floating.open .fab-list{
  opacity: 1;
  transform: translate(0, -50%) scale(1);
  pointer-events: auto;
}
.fab-item{
  width: 44px; height: 44px; border-radius: 14px;
  display: grid; place-items: center;
  border: 1px solid rgba(32,43,62,.35);
  text-decoration: none;
  transition: transform .18s ease, border-color .2s ease, background-color .2s ease;
}
.fab-item:hover{ transform: translateY(-2px); }
.fab-item svg{ width: 22px; height: 22px; display: block; fill: #0b0e12; opacity: .92; transition: fill .2s ease; }

:root[data-theme="light"] .fab-item{
  border-color: rgb(23 37 51 / 42%);
}

:root[data-theme="light"] .fab-item svg{
  fill: #1b2733;
}
.fab-item.wa   { background: #e8fff0; }
.fab-item.tel  { background: #e7f6ff; }
.fab-item.mail { background: #fff3f7; }
.fab-backdrop{
  position: fixed; inset: 0; z-index: 55;
  background: transparent;
  display: none;
}
body[data-fab-open="1"] .fab-backdrop{ display: block; }

@media (max-width: 899px){
  .fab-floating{
    bottom: 1.1rem;
    right: 1rem;
    left: auto;
    --fab-btn-size: 48px;
    --fab-stack-gap: .5rem;
  }
  .fab-back-to-top,
  .fab-main{ border-radius: 16px; }
  .fab-list{ gap: .45rem; padding: .3rem; }
  .fab-item{ width: 42px; height: 42px; }
}

/* Footer special bar */
.footer-strip { margin-top: 2rem; border-top: 1px solid #202734; padding: 1rem 2rem; display: grid; gap: .6rem; }
.footer-links { display: flex; gap: 1.2rem; justify-content: center; }
.footer-credit { text-align: center; opacity: .85; }
.footer-credit .loop { display: inline-block; animation: wiggle 3s ease-in-out infinite; }
@keyframes wiggle { 50% { transform: translateY(-2px); } }

/* Modal */
.ox-modal { position: fixed; inset: 0; display: none; padding: 1.5rem; z-index: 20000; }
.ox-modal[aria-hidden="false"] { display: grid; place-items: center; }
.ox-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
.ox-modal__dialog {
  position: relative;
  z-index: 2;
  background: color-mix(in srgb, #0b0f14 94%, #1f2736 6%);
  color: #f4f7fb;
  width: min(92vw, 780px);
  max-width: min(92vw, 780px);
  padding: 1.2rem;
  border-radius: 16px;
  border: 1px solid #202734;
  max-height: min(90vh, 720px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 28px 60px rgba(0, 0, 0, .45);
}

:root[data-theme="light"] .ox-modal__dialog {
  background: #ffffff;
  color: #0b0e12;
  border-color: rgba(0,0,0,.08);
  box-shadow: 0 24px 48px rgba(15,18,24,.16);
}

.ox-modal__dialog a {
  color: inherit;
  text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
}

.ox-modal__dialog a:hover {
  color: inherit;
  text-decoration-color: currentColor;
  opacity: .82;
}

.ox-modal__dialog button[type="submit"],
.ox-modal__dialog .wp-block-button__link {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .75rem 1.35rem;
  border-radius: 12px;
  border: none;
  background: var(--brand);
  color: var(--brand-contrast);
  font-weight: 700;
  cursor: pointer;
  transition: filter .2s ease, background-color .2s ease;
}

.ox-modal__dialog button[type="submit"]:hover,
.ox-modal__dialog .wp-block-button__link:hover {
  filter: brightness(1.05);
}

:root[data-theme="light"] .ox-modal__dialog button[type="submit"],
:root[data-theme="light"] .ox-modal__dialog .wp-block-button__link {
  background: #111111;
  color: #ffffff;
}

:root[data-theme="light"] .ox-modal__dialog button[type="submit"]:hover,
:root[data-theme="light"] .ox-modal__dialog .wp-block-button__link:hover {
  background: #000000;
  filter: none;
}

@media (max-width: 767px){
  .ox-modal { padding: 1rem; }
  .ox-modal__dialog {
    width: min(100vw - 24px, 520px);
    max-width: min(100vw - 24px, 520px);
    max-height: min(88svh, 620px);
    margin: 0;
    border-radius: 14px;
    padding: 1rem 1.1rem;
  }
  .ox-modal__content {
    max-height: calc(88svh - 2.2rem);
    max-height: min(calc(88svh - 2.2rem), 620px);
  }
}

/* FX */
.fx-fade {
  --fx-fade-distance: 10px;
  --fx-fade-distance-scale: 1;
  --fx-fade-duration: .6s;
  --fx-fade-duration-scale: 1;
  opacity: 0;
  transform: translateY(calc(var(--fx-fade-distance, 10px) * var(--fx-fade-distance-scale, 1)));
  animation-name: fadeUp;
  animation-duration: calc(var(--fx-fade-duration, .6s) * var(--fx-fade-duration-scale, 1));
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
.fx-delay-1 { animation-delay: .15s; }
.fx-delay-2 { animation-delay: .3s; }
.fx-delay-3 { animation-delay: .45s; }
@keyframes fadeUp { to { opacity: 1; transform: none; } }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .fx-fade {
    --fx-fade-distance-scale: 0.6;
    --fx-fade-duration-scale: 1.35;
  }
  .anim-cards .card {
    --anim-card-duration-scale: 1.6;
    --anim-card-offset: 16px;
  }
  .anim-bars span {
    --anim-bars-duration-scale: 1.65;
    --anim-bars-peak: 92px;
  }
  .anim-seo .ring {
    --anim-seo-ring-duration-scale: 1.5;
  }
  .anim-seo .dot {
    --anim-seo-dot-duration-scale: 1.5;
  }
  .anim-grid i {
    --anim-grid-duration-scale: 1.7;
    --anim-grid-highlight: rgba(255,255,255,.08);
  }
  .anim-timeline span {
    --anim-timeline-duration-scale: 1.6;
  }
}

/* Icon list */
.icon-list{ list-style:none; margin:0 0 1.2rem; padding:0; display:grid; gap:.65rem; text-align:right; }
.icon-list li{ position:relative; padding-inline-start:2rem; }
.icon-list li::before{
  content:""; position:absolute; inset-inline-start:0; top:.25rem; width:1.15rem; height:1.15rem; background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9.55 17.2 4.8 12.45l1.4-1.4 3.35 3.35 7.2-7.2 1.4 1.4Z'/></svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M9.55 17.2 4.8 12.45l1.4-1.4 3.35 3.35 7.2-7.2 1.4 1.4Z'/></svg>") no-repeat center / contain;
  opacity:.95;
}
.icon-list li[data-ico="cart"]::before{
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 5h13.2l-1.6 8H8L6.2 5ZM3 4h2l2.4 12h10.9l.9-4.5H9.2l-.4-2h11L21 5a1 1 0 0 0-1-1H6L5.6 2.8A1 1 0 0 0 4.7 2H3v2Z'/></svg>");
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 5h13.2l-1.6 8H8L6.2 5ZM3 4h2ל2.4 12h10.9ל.9-4.5H9.2ל-.4-2h11L21 5a1 1 0 0 0-1-1H6ל5.6 2.8A1 1 0 0 0 4.7 2H3v2Z'/></svg>");
}
.icon-list li[data-ico="speed"]::before{
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M12 4a8 8 0 1 0 8 8h-2a6 6 0 1 1-6-6V4Zm6.7 1.3-6 6a2 2 0 1 0 2.8 2.8l6-6-2.8-2.8Z'/></svg>");
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M12 4a8 8 0 1 0 8 8h-2a6 6 0 1 1-6-6V4Zm6.7 1.3-6 6a2 2 0 1 0 2.8 2.8l6-6-2.8-2.8Z'/></svg>");
}
.icon-list li[data-ico="seo"]::before{
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57ל.27.28v.79L19 20.49 20.49 19 15.5 14Zm-6 0A4.5 4.5 0 1 1 14 9.5 4.505 4.505 0 0 1 9.5 14Z'/></svg>");
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M15.5 14h-.79ל-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57ל.27.28v.79L19 20.49 20.49 19 15.5 14Zm-6 0A4.5 4.5 0 1 1 14 9.5 4.505 4.505 0 0 1 9.5 14Z'/></svg>");
}
.icon-list li[data-ico="ads"]::before{
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M3 5h18v4H3V5Zm0 6h18v8H3v-8Zm4 2v4h2v-4H7Zm4 0v4h8ו-4h-8Z'/></svg>");
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M3 5h18v4H3V5Zm0 6h18v8H3ו-8Zm4 2ו4h2ו-4H7Zm4 0ו4h8ו-4h-8Z'/></svg>");
}

/* ===== Policy hero ===== */
.policy-section {
  width: 100%;
  display: grid;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-items: center;
}

.policy-hero {
  width: min(100%, 1200px);
  margin: 0 auto;
  border: 1px solid color-mix(in srgb, var(--text, #fff) 10%, transparent);
  background: color-mix(in srgb, var(--bg, #0b0f14) 88%, #0f1824 12%);
  border-radius: 20px;
  padding: clamp(20px, 3vw, 32px);
  box-sizing: border-box;
  display: grid;
  gap: clamp(12px, 2vw, 22px);
}
:root[data-theme="light"] .policy-hero {
  background: #fdf6ec;
  border-color: rgba(181, 154, 120, .28);
  box-shadow: 0 18px 46px rgba(134,108,85,.16);
  color: #1d2a33;
}
.policy-hero__content {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: clamp(12px, 2vw, 20px);
  align-items: center;
  min-width: 0;
}
.policy-hero__text { min-width: 0; }
.policy-hero__title {
  margin: 0 0 .35rem;
  font-size: clamp(1.2rem, 3.2vw, 1.6rem);
  line-height: 1.25;
}
.policy-hero__desc {
  margin: 0;
  color: var(--muted, #9aa7b2);
  font-size: clamp(.95rem, 1.6vw, 1.05rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
:root[data-theme="light"] .policy-hero__desc {
  color: color-mix(in srgb, #142430 65%, #705a48 35%);
}
.policy-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  justify-content: flex-end;
  min-width: 0;
}
.policy-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .6rem .95rem;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--text, #fff) 18%, transparent);
  background: color-mix(in srgb, var(--bg, #0b0f14) 85%, #141f2c 15%);
  color: var(--text, #e7edf3);
  text-decoration: none;
  font-weight: 600;
  max-width: 100%;
  transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.25;
  -webkit-appearance: none;
  appearance: none;
}
.policy-link:hover {
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--bg, #0b0f14) 78%, #1d2d3a 22%);
  color: #ffffff;
}
.policy-link:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent, #1ecf9d) 85%, #0aa2ff 15%);
  outline-offset: 3px;
}
:root[data-theme="light"] .policy-link {
  background: linear-gradient(135deg, #f5e6d5, #fff8ef);
  color: #21343f;
  border-color: rgba(171, 140, 103, .35);
  box-shadow: 0 12px 24px rgba(128, 104, 80, .16);
}
:root[data-theme="light"] .policy-link:hover {
  background: linear-gradient(135deg, #fffdf9, #f0e2cf);
  color: #0f1c27;
  box-shadow: 0 16px 28px rgba(110, 90, 70, .18);
}
:root[data-theme="light"] .policy-link:focus-visible {
  outline: 2px solid color-mix(in srgb, #0f1c27 70%, #1ecf9d 30%);
}
.policy-link::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: var(--policy-icon-fill, #4dd9b5);
  mask: var(--policy-icon-mask) center / 16px 16px no-repeat;
  -webkit-mask: var(--policy-icon-mask) center / 16px 16px no-repeat;
  opacity: .92;
  transition: background-color .2s ease;
}
.policy-link[data-open-policy] {
  --policy-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 4 5v6c0 4.66 3.29 8.92 8 10 4.71-1.08 8-5.34 8-10V5l-8-3Zm0 2.18L18 6.2v4.8c0 3.7-2.64 7.15-6 8.02-3.36-.87-6-4.32-6-8.02V6.2l6-2.02Zm0 3.82a3 3 0 0 0-3 3c0 2.25 3 5.5 3 5.5s3-3.25 3-5.5a3 3 0 0 0-3-3Zm0 2a1 1 0 0 1 1 1c0 .58-.37 1.52-1 2.46-.63-.94-1-1.88-1-2.46a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
}
.policy-link[data-open-access] {
  --policy-icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm8 7a1 1 0 0 1 .12 2H16v11a1 1 0 0 1-2 0v-6h-4v6a1 1 0 0 1-2 0V11H3.88a1 1 0 0 1-.12-2h16.48Z'/%3E%3C/svg%3E");
}
:root[data-theme="light"] .policy-link::before {
  --policy-icon-fill: #0b0e12;
  background: var(--policy-icon-fill);
}
.policy-mobile-screen { display: none; width: 100%; }
.policy-mobile-screen__inner { width: min(100%, 720px); margin: 0 auto; }

@media (min-width: 900px){
  .policy-hero--mobile { display: none; }
}

@media (max-width: 991px){
  .policy-hero {
    padding: 18px 16px;
    gap: 12px;
    max-width: min(100%, 560px);
    border-radius: 18px;
  }
  .policy-hero__content {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 10px;
  }
  .policy-hero__actions {
    justify-content: center;
  }
  .policy-link {
    padding: .55rem .8rem;
    font-size: .92rem;
    border-radius: 10px;
  }
}

@media (max-width: 420px){
  .policy-link { padding: .48rem .65rem; font-size: .86rem; }
}

@media (max-width: 899px){
  .policy-hero--desktop { display: none; }
  .policy-mobile-screen { display: flex; justify-content: center; }
  .policy-mobile-screen .policy-hero { margin: 0; width: min(100%, 520px); }
}

/* HEADER */
.main-nav ul{ display:flex; gap:1rem; margin:0; padding:0; list-style:none; }
.main-nav a{ color:var(--text); text-decoration:none; padding:.5rem .75rem; border-radius:10px; }
.main-nav a:hover{ background:#1b2028; }

:root[data-theme="light"] .main-nav a:hover{
  color:#fff;
}

/* Theme toggle */
.theme-toggle{
  display:grid; grid-auto-flow:column; gap:.35rem; align-items:center;
  border:1px solid #2a313d; border-radius:12px; background:linear-gradient(135deg, var(--primary), var(--accent));
  color:#001018; padding:.5rem .7rem; font-weight:700;
}

/* HERO finetune */
.hero__text{ text-align:right; }
.hero__cta{ display:flex; gap:.8rem; justify-content:flex-start; }

@media (max-width: 767px){
  .hero__text p { text-align: center; }
}

/* ===== Tablet (iPad) refinements ===== */
@media (min-width: 768px) and (max-width: 1366px) {
  .page-section {
    --section-content-max: 100%;
    padding-inline: clamp(2.4rem, 6vw, 3.6rem);
  }

  .page-section.hero-screen {
    padding-block: clamp(2.6rem, 6vw, 3.8rem);
  }

  .hero__content {
    justify-items: center;
    text-align: center;
  }

  .hero__text {
    display: grid;
    gap: clamp(0.75rem, 2vw, 1.2rem);
    text-align: center;
    justify-items: center;
  }

  .hero__text h1,
  .hero__text p {
    text-align: inherit;
  }

  .hero__badges,
  .hero__cta {
    justify-content: center;
    text-align: center;
  }

  .hero__cta {
    flex-wrap: wrap;
  }

  .section-header h2 {
    font-size: clamp(1.9rem, 3.4vw, 2.7rem);
  }

  .section-header p,
  .service-columns .rich p {
    font-size: clamp(1.05rem, 2.1vw, 1.2rem);
  }

  .service-columns {
    width: 100%;
    max-width: 100%;
    padding: clamp(2rem, 5vw, 3.2rem);
  }

  .service-columns .rich .section-title {
    font-size: clamp(2.1rem, 4vw, 2.8rem);
  }

  .policy-mobile-screen {
    justify-content: center;
    align-items: center;
  }

  .policy-mobile-screen__inner,
  .policy-mobile-screen .policy-hero {
    margin-inline: auto;
  }

  .policy-mobile-screen .policy-hero {
    text-align: center;
  }
}

/* שירותים – תמונה */
.service-illustration{
  width:100%;
  max-width:520px;
  height:auto;
  border-radius:16px;
  border:1px solid color-mix(in oklab, var(--text) 12%, transparent);
  background: color-mix(in oklab, var(--bg) 88%, #0f1216 12%);
  object-fit:cover;
}

/* טופס – עמודה בודדת בכל רוחב */
.contact__form{
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;   /* ← במקום repeat(2, ... ) */
  gap: 18px;
}
.contact__form label{ font-size: 1.05rem; font-weight: 600; }
.contact__form input,
.contact__form textarea,
.contact__form select{
  font-size: 1.05rem;           /* טקסט גדול יותר */
  padding: 14px 16px;
}
@media (max-width: 767px){
  .contact__form{
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* === OXMAN: Services Typography (תוספת) === */
.service-screen .section-header h2{ font-size: clamp(1.6rem, 2.4vw, 2.4rem); line-height: 1.2; }
.service-screen p, .service-screen li{ font-size: clamp(1rem, 1.3vw, 1.15rem); }

/* אם אתם משתמשים במשתני CSS לשאר הצבעים – ודאו שמפותחים ל-:root */
:root[data-theme="light"]{ background-color: var(--bg); color: var(--text); }

:root.theme-transition {
  transition: background-color .24s ease, color .24s ease;
}
:root.theme-transition * {
  transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease,
    fill .24s ease, stroke .24s ease;
}

/* Theme toggle – חידוד יציב לעמדת הידית */
.theme-toggle-switch{
  --w:56px;
  --h:30px;
  --pad:3px;
  --thumb:calc(var(--h) - var(--pad)*2);
  inline-size:var(--w);
  block-size:var(--h);
  position:relative;
  overflow:hidden;
  cursor:pointer;
  padding-inline:var(--pad);
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:#ffffff;
  display:inline-flex;
  align-items:center;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.theme-toggle-switch .thumb{
  position:absolute;
  inset-block-start:50%;
  inset-inline-start:auto;
  inset-inline-end:auto;
  left:var(--pad);
  inline-size:var(--thumb);
  block-size:var(--thumb);
  border-radius:999px;
  background:#000000;
  transform: translate3d(0,-50%,0);
  transition: transform .25s ease, background-color .25s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
}
:root[data-theme="light"] .theme-toggle-switch{
  background:#0b0e12;
  border-color: rgba(0,0,0,.4);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
:root[data-theme="light"] .theme-toggle-switch .thumb{
  background:#f4efe8;
  transform: translate3d(calc(var(--w) - var(--h)),-50%,0);
  box-shadow: 0 4px 14px rgba(0,0,0,.25);
}

/* הופכים את contact-screen לגריד כדי להצמיד את הפוטר לתחתית */
.contact-screen{
  display: grid;                 /* במקום flex מהכלל של .page-section */
  grid-template-rows: auto 1fr auto; /* כותרת, תוכן גמיש, פוטר בתחתית */
  align-content: stretch;
  gap: 0;
}

/* ריווח בסיס */
.contact-screen .section-header{ margin-block-end: 1.25rem; }
.contact__form{ margin-block-end: 1.25rem; }

/* פוטר תחתון כחלק מהסקשן */
.footer-strip{
  border-top: 1px solid #202734;
  padding: 1rem 2rem;
  display: grid;
  gap: .6rem;
  background: color-mix(in oklab, var(--bg) 88%, #000 12%);
}

.footer-links{
  display: flex;
  gap: 1.2rem;
  justify-content: center;
}
.footer-links a{
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px dashed color-mix(in oklab, var(--text) 50%, transparent);
}
.footer-links a:hover{ border-bottom-style: solid; }

.footer-credit{
  text-align: center;
  opacity: .9;
}

.ox-modal__close{
  position:absolute;
  inset-inline-end: clamp(1rem, 1.6vw, 1.35rem);
  inset-block-start: clamp(.9rem, 1.4vw, 1.2rem);
  font-size:24px;
  line-height:1;
  background:transparent;
  color:var(--text);
  border:0;
  cursor:pointer;
  opacity:.85;
}
.ox-modal__close:hover{ opacity:1; }

.ox-modal__dialog{
  max-width: 900px; width: 92%;
  border-radius: 16px;
}
.ox-modal__content{
  width: 100%;
  max-width: 70ch;
  margin: 0 auto;
  max-height: calc(90vh - 2.4rem);
  max-height: min(calc(90vh - 2.4rem), 720px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

.ox-modal__content::-webkit-scrollbar {
  width: 8px;
}

.ox-modal__content::-webkit-scrollbar-track {
  background: transparent;
}

.ox-modal__content::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, .14);
  border-radius: 999px;
}

:root[data-theme="light"] .ox-modal__content::-webkit-scrollbar-thumb {
  background-color: rgba(17, 17, 17, .18);
}

:root[data-theme="light"] .ox-modal__content {
  scrollbar-color: rgba(17, 17, 17, .2) transparent;
}

#ox-modal[data-variant="service"] .ox-modal__dialog {
  max-width: min(92vw, 560px);
  border-radius: 28px;
  padding: clamp(1.6rem, 4vw, 2.4rem);
  background: color-mix(in srgb, var(--bg, #0b0f14) 90%, #101a26 10%);
  border: 1px solid color-mix(in srgb, var(--text, #fff) 14%, transparent);
  box-shadow: 0 30px 64px rgba(0,0,0,.46);
}
#ox-modal[data-variant="service"] .ox-modal__content {
  max-width: none;
  width: 100%;
}
#ox-modal[data-variant="service"] .ox-modal__close {
  color: inherit;
  font-size: 26px;
}
.service-benefit-modal {
  display: grid;
  gap: 1.05rem;
  text-align: right;
  direction: rtl;
  --benefit-icon-surface: linear-gradient(135deg, rgba(106, 227, 255, .24), rgba(37, 211, 102, .24));
  --benefit-icon-color: #52e0c5;
}
.service-benefit-modal__header {
  display: flex;
  align-items: center;
  gap: .85rem;
}
.service-benefit-modal__icon {
  width: 46px;
  height: 46px;
  border-radius: 15px;
}
.service-benefit-modal__title {
  margin: 0;
  font-size: clamp(1.35rem, 4vw, 1.6rem);
  line-height: 1.25;
}
.service-benefit-modal__title:focus { outline: none; }
.service-benefit-modal__title:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--benefit-icon-color) 55%, transparent);
  outline-offset: 6px;
  border-radius: 10px;
}
.service-benefit-modal__body {
  display: grid;
  gap: .8rem;
  font-size: clamp(1rem, 3.2vw, 1.08rem);
  line-height: 1.7;
  color: color-mix(in srgb, var(--text, #f4f7fb) 80%, transparent);
}
.service-benefit-modal__body p {
  margin: 0;
}
.service-benefit-modal__body a {
  color: var(--accent);
}

.service-benefit-modal__cta {
  align-self: start;
  inline-size: fit-content;
  max-inline-size: 100%;
  direction: rtl;
}

#ox-modal[data-variant="service"] .service-benefit-modal__cta.ox-btn--primary {
  color: #fff;
  background: transparent;
  box-shadow: none;
}

#ox-modal[data-variant="service"] .service-benefit-modal__cta.ox-btn--primary::before {
  background: linear-gradient(130deg, #d4145a, #c26d00, #06863a, #0050c8, #5b34d6, #d4145a);
  background-size: 320% 100%;
  animation: serviceCtaRainbow 12s linear infinite;
  filter: drop-shadow(0 0 22px rgba(159, 44, 170, .5));
}

:where(
  body.disableAnimations,
  body.wpa11y-disable-animations,
  body[data-wpa11y-stop-animations=""],
  body[data-wpa11y-stop-animations="true"],
  body[data-wpa11y-stop-animations="1"],
  body[data-userway-reduce-motion=""],
  body[data-userway-reduce-motion="true"],
  body[data-userway-reduce-motion="1"],
  body[data-uwy-reduce-motion=""],
  body[data-uwy-reduce-motion="true"],
  body[data-uwy-reduce-motion="1"],
  body[class*="userway"][class*="reduce"][class*="motion"],
  body[class*="uwy"][class*="reduce"][class*="motion"],
  html[class*="userway"][class*="reduce"][class*="motion"] body,
  html[class*="uwy"][class*="reduce"][class*="motion"] body
) #ox-modal[data-variant="service"] .service-benefit-modal__cta.ox-btn--primary::before {
  animation: none;
  background-position: 0 0;
  filter: none;
}

#ox-modal[data-variant="service"] .service-benefit-modal__cta.ox-btn--primary::after {
  background: transparent;
}

:root[data-theme="light"] #ox-modal[data-variant="service"] .service-benefit-modal__cta.ox-btn--primary {
  color: #000;
  background: transparent;
}

:root[data-theme="light"] #ox-modal[data-variant="service"] .service-benefit-modal__cta.ox-btn--primary::after {
  background: rgba(255, 255, 255, .9);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
}

@keyframes serviceCtaRainbow {
  0% { background-position: 0 0; }
  50% { background-position: 160% 0; }
  100% { background-position: 320% 0; }
}

:root[data-theme="light"] #ox-modal[data-variant="service"] .ox-modal__dialog {
  background: color-mix(in srgb, #ffffff 95%, #eef4fb 5%);
  border-color: rgba(18, 46, 64, .12);
  box-shadow: 0 32px 64px rgba(38, 62, 84, .18);
  color: #111f29;
}
:root[data-theme="light"] #ox-modal[data-variant="service"] .service-benefit-modal__body {
  color: color-mix(in srgb, #142736 78%, #607384 22%);
}

/* ==== Mobile: no inner scroll inside sections ==== */
@media (max-width: 991px){
  /* מבטל כל גלילה פנימית שנוספה בטעות */
  .page-section [style*="overflow"],
  .page-section [style*="overflow-y"],
  .page-section [style*="overflow-x"],
  .page-section [data-scroll-local]{
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    max-height: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  @supports (overflow: clip) {
    .page-section [style*="overflow"],
    .page-section [style*="overflow-y"],
    .page-section [style*="overflow-x"],
    .page-section [data-scroll-local]{
      overflow-x: clip !important;
    }
  }

  /* משאיר גלילה במודאל בלבד */
  .ox-modal__dialog{
    max-height: 80vh !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* ==== reCAPTCHA badge styling ==== */
.grecaptcha-badge {
  visibility: hidden !important;
}

@media (max-width: 991px) {
  .site-header {
    padding-inline: 1.25rem;
  }

  :root[data-theme="light"] .site-header {
    background: rgba(255, 255, 255, 0.98);
  }

  .site,
  .site-wrap,
  .page,
  main,
  .content,
  .container {
    transform: none !important;
    will-change: auto !important;
    filter: none !important;
  }

  body,
  .site,
  .site-wrap {
    overflow-y: visible !important;
  }

  html,
  body,
  .page,
  main {
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: auto;
  }
}