.elementor-123 .elementor-element.elementor-element-f1f1444{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-714dfb9 *//* =========================================================
   MK RESTAURANTS PERFORMANCE PAGE
========================================================= */

.mkr-page {
  --mkr-bg: #090a0a;
  --mkr-bg-soft: #0d0e0e;
  --mkr-card: #121313;
  --mkr-card-deep: #090a0a;

  --mkr-text: #fff9ef;
  --mkr-muted: #c9bead;
  --mkr-muted-2: #948a7c;

  --mkr-gold: #f2ca50;
  --mkr-gold-dark: #d5ae3d;
  --mkr-cyan: #43e2d2;

  --mkr-green: #20c978;
  --mkr-red: #eb7777;

  --mkr-line:
    rgba(255, 255, 255, 0.075);

  --mkr-line-gold:
    rgba(242, 202, 80, 0.18);

  --mkr-line-cyan:
    rgba(67, 226, 210, 0.17);

  --mkr-radius-xl: 28px;
  --mkr-container: 1240px;

  position: relative;

  width: 100%;

  overflow: hidden;

  isolation: isolate;

  background:
    radial-gradient(
      circle at 80% 3%,
      rgba(242, 202, 80, 0.05),
      transparent 27%
    ),
    radial-gradient(
      circle at 7% 44%,
      rgba(67, 226, 210, 0.03),
      transparent 26%
    ),
    var(--mkr-bg);

  color:
    var(--mkr-text);

  font-family:
    "IBM Plex Sans Arabic",
    Arial,
    sans-serif;

  text-align: right;
}


.mkr-page *,
.mkr-page *::before,
.mkr-page *::after {
  box-sizing: border-box;
}


.mkr-page a {
  color: inherit;

  text-decoration: none;
}


.mkr-page button,
.mkr-page input,
.mkr-page select,
.mkr-page textarea {
  font: inherit;
}


.mkr-page button {
  color: inherit;
}


.mkr-page img,
.mkr-page svg {
  display: block;

  max-width: 100%;
}


.mkr-page h1,
.mkr-page h2,
.mkr-page h3,
.mkr-page p,
.mkr-page figure {
  margin: 0;
}


.mkr-page ul,
.mkr-page ol {
  margin: 0;

  padding: 0;
}


.mkr-container {
  width:
    min(
      var(--mkr-container),
      calc(100% - 40px)
    );

  margin-inline: auto;
}


.mkr-section {
  position: relative;

  padding:
    96px 0;
}


.mkr-gold {
  color:
    var(--mkr-gold) !important;
}


.mkr-cyan {
  color:
    var(--mkr-cyan) !important;
}



/* =========================================================
   REVEAL
========================================================= */

.mkr-reveal {
  opacity: 0;

  transform:
    translateY(28px);

  transition:
    opacity 0.72s ease
      var(--mkr-delay, 0ms),
    transform 0.72s ease
      var(--mkr-delay, 0ms);

  will-change:
    opacity,
    transform;
}


.mkr-reveal.mkr-visible {
  opacity: 1;

  transform:
    translateY(0);
}



/* =========================================================
   COMMON
========================================================= */

.mkr-eyebrow {
  width: fit-content;

  display: inline-flex;

  align-items: center;

  gap: 9px;

  padding:
    9px 14px;

  border-radius:
    999px;

  border:
    1px solid
    var(--mkr-line-gold);

  background:
    rgba(
      242,
      202,
      80,
      0.035
    );

  color:
    var(--mkr-gold);

  font-size:
    0.84rem;

  font-weight:
    700;
}


.mkr-eyebrow > span {
  width: 8px;

  height: 8px;

  flex:
    0 0 auto;

  border-radius:
    50%;

  background:
    var(--mkr-gold);

  box-shadow:
    0 0 16px
    rgba(
      242,
      202,
      80,
      0.45
    );
}


.mkr-eyebrow-cyan {
  color:
    var(--mkr-cyan);

  border-color:
    var(--mkr-line-cyan);

  background:
    rgba(
      67,
      226,
      210,
      0.035
    );
}


.mkr-eyebrow-cyan
> span {
  background:
    var(--mkr-cyan);

  box-shadow:
    0 0 16px
    rgba(
      67,
      226,
      210,
      0.4
    );
}


.mkr-section-heading {
  width: 100%;

  max-width:
    900px;

  margin-inline:
    auto;

  margin-bottom:
    48px;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  text-align:
    center;
}


.mkr-section-heading
.mkr-eyebrow {
  margin-inline:
    auto;
}


.mkr-section-heading h2 {
  width: 100%;

  margin-top:
    18px;

  color:
    var(--mkr-text);

  font-size:
    clamp(
      2.1rem,
      4.2vw,
      3.7rem
    );

  line-height:
    1.2;

  letter-spacing:
    -0.035em;

  font-weight:
    700;

  text-align:
    center;
}


.mkr-section-heading
> p {
  width: 100%;

  max-width:
    760px;

  margin-top:
    15px;

  margin-inline:
    auto;

  color:
    var(--mkr-muted);

  font-size:
    1.04rem;

  line-height:
    1.95;

  text-align:
    center;
}


.mkr-btn {
  min-height:
    56px;

  padding:
    0 26px;

  border: 0;

  border-radius:
    14px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap: 11px;

  cursor:
    pointer;

  font-weight:
    700;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease;
}


.mkr-btn:hover {
  transform:
    translateY(-3px);
}


.mkr-btn-primary {
  color:
    #171208 !important;

  background:
    linear-gradient(
      135deg,
      #f7d65f,
      var(--mkr-gold-dark)
    );

  box-shadow:
    0 16px 34px
    rgba(
      213,
      174,
      61,
      0.15
    );
}


.mkr-btn-primary:hover {
  filter:
    brightness(1.05);

  box-shadow:
    0 18px 40px
    rgba(
      213,
      174,
      61,
      0.22
    );
}


.mkr-btn svg {
  width:
    20px;

  height:
    20px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.8;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}



/* =========================================================
   HERO
========================================================= */

.mkr-hero {
  min-height:
    760px;

  display:
    flex;

  align-items:
    center;

  padding-top:
    70px;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.045
    );
}


.mkr-hero-grid {
  display:
    grid;

  grid-template-columns:
    1.04fr 0.96fr;

  gap:
    70px;

  align-items:
    center;
}


.mkr-hero-copy {
  display:
    flex;

  flex-direction:
    column;

  align-items:
    flex-start;
}


