/* Click Point final public-site polish — v53. Admin/editor logic intentionally untouched. */

/* Service visuals: keep the new black/orange artwork crisp instead of over-darkening it. */
.service-image img{
  filter:saturate(.96) contrast(1.04) brightness(.98) !important;
}
.service-card:hover .service-image img{
  filter:saturate(1.05) contrast(1.04) brightness(1.02) !important;
}

/* Floating controls — separate them so they never sit on top of each other. */
.floating-actions{
  position:static !important;
  display:block !important;
}
.accessibility-float,
.whatsapp-float{
  z-index:9998 !important;
  position:fixed !important;
  width:54px !important;
  height:54px !important;
}
.accessibility-float{
  left:22px !important;
  right:auto !important;
  bottom:22px !important;
  top:auto !important;
  background:#ff6b1a !important;
  border:1px solid rgba(255,255,255,.42) !important;
  font-size:0 !important;
  box-shadow:0 10px 34px rgba(255,107,26,.25),0 8px 28px rgba(0,0,0,.45) !important;
}
.accessibility-float::before{
  content:"";
  width:27px;
  height:27px;
  display:block;
  background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='4.5' r='2.2' fill='black'/%3E%3Cpath d='M4 8.2c0-1 .8-1.8 1.8-1.8h12.4c1 0 1.8.8 1.8 1.8S19.2 10 18.2 10h-3.4v3.1l3.1 6.1a1.8 1.8 0 1 1-3.2 1.6L12 15.5l-2.7 5.3a1.8 1.8 0 1 1-3.2-1.6l3.1-6.1V10H5.8C4.8 10 4 9.2 4 8.2Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='4.5' r='2.2' fill='black'/%3E%3Cpath d='M4 8.2c0-1 .8-1.8 1.8-1.8h12.4c1 0 1.8.8 1.8 1.8S19.2 10 18.2 10h-3.4v3.1l3.1 6.1a1.8 1.8 0 1 1-3.2 1.6L12 15.5l-2.7 5.3a1.8 1.8 0 1 1-3.2-1.6l3.1-6.1V10H5.8C4.8 10 4 9.2 4 8.2Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}
.whatsapp-float{
  left:22px !important;
  right:auto !important;
  top:104px !important;
  bottom:auto !important;
  background:#25d366 !important;
  border-color:rgba(255,255,255,.5) !important;
  box-shadow:0 10px 34px rgba(37,211,102,.2),0 8px 28px rgba(0,0,0,.42) !important;
}
.accessibility-panel{
  position:fixed !important;
  left:86px !important;
  right:auto !important;
  bottom:22px !important;
  top:auto !important;
}

/* Techlit card is injected by clickpoint-final-polish.js and behaves like every other project. */
.project-card[data-project-techlit] .project-image{object-position:center}

@media (max-width:600px){
  /* Intro title: compact, intentional line breaks instead of a tall wall of text. */
  .intro-copy .lead{
    text-align:center !important;
    font-size:28px !important;
    line-height:1.16 !important;
    letter-spacing:-.035em !important;
    max-width:100% !important;
  }
  .intro-copy .lead > span,
  .intro-copy .lead > strong{
    width:100% !important;
    max-width:100% !important;
    margin-inline:auto !important;
  }
  .intro-copy .lead strong{
    margin-top:10px !important;
    font-size:30px !important;
    line-height:1.13 !important;
  }

  /* The intro image was much too dark on phones. */
  .intro-visual{
    height:300px !important;
    margin-top:28px !important;
  }
  .intro-visual > img{
    filter:saturate(1) brightness(.98) contrast(1.03) !important;
  }
  .intro-visual:hover > img{
    filter:saturate(1.04) brightness(1.02) contrast(1.03) !important;
  }
  .intro-visual::after{
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.24)) !important;
  }
  .intro-visual-caption{
    bottom:14px !important;
    right:14px !important;
  }

  /* Why Click Point: three compact stats in one row; labels are now readable. */
  .proof{
    padding-top:58px !important;
    padding-bottom:64px !important;
  }
  .proof-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:1px !important;
    margin-top:30px !important;
  }
  .proof-stat{
    min-height:118px !important;
    padding:16px 7px !important;
  }
  .proof-stat strong{
    font-size:40px !important;
    letter-spacing:-.055em !important;
  }
  .proof-stat > span{
    margin-top:10px !important;
    padding-inline:2px !important;
    font-size:13px !important;
    line-height:1.35 !important;
    text-align:center !important;
  }
  .proof blockquote{
    margin-top:44px !important;
    font-size:28px !important;
    line-height:1.35 !important;
  }

  /* New service artwork gets more visual presence on mobile. */
  .service-image{
    height:220px !important;
  }
  .service-image img{
    filter:saturate(1) contrast(1.03) brightness(1.02) !important;
  }

  /* WhatsApp high-left but safely below the fixed header; accessibility low-left. */
  .whatsapp-float{
    top:98px !important;
    left:14px !important;
    right:auto !important;
    width:48px !important;
    height:48px !important;
  }
  .accessibility-float{
    left:14px !important;
    right:auto !important;
    bottom:14px !important;
    width:48px !important;
    height:48px !important;
  }
  .accessibility-float::before{width:24px;height:24px}
  .accessibility-panel{
    left:72px !important;
    right:auto !important;
    bottom:14px !important;
    width:min(205px,calc(100vw - 92px)) !important;
  }
}
/* === Click Point V54 approved polish === */

