/* Claimzy What We Do */
@font-face{
  font-family:"Discovery";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("../fonts/Discovery-Regular.woff2") format("woff2");
}
@font-face{
  font-family:"Discovery";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("../fonts/Discovery-Bold.woff2") format("woff2");
}
@font-face{
  font-family:"Discovery";
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url("../fonts/Discovery-Black.woff2") format("woff2");
}

.czy-what-we-do{
  --navy:#072E55;
  --navy-mid:#24446C;
  --mint:#27FEC8;
  --mint-bright:#94FEE9;
  --mint-pale:#DFFFF7;
  --ink:#072E55;
  --ink-soft:#475c79;
  --ink-muted:#8092a8;
  --bg:#FFFFFF;
  --bg-soft:#FAFBFF;
  --border:#E8ECF3;
  --surface:#EEF1F6;
  --font:"Discovery","Heebo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --grid-max:1440px;
  --section-pad-x:clamp(24px,5vw,72px);
  --radius-card:16px;
  --ease:cubic-bezier(.16,1,.3,1);

  box-sizing:border-box;
  font-family:var(--font);
  font-size:18px;
  color:var(--ink);
  background:transparent;
  -webkit-font-smoothing:antialiased;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

.czy-what-we-do *,
.czy-what-we-do *::before,
.czy-what-we-do *::after{box-sizing:border-box}
.czy-what-we-do ::selection{background:var(--mint);color:var(--navy)}

.czy-what-we-do .wwd{
  position:relative;
  padding:clamp(64px,7.5vw,112px) var(--section-pad-x);
  background:transparent;
  overflow:visible;
}

.czy-what-we-do .wwd__inner{
  position:relative;
  z-index:2;
  max-width:var(--grid-max);
  margin:0 auto;
  text-align:center;
}

.czy-what-we-do .wwd__decor{
  display:none;
}

.czy-what-we-do .wwd__decor--battery{
  width:clamp(120px,15vw,230px);
  height:auto;
  inset-inline-start:max(-4vw,-24px);
  bottom:clamp(24px,4vw,64px);
}

.czy-what-we-do .wwd__decor--motor{
  width:clamp(100px,12vw,170px);
  height:auto;
  inset-inline-end:max(-2vw,-12px);
  top:clamp(48px,8vw,120px);
}

.czy-what-we-do .wwd__header{
  text-align:center;
  max-width:900px;
  margin:0 auto clamp(38px,4.5vw,60px);
}

.czy-what-we-do .wwd__header::before{
  content:"Claimzy מטפלת בזה";
  display:inline-flex;
  align-items:center;
  margin-bottom:18px;
  padding:8px 16px;
  border-radius:999px;
  background:var(--mint-pale);
  border:1px solid rgba(39,254,200,.5);
  color:var(--navy);
  font-size:14px;
  font-weight:800;
  line-height:1.2;
}

.czy-what-we-do .wwd__title{
  margin:0;
  font-size:clamp(32px,4vw,52px);
  font-weight:400;
  line-height:1.16;
  letter-spacing:-.02em;
  color:var(--navy);
  text-wrap:pretty;
}

.czy-what-we-do .wwd__title b,
.czy-what-we-do .wwd__title strong{
  font-weight:900;
  position:relative;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

.czy-what-we-do .wwd__title b::after,
.czy-what-we-do .wwd__title strong::after{
  content:"";
  position:absolute;
  right:0;left:0;bottom:.04em;height:.26em;z-index:-1;border-radius:3px;
  background:linear-gradient(180deg,transparent 55%,var(--mint) 55%);
}

.czy-what-we-do .wwd__sub{
  margin-top:20px;
  max-width:680px;
  margin-inline:auto;
  font-size:clamp(17px,1.35vw,22px);
  line-height:1.65;
  color:var(--ink-soft);
  text-wrap:pretty;
}

.czy-what-we-do .wwd__sub p{margin:0}
.czy-what-we-do .wwd__sub b,
.czy-what-we-do .wwd__sub strong{color:var(--navy);font-weight:700}

.czy-what-we-do .wwd__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:row;
  gap:clamp(14px,1.8vw,22px);
  list-style:none;
  margin:0 auto;
  padding:0;
}

.czy-what-we-do .wwd-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:clamp(14px,1.6vw,18px);
  margin:0;
  min-height:0;
  padding:clamp(14px,1.5vw,18px);
  background:#fff;
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:
    0 1px 2px rgba(7,46,85,.04),
    0 8px 28px -14px rgba(7,46,85,.16);
  overflow:hidden;
  transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease),background .32s var(--ease);
}