.mkr-hero-copy h1 {
  max-width:
    740px;

  margin-top:
    23px;

  color:
    var(--mkr-text);

  font-size:
    clamp(
      2.75rem,
      5vw,
      5rem
    );

  line-height:
    1.13;

  letter-spacing:
    -0.045em;

  font-weight:
    700;
}


.mkr-hero-copy h1 em,
.mkr-contact-copy h2 em {
  color:
    var(--mkr-gold);

  font-style:
    normal;
}


.mkr-hero-copy
> p:not(.mkr-hero-note) {
  max-width:
    700px;

  margin-top:
    22px;

  color:
    var(--mkr-muted);

  font-size:
    1.06rem;

  line-height:
    2;
}


.mkr-hero-metrics {
  width:
    100%;

  max-width:
    670px;

  margin-top:
    32px;

  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap:
    12px;
}


.mkr-hero-metrics article {
  min-height:
    112px;

  padding:
    16px 17px;

  border-radius:
    17px;

  border:
    1px solid
    var(--mkr-line);

  background:
    linear-gradient(
      180deg,
      rgba(
        255,
        255,
        255,
        0.028
      ),
      rgba(
        255,
        255,
        255,
        0.012
      )
    ),
    var(--mkr-bg-soft);
}


.mkr-hero-metrics
article:nth-child(1),
.mkr-hero-metrics
article:nth-child(3) {
  border-color:
    var(--mkr-line-gold);
}


.mkr-hero-metrics
article:nth-child(2) {
  border-color:
    var(--mkr-line-cyan);
}


.mkr-hero-metrics span,
.mkr-hero-metrics small {
  display:
    block;

  color:
    var(--mkr-muted-2);

  font-family:
    "Manrope",
    "IBM Plex Sans Arabic",
    sans-serif;

  font-size:
    0.69rem;
}


.mkr-hero-metrics strong {
  display:
    block;

  margin:
    5px 0 4px;

  font-family:
    "Manrope",
    "IBM Plex Sans Arabic",
    sans-serif;

  font-size:
    1.75rem;

  line-height:
    1.15;
}


.mkr-hero-copy
.mkr-btn {
  margin-top:
    28px;
}


.mkr-hero-note {
  margin-top:
    15px !important;

  color:
    var(--mkr-muted-2) !important;

  font-size:
    0.78rem !important;
}


.mkr-hero-visual {
  position:
    relative;

  width:
    min(
      100%,
      530px
    );

  margin-inline:
    auto;
}


.mkr-portrait-glow {
  position:
    absolute;

  inset:
    8% 4%;

  background:
    radial-gradient(
      circle at 70% 20%,
      rgba(
        242,
        202,
        80,
        0.18
      ),
      transparent 50%
    ),
    radial-gradient(
      circle at 20% 70%,
      rgba(
        67,
        226,
        210,
        0.1
      ),
      transparent 52%
    );

  filter:
    blur(48px);

  animation:
    mkr-pulse-glow
    5s ease-in-out
    infinite;
}


@keyframes mkr-pulse-glow {

  0%,
  100% {
    opacity:
      0.7;

    transform:
      scale(1);
  }

  50% {
    opacity:
      1;

    transform:
      scale(1.04);
  }

}


.mkr-portrait-card {
  position:
    relative;

  z-index:
    1;

  width:
    86%;

  aspect-ratio:
    0.82 / 1;

  margin-inline:
    auto;

  overflow:
    hidden;

  border-radius:
    24px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.065
    );

  background:
    #131414;

  box-shadow:
    0 30px 80px
    rgba(
      0,
      0,
      0,
      0.3
    );
}


.mkr-portrait-card img {
  width:
    100%;

  height:
    100%;

  object-fit:
    cover;

  object-position:
    center top;

  filter:
    grayscale(0.2)
    contrast(1.03);

  transition:
    transform 0.7s ease,
    filter 0.7s ease;
}


.mkr-portrait-card:hover img {
  transform:
    scale(1.035);

  filter:
    grayscale(0)
    contrast(1.02);
}


.mkr-image-overlay {
  position:
    absolute;

  inset:
    0;

  pointer-events:
    none;

  background:
    linear-gradient(
      180deg,
      transparent 55%,
      rgba(
        8,
        9,
        9,
        0.65
      ) 100%
    ),
    linear-gradient(
      135deg,
      rgba(
        242,
        202,
        80,
        0.025
      ),
      transparent 40%,
      rgba(
        67,
        226,
        210,
        0.035
      )
    );
}


.mkr-floating-stat {
  position:
    absolute;

  z-index:
    3;

  min-width:
    140px;

  padding:
    17px 18px;

  border-radius:
    17px;

  border:
    1px solid
    var(--mkr-line);

  background:
    rgba(
      10,
      11,
      11,
      0.91
    );

  backdrop-filter:
    blur(16px);

  -webkit-backdrop-filter:
    blur(16px);

  box-shadow:
    0 18px 38px
    rgba(
      0,
      0,
      0,
      0.26
    );

  animation:
    mkr-float
    4.4s
    ease-in-out
    infinite;
}


.mkr-floating-stat span,
.mkr-floating-stat small {
  display:
    block;

  color:
    var(--mkr-muted-2);

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    0.68rem;
}


.mkr-floating-stat strong {
  display:
    block;

  margin:
    4px 0 1px;

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    1.65rem;
}


.mkr-floating-one {
  top:
    7%;

  right:
    0;

  color:
    var(--mkr-gold);
}


.mkr-floating-two {
  top:
    40%;

  left:
    -2%;

  color:
    var(--mkr-cyan);

  animation-delay:
    -1.1s;
}


.mkr-floating-three {
  right:
    1%;

  bottom:
    10%;

  color:
    var(--mkr-gold);

  animation-delay:
    -2.2s;
}


@keyframes mkr-float {

  0%,
  100% {
    transform:
      translateY(0);
  }

  50% {
    transform:
      translateY(-8px);
  }

}



/* =========================================================
   RESTAURANT LOGO MARQUEE
========================================================= */

.mkr-brands-section {
  padding-top:
    82px;

  padding-bottom:
    82px;

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.045
    );
}


.mkr-brands-section
.mkr-section-heading {
  margin-bottom:
    34px;
}


.mkr-marquee-shell {
  position:
    relative;

  width:
    100%;

  overflow:
    hidden;

  padding:
    25px 0;

  border-top:
    1px solid
    rgba(
      255,
      255,
      255,
      0.055
    );

  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.055
    );

  background:
    linear-gradient(
      180deg,
      rgba(
        255,
        255,
        255,
        0.016
      ),
      rgba(
        255,
        255,
        255,
        0.006
      )
    );
}