/* Approach section: preserve the first statement in white and restore the second statement as the orange emphasis. */
.intro-copy .lead > span{
  color:#fff !important;
}
.intro-copy .lead > strong{
  color:var(--orange,#ff6b1a) !important;
  display:block !important;
  font-size:.82em !important;
  line-height:1.08 !important;
  margin-top:14px !important;
}

/* Accessibility control: conventional blue wheelchair treatment, separate from the brand CTA colors. */
.accessibility-float{
  background:#075985 !important;
  border:2px solid #fff !important;
  box-shadow:0 10px 32px rgba(0,70,120,.34),0 8px 28px rgba(0,0,0,.46) !important;
  color:#fff !important;
}
.accessibility-float::before{
  content:"♿" !important;
  -webkit-mask:none !important;
  mask:none !important;
  background:none !important;
  color:#fff !important;
  width:auto !important;
  height:auto !important;
  font-size:29px !important;
  line-height:1 !important;
  font-family:Arial,"Noto Sans",sans-serif !important;
  font-weight:400 !important;
}
.accessibility-float:hover{
  background:#0369a1 !important;
  transform:translateY(-2px) !important;
}

/* Leaf service heroes: keep the generated visual readable beneath the existing dark cinematic overlay. */
.detail-hero > img{
  filter:saturate(1.03) contrast(1.04) brightness(.92) !important;
}

@media (max-width:600px){
  /* Approach section: cleaner hierarchy and centered supporting copy. */
  .intro-copy .lead > span{
    display:block !important;
    font-size:36px !important;
    line-height:1.13 !important;
  }
  .intro-copy .lead > strong{
    font-size:30px !important;
    line-height:1.14 !important;
    max-width:330px !important;
    margin:12px auto 0 !important;
  }
  .intro-columns{
    text-align:center !important;
  }
  .intro-columns p{
    text-align:center !important;
    margin-inline:auto !important;
  }

  /* Services heading: exactly two compact lines, visually balanced on phones. */
  .services .section-heading h2{
    width:100% !important;
    text-align:center !important;
    line-height:1 !important;
  }
  .services .section-heading h2 > span[data-cp-key="services_title_1"]{
    display:inline-block !important;
    white-space:nowrap !important;
    font-size:43px !important;
    line-height:1 !important;
  }
  .services .section-heading h2 > em{
    display:block !important;
    margin-top:10px !important;
    white-space:nowrap !important;
  }
  .services .section-heading h2 > em > span[data-cp-key="services_title_2"]{
    display:inline-block !important;
    white-space:nowrap !important;
    font-size:39px !important;
    line-height:1 !important;
  }

  .accessibility-float::before{font-size:26px !important}
}

/* === Click Point V56 corrected final polish === */

/* Homepage hero: approved new image gets enough presence to feel powerful,
   while the copy remains readable. The image file keeps the existing editable key/path. */
.hero-photo{
  opacity:.84 !important;
  filter:saturate(1.06) contrast(1.08) brightness(.98) !important;
  object-position:center center !important;
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(2,2,2,.60),rgba(2,2,2,.25) 48%,rgba(2,2,2,.54)),
    linear-gradient(180deg,rgba(2,2,2,.16),rgba(2,2,2,.08) 48%,rgba(3,3,3,.92) 100%) !important;
}

/* Accessibility: one clean Click Point control — no blue, no ring-inside-ring. */
.accessibility-float{
  background:#111 !important;
  border:1px solid rgba(255,107,26,.92) !important;
  border-radius:14px !important;
  box-shadow:0 9px 26px rgba(0,0,0,.42),0 0 18px rgba(255,107,26,.10) !important;
  color:transparent !important;
  font-size:0 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  outline:none !important;
}
.accessibility-float::before{
  content:"" !important;
  display:block !important;
  width:27px !important;
  height:27px !important;
  background:#ff6b1a !important;
  color:transparent !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='4' r='2.2' fill='black'/%3E%3Cpath d='M8.2 7.1h3v3h4.2v2.4h-4.2v2.1h4.4l3.1 5.2-2.1 1.2-2.4-4H9.7a2.9 2.9 0 0 1-2.9-2.9V8.5c0-.8.6-1.4 1.4-1.4Z' fill='black'/%3E%3Cpath d='M9.2 21.9a7.2 7.2 0 0 1-3.1-13.7v2.9a4.7 4.7 0 1 0 6.7 6.1h2.7a7.2 7.2 0 0 1-6.3 4.7Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='4' r='2.2' fill='black'/%3E%3Cpath d='M8.2 7.1h3v3h4.2v2.4h-4.2v2.1h4.4l3.1 5.2-2.1 1.2-2.4-4H9.7a2.9 2.9 0 0 1-2.9-2.9V8.5c0-.8.6-1.4 1.4-1.4Z' fill='black'/%3E%3Cpath d='M9.2 21.9a7.2 7.2 0 0 1-3.1-13.7v2.9a4.7 4.7 0 1 0 6.7 6.1h2.7a7.2 7.2 0 0 1-6.3 4.7Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat !important;
  font-size:0 !important;
  line-height:0 !important;
}
.accessibility-float:hover{
  background:#181818 !important;
  border-color:#ff7a2b !important;
  transform:translateY(-2px) !important;
}
.accessibility-float:focus-visible{
  outline:2px solid #ff6b1a !important;
  outline-offset:3px !important;
}

/* Six category pages + 18 leaf pages: reveal the actual artwork instead of washing it out. */
.service-page-hero>img,
.detail-hero>img{
  filter:saturate(1.08) contrast(1.10) brightness(1.04) !important;
}
.service-page-shade{
  background:
    linear-gradient(270deg,rgba(0,0,0,.54) 0%,rgba(0,0,0,.20) 56%,rgba(0,0,0,.10) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06) 32%,rgba(8,8,8,.58) 100%) !important;
}
.detail-hero>div{
  background:
    linear-gradient(270deg,rgba(0,0,0,.54) 0%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.08) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05) 34%,rgba(8,8,8,.58) 100%) !important;
}
.service-page-title h1,
.detail-hero h1{
  text-shadow:0 3px 22px rgba(0,0,0,.48) !important;
}

/* Shorter category choice heading. */
.subservices-heading h2{
  text-wrap:balance;
}

/* Portfolio is a showcase, not a CTA: compact landscape cards with less dead space. */
.portfolio-slider{
  gap:18px !important;
  padding-bottom:10px !important;
}
.portfolio-slider .project-card{
  flex:0 0 min(310px,72vw) !important;
  max-width:310px !important;
}
.portfolio-slider .project-visual{
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:16/10 !important;
  padding:20px !important;
}
.portfolio-slider .project-visual:before{
  width:190px !important;
  height:190px !important;
  top:18px !important;
}
.portfolio-slider .project-visual:after{
  width:82px !important;
  height:82px !important;
  top:72px !important;
}
.portfolio-slider .project-visual p{
  max-width:230px !important;
  margin:0 !important;
  font-size:17px !important;
  line-height:1.25 !important;
}
.portfolio-slider .project-info{
  min-height:0 !important;
  padding:12px 4px 14px !important;
}
.portfolio-slider .project-info h3{
  margin-bottom:4px !important;
  font-size:17px !important;
}
.portfolio-slider .project-info p{
  font-size:11px !important;
}