.czy-what-we-do .wwd-card::before{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  height:4px;
  opacity:0;
  background:linear-gradient(100deg,var(--mint-bright) 0%,var(--mint) 100%);
  transition:opacity .32s var(--ease);
}

.czy-what-we-do .wwd-card:nth-child(1){
  grid-column:auto;
  background:#fff;
  border-color:var(--border);
}

.czy-what-we-do .wwd-card:nth-child(4){
  grid-row:auto;
  align-items:center;
  flex-direction:row;
}

.czy-what-we-do .wwd-card:nth-child(4) .wwd-card__body{
  text-align:start;
}

.czy-what-we-do .wwd-card:hover{
  transform:translateY(-3px);
  border-color:#DDE3EC;
  background:linear-gradient(150deg,#fff 0%,rgba(223,255,247,.62) 160%);
  box-shadow:
    0 2px 4px rgba(7,46,85,.05),
    0 16px 40px -16px rgba(7,46,85,.22);
}

.czy-what-we-do .wwd-card:hover::before{opacity:1}

.czy-what-we-do .wwd-card__icon-wrap{
  flex:none;
  width:58px;
  height:auto;
  display:grid;
  place-items:center;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:hidden;
}

.czy-what-we-do .wwd-card__icon{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
  transition:transform .32s var(--ease);
}

.czy-what-we-do .wwd-card:hover .wwd-card__icon{
  transform:translateY(-2px);
}

.czy-what-we-do .wwd-card__body{
  flex:1;
  min-width:0;
  text-align:start;
  align-self:center;
}

.czy-what-we-do .wwd-card__title{
  margin:0 0 6px;
  font-size:clamp(19px,1.55vw,24px);
  font-weight:900;
  line-height:1.25;
  color:var(--navy);
  text-wrap:pretty;
}

.czy-what-we-do .wwd-card__text{
  margin:0;
  font-size:clamp(14px,1vw,16px);
  font-weight:400;
  line-height:1.58;
  color:var(--ink-soft);
  text-wrap:pretty;
}

@media (max-width:1024px){
  .czy-what-we-do .wwd__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .czy-what-we-do .wwd-card:nth-child(1){grid-column:auto}
  .czy-what-we-do .wwd-card:nth-child(4){grid-row:auto;flex-direction:row;align-items:center}
}

@media (max-width:640px){
  .czy-what-we-do .wwd__grid{
    grid-template-columns:1fr;
    max-width:480px;
    margin-inline:auto;
  }
  .czy-what-we-do .wwd__header{text-align:center;margin-inline:auto}
  .czy-what-we-do .wwd-card:nth-child(1){grid-column:auto}
  .czy-what-we-do .wwd-card{padding:14px;min-height:0;border-radius:20px;align-items:center}
  .czy-what-we-do .wwd-card__icon-wrap{width:52px;border-radius:0}
}

@media (prefers-reduced-motion:reduce){
  .czy-what-we-do .wwd-card,
  .czy-what-we-do .wwd-card__icon{transition:none}
  .czy-what-we-do .wwd-card:hover{transform:none}
  .czy-what-we-do .wwd-card:hover .wwd-card__icon{transform:none}
}