.mkr-marquee {
  width:
    100%;

  overflow:
    hidden;

  direction:
    ltr;
}


.mkr-marquee-track {
  --mkr-marquee-duration:
    38s;

  width:
    max-content;

  display:
    flex;

  animation:
    mkr-logo-marquee
    var(--mkr-marquee-duration)
    linear
    infinite;

  will-change:
    transform;
}


.mkr-marquee-group {
  display:
    flex;

  flex-shrink:
    0;

  align-items:
    center;

  gap:
    18px;

  padding-right:
    18px;
}


@keyframes mkr-logo-marquee {

  from {
    transform:
      translateX(0);
  }

  to {
    transform:
      translateX(-50%);
  }

}


.mkr-marquee-shell:hover
.mkr-marquee-track {
  animation-play-state:
    paused;
}


.mkr-logo-item {
  position:
    relative;

  width:
    175px;

  height:
    110px;

  flex:
    0 0 175px;

  padding:
    15px;

  overflow:
    hidden;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    18px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.065
    );

  background:
    linear-gradient(
      180deg,
      rgba(
        255,
        255,
        255,
        0.028
      ),
      rgba(
        255,
        255,
        255,
        0.006
      )
    ),
    #101111;

  box-shadow:
    0 12px 30px
    rgba(
      0,
      0,
      0,
      0.13
    );

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}


.mkr-logo-item:hover {
  transform:
    translateY(-5px)
    scale(1.025);

  border-color:
    rgba(
      242,
      202,
      80,
      0.32
    );

  box-shadow:
    0 20px 42px
    rgba(
      0,
      0,
      0,
      0.25
    );
}


.mkr-logo-item img {
  width:
    100%;

  height:
    100%;

  max-width:
    145px;

  max-height:
    80px;

  object-fit:
    contain;

  object-position:
    center;

  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}


.mkr-logo-item:hover img {
  transform:
    scale(1.055);
}


.mkr-logo-fallback {
  width:
    100%;

  height:
    100%;

  display:
    none;

  align-items:
    center;

  justify-content:
    center;

  text-align:
    center;

  color:
    var(--mkr-text);

  font-family:
    "Manrope",
    "IBM Plex Sans Arabic",
    sans-serif;

  font-size:
    0.82rem;

  font-weight:
    700;

  line-height:
    1.5;
}


.mkr-marquee-fade {
  position:
    absolute;

  z-index:
    4;

  top:
    0;

  bottom:
    0;

  width:
    115px;

  pointer-events:
    none;
}


.mkr-marquee-fade-right {
  right:
    0;

  background:
    linear-gradient(
      270deg,
      var(--mkr-bg),
      rgba(
        9,
        10,
        10,
        0
      )
    );
}


.mkr-marquee-fade-left {
  left:
    0;

  background:
    linear-gradient(
      90deg,
      var(--mkr-bg),
      rgba(
        9,
        10,
        10,
        0
      )
    );
}



/* =========================================================
   PERFORMANCE
========================================================= */

.mkr-performance-section {
  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.045
    );
}


.mkr-carousel {
  position:
    relative;
}


.mkr-carousel-track {
  width:
    100%;

  display:
    flex;

  overflow-x:
    auto;

  overflow-y:
    hidden;

  direction:
    ltr;

  scroll-snap-type:
    x mandatory;

  scroll-behavior:
    smooth;

  scrollbar-width:
    none;

  touch-action:
    pan-y;

  cursor:
    grab;
}


.mkr-carousel-track::-webkit-scrollbar {
  display:
    none;
}


.mkr-carousel-track.mkr-dragging {
  cursor:
    grabbing;

  scroll-behavior:
    auto;

  user-select:
    none;
}


.mkr-case-slide {
  min-width:
    100%;

  width:
    100%;

  padding:
    2px;

  direction:
    rtl;

  scroll-snap-align:
    start;

  scroll-snap-stop:
    always;
}


.mkr-case-card {
  width:
    100%;

  padding:
    40px;

  border-radius:
    var(--mkr-radius-xl);

  border:
    1px solid
    rgba(
      242,
      202,
      80,
      0.13
    );

  background:
    linear-gradient(
      180deg,
      rgba(
        255,
        255,
        255,
        0.018
      ),
      rgba(
        255,
        255,
        255,
        0.007
      )
    ),
    var(--mkr-card);

  box-shadow:
    0 24px 55px
    rgba(
      0,
      0,
      0,
      0.13
    );
}


.mkr-case-header {
  display:
    flex;

  align-items:
    flex-start;

  justify-content:
    space-between;

  gap:
    28px;

  margin-bottom:
    34px;
}


.mkr-case-country {
  display:
    block;

  margin-bottom:
    5px;

  color:
    var(--mkr-muted-2);

  font-size:
    0.78rem;
}


.mkr-case-identity h3 {
  color:
    var(--mkr-text);

  font-size:
    clamp(
      1.55rem,
      2.6vw,
      2.25rem
    );

  line-height:
    1.35;
}


.mkr-case-meta {
  margin-top:
    8px;

  display:
    flex;

  align-items:
    center;

  flex-wrap:
    wrap;

  gap:
    9px;

  color:
    var(--mkr-muted-2);

  font-size:
    0.82rem;
}


.mkr-case-meta i {
  width:
    4px;

  height:
    4px;

  border-radius:
    50%;

  background:
    var(--mkr-gold);
}


.mkr-case-tags {
  display:
    flex;

  flex-wrap:
    wrap;

  justify-content:
    flex-end;

  gap:
    8px;
}


.mkr-case-tags span {
  min-height:
    34px;

  padding:
    0 11px;

  display:
    inline-flex;

  align-items:
    center;

  border-radius:
    8px;

  border:
    1px solid
    var(--mkr-line);

  color:
    var(--mkr-muted);

  background:
    rgba(
      255,
      255,
      255,
      0.018
    );

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    0.72rem;
}


.mkr-case-layout {
  display:
    grid;

  grid-template-columns:
    0.76fr 1.24fr;

  gap:
    38px;

  align-items:
    center;
}


.mkr-case-copy {
  display:
    flex;

  flex-direction:
    column;

  gap:
    27px;
}


.mkr-case-block {
  display:
    flex;

  flex-direction:
    column;
}


.mkr-case-label {
  margin-bottom:
    11px;

  color:
    var(--mkr-muted-2);

  font-size:
    0.76rem;

  font-weight:
    600;
}