@media (max-width:600px){
  /* Hero image crop tuned separately for phones. */
  .hero-photo{
    opacity:.80 !important;
    object-position:center center !important;
  }
  .hero-shade{
    background:
      linear-gradient(180deg,rgba(2,2,2,.34) 0%,rgba(2,2,2,.22) 38%,rgba(2,2,2,.60) 72%,rgba(3,3,3,.94) 100%) !important;
  }

  /* Category and leaf service titles: no more oversized vertical towers. */
  .service-page-title h1{
    max-width:100% !important;
    margin:12px 0 18px !important;
    font-size:clamp(38px,10.5vw,48px) !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
    text-wrap:balance !important;
  }
  .service-page-title>span{
    max-width:100% !important;
    font-size:16px !important;
    line-height:1.65 !important;
  }
  .detail-hero h1{
    max-width:100% !important;
    margin:12px 0 18px !important;
    font-size:clamp(39px,10.8vw,50px) !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
    text-wrap:balance !important;
  }
  .detail-hero article>span{
    max-width:100% !important;
    font-size:16px !important;
    line-height:1.6 !important;
  }
  .service-page-shade,
  .detail-hero>div{
    background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.18) 38%,rgba(0,0,0,.64) 100%) !important;
  }

  /* Category choice title stays compact on mobile. */
  .subservices{
    padding-top:72px !important;
  }
  .subservices-heading{
    gap:12px !important;
  }
  .subservices-heading h2{
    max-width:100% !important;
    font-size:clamp(38px,10vw,48px) !important;
    line-height:1.04 !important;
    letter-spacing:-.04em !important;
    text-wrap:balance !important;
  }
  .subservices-grid{
    margin-top:34px !important;
  }

  /* Compact mobile portfolio cards. */
  .portfolio-slider{
    gap:14px !important;
  }
  .portfolio-slider .project-card{
    flex-basis:min(285px,76vw) !important;
    max-width:min(285px,76vw) !important;
  }
  .portfolio-slider .project-visual{
    aspect-ratio:16/10 !important;
    min-height:0 !important;
    padding:16px !important;
  }
  .portfolio-slider .project-visual:before{
    width:165px !important;
    height:165px !important;
    top:16px !important;
    right:5% !important;
  }
  .portfolio-slider .project-visual:after{
    width:70px !important;
    height:70px !important;
    top:64px !important;
  }
  .portfolio-slider .project-visual p{
    max-width:210px !important;
    font-size:16px !important;
  }
  .portfolio-slider .project-info{
    padding:10px 6px 12px !important;
  }
  .portfolio-slider .project-info h3{
    font-size:16px !important;
  }
  .portfolio-slider .project-info p{
    font-size:10px !important;
  }

  .accessibility-float::before{
    width:26px !important;
    height:26px !important;
  }
}

/* Prevent flex cross-axis stretching from recreating tall empty project cards. */
.portfolio-slider{
  align-items:flex-start !important;
}
.portfolio-slider .project-card{
  align-self:flex-start !important;
}

/* === Click Point V59 — six approved final fixes, based strictly on V56 === */

/* 1) Portfolio: remove the decorative circle/ring + center dot from every project card. */
.portfolio-slider .project-visual::before,
.portfolio-slider .project-visual::after,
.portfolio-slider .project-signal{
  display:none !important;
  content:none !important;
}

/* 5) Portfolio copy: keep the text clearly readable over every image without hiding the artwork. */
.portfolio-slider .project-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,.03) 18%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.82) 100%) !important;
}
.portfolio-slider .project-image{
  filter:saturate(1.06) contrast(1.06) brightness(.98) !important;
}
.portfolio-slider .project-visual p{
  position:relative !important;
  z-index:2 !important;
  color:#fff !important;
  font-weight:700 !important;
  text-shadow:0 2px 14px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.9) !important;
}

/* 6) Accessibility: one standard blue circular button + one white wheelchair SVG. */
.accessibility-float{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  background:#0878b9 !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:0 8px 24px rgba(0,0,0,.38) !important;
  color:transparent !important;
  font-size:0 !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  outline:none !important;
}
.accessibility-float::before{
  content:"" !important;
  display:block !important;
  width:31px !important;
  height:31px !important;
  background:#fff !important;
  color:transparent !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9.2' cy='4.1' r='2.15' fill='black'/%3E%3Cpath d='M8.2 7h3v3.15h4.15v2.35H11.2v2.15h4.45l3.05 5.15-2.05 1.2-2.4-4H9.7a2.9 2.9 0 0 1-2.9-2.9V8.4C6.8 7.62 7.42 7 8.2 7Z' fill='black'/%3E%3Cpath d='M9.15 22A7.15 7.15 0 0 1 6.1 8.38v2.85a4.7 4.7 0 1 0 6.72 6.05h2.72A7.15 7.15 0 0 1 9.15 22Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9.2' cy='4.1' r='2.15' fill='black'/%3E%3Cpath d='M8.2 7h3v3.15h4.15v2.35H11.2v2.15h4.45l3.05 5.15-2.05 1.2-2.4-4H9.7a2.9 2.9 0 0 1-2.9-2.9V8.4C6.8 7.62 7.42 7 8.2 7Z' fill='black'/%3E%3Cpath d='M9.15 22A7.15 7.15 0 0 1 6.1 8.38v2.85a4.7 4.7 0 1 0 6.72 6.05h2.72A7.15 7.15 0 0 1 9.15 22Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat !important;
  font-size:0 !important;
  line-height:0 !important;
}
.accessibility-float:hover{
  background:#096da5 !important;
  border:0 !important;
  transform:translateY(-2px) !important;
}
.accessibility-float:focus-visible{
  outline:3px solid #fff !important;
  outline-offset:3px !important;
}

