.mr-wa-showcase{
  --mr-wa-paper:#f5f4ef;
  --mr-wa-ink:#101820;
  --mr-wa-muted:#59656b;
  --mr-wa-green:#02774e;
  --mr-wa-green-soft:#dff2e9;
  position:relative;
  min-height:960px;
  padding:clamp(88px,8vw,132px) 0;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 18%,rgba(2,119,78,.065),transparent 29%),
    radial-gradient(circle at 8% 84%,rgba(2,119,78,.04),transparent 31%),
    var(--mr-wa-paper);
  border-top:1px solid rgba(16,24,32,.07);
  border-bottom:1px solid rgba(16,24,32,.07)
}
.mr-wa-showcase:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:linear-gradient(rgba(16,24,32,.021) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,32,.021) 1px,transparent 1px);
  background-size:80px 80px;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent 45%,rgba(0,0,0,.14));
  mask-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent 45%,rgba(0,0,0,.14))
}
.mr-wa-showcase__grid{
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(500px,1fr) minmax(540px,.95fr);
  gap:clamp(34px,4.5vw,72px);
  align-items:center
}
.mr-wa-showcase__copy{position:relative;z-index:4;max-width:620px}
.mr-wa-showcase__eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:29px;
  color:#17231f;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.105em;
  text-transform:uppercase
}
.mr-wa-showcase__eyebrow i{
  width:10px;
  height:10px;
  flex:0 0 auto;
  border:2px solid #75d2b0;
  border-radius:50%;
  background:#14a778;
  box-shadow:0 0 0 4px rgba(2,119,78,.06);
  animation:mr-wa-pulse 2.8s ease-out infinite
}
@keyframes mr-wa-pulse{70%{box-shadow:0 0 0 11px rgba(2,119,78,0)}100%{box-shadow:0 0 0 4px rgba(2,119,78,.06)}}
.mr-wa-showcase__title{
  margin:0;
  color:var(--mr-wa-ink);
  font-size:clamp(48px,4.45vw,72px);
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:650;
  text-wrap:balance
}
.mr-wa-showcase__title span{display:block}
.mr-wa-showcase__title .is-accent{color:#008b61}
.mr-wa-showcase__lead{
  max-width:620px;
  margin:36px 0 0;
  color:#49555a;
  font-size:clamp(17px,1.3vw,20px);
  line-height:1.58;
  text-wrap:pretty
}
.mr-wa-showcase__proofs{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:25px 0 0;
  padding:0;
  color:#26343a;
  font-size:14px;
  line-height:1.35;
  font-weight:650;
  list-style:none
}
.mr-wa-showcase__proofs li{display:inline-flex;align-items:center;gap:8px}
.mr-wa-showcase__proofs svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--mr-wa-green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mr-wa-showcase__actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
.mr-wa-showcase__button{
  min-height:52px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  border:1px solid #181a1b;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  color:#151719!important;
  font-size:14px;
  line-height:1;
  font-weight:750;
  text-decoration:none!important;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease
}
.mr-wa-showcase__button:hover{transform:translateY(-2px);background:#fff;color:#151719!important}
.mr-wa-showcase__button.is-primary{background:#141617;color:#fff!important;border-color:#141617}
.mr-wa-showcase__button.is-primary:hover{background:var(--mr-wa-green);border-color:var(--mr-wa-green);color:#fff!important}
.mr-wa-showcase__scene{
  position:relative;
  z-index:3;
  width:620px;
  min-height:760px;
  display:grid;
  place-items:center;
  justify-self:center;
  margin:0 auto;
}
.mr-wa-showcase__orbits{
  position:absolute;
  z-index:1;
  width:720px;
  height:720px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
}
.mr-wa-showcase__orbit{
  --orbit-size:720px;
  --orbit-speed:30s;
  position:absolute;
  left:50%;
  top:50%;
  width:var(--orbit-size);
  height:var(--orbit-size);
  margin:calc(var(--orbit-size)/-2) 0 0 calc(var(--orbit-size)/-2);
  border:1px solid rgba(2,119,78,.20);
  border-radius:50%;
  animation:mr-wa-orbit var(--orbit-speed) linear infinite;
  will-change:transform;
}
.mr-wa-showcase__orbit.is-middle{--orbit-size:610px;--orbit-speed:23s;border-color:rgba(2,119,78,.17);animation-direction:reverse}
.mr-wa-showcase__orbit.is-dashed{--orbit-size:510px;--orbit-speed:27s;border-style:dashed;border-color:rgba(2,119,78,.19)}
.mr-wa-showcase__orbit.is-inner{--orbit-size:420px;--orbit-speed:19s;border-color:rgba(2,119,78,.14);animation-direction:reverse}
.mr-wa-showcase__orbit i{
  position:absolute;
  width:11px;
  height:11px;
  left:-6px;
  top:50%;
  margin-top:-6px;
  border:3px solid var(--mr-wa-paper);
  border-radius:50%;
  background:var(--mr-wa-green);
  box-shadow:0 0 0 4px rgba(2,119,78,.06)
}
.mr-wa-showcase__orbit.is-middle i,.mr-wa-showcase__orbit.is-inner i{left:auto;right:-6px}
@keyframes mr-wa-orbit{to{transform:rotate(360deg)}}
.mr-wa-showcase__device{
  position:relative;
  z-index:4;
  width:365px;
  max-width:100%;
  height:700px;
  margin:0 auto;
  overflow:visible;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.mr-wa-showcase__device iframe{
  width:365px;
  height:700px;
  max-width:100%;
  display:block;
  border:0;
  background:transparent;
  color-scheme:light;
  transform:none;
}
.mr-wa-showcase__micro{
  position:absolute;
  z-index:6;
  color:rgba(16,24,32,.55);
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  pointer-events:none;
  white-space:nowrap;
}
.mr-wa-showcase__micro.is-1{top:18%;right:-35px;transform:rotate(90deg);transform-origin:center}
.mr-wa-showcase__micro.is-2{bottom:18%;left:-35px;transform:rotate(-90deg);transform-origin:center}
.mr-wa-showcase__chip{
  position:absolute;
  z-index:7;
  max-width:240px;
  padding:12px 18px;
  border:1px solid rgba(2,119,78,.18);
  border-radius:15px;
  background:rgba(255,255,255,.94);
  box-shadow:0 13px 36px rgba(10,13,12,.12);
  backdrop-filter:blur(12px);
  color:#143d30;
  font-size:12.5px;
  line-height:1.25;
  font-weight:800;
  animation:mr-wa-chip-float 4s ease-in-out infinite;
  white-space:nowrap;
}
.mr-wa-showcase__chip.is-1{left:-50px;top:22%}
.mr-wa-showcase__chip.is-2{right:-50px;top:48%;animation-delay:-1.25s}
.mr-wa-showcase__chip.is-3{left:-40px;bottom:18%;animation-delay:-2.15s}
@keyframes mr-wa-chip-float{50%{transform:translateY(-10px)}}
.mr-wa-showcase__scroll{
  position:absolute;
  left:50%;
  bottom:25px;
  z-index:6;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  color:#4d5551!important;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  text-decoration:none!important
}
.mr-wa-showcase__scroll span{animation:mr-wa-scroll 1.7s ease-in-out infinite}
@keyframes mr-wa-scroll{50%{transform:translateY(5px)}}
@media(max-width:1199px){
  .mr-wa-showcase{min-height:auto;padding:90px 0}
  .mr-wa-showcase__grid{grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);gap:28px}
  .mr-wa-showcase__scene{width:570px}
}
@media(max-width:991px){
  .mr-wa-showcase{padding:84px 0 48px}
  .mr-wa-showcase__grid{grid-template-columns:minmax(0,1fr);gap:38px;min-height:0}
  .mr-wa-showcase__copy{max-width:680px;margin:0 auto;text-align:center}
  .mr-wa-showcase__eyebrow,.mr-wa-showcase__proofs,.mr-wa-showcase__actions{justify-content:center}
  .mr-wa-showcase__lead{margin-left:auto;margin-right:auto}
  .mr-wa-showcase__scene{justify-self:center;width:100%;max-width:650px;transform:none}
  .mr-wa-showcase__scroll{display:none}
}
@media(max-width:767px){
  .mr-wa-showcase{padding:70px 0 0;overflow:hidden}
  .mr-wa-showcase__grid{width:100%;max-width:none;padding:0}
  .mr-wa-showcase__copy{padding:0 22px}
  .mr-wa-showcase__title{font-size:clamp(40px,11.4vw,56px);line-height:.99;letter-spacing:-.048em;overflow-wrap:anywhere}
  .mr-wa-showcase__lead{margin-top:25px;font-size:16.5px;line-height:1.55}
  .mr-wa-showcase__proofs{display:grid;justify-content:start;width:min(350px,100%);margin:23px auto 0;text-align:left}
  .mr-wa-showcase__actions{display:grid;grid-template-columns:1fr;width:min(350px,100%);margin:27px auto 0}
  .mr-wa-showcase__button{width:100%}
  .mr-wa-showcase__scene{width:100%;min-height:800px;left:auto;transform:none}
  .mr-wa-showcase__device{width:min(440px,100%);height:800px;margin:0 auto;}
  .mr-wa-showcase__device iframe{position:relative;left:auto;width:100%;height:800px;transform:none;}
  .mr-wa-showcase__orbits{width:560px;height:560px;transform:translate(-50%,-50%) scale(.84)}
  .mr-wa-showcase__chip{display:none}
  .mr-wa-showcase__micro{display:none}
}
@media(max-width:430px){
  .mr-wa-showcase__scene{min-height:800px}
  .mr-wa-showcase__device{height:800px}
}
@media(prefers-reduced-motion:reduce){
  .mr-wa-showcase__eyebrow i,.mr-wa-showcase__chip,.mr-wa-showcase__scroll span{animation:none}
  .mr-wa-showcase__orbit{animation-duration:60s}
}