.mkr-case-challenge {
  color:
    var(--mkr-text);

  font-size:
    1rem;

  line-height:
    1.95;
}


.mkr-actions-list {
  list-style:
    none;

  display:
    flex;

  flex-direction:
    column;

  gap:
    14px;
}


.mkr-actions-list li {
  display:
    grid;

  grid-template-columns:
    32px 1fr;

  gap:
    12px;

  align-items:
    start;
}


.mkr-actions-list
li > span {
  width:
    30px;

  height:
    30px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  background:
    rgba(
      242,
      202,
      80,
      0.09
    );

  color:
    var(--mkr-gold);

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    0.78rem;

  font-weight:
    700;
}


.mkr-actions-list p {
  padding-top:
    2px;

  color:
    var(--mkr-muted);

  font-size:
    0.93rem;

  line-height:
    1.8;
}


.mkr-case-proof {
  min-width:
    0;
}



/* =========================================================
   DASHBOARD IMAGE
========================================================= */

.mkr-real-shot {
  width:
    100%;

  margin:
    0;

  border:
    0;

  background:
    transparent;
}


.mkr-shot-button {
  position:
    relative;

  width:
    100%;

  margin:
    0;

  padding:
    0;

  display:
    block;

  overflow:
    hidden;

  border-radius:
    20px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.1
    );

  background:
    transparent;

  cursor:
    pointer;

  touch-action:
    manipulation;

  box-shadow:
    0 20px 50px
    rgba(
      0,
      0,
      0,
      0.2
    );

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}


.mkr-shot-button:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(
      242,
      202,
      80,
      0.32
    );

  box-shadow:
    0 25px 60px
    rgba(
      0,
      0,
      0,
      0.28
    );
}


.mkr-shot-button:focus-visible {
  outline:
    2px solid
    var(--mkr-gold);

  outline-offset:
    4px;
}


.mkr-shot-button img {
  width:
    100%;

  height:
    auto;

  display:
    block;

  margin:
    0;

  user-select:
    none;

  -webkit-user-drag:
    none;

  transition:
    transform 0.5s ease,
    filter 0.5s ease;
}


.mkr-shot-button:hover img {
  transform:
    scale(1.008);

  filter:
    brightness(1.035);
}


.mkr-shot-button::before {
  content:
    "";

  position:
    absolute;

  z-index:
    2;

  inset:
    0;

  pointer-events:
    none;

  background:
    linear-gradient(
      180deg,
      transparent 68%,
      rgba(
        0,
        0,
        0,
        0.25
      )
    );

  opacity:
    0;

  transition:
    opacity 0.3s ease;
}


.mkr-shot-button:hover::before {
  opacity:
    1;
}


.mkr-zoom-label {
  position:
    absolute;

  z-index:
    3;

  left:
    16px;

  bottom:
    16px;

  padding:
    8px 12px;

  border-radius:
    9px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.13
    );

  background:
    rgba(
      8,
      9,
      9,
      0.84
    );

  backdrop-filter:
    blur(12px);

  -webkit-backdrop-filter:
    blur(12px);

  color:
    #fff9ef;

  font-size:
    0.7rem;

  font-weight:
    600;

  pointer-events:
    none;

  opacity:
    0;

  transform:
    translateY(7px);

  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}


.mkr-shot-button:hover
.mkr-zoom-label {
  opacity:
    1;

  transform:
    translateY(0);
}


.mkr-real-shot
figcaption {
  margin-top:
    10px;

  padding:
    0 5px;

  color:
    var(--mkr-muted-2);

  font-size:
    0.73rem;

  line-height:
    1.7;

  text-align:
    center;
}



/* =========================================================
   RESULT METRICS
========================================================= */

.mkr-results-row {
  margin-top:
    34px;

  padding-top:
    26px;

  border-top:
    1px solid
    var(--mkr-line);

  display:
    grid;

  grid-template-columns:
    repeat(
      5,
      minmax(0, 1fr)
    );

  gap:
    12px;
}


.mkr-results-row
article {
  min-width:
    0;

  min-height:
    123px;

  padding:
    18px 16px;

  border-radius:
    17px;

  border:
    1px solid
    var(--mkr-line);

  background:
    var(--mkr-card-deep);

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;
}


.mkr-results-row
article:nth-child(odd) {
  border-color:
    var(--mkr-line-gold);
}


.mkr-results-row
article:nth-child(even) {
  border-color:
    var(--mkr-line-cyan);
}


.mkr-results-row
article > span {
  color:
    var(--mkr-muted-2);

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    0.67rem;
}


.mkr-results-row
strong {
  display:
    block;

  margin:
    7px 0 5px;

  overflow-wrap:
    anywhere;

  font-family:
    "Manrope",
    "IBM Plex Sans Arabic",
    sans-serif;

  font-size:
    clamp(
      1.15rem,
      1.75vw,
      1.65rem
    );

  line-height:
    1.25;
}


.mkr-results-row
small {
  color:
    var(--mkr-muted-2);

  font-size:
    0.69rem;

  line-height:
    1.5;
}


.mkr-case-disclaimer {
  margin-top:
    16px !important;

  color:
    var(--mkr-muted-2);

  font-size:
    0.72rem;
}



/* =========================================================
   CAROUSEL CONTROLS
========================================================= */

.mkr-carousel-side {
  position:
    absolute;

  z-index:
    5;

  top:
    50%;

  width:
    54px;

  height:
    54px;

  padding:
    0;

  border-radius:
    50%;

  border:
    1px solid
    rgba(
      242,
      202,
      80,
      0.19
    );

  background:
    rgba(
      9,
      10,
      10,
      0.92
    );

  backdrop-filter:
    blur(12px);

  -webkit-backdrop-filter:
    blur(12px);

  display:
    grid;

  place-items:
    center;

  cursor:
    pointer;

  transform:
    translateY(-50%);

  transition:
    opacity 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease;
}


.mkr-carousel-side:hover:not(:disabled) {
  border-color:
    rgba(
      242,
      202,
      80,
      0.52
    );

  background:
    rgba(
      18,
      19,
      19,
      0.98
    );
}


.mkr-carousel-side:disabled,
.mkr-carousel-buttons
button:disabled {
  opacity:
    0.22;

  cursor:
    not-allowed;
}