/* 3) Cookie consent — same compact dark/cyan visual language used on TECHLIT. */
.cp-cookie-banner{
  position:fixed;
  z-index:10050;
  left:0;
  right:0;
  bottom:0;
  direction:rtl;
  color:#eefbff;
  background:rgba(2,17,23,.985);
  border-top:1px solid rgba(76,213,239,.34);
  box-shadow:0 -18px 50px rgba(0,0,0,.42);
  padding:18px max(20px,calc((100vw - 1280px)/2));
  font-family:inherit;
}
.cp-cookie-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  max-width:1280px;
  margin:0 auto;
}
.cp-cookie-copy{min-width:0;flex:1}
.cp-cookie-copy strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:17px;
  font-weight:800;
}
.cp-cookie-copy p{
  margin:0;
  color:#a7bac2;
  font-size:14px;
  line-height:1.55;
}
.cp-cookie-copy a{
  display:inline-block;
  margin-top:5px;
  color:#58d9ef;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.cp-cookie-actions{
  display:flex;
  flex:0 0 auto;
  gap:9px;
  align-items:center;
}
.cp-cookie-actions button{
  appearance:none;
  border:1px solid rgba(88,217,239,.32);
  border-radius:10px;
  background:#061f29;
  color:#e9f9fd;
  min-height:42px;
  padding:0 16px;
  font:700 13px/1 inherit;
  cursor:pointer;
}
.cp-cookie-actions button[data-cookie-action="accept"]{
  background:#58d9ef;
  border-color:#58d9ef;
  color:#021016;
}
.cp-cookie-actions button:hover{filter:brightness(1.08)}
.cp-cookie-settings{
  display:none;
  max-width:1280px;
  margin:14px auto 0;
  padding-top:13px;
  border-top:1px solid rgba(88,217,239,.16);
  gap:18px;
  flex-wrap:wrap;
  color:#c6d6dc;
  font-size:13px;
}
.cp-cookie-banner.is-settings .cp-cookie-settings{display:flex}
.cp-cookie-settings label{display:flex;align-items:center;gap:7px;cursor:pointer}
.cp-cookie-settings input{accent-color:#58d9ef}
.cp-cookie-settings input:disabled{opacity:.65}
.cp-cookie-settings .cp-cookie-save{
  margin-inline-start:auto;
  border:0;
  border-radius:8px;
  background:#58d9ef;
  color:#021016;
  padding:8px 15px;
  font-weight:800;
  cursor:pointer;
}
html.cp-cookie-open .accessibility-float{
  bottom:calc(var(--cp-cookie-height,120px) + 18px) !important;
}

@media (max-width:600px){
  /* 2) 360 / 1:1 / infinity: compact mobile row, smaller numbers and readable labels. */
  .proof{
    padding-top:46px !important;
    padding-bottom:50px !important;
  }
  .proof-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:1px !important;
    margin-top:24px !important;
  }
  .proof-stat{
    min-height:104px !important;
    padding:13px 5px !important;
  }
  .proof-stat strong{
    font-size:32px !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
  }
  .proof-stat > span{
    margin-top:9px !important;
    padding-inline:1px !important;
    color:rgba(255,255,255,.72) !important;
    font-size:13px !important;
    line-height:1.28 !important;
    font-weight:500 !important;
    text-align:center !important;
  }

  .portfolio-slider .project-overlay{
    background:linear-gradient(180deg,rgba(0,0,0,.02) 15%,rgba(0,0,0,.12) 45%,rgba(0,0,0,.86) 100%) !important;
  }
  .portfolio-slider .project-visual p{
    font-size:16px !important;
    line-height:1.32 !important;
  }

  .accessibility-float{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    left:18px !important;
    bottom:18px !important;
  }
  .accessibility-float::before{
    width:30px !important;
    height:30px !important;
  }
  html.cp-cookie-open .accessibility-float{
    bottom:calc(var(--cp-cookie-height,250px) + 14px) !important;
  }

  .cp-cookie-banner{padding:15px 14px 14px}
  .cp-cookie-inner{display:block}
  .cp-cookie-copy strong{font-size:16px}
  .cp-cookie-copy p{font-size:12px;line-height:1.45}
  .cp-cookie-copy a{font-size:12px}
  .cp-cookie-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:12px;
    gap:7px;
  }
  .cp-cookie-actions button{min-height:40px;padding:0 8px;font-size:12px}
  .cp-cookie-actions button[data-cookie-action="accept"]{grid-column:1/-1}
  .cp-cookie-settings{gap:10px;margin-top:11px;padding-top:10px;font-size:12px}
  .cp-cookie-settings .cp-cookie-save{width:100%;margin:2px 0 0}
}


/* === Click Point V60 — final approved corrections from the almost-final master === */

/* Accessibility: strong conventional blue, with one centered white wheelchair mark.
   The mark is an SVG mask (not an emoji), so Android cannot render a blue square inside the button. */
.accessibility-float{
  z-index:2147483646 !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  background:#0077b6 !important;
  border:0 !important;
  border-radius:50% !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-align:center !important;
  text-indent:0 !important;
  box-shadow:0 9px 26px rgba(0,119,182,.34),0 8px 24px rgba(0,0,0,.34) !important;
}
.accessibility-float::before{
  content:"" !important;
  display:block !important;
  width:30px !important;
  height:30px !important;
  margin:0 !important;
  background:#fff !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.7' cy='4.2' r='2.15' fill='black'/%3E%3Cpath d='M9.3 7h3.1v4h4.2v2.35h-4.2v1.8h3.75l3.05 4.85-2.05 1.25-2.35-3.75H9.95a3.15 3.15 0 0 1-3.15-3.15V8.65A1.65 1.65 0 0 1 8.45 7h.85Z' fill='black'/%3E%3Cpath d='M9.35 22a7.15 7.15 0 0 1-3.15-13.57v2.83a4.72 4.72 0 1 0 6.8 6.1h2.68A7.15 7.15 0 0 1 9.35 22Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.7' cy='4.2' r='2.15' fill='black'/%3E%3Cpath d='M9.3 7h3.1v4h4.2v2.35h-4.2v1.8h3.75l3.05 4.85-2.05 1.25-2.35-3.75H9.95a3.15 3.15 0 0 1-3.15-3.15V8.65A1.65 1.65 0 0 1 8.45 7h.85Z' fill='black'/%3E%3Cpath d='M9.35 22a7.15 7.15 0 0 1-3.15-13.57v2.83a4.72 4.72 0 1 0 6.8 6.1h2.68A7.15 7.15 0 0 1 9.35 22Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat !important;
}
.accessibility-float:hover{
  background:#006da8 !important;
}

