.anua-page{
  --anua-leaf:#58745d;
  --anua-leaf-deep:#304b38;
  --anua-mist:#dce7dc;
  --anua-water:#edf4f0;
}

.anua-page .w2-hero{
  background:
    radial-gradient(
      circle at 83% 16%,
      rgba(88,116,93,.16),
      transparent 19rem
    ),
    linear-gradient(
      132deg,
      #fff 0%,
      #f5f8f4 50%,
      #e7efe8 100%
    );
}

.anua-page .w2-kicker{
  color:var(--anua-leaf-deep);
}

.anua-page .anua-visual{
  position:relative;
  min-height:390px;
}

.anua-bottle{
  position:absolute;
  width:128px;
  height:295px;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(48,75,56,.18);
  border-radius:28px 28px 32px 32px;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.76),
      rgba(220,231,220,.56),
      rgba(255,255,255,.86)
    );
  box-shadow:
    inset 0 0 45px rgba(255,255,255,.9),
    0 25px 80px rgba(42,64,47,.15);
}

.anua-bottle::before{
  content:"";
  position:absolute;
  width:63px;
  height:42px;
  left:32px;
  top:-31px;
  border-radius:10px 10px 4px 4px;
  background:#f6f6f3;
  border:1px solid rgba(48,75,56,.13);
}

.anua-bottle::after{
  content:"77";
  position:absolute;
  inset:105px 0 auto;
  text-align:center;
  font-size:55px;
  line-height:1;
  font-weight:300;
  color:var(--anua-leaf-deep);
}

.anua-leaf{
  position:absolute;
  width:105px;
  height:65px;
  border-radius:100% 0 100% 0;
  background:
    linear-gradient(
      145deg,
      rgba(88,116,93,.94),
      rgba(48,75,56,.68)
    );
  box-shadow:0 15px 40px rgba(48,75,56,.16);
}

.anua-leaf::after{
  content:"";
  position:absolute;
  width:70px;
  height:1px;
  left:17px;
  top:32px;
  background:rgba(255,255,255,.58);
  transform:rotate(-27deg);
}

.anua-leaf-a{
  top:45px;
  left:5%;
  transform:rotate(-19deg);
}

.anua-leaf-b{
  right:1%;
  top:195px;
  transform:rotate(31deg) scale(.78);
}

.anua-drop{
  position:absolute;
  border-radius:55% 45% 62% 38% / 65% 38% 62% 35%;
  border:1px solid rgba(88,116,93,.18);
  background:rgba(255,255,255,.42);
  backdrop-filter:blur(9px);
}

.anua-drop-a{
  width:105px;
  height:125px;
  right:9%;
  top:18px;
}

.anua-drop-b{
  width:72px;
  height:86px;
  left:10%;
  bottom:10px;
}

.anua-meter{
  display:grid;
  grid-template-columns:77fr 23fr;
  height:16px;
  overflow:hidden;
  border-radius:999px;
  margin:28px 0 12px;
  background:#e8eae7;
}

.anua-meter-main{
  background:
    linear-gradient(
      90deg,
      var(--anua-leaf),
      #8aa38f
    );
}

.anua-meter-rest{
  background:#edf0ec;
}

.anua-fact{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:17px 0;
  border-bottom:1px solid var(--k-line);
}

.anua-fact:last-child{
  border-bottom:0;
}

.anua-fact strong{
  min-width:110px;
  color:var(--anua-leaf-deep);
}

.anua-step{
  position:relative;
  padding:20px 20px 20px 68px;
  margin:12px 0;
  border:1px solid var(--k-line);
  border-radius:18px;
  background:#fff;
}

body[dir="rtl"] .anua-step{
  padding:20px 68px 20px 20px;
}

.anua-step-number{
  position:absolute;
  left:20px;
  top:18px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-weight:800;
  background:var(--anua-leaf-deep);
}

body[dir="rtl"] .anua-step-number{
  left:auto;
  right:20px;
}

.anua-evidence{
  border-radius:24px;
  border:1px solid rgba(88,116,93,.17);
  background:
    linear-gradient(
      135deg,
      #f8faf7,
      #eef5ef
    );
  padding:26px;
  margin:30px 0;
}

.anua-evidence-label{
  font-weight:850;
  color:var(--anua-leaf-deep);
  margin-bottom:8px;
}

@media(max-width:560px){
  .anua-visual{
    min-height:320px;
  }

  .anua-bottle{
    transform:translate(-50%,-50%) scale(.84);
  }
}