.mkr-carousel-side svg,
.mkr-carousel-buttons svg {
  width:
    22px;

  height:
    22px;

  fill:
    none;

  stroke:
    var(--mkr-gold);

  stroke-width:
    2;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


.mkr-carousel-prev {
  right:
    -27px;
}


.mkr-carousel-next {
  left:
    -27px;
}


.mkr-carousel-footer {
  margin-top:
    23px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;
}


.mkr-carousel-buttons {
  display:
    flex;

  gap:
    9px;
}


.mkr-carousel-buttons
button {
  width:
    47px;

  height:
    47px;

  padding:
    0;

  border-radius:
    50%;

  border:
    1px solid
    var(--mkr-line);

  background:
    var(--mkr-card-deep);

  display:
    grid;

  place-items:
    center;

  cursor:
    pointer;
}


.mkr-carousel-progress {
  display:
    flex;

  align-items:
    center;

  gap:
    18px;

  direction:
    ltr;
}


.mkr-carousel-progress
> strong {
  color:
    var(--mkr-text);

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    0.93rem;
}


.mkr-dots {
  display:
    flex;

  align-items:
    center;

  gap:
    9px;
}


.mkr-dots button {
  width:
    10px;

  height:
    4px;

  padding:
    0;

  border:
    0;

  border-radius:
    999px;

  background:
    rgba(
      255,
      255,
      255,
      0.2
    );

  cursor:
    pointer;

  transition:
    width 0.3s ease,
    background 0.3s ease;
}


.mkr-dots
button.mkr-active {
  width:
    34px;

  background:
    var(--mkr-gold);
}


.mkr-swipe-hint {
  margin-top:
    9px !important;

  color:
    var(--mkr-muted-2);

  font-size:
    0.75rem;

  text-align:
    left;
}



/* =========================================================
   SYSTEM + STRATEGY
========================================================= */

.mkr-system-section {
  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.045
    );
}


.mkr-strategy-section {
  border-bottom:
    1px solid
    rgba(
      255,
      255,
      255,
      0.045
    );
}


.mkr-system-grid,
.mkr-strategy-grid {
  display:
    grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0, 1fr)
    );

  gap:
    18px;
}


.mkr-system-card,
.mkr-strategy-card {
  position:
    relative;

  min-height:
    230px;

  padding:
    31px 27px;

  overflow:
    hidden;

  border-radius:
    20px;

  border:
    1px solid
    var(--mkr-line);

  background:
    linear-gradient(
      180deg,
      rgba(
        255,
        255,
        255,
        0.025
      ),
      rgba(
        255,
        255,
        255,
        0.01
      )
    ),
    var(--mkr-card);

  transition:
    transform 0.35s ease,
    border-color 0.35s ease;
}


.mkr-system-card::before,
.mkr-strategy-card::before {
  content:
    "";

  position:
    absolute;

  top:
    0;

  right:
    0;

  width:
    100%;

  height:
    1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(
        242,
        202,
        80,
        0.35
      ),
      transparent
    );
}


.mkr-system-card:nth-child(even)::before,
.mkr-strategy-card:nth-child(even)::before {
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(
        67,
        226,
        210,
        0.35
      ),
      transparent
    );
}


.mkr-system-card:hover,
.mkr-strategy-card:hover {
  transform:
    translateY(-6px);

  border-color:
    rgba(
      242,
      202,
      80,
      0.2
    );
}


.mkr-system-card
> span,
.mkr-strategy-card
> span {
  display:
    block;

  margin-bottom:
    22px;

  color:
    rgba(
      242,
      202,
      80,
      0.55
    );

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    2rem;

  font-weight:
    800;

  text-align:
    left;
}


.mkr-system-card:nth-child(even)
> span,
.mkr-strategy-card:nth-child(even)
> span {
  color:
    rgba(
      67,
      226,
      210,
      0.55
    );
}


.mkr-system-card h3,
.mkr-strategy-card h3 {
  color:
    var(--mkr-text);

  font-size:
    1.08rem;
}


.mkr-system-card p,
.mkr-strategy-card p {
  margin-top:
    10px !important;

  color:
    var(--mkr-muted);

  font-size:
    0.91rem;

  line-height:
    1.85;
}



/* =========================================================
   CONTACT
========================================================= */

.mkr-contact-section {
  padding-bottom:
    120px;
}


.mkr-contact-shell {
  padding:
    38px;

  display:
    grid;

  grid-template-columns:
    0.87fr 1.13fr;

  gap:
    55px;

  align-items:
    start;

  border-radius:
    var(--mkr-radius-xl);

  border:
    1px solid
    var(--mkr-line);

  background:
    radial-gradient(
      circle at 87% 15%,
      rgba(
        242,
        202,
        80,
        0.05
      ),
      transparent 35%
    ),
    var(--mkr-card);
}


.mkr-contact-copy {
  padding:
    26px 15px 20px;
}


.mkr-contact-copy h2 {
  margin-top:
    20px;

  color:
    var(--mkr-text);

  font-size:
    clamp(
      2.4rem,
      4.5vw,
      4.2rem
    );

  line-height:
    1.2;

  letter-spacing:
    -0.04em;
}


.mkr-contact-copy
> p {
  margin-top:
    17px;

  color:
    var(--mkr-muted);

  font-size:
    1rem;

  line-height:
    1.95;
}


.mkr-contact-copy ul {
  margin-top:
    31px;

  list-style:
    none;

  display:
    flex;

  flex-direction:
    column;

  gap:
    15px;
}


.mkr-contact-copy li {
  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  color:
    var(--mkr-text);

  font-size:
    0.94rem;
}


.mkr-contact-copy li i {
  width:
    30px;

  height:
    30px;

  flex:
    0 0 auto;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  background:
    rgba(
      242,
      202,
      80,
      0.09
    );

  color:
    var(--mkr-gold);

  font-style:
    normal;
}



/* =========================================================
   FLUENT FORM 6
========================================================= */

.mkr-fluent-form-wrap {
  min-width:
    0;

  padding:
    28px;

  border-radius:
    22px;

  border:
    1px solid
    var(--mkr-line);

  background:
    rgba(
      7,
      8,
      8,
      0.42
    );
}