/* Accessibility menu must always sit above the site, cookie layer and decorative effects. */
.floating-actions{
  z-index:2147483645 !important;
}
.accessibility-panel{
  z-index:2147483647 !important;
  isolation:isolate !important;
  pointer-events:auto !important;
}

/* Desktop cookies: TECHLIT-style centered floating box instead of a full-width strip. */
@media (min-width:601px){
  .cp-cookie-banner{
    left:50% !important;
    right:auto !important;
    bottom:18px !important;
    width:min(1420px,calc(100vw - 48px)) !important;
    transform:translateX(-50%) !important;
    padding:18px 22px !important;
    border:1px solid rgba(76,213,239,.30) !important;
    border-radius:18px !important;
    background:rgba(2,17,23,.985) !important;
    box-shadow:0 18px 60px rgba(0,0,0,.48) !important;
  }
  .cp-cookie-inner,
  .cp-cookie-settings{
    max-width:none !important;
  }
}

@media (max-width:600px){
  /* Mobile service discovery: subtle cue on the image; the whole card remains clickable. */
  .service-image::after{
    content:"לפרטים ←" !important;
    position:absolute !important;
    left:12px !important;
    bottom:12px !important;
    z-index:5 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:5px 11px !important;
    border:1px solid rgba(255,107,26,.78) !important;
    border-radius:999px !important;
    background:rgba(5,5,5,.76) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    box-shadow:0 4px 14px rgba(0,0,0,.32) !important;
    backdrop-filter:blur(5px) !important;
    -webkit-backdrop-filter:blur(5px) !important;
    pointer-events:none !important;
  }

  /* 360 / 1:1 / infinity: one compact, readable strip — no tall cards and no tiny copy. */
  .proof{
    padding-top:42px !important;
    padding-bottom:46px !important;
  }
  .proof-grid{
    width:100% !important;
    max-width:390px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:1px !important;
    margin:22px auto 0 !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }
  .proof-stat{
    min-width:0 !important;
    min-height:96px !important;
    padding:12px 6px 11px !important;
  }
  .proof-stat strong{
    font-size:34px !important;
    line-height:.95 !important;
    letter-spacing:-.04em !important;
  }
  .proof-stat > span{
    display:block !important;
    width:100% !important;
    margin-top:8px !important;
    padding:0 2px !important;
    color:rgba(255,255,255,.76) !important;
    font-size:14px !important;
    line-height:1.22 !important;
    font-weight:500 !important;
    text-align:center !important;
  }

  .accessibility-float::before{
    width:29px !important;
    height:29px !important;
  }
}


/* === Click Point V61 — approved final hotfixes on top of V60 === */

/* Accessibility button: strong blue + optically and mathematically centered white SVG mark. */
.accessibility-float{
  position:relative !important;
  display:block !important;
  padding:0 !important;
  background:#0066cc !important;
  border:0 !important;
  border-radius:50% !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  box-shadow:0 9px 28px rgba(0,102,204,.42),0 8px 24px rgba(0,0,0,.34) !important;
}
.accessibility-float::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:32px !important;
  height:32px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  background-color:transparent !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='15.4' cy='5.6' r='2.6' fill='%23fff' stroke='none'/%3E%3Cpath d='M13.6 9.6v8.1h7.2l4.1 7.1'/%3E%3Cpath d='M13.8 12.8h6.2'/%3E%3Cpath d='M13.5 17.8a7.3 7.3 0 1 1-3.7-6.35'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:32px 32px !important;
  -webkit-mask:none !important;
  mask:none !important;
}
.accessibility-float:hover{background:#0057b8 !important}

/* Keep the accessibility controls above every visual/cookie/header layer. */
.floating-actions{z-index:2147483645 !important}
.accessibility-panel{
  z-index:2147483647 !important;
  isolation:isolate !important;
  pointer-events:auto !important;
}

@media (max-width:600px){
  .accessibility-float::before{
    width:31px !important;
    height:31px !important;
    background-size:31px 31px !important;
  }

  /* Mobile service CTA: reset the original full-image pseudo-element completely. */
  .service-image::after{
    content:"לפרטים ←" !important;
    position:absolute !important;
    inset:auto auto 12px 12px !important;
    top:auto !important;
    right:auto !important;
    bottom:12px !important;
    left:12px !important;
    width:auto !important;
    max-width:max-content !important;
    height:30px !important;
    min-height:30px !important;
    aspect-ratio:auto !important;
    transform:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 11px !important;
    border:1px solid rgba(255,107,26,.78) !important;
    border-radius:999px !important;
    background:rgba(5,5,5,.80) !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    box-shadow:0 4px 14px rgba(0,0,0,.32) !important;
    backdrop-filter:blur(5px) !important;
    -webkit-backdrop-filter:blur(5px) !important;
    pointer-events:none !important;
  }
}

/* === Click Point V62 — final session: accessibility + premium subservice cards === */

/* Accessibility button: fixed, always visible, left side on desktop + mobile,
   vivid royal blue and a mathematically centered white wheelchair mark. */
.accessibility-float{
  position:fixed !important;
  z-index:2147483646 !important;
  left:22px !important;
  right:auto !important;
  bottom:22px !important;
  top:auto !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#0047ff !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:50% !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  box-shadow:0 10px 30px rgba(0,71,255,.48),0 8px 24px rgba(0,0,0,.38) !important;
}
.accessibility-float::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  width:31px !important;
  height:31px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  background-color:transparent !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='15.8' cy='5.6' r='2.7' fill='%23fff' stroke='none'/%3E%3Cpath d='M13.9 9.7v8.1h7.1l4.2 7.2'/%3E%3Cpath d='M14 12.8h6.2'/%3E%3Cpath d='M13.7 17.9a7.35 7.35 0 1 1-3.8-6.45'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-position:50% 50% !important;
  background-repeat:no-repeat !important;
  background-size:31px 31px !important;
  -webkit-mask:none !important;
  mask:none !important;
  pointer-events:none !important;
}
.accessibility-float:hover{
  background:#003ee0 !important;
  transform:translateY(-2px) !important;
}
.floating-actions{z-index:2147483645 !important}
.accessibility-panel{
  position:fixed !important;
  z-index:2147483647 !important;
  isolation:isolate !important;
  pointer-events:auto !important;
}

/* Premium choice cards on all six service category pages. */
.subservices-grid{
  gap:22px !important;
}
.subservice-card{
  --cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M13 18h38v28H13zM13 25h38M20 21h1M25 21h1' fill='none' stroke='%23ff6b1a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 35h20M22 40h13' fill='none' stroke='%23fff' stroke-opacity='.82' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:340px !important;
  padding:30px 30px 28px !important;
  border:1px solid rgba(255,107,26,.34) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 86% 10%,rgba(255,107,26,.13),transparent 30%),
    linear-gradient(145deg,#12100f 0%,#0b0b0b 55%,#080808 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.16) !important;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease !important;
}
.subservice-card::before{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  top:26px !important;
  right:28px !important;
  width:76px !important;
  height:76px !important;
  border:1px solid rgba(255,107,26,.36) !important;
  border-radius:16px !important;
  background-color:rgba(255,107,26,.055) !important;
  background-image:var(--cp-icon) !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:52px 52px !important;
  box-shadow:inset 0 0 28px rgba(255,107,26,.08),0 8px 30px rgba(0,0,0,.18) !important;
  transition:transform .3s ease,border-color .3s ease,background-color .3s ease !important;
}
.subservice-card::after{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  width:210px !important;
  height:1px !important;
  right:-38px !important;
  bottom:56px !important;
  background:linear-gradient(90deg,transparent,rgba(255,107,26,.58),transparent) !important;
  transform:rotate(-24deg) !important;
  transform-origin:center !important;
  opacity:.5 !important;
  pointer-events:none !important;
}
.subservice-card > span{
  display:none !important;
}
.subservice-card h3,
.subservice-card p,
.subservice-card b{
  position:relative !important;
  z-index:3 !important;
}
.subservice-card h3{
  margin:104px 0 15px !important;
  color:#fff !important;
  font-size:29px !important;
  line-height:1.18 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
}
.subservice-card p{
  max-width:94% !important;
  margin:0 !important;
  color:rgba(255,255,255,.62) !important;
  font-size:15px !important;
  line-height:1.72 !important;
}
.subservice-card b{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin-top:auto !important;
  padding-top:24px !important;
  color:#ff6b1a !important;
  font-size:14px !important;
  font-weight:800 !important;
  transition:color .25s ease,transform .25s ease !important;
}
.subservice-card:hover{
  border-color:rgba(255,107,26,.82) !important;
  background:
    radial-gradient(circle at 86% 10%,rgba(255,107,26,.20),transparent 34%),
    linear-gradient(145deg,#15110f 0%,#0c0c0c 56%,#080808 100%) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,107,26,.10),inset 0 1px 0 rgba(255,255,255,.055) !important;
  transform:translateY(-7px) !important;
}
.subservice-card:hover::before{
  transform:translateY(-3px) scale(1.035) !important;
  border-color:rgba(255,107,26,.72) !important;
  background-color:rgba(255,107,26,.10) !important;
}
.subservice-card:hover b{
  color:#ff8b4a !important;
  transform:translateX(-3px) !important;
}

/* Individual line icons — still one coherent visual system. */
.subservice-card[href*="corporate-site"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M10 15h44v34H10zM10 23h44' fill='none' stroke='%23ff6b1a' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M17 19h1M23 19h1M18 31h28M18 38h18' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.subservice-card[href*="ecommerce"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M12 16h7l5 24h25l5-17H22' fill='none' stroke='%23ff6b1a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='29' cy='48' r='3' fill='%23fff'/%3E%3Ccircle cx='45' cy='48' r='3' fill='%23fff'/%3E%3C/svg%3E")}
.subservice-card[href*="landing-page"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M13 12h38v40H13z' fill='none' stroke='%23ff6b1a' stroke-width='3'/%3E%3Cpath d='M21 22h22M21 29h15' stroke='%23fff' stroke-opacity='.86' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='m29 38 13 5-6 2-3 6z' fill='none' stroke='%23ff6b1a' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E")}
.subservice-card[href*="/marketing/google"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M16 45 31 16l7 13 10 16' fill='none' stroke='%23ff6b1a' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23 45h26' stroke='%23fff' stroke-opacity='.86' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
.subservice-card[href*="/marketing/facebook"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='21' fill='none' stroke='%23ff6b1a' stroke-width='3'/%3E%3Cpath d='M36 20h-5c-4 0-6 3-6 7v5h-4v7h4v13h8V39h6l1-7h-7v-4c0-1.5.8-2 2.4-2H40' fill='none' stroke='%23fff' stroke-opacity='.9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.subservice-card[href*="/marketing/instagram"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='13' y='13' width='38' height='38' rx='11' fill='none' stroke='%23ff6b1a' stroke-width='3'/%3E%3Ccircle cx='32' cy='32' r='9' fill='none' stroke='%23fff' stroke-opacity='.9' stroke-width='3'/%3E%3Ccircle cx='43' cy='21' r='2.5' fill='%23ff6b1a'/%3E%3C/svg%3E")}
.subservice-card[href*="/social/networks"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='19' cy='24' r='7' fill='none' stroke='%23ff6b1a' stroke-width='3'/%3E%3Ccircle cx='45' cy='20' r='6' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='3'/%3E%3Ccircle cx='39' cy='45' r='7' fill='none' stroke='%23ff6b1a' stroke-width='3'/%3E%3Cpath d='m25 25 14-3M23 30l11 10M44 26l-3 12' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='2.5'/%3E%3C/svg%3E")}
.subservice-card[href*="/social/campaigns"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M12 36h10l23 11V17L22 28H12z' fill='none' stroke='%23ff6b1a' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='m25 38 4 12h8l-6-15M50 25c4 4 4 10 0 14' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.7' stroke-linecap='round'/%3E%3C/svg%3E")}
.subservice-card[href*="/social/branding"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='m32 10 7 14 15 2-11 11 3 16-14-7-14 7 3-16L10 26l15-2z' fill='none' stroke='%23ff6b1a' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='32' r='6' fill='none' stroke='%23fff' stroke-opacity='.88' stroke-width='2.7'/%3E%3C/svg%3E")}
.subservice-card[href*="/strategy/research"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='28' cy='28' r='14' fill='none' stroke='%23ff6b1a' stroke-width='3'/%3E%3Cpath d='m38 39 13 13M21 29h14M28 22v14' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.7' stroke-linecap='round'/%3E%3C/svg%3E")}
.subservice-card[href*="/strategy/messaging"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M11 15h42v30H29L18 53v-8h-7z' fill='none' stroke='%23ff6b1a' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M20 25h24M20 33h17' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.subservice-card[href*="action-plan"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M16 12h32v40H16z' fill='none' stroke='%23ff6b1a' stroke-width='3'/%3E%3Cpath d='m22 24 3 3 6-7M34 24h8M22 36l3 3 6-7M34 36h8' fill='none' stroke='%23fff' stroke-opacity='.88' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.subservice-card[href*="smart-content"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M18 11h22l8 8v34H18zM40 11v10h8' fill='none' stroke='%23ff6b1a' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M25 31h16M25 38h16M25 45h10' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='m12 18 2-4 2 4 4 2-4 2-2 4-2-4-4-2z' fill='%23ff6b1a'/%3E%3C/svg%3E")}
.subservice-card[href*="smart-bots"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='14' y='19' width='36' height='30' rx='8' fill='none' stroke='%23ff6b1a' stroke-width='3'/%3E%3Cpath d='M32 19v-7M27 12h10' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.6' stroke-linecap='round'/%3E%3Ccircle cx='25' cy='33' r='3' fill='%23fff'/%3E%3Ccircle cx='39' cy='33' r='3' fill='%23fff'/%3E%3Cpath d='M25 41h14' stroke='%23ff6b1a' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.subservice-card[href*="/ai/analysis"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M12 49h40M17 44V31M28 44V20M39 44V27M50 44V13' fill='none' stroke='%23ff6b1a' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='m16 25 12-9 11 5 12-12' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.subservice-card[href*="lead-capture"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M12 14h40v36H12z' fill='none' stroke='%23ff6b1a' stroke-width='3'/%3E%3Ccircle cx='25' cy='28' r='6' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.5'/%3E%3Cpath d='M17 43c2-6 14-6 16 0M38 25h8M38 33h8' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.subservice-card[href*="follow-up"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M17 21h31v23H28l-9 7v-7h-2z' fill='none' stroke='%23ff6b1a' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M24 30h17M24 36h12' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M12 17h18' stroke='%23ff6b1a' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}
.subservice-card[href*="integrations"]{--cp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M23 12v12M17 18h12M41 40v12M35 46h12' fill='none' stroke='%23ff6b1a' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M25 22c10 0 17 4 17 13M39 42c-10 0-17-4-17-13' fill='none' stroke='%23fff' stroke-opacity='.86' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E")}

@media (max-width:800px){
  /* Mobile: same premium language, much less vertical scrolling. */
  .subservices{
    padding-top:58px !important;
    padding-bottom:66px !important;
  }
  .subservices-grid{
    gap:14px !important;
    margin-top:30px !important;
  }
  .subservice-card{
    min-height:0 !important;
    height:auto !important;
    padding:20px 20px 18px 112px !important;
    border-radius:16px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  .subservice-card::before{
    top:50% !important;
    right:auto !important;
    left:20px !important;
    width:72px !important;
    height:72px !important;
    border-radius:14px !important;
    background-size:48px 48px !important;
    transform:translateY(-50%) !important;
  }
  .subservice-card::after{
    width:150px !important;
    right:auto !important;
    left:-35px !important;
    bottom:28px !important;
    opacity:.42 !important;
  }
  .subservice-card h3{
    margin:0 0 8px !important;
    font-size:23px !important;
    line-height:1.18 !important;
  }
  .subservice-card p{
    max-width:100% !important;
    font-size:13.5px !important;
    line-height:1.55 !important;
  }
  .subservice-card b{
    margin-top:12px !important;
    padding-top:0 !important;
    font-size:13px !important;
  }
  .subservice-card:hover,
  .subservice-card:active{
    transform:none !important;
  }
  .subservice-card:hover::before,
  .subservice-card:active::before{
    transform:translateY(-50%) scale(1.025) !important;
  }

  .accessibility-float{
    left:16px !important;
    right:auto !important;
    bottom:16px !important;
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
  }
  .accessibility-float::before{
    width:30px !important;
    height:30px !important;
    background-size:30px 30px !important;
  }
}

/* V62 CTA finish: orange text + compact arrow disc, matching the approved mockup. */
.subservice-card b{
  gap:10px !important;
  font-size:0 !important;
}
.subservice-card b::before{
  content:"לקבלת פרטים" !important;
  color:#ff6b1a !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
}
.subservice-card b::after{
  content:"←" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  border-radius:50% !important;
  background:#ff6b1a !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:500 !important;
  line-height:1 !important;
  box-shadow:0 7px 18px rgba(255,107,26,.22) !important;
}
@media (max-width:800px){
  .subservice-card b{gap:8px !important}
  .subservice-card b::before{font-size:13px !important}
  .subservice-card b::after{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
    font-size:16px !important;
  }
}

/* === Click Point V63 — approved visual cards + supplied accessibility symbol === */

/* Accessibility: keep the approved vivid blue; use the supplied universal-access figure,
   isolated from its white background and centered as a real image asset. */
.accessibility-float{
  left:22px !important;
  right:auto !important;
  bottom:22px !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  padding:0 !important;
  background:#0047ff !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  z-index:2147483646 !important;
  box-shadow:0 10px 30px rgba(0,71,255,.48),0 8px 24px rgba(0,0,0,.38) !important;
}
.accessibility-float::before{
  content:"" !important;
  position:absolute !important;
  inset:50% auto auto 50% !important;
  width:34px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  background:transparent url('/accessibility-person.png') center/contain no-repeat !important;
  pointer-events:none !important;
}
.accessibility-float:hover{background:#0047ff !important}
.accessibility-panel{z-index:2147483647 !important}

/* Approved card direction: every sub-service gets a real service visual, not a small line icon. */
.subservice-card[href*="corporate-site"]{--cp-card-image:url('/service-detail-web-corporate.jpg')}
.subservice-card[href*="ecommerce"]{--cp-card-image:url('/service-detail-web-ecommerce.jpg')}
.subservice-card[href*="landing-page"]{--cp-card-image:url('/service-detail-web-landing.jpg')}
.subservice-card[href*="/marketing/google"]{--cp-card-image:url('/service-detail-marketing-google.jpg')}
.subservice-card[href*="/marketing/facebook"]{--cp-card-image:url('/service-detail-marketing-facebook.jpg')}
.subservice-card[href*="/marketing/instagram"]{--cp-card-image:url('/service-detail-marketing-instagram.jpg')}
.subservice-card[href*="/social/networks"]{--cp-card-image:url('/service-detail-social-networks.jpg')}
.subservice-card[href*="/social/campaigns"]{--cp-card-image:url('/service-detail-social-campaigns.jpg')}
.subservice-card[href*="/social/branding"]{--cp-card-image:url('/service-detail-social-branding.jpg')}
.subservice-card[href*="/strategy/research"]{--cp-card-image:url('/service-detail-strategy-research.jpg')}
.subservice-card[href*="/strategy/messaging"]{--cp-card-image:url('/service-detail-strategy-messaging.jpg')}
.subservice-card[href*="action-plan"]{--cp-card-image:url('/service-detail-strategy-action.jpg')}
.subservice-card[href*="smart-content"]{--cp-card-image:url('/service-detail-ai-content.jpg')}
.subservice-card[href*="smart-bots"]{--cp-card-image:url('/service-detail-ai-bots.jpg')}
.subservice-card[href*="/ai/analysis"]{--cp-card-image:url('/service-detail-ai-analysis.jpg')}
.subservice-card[href*="lead-capture"]{--cp-card-image:url('/service-detail-automation-leads.jpg')}
.subservice-card[href*="follow-up"]{--cp-card-image:url('/service-detail-automation-followup.jpg')}
.subservice-card[href*="integrations"]{--cp-card-image:url('/service-detail-automation-integrations.jpg')}

.subservices-grid{gap:24px !important}
.subservice-card{
  min-height:420px !important;
  padding:220px 28px 25px !important;
  border:1px solid rgba(255,107,26,.48) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 82% 7%,rgba(255,107,26,.18),transparent 30%),
    linear-gradient(145deg,#12100f 0%,#0a0a0a 58%,#070707 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 48px rgba(0,0,0,.24) !important;
}
.subservice-card::before{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  top:15px !important;
  left:15px !important;
  right:15px !important;
  width:auto !important;
  height:180px !important;
  border:1px solid rgba(255,107,26,.40) !important;
  border-radius:14px !important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.04) 56%,rgba(5,5,5,.42) 100%),
    var(--cp-card-image) !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:cover !important;
  box-shadow:inset 0 0 30px rgba(0,0,0,.08),0 10px 28px rgba(0,0,0,.22) !important;
  transform:none !important;
  transition:transform .3s ease,border-color .3s ease,filter .3s ease !important;
  filter:saturate(1.08) contrast(1.04) brightness(.98) !important;
}
.subservice-card::after{
  width:240px !important;
  right:-45px !important;
  left:auto !important;
  bottom:54px !important;
  opacity:.58 !important;
}
.subservice-card h3{
  margin:0 0 12px !important;
  font-size:28px !important;
  line-height:1.18 !important;
}
.subservice-card p{
  max-width:100% !important;
  font-size:15px !important;
  line-height:1.65 !important;
}
.subservice-card b{padding-top:20px !important}
.subservice-card:hover::before{
  transform:scale(1.018) !important;
  border-color:rgba(255,107,26,.78) !important;
  filter:saturate(1.14) contrast(1.06) brightness(1.02) !important;
}

@media (max-width:800px){
  .accessibility-float{
    left:16px !important;
    right:auto !important;
    bottom:16px !important;
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
  }
  .accessibility-float::before{
    width:32px !important;
    height:32px !important;
  }

  .subservices{padding-top:50px !important;padding-bottom:58px !important}
  .subservices-grid{gap:14px !important;margin-top:28px !important}
  .subservice-card{
    min-height:205px !important;
    height:205px !important;
    padding:20px 22px 18px 150px !important;
    border-radius:18px !important;
    justify-content:center !important;
  }
  .subservice-card::before{
    top:16px !important;
    bottom:16px !important;
    left:16px !important;
    right:auto !important;
    width:116px !important;
    height:auto !important;
    border-radius:15px !important;
    background-position:center !important;
    background-size:cover !important;
    transform:none !important;
  }
  .subservice-card::after{
    width:170px !important;
    left:-40px !important;
    right:auto !important;
    bottom:32px !important;
    opacity:.52 !important;
  }
  .subservice-card h3{
    margin:0 0 9px !important;
    font-size:22px !important;
    line-height:1.15 !important;
  }
  .subservice-card p{
    font-size:13.2px !important;
    line-height:1.48 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .subservice-card b{
    margin-top:11px !important;
    padding-top:0 !important;
  }
  .subservice-card:hover::before,
  .subservice-card:active::before{transform:none !important}
}

@media (max-width:390px){
  .subservice-card{
    height:196px !important;
    min-height:196px !important;
    padding:18px 18px 16px 136px !important;
  }
  .subservice-card::before{left:14px !important;top:14px !important;bottom:14px !important;width:104px !important}
  .subservice-card h3{font-size:20px !important}
  .subservice-card p{font-size:12.7px !important}
}

/* Footer micro-alignment: desktop only. Horizontal move only; no vertical/layout changes. */
@media (min-width: 769px) {
  .full-footer .footer-about > h3 {
    position: relative !important;
    left: -22px !important;
    transform: none !important;
  }
}

/* v86: the full footer text row receives pointer and touch events. */
.full-footer .footer-column > a{display:block!important;position:relative;z-index:1;min-height:44px;box-sizing:border-box;padding-block:10px;pointer-events:auto!important}
.full-footer .footer-column > a > span{pointer-events:none!important}