.mkr-fluent-form-wrap
.fluentform,
.mkr-fluent-form-wrap
.fluentform_wrapper,
.mkr-fluent-form-wrap
form#fluentform_6,
.mkr-fluent-form-wrap
form.fluent_form_6 {
  width:
    100%;

  margin:
    0 !important;

  color:
    var(--mkr-text);

  font-family:
    "IBM Plex Sans Arabic",
    Arial,
    sans-serif;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-group {
  margin-bottom:
    18px !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-t-container {
  width:
    100%;

  margin:
    0 !important;

  display:
    flex;

  align-items:
    flex-start;

  gap:
    18px;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-t-cell {
  min-width:
    0;

  padding:
    0 !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-input--label {
  margin-bottom:
    8px !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-input--label label {
  margin:
    0 !important;

  color:
    var(--mkr-text) !important;

  font-family:
    "IBM Plex Sans Arabic",
    Arial,
    sans-serif !important;

  font-size:
    0.88rem !important;

  line-height:
    1.5 !important;

  font-weight:
    600 !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-input--label
.ff-el-required {
  color:
    var(--mkr-gold) !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-form-control,
.mkr-fluent-form-wrap
.fluent_form_6
input[type="text"],
.mkr-fluent-form-wrap
.fluent_form_6
input[type="email"],
.mkr-fluent-form-wrap
.fluent_form_6
input[type="tel"],
.mkr-fluent-form-wrap
.fluent_form_6
input[type="url"],
.mkr-fluent-form-wrap
.fluent_form_6
input[type="number"],
.mkr-fluent-form-wrap
.fluent_form_6
input[type="date"],
.mkr-fluent-form-wrap
.fluent_form_6
select,
.mkr-fluent-form-wrap
.fluent_form_6
textarea {
  width:
    100% !important;

  min-height:
    55px !important;

  margin:
    0 !important;

  padding:
    0 15px !important;

  border-radius:
    14px !important;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.075
    ) !important;

  outline:
    none !important;

  background:
    #090a0a !important;

  background-color:
    #090a0a !important;

  color:
    var(--mkr-text) !important;

  font-family:
    "IBM Plex Sans Arabic",
    Arial,
    sans-serif !important;

  font-size:
    0.91rem !important;

  line-height:
    1.5 !important;

  box-shadow:
    none !important;

  transition:
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    background-color 0.28s ease !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
textarea.ff-el-form-control,
.mkr-fluent-form-wrap
.fluent_form_6
textarea {
  min-height:
    117px !important;

  padding-top:
    13px !important;

  padding-bottom:
    13px !important;

  resize:
    vertical;
}


.mkr-fluent-form-wrap
.fluent_form_6
select {
  cursor:
    pointer;

  color-scheme:
    dark;
}


.mkr-fluent-form-wrap
.fluent_form_6
select option {
  background:
    #090a0a;

  color:
    var(--mkr-text);
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-form-control::placeholder,
.mkr-fluent-form-wrap
.fluent_form_6
input::placeholder,
.mkr-fluent-form-wrap
.fluent_form_6
textarea::placeholder {
  color:
    #8d8478 !important;

  opacity:
    1 !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-form-control:focus,
.mkr-fluent-form-wrap
.fluent_form_6
input:focus,
.mkr-fluent-form-wrap
.fluent_form_6
select:focus,
.mkr-fluent-form-wrap
.fluent_form_6
textarea:focus {
  border-color:
    rgba(
      242,
      202,
      80,
      0.46
    ) !important;

  background:
    #090a0a !important;

  box-shadow:
    0 0 0 4px
    rgba(
      242,
      202,
      80,
      0.065
    ) !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-is-error
.ff-el-form-control,
.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-is-error input,
.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-is-error select,
.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-is-error textarea {
  border-color:
    rgba(
      235,
      119,
      119,
      0.72
    ) !important;

  box-shadow:
    0 0 0 4px
    rgba(
      235,
      119,
      119,
      0.07
    ) !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.text-danger,
.mkr-fluent-form-wrap
.fluent_form_6
.error,
.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-form-check-label.error {
  margin-top:
    6px !important;

  color:
    var(--mkr-red) !important;

  font-size:
    0.73rem !important;

  line-height:
    1.5 !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-form-check {
  margin-bottom:
    8px !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-el-form-check-label {
  display:
    flex;

  align-items:
    flex-start;

  gap:
    9px;

  color:
    var(--mkr-muted) !important;

  font-size:
    0.82rem !important;

  line-height:
    1.7 !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
input[type="checkbox"],
.mkr-fluent-form-wrap
.fluent_form_6
input[type="radio"] {
  width:
    18px !important;

  height:
    18px !important;

  min-height:
    0 !important;

  margin-top:
    3px !important;

  accent-color:
    var(--mkr-gold);
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff_submit_btn_wrapper {
  width:
    100%;

  margin-top:
    4px !important;

  margin-bottom:
    0 !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-btn-submit,
.mkr-fluent-form-wrap
.fluent_form_6
.ff-btn.ff-btn-submit,
.mkr-fluent-form-wrap
.fluent_form_6
.ff_submit_btn_wrapper button {
  width:
    100% !important;

  min-height:
    56px !important;

  margin:
    0 !important;

  padding:
    0 26px !important;

  border:
    0 !important;

  border-radius:
    14px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  background:
    linear-gradient(
      135deg,
      #f7d65f,
      var(--mkr-gold-dark)
    ) !important;

  color:
    #171208 !important;

  font-family:
    "IBM Plex Sans Arabic",
    Arial,
    sans-serif !important;

  font-size:
    0.94rem !important;

  font-weight:
    700 !important;

  cursor:
    pointer !important;

  opacity:
    1 !important;

  box-shadow:
    0 16px 34px
    rgba(
      213,
      174,
      61,
      0.15
    ) !important;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-btn-submit:hover,
.mkr-fluent-form-wrap
.fluent_form_6
.ff-btn.ff-btn-submit:hover,
.mkr-fluent-form-wrap
.fluent_form_6
.ff_submit_btn_wrapper button:hover {
  transform:
    translateY(-3px);

  filter:
    brightness(1.05);

  box-shadow:
    0 18px 40px
    rgba(
      213,
      174,
      61,
      0.22
    ) !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-btn-submit:focus-visible,
.mkr-fluent-form-wrap
.fluent_form_6
.ff_submit_btn_wrapper
button:focus-visible {
  outline:
    2px solid
    var(--mkr-gold) !important;

  outline-offset:
    4px !important;
}


.mkr-fluent-form-wrap
.fluent_form_6
.ff-btn-submit:disabled,
.mkr-fluent-form-wrap
.fluent_form_6
.ff-btn-submit.ff-working,
.mkr-fluent-form-wrap
.fluent_form_6
.ff_submit_btn_wrapper
button:disabled {
  opacity:
    0.7 !important;

  cursor:
    wait !important;

  transform:
    none !important;
}


.mkr-fluent-form-wrap
.ff-message-success {
  margin:
    0 !important;

  padding:
    18px !important;

  border-radius:
    14px !important;

  border:
    1px solid
    rgba(
      32,
      201,
      120,
      0.25
    ) !important;

  background:
    rgba(
      32,
      201,
      120,
      0.07
    ) !important;

  color:
    #6de1a2 !important;

  font-family:
    "IBM Plex Sans Arabic",
    Arial,
    sans-serif !important;

  font-size:
    0.9rem !important;

  line-height:
    1.8 !important;

  box-shadow:
    none !important;
}


.mkr-fluent-form-wrap
.ff-message-success p {
  color:
    inherit !important;
}


.mkr-fluent-form-wrap
.ff-errors-in-stack {
  margin-bottom:
    15px !important;

  padding:
    14px !important;

  border-radius:
    12px !important;

  border:
    1px solid
    rgba(
      235,
      119,
      119,
      0.25
    ) !important;

  background:
    rgba(
      235,
      119,
      119,
      0.06
    ) !important;

  color:
    var(--mkr-red) !important;
}



/* =========================================================
   LIGHTBOX
========================================================= */

.mkr-lightbox {
  position:
    fixed;

  z-index:
    9999999;

  inset:
    0;

  padding:
    28px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  overflow:
    auto;

  background:
    rgba(
      0,
      0,
      0,
      0.9
    );

  backdrop-filter:
    blur(13px);

  -webkit-backdrop-filter:
    blur(13px);

  opacity:
    0;

  visibility:
    hidden;

  pointer-events:
    none;

  cursor:
    zoom-out;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}


.mkr-lightbox.mkr-lightbox-open {
  opacity:
    1;

  visibility:
    visible;

  pointer-events:
    auto;
}


.mkr-lightbox-inner {
  position:
    relative;

  width:
    min(
      1600px,
      96vw
    );

  max-width:
    96vw;

  margin:
    auto;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    center;

  cursor:
    default;

  transform:
    translateY(18px)
    scale(0.97);

  transition:
    transform 0.36s
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    );
}


.mkr-lightbox-open
.mkr-lightbox-inner {
  transform:
    translateY(0)
    scale(1);
}


.mkr-lightbox-inner
> img {
  width:
    100%;

  max-width:
    100%;

  height:
    auto;

  max-height:
    calc(
      100vh - 110px
    );

  object-fit:
    contain;

  border-radius:
    16px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.13
    );

  background:
    #080909;

  box-shadow:
    0 35px 110px
    rgba(
      0,
      0,
      0,
      0.62
    );
}


.mkr-lightbox-inner
> p {
  max-width:
    900px;

  margin-top:
    12px !important;

  padding-inline:
    12px;

  color:
    var(--mkr-muted);

  font-size:
    0.8rem;

  line-height:
    1.7;

  text-align:
    center;
}


.mkr-lightbox-close {
  position:
    absolute;

  z-index:
    5;

  top:
    12px;

  left:
    12px;

  width:
    46px;

  height:
    46px;

  padding:
    0;

  display:
    grid;

  place-items:
    center;

  border-radius:
    50%;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      0.17
    );

  background:
    rgba(
      7,
      8,
      8,
      0.87
    );

  backdrop-filter:
    blur(12px);

  -webkit-backdrop-filter:
    blur(12px);

  color:
    var(--mkr-text);

  cursor:
    pointer;

  box-shadow:
    0 12px 32px
    rgba(
      0,
      0,
      0,
      0.35
    );

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}


.mkr-lightbox-close:hover {
  transform:
    rotate(90deg);

  border-color:
    rgba(
      242,
      202,
      80,
      0.52
    );

  background:
    rgba(
      242,
      202,
      80,
      0.16
    );
}


.mkr-lightbox-close svg {
  width:
    21px;

  height:
    21px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    2;

  stroke-linecap:
    round;
}


html.mkr-lightbox-lock,
body.mkr-lightbox-lock {
  overflow:
    hidden !important;
}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

  .mkr-hero-grid {
    gap:
      45px;

    grid-template-columns:
      1fr 0.9fr;
  }


  .mkr-case-layout {
    grid-template-columns:
      1fr;

    gap:
      32px;
  }


  .mkr-case-proof {
    max-width:
      850px;

    margin-inline:
      auto;
  }


  .mkr-results-row {
    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );
  }


  .mkr-system-grid,
  .mkr-strategy-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }


  .mkr-contact-shell {
    grid-template-columns:
      0.9fr 1.1fr;

    gap:
      35px;
  }

}



/* =========================================================
   MOBILE / TABLET
========================================================= */

@media (max-width: 820px) {

  .mkr-section {
    padding:
      74px 0;
  }


  .mkr-container {
    width:
      min(
        calc(100% - 28px),
        var(--mkr-container)
      );
  }


  .mkr-hero {
    min-height:
      auto;

    padding-top:
      70px;
  }


  .mkr-hero-grid {
    grid-template-columns:
      1fr;

    gap:
      65px;
  }


  .mkr-hero-copy {
    align-items:
      center;

    text-align:
      center;
  }


  .mkr-hero-copy h1 {
    max-width:
      720px;
  }


  .mkr-hero-copy
  > p:not(.mkr-hero-note) {
    margin-inline:
      auto;
  }


  .mkr-hero-note {
    text-align:
      center;
  }


  .mkr-hero-visual {
    width:
      min(
        90%,
        500px
      );
  }


  .mkr-case-header {
    flex-direction:
      column;
  }


  .mkr-case-tags {
    justify-content:
      flex-start;
  }


  .mkr-carousel-side {
    display:
      none;
  }


  .mkr-results-row {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }


  .mkr-contact-shell {
    grid-template-columns:
      1fr;

    gap:
      20px;
  }


  .mkr-contact-copy {
    padding:
      10px 4px 25px;
  }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

  .mkr-section {
    padding:
      60px 0;
  }


  .mkr-section-heading {
    margin-bottom:
      34px;
  }


  .mkr-section-heading h2 {
    font-size:
      clamp(
        1.9rem,
        9vw,
        2.65rem
      );
  }


  .mkr-section-heading
  > p {
    font-size:
      0.94rem;

    line-height:
      1.85;
  }


  .mkr-hero-copy h1 {
    font-size:
      clamp(
        2.35rem,
        11vw,
        3.3rem
      );
  }


  .mkr-hero-copy
  > p:not(.mkr-hero-note) {
    font-size:
      0.95rem;

    line-height:
      1.9;
  }


  .mkr-hero-metrics {
    grid-template-columns:
      1fr;
  }


  .mkr-hero-metrics article {
    min-height:
      96px;
  }


  .mkr-hero-metrics strong {
    font-size:
      1.6rem;
  }


  .mkr-hero-visual {
    width:
      94%;
  }


  .mkr-portrait-card {
    width:
      88%;
  }


  .mkr-floating-stat {
    min-width:
      116px;

    padding:
      13px 14px;
  }


  .mkr-floating-stat strong {
    font-size:
      1.35rem;
  }


  .mkr-floating-two {
    left:
      -1%;
  }


  .mkr-marquee-fade {
    width:
      48px;
  }


  .mkr-marquee-shell {
    padding:
      20px 0;
  }


  .mkr-logo-item {
    width:
      145px;

    height:
      94px;

    flex-basis:
      145px;

    padding:
      12px;
  }


  .mkr-logo-item img {
    max-width:
      120px;

    max-height:
      67px;
  }


  .mkr-marquee-track {
    --mkr-marquee-duration:
      31s;
  }


  .mkr-case-card {
    padding:
      23px 17px;
  }


  .mkr-case-header {
    margin-bottom:
      26px;
  }


  .mkr-case-identity h3 {
    font-size:
      1.6rem;
  }


  .mkr-case-layout {
    gap:
      26px;
  }


  .mkr-results-row {
    margin-top:
      26px;

    padding-top:
      20px;

    grid-template-columns:
      1fr 1fr;

    gap:
      9px;
  }


  .mkr-results-row article {
    min-height:
      112px;

    padding:
      15px 12px;
  }


  .mkr-results-row
  article:last-child {
    grid-column:
      1 / -1;
  }


  .mkr-results-row strong {
    font-size:
      1.15rem;
  }


  .mkr-carousel-footer {
    margin-top:
      18px;
  }


  .mkr-system-grid,
  .mkr-strategy-grid {
    grid-template-columns:
      1fr;
  }


  .mkr-system-card,
  .mkr-strategy-card {
    min-height:
      auto;
  }


  .mkr-contact-shell {
    padding:
      25px 16px;
  }


  .mkr-contact-copy h2 {
    font-size:
      clamp(
        2rem,
        10vw,
        3rem
      );
  }


  .mkr-fluent-form-wrap {
    padding:
      20px 14px;
  }


  .mkr-fluent-form-wrap
  .fluent_form_6
  .ff-t-container {
    display:
      block !important;
  }


  .mkr-fluent-form-wrap
  .fluent_form_6
  .ff-t-cell {
    width:
      100% !important;
  }


  .mkr-lightbox {
    padding:
      12px;
  }


  .mkr-lightbox-inner {
    width:
      100%;

    max-width:
      100%;
  }


  .mkr-lightbox-close {
    top:
      8px;

    left:
      8px;

    width:
      40px;

    height:
      40px;
  }

}



/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

  .mkr-results-row {
    grid-template-columns:
      1fr;
  }


  .mkr-results-row
  article:last-child {
    grid-column:
      auto;
  }


  .mkr-floating-stat {
    transform:
      scale(0.92);
  }

}



/* =========================================================
   REDUCED MOTION
========================================================= */

@media (
  prefers-reduced-motion:
  reduce
) {

  .mkr-reveal {
    opacity:
      1 !important;

    transform:
      none !important;

    transition:
      none !important;
  }


  .mkr-marquee-track {
    animation:
      none !important;

    transform:
      none !important;
  }


  .mkr-marquee {
    overflow-x:
      auto;

    scrollbar-width:
      none;
  }


  .mkr-marquee-group[aria-hidden="true"] {
    display:
      none;
  }


  .mkr-floating-stat,
  .mkr-portrait-glow {
    animation:
      none !important;
  }


  .mkr-btn,
  .mkr-logo-item,
  .mkr-system-card,
  .mkr-strategy-card,
  .mkr-shot-button {
    transition:
      none !important;
  }

}


/* =========================================================
   REGISTER CTA
========================================================= */

.mkr-section-register-wrap {
  width:
    min(
      var(--mkr-container),
      calc(100% - 40px)
    );

  margin:
    -52px auto 42px;

  position:
    relative;

  z-index:
    6;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  pointer-events:
    none;
}


.mkr-section-register {
  min-width:
    220px;

  pointer-events:
    auto;
}


.mkr-section-register span {
  line-height:
    1;
}


.mkr-fluent-form-wrap {
  scroll-margin-top:
    24px;
}



/* =========================================================
   MOBILE FLOATING REGISTER CTA
========================================================= */

.mkr-mobile-floating-cta {
  display:
    none;
}


@media (max-width: 767px) {

  .mkr-section-register-wrap {
    width:
      min(
        calc(100% - 28px),
        var(--mkr-container)
      );

    margin:
      -26px auto 34px;
  }


  .mkr-section-register {
    width:
      100%;

    min-width:
      0;

    max-width:
      360px;

    min-height:
      54px;
  }


  .mkr-mobile-floating-cta {
    position:
      fixed;

    z-index:
      99999;

    right:
      0;

    bottom:
      0;

    left:
      0;

    width:
      100%;

    min-height:
      66px;

    padding:
      14px 20px
      calc(
        14px +
        env(
          safe-area-inset-bottom,
          0px
        )
      );

    display:
      flex;

    align-items:
      center;

    justify-content:
      center;

    gap:
      10px;

    border-top:
      1px solid
      rgba(
        255,
        255,
        255,
        0.16
      );

    background:
      linear-gradient(
        135deg,
        #f7d65f,
        var(--mkr-gold-dark)
      );

    color:
      #171208 !important;

    box-shadow:
      0 -14px 38px
      rgba(
        0,
        0,
        0,
        0.34
      );

    font-size:
      1.05rem;

    font-weight:
      800;

    text-align:
      center;

    opacity:
      1;

    visibility:
      visible;

    transform:
      translateY(0);

    transition:
      transform 0.28s ease,
      opacity 0.28s ease,
      visibility 0.28s ease;

    -webkit-tap-highlight-color:
      transparent;
  }


  .mkr-mobile-floating-cta svg {
    width:
      20px;

    height:
      20px;

    fill:
      none;

    stroke:
      currentColor;

    stroke-width:
      1.9;

    stroke-linecap:
      round;

    stroke-linejoin:
      round;
  }


  .mkr-mobile-floating-cta.mkr-mobile-cta-hidden {
    opacity:
      0;

    visibility:
      hidden;

    pointer-events:
      none;

    transform:
      translateY(110%);
  }

}


@media (
  prefers-reduced-motion:
  reduce
) {

  .mkr-mobile-floating-cta {
    transition:
      none !important;
  }

}/* End custom CSS */