:root{
  --mk-primary:#57D62B;
  --mk-primary-hover:#49C220;
  --mk-navy:#1B2236;
  --mk-deep:#07111F;
  --mk-dark:#0F172A;
  --mk-card:#111827;
  --mk-light:#F5F7FA;
  --mk-white:#FFFFFF;

  --mk-text:#1B2236;
  --mk-muted:#64748B;
  --mk-text-dark:#E5E7EB;
  --mk-muted-dark:#94A3B8;

  --mk-border-light:rgba(15,23,42,.08);
  --mk-border-dark:rgba(255,255,255,.08);

  --mk-radius-sm:14px;
  --mk-radius-md:20px;
  --mk-radius-lg:28px;
  --mk-radius-xl:38px;

  --mk-shadow-soft:0 14px 40px rgba(15,23,42,.08);
  --mk-shadow-dark:0 24px 80px rgba(0,0,0,.34);

  --mk-container:1180px;
  /* Layout */

    --mk-section-spacing:120px;
    --mk-section-spacing-mobile:96px;
    
    --mk-section-gap:64px;
    --mk-section-gap-mobile:96px;

  --mk-display-xl:clamp(42px, 6.8vw, 76px);
  --mk-display-lg:clamp(34px, 4.8vw, 56px);
  --mk-heading-lg:32px;
  --mk-heading-md:24px;
  --mk-body-lg:18px;
  --mk-body:16px;
  --mk-small:14px;
  --mk-tiny:12px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

body.mk-body{
  margin:0;
  min-height:100vh;
  background:var(--mk-light);
  color:var(--mk-text);
  overflow-x:hidden;
}

body.mk-body{
  padding-top:78px;
}

body.is-ltr{
  font-family:'Poppins',sans-serif;
}

body.is-rtl{
  font-family:'Cairo',sans-serif;
}

body[data-theme="dark"]{
  background:var(--mk-deep);
  color:var(--mk-text-dark);
}

a{
  color:inherit;
}

button,
input,
textarea,
select{
  font:inherit;
}

/* Header */

.mk-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:1000;
  min-height:78px;
  padding:14px clamp(18px, 4vw, 56px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
  background:rgba(255,255,255,.82);
  border-bottom:1px solid var(--mk-border-light);
  backdrop-filter:blur(18px);
}

body[data-theme="dark"] .mk-header{
  background:rgba(7,17,31,.82);
  border-color:var(--mk-border-dark);
}

.mk-brand{
  display:inline-flex;
  align-items:center;
  width:170px;
  min-width:150px;
  text-decoration:none;
}

.mk-logo{
  max-width:100%;
  max-height:46px;
  display:block;
  object-fit:contain;
}

.mk-logo-dark-theme{
  display:none;
}

.mk-logo-light-theme{
  display:block;
}

body[data-theme="dark"] .mk-logo-light-theme{
  display:none;
}

body[data-theme="dark"] .mk-logo-dark-theme{
  display:block;
}

.mk-header-buttons{
    display:flex;
    align-items:center;
    gap:12px;
}

.mk-login-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.mk-login-btn i{
    font-size:18px;
}

.mk-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
}

.mk-nav a{
  color:var(--mk-muted);
  text-decoration:none;
  font-size:var(--mk-small);
  font-weight:800;
  transition:.18s ease;
}

body[data-theme="dark"] .mk-nav a{
  color:var(--mk-muted-dark);
}

.mk-nav a:hover{
  color:var(--mk-primary);
}

.mk-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}

.mk-icon-btn,
.mk-lang{
  width:42px;
  height:42px;
  border-radius:var(--mk-radius-sm);
  border:1px solid var(--mk-border-light);
  background:#fff;
  color:var(--mk-text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:var(--mk-small);
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
}

.mk-icon-btn i{
  font-size:20px;
}

body[data-theme="dark"] .mk-icon-btn,
body[data-theme="dark"] .mk-lang{
  background:rgba(255,255,255,.05);
  border-color:var(--mk-border-dark);
  color:#fff;
}

.mk-icon-btn:hover,
.mk-lang:hover{
  transform:translateY(-1px);
  border-color:var(--mk-primary);
}

.mk-menu-toggle{
  display:none;
  width:42px;
  height:42px;
  border-radius:var(--mk-radius-sm);
  border:1px solid var(--mk-border-light);
  background:#fff;
  color:var(--mk-text);
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

body[data-theme="dark"] .mk-menu-toggle{
  background:rgba(255,255,255,.05);
  border-color:var(--mk-border-dark);
  color:#fff;
}

.mk-menu-toggle i{
  font-size:22px;
}

/* Buttons */

.mk-btn{
  min-height:46px;
  padding:0 20px;
  border-radius:15px;
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  font-size:var(--mk-small);
  line-height:1;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
  transition:.18s ease;
}

.mk-btn:hover{
  transform:translateY(-1px);
}

.mk-btn i{
  font-size:18px;
}

body.is-rtl .mk-btn i.ti-arrow-right{
  transform:rotate(180deg);
}

.mk-btn-primary{
  background:var(--mk-primary);
  color:#07111F;
  box-shadow:0 12px 28px rgba(87,214,43,.26);
}

.mk-btn-primary:hover{
  background:var(--mk-primary-hover);
}

.mk-btn-secondary{
  background:#fff;
  color:var(--mk-text);
  border:1px solid var(--mk-border-light);
}

body[data-theme="dark"] .mk-btn-secondary{
  background:rgba(255,255,255,.05);
  border-color:var(--mk-border-dark);
  color:#fff;
}

/* Hero */

.mk-hero{
  position:relative;
  width:min(100%, var(--mk-container));
  min-height:calc(100vh - 78px);
  margin-inline:auto;
  padding:
    clamp(44px, 7vw, 88px)
    22px
    var(--mk-section-gap);
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(380px, .98fr);
  gap:56px;
  align-items:center;
}

.mk-hero::before{
  content:'';
  position:absolute;
  width:440px;
  height:440px;
  border-radius:999px;
  inset-block-start:-210px;
  inset-inline-start:-180px;
  background:rgba(87,214,43,.09);
  filter:blur(34px);
  pointer-events:none;
}

body.is-rtl .mk-hero::before{
  inset-inline-start:auto;
  inset-inline-end:-160px;
}

.mk-hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
}

.mk-kicker{
  width:max-content;
  max-width:100%;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(87,214,43,.12);
  color:var(--mk-primary);
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:900;
  margin-bottom:20px;
}

.mk-kicker i{
  font-size:18px;
}

.mk-hero h1{
  margin:0;
  max-width:760px;
  font-size:var(--mk-display-xl);
  line-height:1.03;
  letter-spacing:-.065em;
  font-weight:900;
}

body.is-rtl .mk-hero h1{
  letter-spacing:-.035em;
}

.mk-hero p{
  margin:24px 0 0;
  max-width:660px;
  color:var(--mk-muted);
  font-size:var(--mk-body-lg);
  line-height:1.85;
  font-weight:600;
}

body[data-theme="dark"] .mk-hero p{
  color:var(--mk-muted-dark);
}

.mk-hero-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:32px;
}

.mk-problem-list{
  display:grid;
  gap:12px;
  margin-top:34px;
  max-width:650px;
}

.mk-problem-list div{
  min-height:46px;
  padding:10px 14px;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--mk-border-light);
  box-shadow:0 10px 26px rgba(15,23,42,.045);
  display:flex;
  align-items:center;
  gap:12px;
}

body[data-theme="dark"] .mk-problem-list div{
  background:rgba(255,255,255,.045);
  border-color:var(--mk-border-dark);
}

.mk-problem-list i{
  width:30px;
  height:30px;
  border-radius:10px;
  background:rgba(87,214,43,.12);
  color:var(--mk-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  flex:0 0 auto;
}

.mk-problem-list span{
  color:var(--mk-text);
  font-size:14px;
  line-height:1.5;
  font-weight:800;
}

body[data-theme="dark"] .mk-problem-list span{
  color:var(--mk-text-dark);
}

/* Hero Visual */

.mk-hero-stage{
  position:relative;
  min-height:560px;
  z-index:1;
  transform:translateY(-145px);
}

.mk-chaos-card,
.mk-order-card,
.mk-dashboard-preview{
  position:absolute;
  border-radius:var(--mk-radius-lg);
  border:1px solid var(--mk-border-dark);
  background:linear-gradient(160deg, rgba(27,34,54,.98), rgba(7,17,31,.98));
  box-shadow:var(--mk-shadow-dark);
}

.mk-chaos-card{
  width:330px;
  min-height:250px;
  inset-block-start:0;
  inset-inline-start:18px;
  padding:22px;
  z-index:2;
}

.mk-chaos-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:0;
  padding-top:12px;
}

.mk-chaos-head i{
  width:38px;
  height:38px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:21px;
}

.mk-floating-question{
  position:absolute;
  z-index:6;
  min-height:38px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff;
  color:#111827;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 38px rgba(15,23,42,.16);
  font-size:13px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
  animation:floatQuestion 5s ease-in-out infinite;
}

.q1{
  top:72px;
  inset-inline-end:-44px;
  animation-delay:0s;
}

.q2{
  top:128px;
  inset-inline-start:-18px;
  animation-delay:1.2s;
}

.q3{
  top:184px;
  inset-inline-end:36px;
  animation-delay:2.4s;
}

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

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

.mk-message-line,
.mk-message-line.is-wide,
.mk-message-line.is-short{
  display:none;
}

.mk-order-card{
  min-width:270px;
  min-height:96px;
  inset-block-start:275px;
  inset-inline-end:2px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  z-index:4;
  background:var(--mk-primary);
  color:#07111F;
  border:0;
  box-shadow:0 22px 54px rgba(87,214,43,.32);
}

.mk-order-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  background:rgba(7,17,31,.10);
  display:flex;
  align-items:center;
  justify-content:center;
}

.mk-order-icon i{
  font-size:27px;
}

.mk-order-card span,
.mk-order-card small{
  display:block;
  font-size:12px;
  font-weight:800;
  opacity:.72;
}

.mk-order-card strong{
  display:block;
  margin:3px 0;
  font-size:22px;
  font-weight:900;
}

.mk-dashboard-preview{
  width:430px;
  min-height:315px;
  inset-block-start:355px;
  inset-inline-start:72px;
  padding:24px;
  z-index:3;
}

.mk-preview-top{
  display:flex;
  gap:8px;
  margin-bottom:24px;
}

.mk-preview-top span{
  width:12px;
  height:12px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
}

.mk-preview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.mk-preview-grid div{
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  min-width:0;
}

.mk-preview-grid i{
  color:var(--mk-primary);
  font-size:21px;
  margin-bottom:10px;
}

.mk-preview-grid span{
  display:block;
  color:rgba(255,255,255,.58);
  font-size:11px;
  line-height:1.3;
  margin-bottom:5px;
  font-weight:800;
}

.mk-preview-grid strong{
  display:block;
  color:#fff;
  font-size:17px;
  font-weight:900;
  overflow-wrap:anywhere;
}

.mk-bars{
  height:90px;
  margin-top:28px;
  display:flex;
  align-items:flex-end;
  gap:12px;
}

.mk-bars span{
  flex:1;
  border-radius:999px 999px 0 0;
  background:linear-gradient(180deg, var(--mk-primary), rgba(87,214,43,.18));
}

.mk-bars span:nth-child(1){height:42%;}
.mk-bars span:nth-child(2){height:62%;}
.mk-bars span:nth-child(3){height:52%;}
.mk-bars span:nth-child(4){height:86%;}
.mk-bars span:nth-child(5){height:70%;}




/* Growth Timeline */

.mk-timeline-section{
  position:relative;
  padding:
    var(--mk-section-spacing)
    22px
    var(--mk-section-spacing);
  background:#fff;
  color:var(--mk-text);
}

body[data-theme="dark"] .mk-timeline-section{
  background:#081321;
  color:var(--mk-text-dark);
}

.mk-section-head{
  width:min(100%, 860px);
  margin:0 auto 70px;
  text-align:center;
}

.mk-section-head .mk-kicker{
  margin-inline:auto;
}

.mk-section-head h2{
  margin:0;
  font-size:var(--mk-display-lg);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:900;
}

body.is-rtl .mk-section-head h2{
  letter-spacing:-.025em;
}

.mk-section-head p{
  margin:20px auto 0;
  max-width:720px;
  color:var(--mk-muted);
  font-size:var(--mk-body-lg);
  line-height:1.85;
  font-weight:600;
}

body[data-theme="dark"] .mk-section-head p{
  color:var(--mk-muted-dark);
}

.mk-growth-timeline{
  position:relative;
  width:min(100%, 1120px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  gap:0;
}

.mk-growth-timeline::before{
  content:'';
  position:absolute;
  top:34px;
  inset-inline:6%;
  height:3px;
  border-radius:999px;
  background:rgba(100,116,139,.22);
}

.mk-growth-timeline::after{
  content:'';
  position:absolute;
  top:34px;
  inset-inline-start:6%;
  width:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(100,116,139,.55), #f59e0b, #ef4444, var(--mk-primary));
  transition:width 2.8s ease;
}

.mk-growth-timeline.is-visible::after{
  width:88%;
}

.mk-timeline-step{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  opacity:0;
  transform:translateY(18px);
  transition:.55s ease;
  transition-delay:calc(var(--step-index) * 220ms);
}

.mk-growth-timeline.is-visible .mk-timeline-step{
  opacity:1;
  transform:translateY(0);
}

.mk-timeline-dot{
  width:68px;
  height:68px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--mk-border-light);
  box-shadow:0 16px 34px rgba(15,23,42,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}

body[data-theme="dark"] .mk-timeline-dot{
  background:#111827;
  border-color:var(--mk-border-dark);
}

.mk-timeline-dot i{
  font-size:27px;
  color:#64748b;
}

.mk-timeline-step.is-warning .mk-timeline-dot i{
  color:#f59e0b;
}

.mk-timeline-step.is-danger .mk-timeline-dot i{
  color:#f97316;
}

.mk-timeline-step.is-critical .mk-timeline-dot i{
  color:#ef4444;
}

.mk-timeline-step.is-success .mk-timeline-dot{
  background:var(--mk-primary);
  border-color:var(--mk-primary);
  box-shadow:0 18px 44px rgba(87,214,43,.32);
}

.mk-timeline-step.is-success .mk-timeline-dot i{
  color:#07111F;
}

.mk-timeline-content{
  max-width:130px;
}

.mk-timeline-content strong{
  display:block;
  font-size:14px;
  line-height:1.45;
  font-weight:900;
}

.mk-timeline-content span{
  display:block;
  margin-top:8px;
  color:var(--mk-muted);
  font-size:12px;
  line-height:1.5;
  font-weight:800;
}

body[data-theme="dark"] .mk-timeline-content span{
  color:var(--mk-muted-dark);
}

/* Business Foundations */

.mk-pillars-section{
  position:relative;
  padding:
      var(--mk-section-spacing)
      22px
      var(--mk-section-spacing);
  background:#F8FAFC;
  color:var(--mk-text);
}

body[data-theme="dark"] .mk-pillars-section{
  background:#0B1424;
  color:var(--mk-text-dark);
}

.mk-pillars-grid{
  width:min(100%, 1120px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
}

.mk-pillar-card{
  position:relative;
  padding:34px 30px;
  border-radius:var(--mk-radius-lg);
  background:#fff;
  border:1px solid var(--mk-border-light);
  box-shadow:0 18px 42px rgba(15,23,42,.06);
  transition:
      transform .25s ease,
      border-color .25s ease,
      box-shadow .25s ease;
}

.mk-pillar-icon,
.mk-pillar-card h3,
.mk-pillar-card p{
  opacity:0;
  transform:translateY(12px);
  transition:
      opacity .45s ease,
      transform .45s ease;
}

.mk-pillars-grid.is-visible .mk-pillar-icon{
  opacity:1;
  transform:none;
  transition-delay:calc(var(--card-index) * 160ms);
}

.mk-pillars-grid.is-visible .mk-pillar-card h3{
  opacity:1;
  transform:none;
  transition-delay:calc(var(--card-index) * 160ms + 140ms);
}

.mk-pillars-grid.is-visible .mk-pillar-card p{
  opacity:1;
  transform:none;
  transition-delay:calc(var(--card-index) * 160ms + 280ms);
}

body[data-theme="dark"] .mk-pillar-card{
  background:#111827;
  border-color:var(--mk-border-dark);
}

.mk-pillar-card:hover{
  transform:translateY(-8px);
  border-color:rgba(87,214,43,.35);
  box-shadow:0 24px 56px rgba(15,23,42,.10);
}

body[data-theme="dark"] .mk-pillar-card:hover{
  box-shadow:0 24px 60px rgba(0,0,0,.45);
}

.mk-pillar-icon{
  width:64px;
  height:64px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:26px;

  background:rgba(87,214,43,.10);
  color:var(--mk-primary);
}

.mk-pillar-icon i{
  font-size:30px;
}

.mk-pillar-card h3{
  margin:0;
  font-size:24px;
  line-height:1.2;
  font-weight:900;
}

.mk-pillar-card p{
  margin:14px 0 0;
  color:var(--mk-muted);
  font-size:15px;
  line-height:1.8;
  font-weight:600;
}

body[data-theme="dark"] .mk-pillar-card p{
  color:var(--mk-muted-dark);
}

/* Order Flow */

.mk-order-flow-section{
  position:relative;
  padding:var(--mk-section-spacing) 22px;
  background:var(--mk-deep);
  color:var(--mk-text-dark);
  overflow:hidden;
}

.mk-order-flow-section::before{
  content:'';
  position:absolute;
  width:560px;
  height:560px;
  border-radius:999px;
  inset-block-start:18%;
  inset-inline-start:8%;
  background:rgba(87,214,43,.10);
  filter:blur(52px);
  pointer-events:none;
}

.mk-order-flow-wrap{
  position:relative;
  z-index:2;
  width:min(100%, var(--mk-container));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(540px, .95fr) minmax(0, 1.05fr);
  gap:72px;
  align-items:center;
}

.mk-order-flow-visual{
  position:relative;
  width:100%;
  max-width:560px;
  min-height:590px;
  margin-inline:auto;
}

.mk-flow-orbit{
  position:absolute;
  inset:52px 18px 34px;
  border-radius:50%;
  border:1px solid rgba(87,214,43,.09);
  pointer-events:none;
}

.mk-flow-orbit::before{
  content:'';
  position:absolute;
  inset:44px;
  border-radius:50%;
  border:1px solid rgba(87,214,43,.07);
}

.mk-flow-order-card{
  position:absolute;
  inset-block-start:188px;
  inset-inline-start:50%;
  transform:translateX(-50%);
  width:210px;
  padding:17px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(17,24,39,.98), rgba(7,17,31,.98));
  color:#fff;
  border:1px solid rgba(87,214,43,.52);
  box-shadow:
      0 0 0 1px rgba(87,214,43,.10),
      0 0 34px rgba(87,214,43,.24),
      0 22px 58px rgba(0,0,0,.42);
  z-index:6;
}

body.is-rtl .mk-flow-order-card{
  transform:translateX(50%);
}

.mk-flow-order-card::before{
  content:'';
  position:absolute;
  inset:-22px;
  border-radius:38px;
  background:radial-gradient(circle, rgba(87,214,43,.22), transparent 70%);
  z-index:-1;
}

.mk-flow-order-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:12px;
}

.mk-flow-order-title strong{
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}

.mk-flow-order-title span{
  padding:5px 9px;
  border-radius:999px;
  background:rgba(87,214,43,.16);
  color:var(--mk-primary);
  font-size:10px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}

.mk-flow-order-line{
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:#fff;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
}

.mk-flow-order-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
}

.mk-flow-order-meta span{
  flex:1;
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.045);
  color:rgba(229,231,235,.9);
  font-size:11px;
  line-height:1.2;
  font-weight:900;
}

.mk-flow-order-status{
  margin-top:10px;
  padding:11px;
  border-radius:14px;
  background:rgba(87,214,43,.10);
  border:1px solid rgba(87,214,43,.20);
}

.mk-flow-order-status span{
  color:rgba(229,231,235,.70);
  font-size:11px;
  font-weight:800;
}

.mk-flow-order-status strong{
  color:var(--mk-primary);
  font-size:13px;
  font-weight:900;
}

.mk-flow-system-card{
  position:absolute;
  width:118px;
  min-height:104px;
  padding:14px 12px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(17,24,39,.82), rgba(7,17,31,.88));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 42px rgba(0,0,0,.32);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  opacity:0;
  transform:translateY(12px) scale(.96);
  transition:
      opacity .45s ease,
      transform .45s ease,
      border-color .45s ease,
      box-shadow .45s ease;
  transition-delay:calc(var(--chip-index) * 150ms);
  z-index:5;
}

.mk-flow-system-card i{
  color:var(--mk-primary);
  font-size:28px;
  margin-bottom:9px;
}

.mk-flow-system-card strong{
  color:#fff;
  font-size:13px;
  line-height:1.2;
  font-weight:900;
}

.mk-flow-system-card span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:6px;
  color:var(--mk-primary);
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  max-width:94px;
}

.mk-flow-system-card span::after{
  content:'✓';
  flex:0 0 16px;
  width:16px;
  height:16px;
  aspect-ratio:1 / 1;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:var(--mk-primary);
  color:#07111F;
  font-size:10px;
  line-height:1;
  font-weight:900;
}

.mk-order-flow-visual.is-visible .mk-flow-system-card{
  opacity:1;
  transform:none;
  border-color:rgba(87,214,43,.24);
  box-shadow:
      0 0 0 1px rgba(87,214,43,.07),
      0 20px 48px rgba(0,0,0,.36);
}

.flow-card-inventory{
  inset-block-start:12px;
  inset-inline-start:50%;
  transform:translateX(-50%) translateY(12px) scale(.96);
}

body.is-rtl .flow-card-inventory{
  transform:translateX(50%) translateY(12px) scale(.96);
}

.mk-order-flow-visual.is-visible .flow-card-inventory{
  transform:translateX(-50%);
}

body.is-rtl .mk-order-flow-visual.is-visible .flow-card-inventory{
  transform:translateX(50%);
}

.flow-card-storefront{
  inset-block-start:154px;
  inset-inline-start:-16px;
}

.flow-card-customer{
  inset-block-start:154px;
  inset-inline-end:-16px;
}

.flow-card-payment{
  inset-block-end:120px;
  inset-inline-start:-16px;
}

.flow-card-reports{
  inset-block-end:120px;
  inset-inline-end:-16px;
}

.flow-card-delivery{
  inset-block-end:-18px;
  inset-inline-start:50%;
  transform:translateX(-50%) translateY(12px) scale(.96);
}

body.is-rtl .flow-card-delivery{
  transform:translateX(50%) translateY(12px) scale(.96);
}

.mk-order-flow-visual.is-visible .flow-card-delivery{
  transform:translateX(-50%);
}

body.is-rtl .mk-order-flow-visual.is-visible .flow-card-delivery{
  transform:translateX(50%);
}

.mk-flow-connector{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
}

.mk-flow-connector .mk-flow-path{
  fill:none;
  stroke:rgba(87,214,43,.68);
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:6 8;
  marker-start:url(#mk-flow-arrow-start);
  marker-end:url(#mk-flow-arrow-end);
  filter:drop-shadow(0 0 7px rgba(87,214,43,.55));
  opacity:0;
}

.mk-flow-arrow-shape{
  fill:rgba(87,214,43,.92);
}

.mk-order-flow-visual.is-visible .mk-flow-connector .mk-flow-path{
  opacity:1;
  animation:mkFlowDash 2.4s linear infinite;
}

@keyframes mkFlowDash{
  to{
    stroke-dashoffset:-60;
  }
}

.mk-flow-payoff{
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.12);
  position:relative;
  opacity:0;
  transform:translateY(16px);
  transition:.55s ease;
  transition-delay:1.35s;
}

.mk-order-flow-visual.is-visible + .mk-order-flow-copy .mk-flow-payoff{
  opacity:1;
  transform:none;
}

.mk-flow-payoff::before{
  content:'✦';
  position:absolute;
  top:-12px;
  inset-inline-start:50%;
  transform:translateX(-50%);
  width:28px;
  height:24px;
  display:grid;
  place-items:center;
  background:var(--mk-deep);
  color:var(--mk-primary);
  font-size:16px;
}

body.is-rtl .mk-flow-payoff::before{
  transform:translateX(50%);
}

.mk-flow-payoff strong{
  display:block;
  color:#fff;
  font-size:26px;
  line-height:1.2;
  font-weight:900;
}

.mk-flow-payoff span{
  display:block;
  margin-top:9px;
  color:var(--mk-primary);
  font-size:20px;
  line-height:1.25;
  font-weight:900;
}

.mk-order-flow-copy{
  max-width:560px;
}

.mk-order-flow-copy h2{
  margin:0;
  font-size:var(--mk-display-lg);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:900;
}

body.is-rtl .mk-order-flow-copy h2{
  letter-spacing:-.025em;
}

.mk-order-flow-copy p{
  margin:22px 0 0;
  color:var(--mk-muted-dark);
  font-size:var(--mk-body-lg);
  line-height:1.9;
  font-weight:600;
}



/* Built For You */

.mk-adapt-section{
  position:relative;
  padding:var(--mk-section-spacing) 22px;
  background:#F8FAFC;
  color:var(--mk-text);
  overflow:hidden;
}

body[data-theme="dark"] .mk-adapt-section{
  background:#081321;
  color:var(--mk-text-dark);
}

.mk-adapt-section::before{
  content:'';
  position:absolute;
  width:520px;
  height:520px;
  border-radius:999px;
  inset-block-start:18%;
  inset-inline-end:-180px;
  background:rgba(87,214,43,.10);
  filter:blur(54px);
  pointer-events:none;
}

.mk-adapt-grid{
  position:relative;
  z-index:2;
  width:min(100%, var(--mk-container));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.mk-adapt-card{
  position:relative;
  min-height:300px;
  padding:34px;
  border-radius:var(--mk-radius-lg);
  background:#fff;
  border:1px solid var(--mk-border-light);
  box-shadow:0 18px 42px rgba(15,23,42,.06);
  overflow:hidden;
  opacity:0;
  transform:translateY(18px);
  transition:
      opacity .55s ease,
      transform .55s ease,
      border-color .25s ease,
      box-shadow .25s ease;
  transition-delay:calc(var(--card-index) * 140ms);
}

body[data-theme="dark"] .mk-adapt-card{
  background:linear-gradient(180deg, rgba(17,24,39,.92), rgba(7,17,31,.92));
  border-color:var(--mk-border-dark);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.mk-adapt-grid.is-visible .mk-adapt-card{
  opacity:1;
  transform:none;
}

.mk-adapt-card:hover{
  transform:translateY(-6px);
  border-color:rgba(87,214,43,.35);
  box-shadow:0 24px 60px rgba(15,23,42,.10);
}

body[data-theme="dark"] .mk-adapt-card:hover{
  box-shadow:0 28px 76px rgba(0,0,0,.42);
}

.mk-adapt-card::after{
  content:'';
  position:absolute;
  width:240px;
  height:240px;
  border-radius:999px;
  inset-block-end:-130px;
  inset-inline-end:-110px;
  background:rgba(87,214,43,.10);
  filter:blur(22px);
  pointer-events:none;
}

.mk-adapt-icon{
  width:68px;
  height:68px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(87,214,43,.11);
  color:var(--mk-primary);
  margin-bottom:28px;
}

.mk-adapt-icon i{
  font-size:32px;
}

.mk-adapt-content{
  position:relative;
  z-index:2;
}

.mk-adapt-content h3{
  margin:0;
  max-width:430px;
  color:inherit;
  font-size:28px;
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:900;
}

.mk-adapt-content p{
  margin:14px 0 0;
  max-width:520px;
  color:var(--mk-muted);
  font-size:16px;
  line-height:1.75;
  font-weight:600;
}

body[data-theme="dark"] .mk-adapt-content p{
  color:var(--mk-muted-dark);
}

.mk-adapt-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

.mk-adapt-tags span{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(15,23,42,.045);
  border:1px solid var(--mk-border-light);
  color:var(--mk-text);
  font-size:12px;
  line-height:1;
  font-weight:900;
}

body[data-theme="dark"] .mk-adapt-tags span{
  background:rgba(255,255,255,.055);
  border-color:var(--mk-border-dark);
  color:#fff;
}

.mk-adapt-tags span:first-child{
  background:rgba(87,214,43,.13);
  border-color:rgba(87,214,43,.22);
  color:var(--mk-primary);
}


/* ==========================================================
   Showcase
========================================================== */

.mk-showcase-section{
    position:relative;
    padding:var(--mk-section-spacing) 22px;
    background:#fff;
    color:var(--mk-text);
    overflow:hidden;
}

body[data-theme="dark"] .mk-showcase-section{
    background:#07111F;
    color:var(--mk-text-dark);
}

.mk-showcase-section::before{
    content:'';
    position:absolute;
    width:620px;
    height:620px;
    border-radius:999px;
    left:50%;
    top:35%;
    transform:translateX(-50%);
    background:rgba(87,214,43,.08);
    filter:blur(80px);
    pointer-events:none;
}

body.is-rtl .mk-showcase-section::before{
    transform:translateX(50%);
}

/* ================= Layout ================= */

.mk-showcase-layout{
    position:relative;
    z-index:2;
    width:min(100%,var(--mk-container));
    margin:auto;

    display:grid;

    grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);

    grid-template-areas:
        "tabs tabs"
        "content visual";

    gap:46px 56px;

    align-items:center;
}

/* ================= Tabs ================= */

.mk-showcase-selector{

    grid-area:tabs;

    display:flex;
    justify-content:center;
    flex-wrap:wrap;

    gap:12px;
    margin-bottom:10px;

}

.mk-showcase-chip{

    min-height:46px;
    padding:0 18px;

    border-radius:999px;

    border:1px solid var(--mk-border-light);

    background:#fff;

    color:var(--mk-muted);

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    cursor:pointer;

    font-size:13px;
    font-weight:900;

    transition:.25s;

}

body[data-theme="dark"] .mk-showcase-chip{

    background:rgba(255,255,255,.05);

    border-color:var(--mk-border-dark);

    color:var(--mk-muted-dark);

}

.mk-showcase-chip i{

    font-size:18px;

}

.mk-showcase-chip:hover{

    transform:translateY(-2px);

    border-color:rgba(87,214,43,.35);

    color:var(--mk-primary);

}

.mk-showcase-chip.is-active{

    background:var(--mk-primary) !important;

    border-color:var(--mk-primary) !important;

    color:#07111F !important;

    box-shadow:
        0 18px 44px rgba(87,214,43,.40),
        0 0 0 4px rgba(87,214,43,.18);

}

.mk-showcase-chip.is-active i{
    color:#07111F !important;
}

/* ================= Text ================= */

.mk-showcase-content{

    grid-area:content;

}

.mk-showcase-copy-panel{

    display:none;

    animation:showcaseFade .35s ease;

}

.mk-showcase-copy-panel.is-active{

    display:block;

}

@keyframes showcaseFade{

    from{

        opacity:0;

        transform:translateY(18px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

.mk-showcase-module-icon{

    width:72px;
    height:72px;

    border-radius:24px;

    background:rgba(87,214,43,.12);

    color:var(--mk-primary);

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:24px;

}

.mk-showcase-module-icon i{

    font-size:34px;

}

.mk-showcase-copy-panel h3{

    margin:0;

    font-size:clamp(36px,4vw,52px);

    line-height:1.08;

    font-weight:900;

}

.mk-showcase-copy-panel p{

    margin-top:20px;

    max-width:520px;

    color:var(--mk-muted);

    font-size:17px;

    line-height:1.85;

    font-weight:600;

}

body[data-theme="dark"] .mk-showcase-copy-panel p{

    color:var(--mk-muted-dark);

}

.mk-showcase-more{

    margin-top:34px;

    width:max-content;

    padding:0 18px;

    height:42px;

    border-radius:999px;

    background:rgba(87,214,43,.12);

    color:var(--mk-primary);

    display:flex;
    align-items:center;
    gap:10px;

    font-size:14px;

    font-weight:900;

}

.mk-showcase-more i{

    font-size:18px;

}

/* ================= Screenshot ================= */

.mk-showcase-visual{

    grid-area:visual;

}

.mk-showcase-screen{

    display:none;

    animation:showcaseFade .35s ease;

}

.mk-showcase-screen.is-active{

    display:block;

}

.mk-showcase-browser{

    border-radius:32px;

    overflow:hidden;

    background:#fff;

    border:1px solid rgba(15,23,42,.08);

    box-shadow:0 32px 90px rgba(15,23,42,.14);

}

body[data-theme="dark"] .mk-showcase-browser{

    background:#0B1424;

    border-color:rgba(255,255,255,.08);

    box-shadow:0 36px 100px rgba(0,0,0,.40);

}

.mk-showcase-browser-top{

    height:44px;

    display:flex;
    align-items:center;

    gap:8px;

    padding-inline:18px;

    border-bottom:1px solid rgba(15,23,42,.08);

    background:#F8FAFC;

}

body[data-theme="dark"] .mk-showcase-browser-top{

    background:#111827;

    border-bottom-color:rgba(255,255,255,.08);

}

.mk-showcase-browser-top span{

    width:10px;
    height:10px;

    border-radius:50%;

}

.mk-showcase-browser-top span:nth-child(1){

    background:#EF4444;

}

.mk-showcase-browser-top span:nth-child(2){

    background:#F59E0B;

}

.mk-showcase-browser-top span:nth-child(3){

    background:var(--mk-primary);

}

.mk-showcase-slides{

    position:relative;

}

.mk-showcase-slide{

    display:none;

}

.mk-showcase-slide.is-active{

    display:block;

}

.mk-showcase-slide img{

    display:block;

    width:100%;

    height:470px;

    object-fit:cover;

}

/* ================= Dots ================= */

.mk-showcase-dots{

    display:flex;

    justify-content:center;

    gap:10px;

    margin-top:18px;

}

.mk-showcase-dots button{

    width:10px;
    height:10px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    background:rgba(148,163,184,.35);

    transition:.25s;

}

.mk-showcase-dots button.is-active{

    width:30px;

    border-radius:999px;

    background:var(--mk-primary);

}

/* ================= Mobile ================= */

@media(max-width:900px){

    .mk-showcase-layout{

        grid-template-columns:1fr;

        grid-template-areas:
            "tabs"
            "content"
            "visual";

        gap:28px;

    }

    .mk-showcase-selector{

        justify-content:flex-start;

        flex-wrap:nowrap;

        overflow-x:auto;

        scrollbar-width:none;

        padding-bottom:8px;

    }

    .mk-showcase-selector::-webkit-scrollbar{

        display:none;

    }

    .mk-showcase-chip{

        flex:0 0 auto;

    }

    .mk-showcase-copy-panel h3{

        font-size:30px;

    }

    .mk-showcase-copy-panel p{

        font-size:15px;

        line-height:1.75;

    }

    .mk-showcase-visual{

        width:100%;

        max-width:300px;

        margin:auto;

    }

    .mk-showcase-browser{

        border-radius:22px;

    }

    .mk-showcase-browser-top{

        height:34px;

    }

    .mk-showcase-slide img{

        height:auto;

        aspect-ratio:390 / 844;

        object-fit:cover;

    }

}

@media(max-width:420px){

    .mk-showcase-visual{

        max-width:260px;

    }

}


/* HomePage Pricing */

.mk-pricing-section{
  position:relative;
  padding:var(--mk-section-spacing) 22px;
  background:#F8FAFC;
  color:var(--mk-text);
  overflow:hidden;
}

body[data-theme="dark"] .mk-pricing-section{
  background:#081321;
  color:var(--mk-text-dark);
}

.mk-pricing-section::before{
  content:'';
  position:absolute;
  width:560px;
  height:560px;
  border-radius:999px;
  inset-block-start:28%;
  inset-inline-end:-180px;
  background:rgba(87,214,43,.10);
  filter:blur(60px);
  pointer-events:none;
}

.mk-pricing-grid{
  position:relative;
  z-index:2;
  width:min(100%, var(--mk-container));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}

.mk-pricing-card{
  position:relative;
  padding:34px;
  border-radius:var(--mk-radius-lg);
  background:#fff;
  border:1px solid var(--mk-border-light);
  box-shadow:0 18px 42px rgba(15,23,42,.06);
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .55s ease,
    transform .55s ease,
    border-color .25s ease,
    box-shadow .25s ease;
  transition-delay:calc(var(--card-index) * 140ms);
}

body[data-theme="dark"] .mk-pricing-card{
  background:linear-gradient(180deg, rgba(17,24,39,.92), rgba(7,17,31,.92));
  border-color:var(--mk-border-dark);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.mk-pricing-grid.is-visible .mk-pricing-card{
  opacity:1;
  transform:none;
}

.mk-pricing-card:hover{
  transform:translateY(-7px);
  border-color:rgba(87,214,43,.35);
  box-shadow:0 26px 64px rgba(15,23,42,.11);
}

body[data-theme="dark"] .mk-pricing-card:hover{
  box-shadow:0 30px 80px rgba(0,0,0,.44);
}

.mk-pricing-card.is-featured{
  border-color:rgba(87,214,43,.48);
  box-shadow:
    0 28px 72px rgba(87,214,43,.14),
    0 0 0 1px rgba(87,214,43,.14) inset;
}

.mk-pricing-badge{
  position:absolute;
  inset-block-start:18px;
  inset-inline-end:18px;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--mk-primary);
  color:#07111F;
  font-size:11px;
  line-height:1;
  font-weight:900;
}

.mk-pricing-icon{
  width:66px;
  height:66px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(87,214,43,.11);
  color:var(--mk-primary);
  margin-bottom:24px;
}

.mk-pricing-icon i{
  font-size:31px;
}

.mk-pricing-card h3{
  margin:0;
  font-size:28px;
  line-height:1.15;
  font-weight:900;
}

.mk-pricing-card p{
  margin:14px 0 0;
  color:var(--mk-muted);
  font-size:15px;
  line-height:1.75;
  font-weight:600;
}

body[data-theme="dark"] .mk-pricing-card p{
  color:var(--mk-muted-dark);
}

.mk-pricing-card{
  display:flex;
  flex-direction:column;
}

.mk-pricing-card p{
  min-height:96px;
}

.mk-home-price{
  margin:24px 0 28px;
  padding:24px 0;
  border-top:1px solid rgba(148,163,184,.18);
  border-bottom:1px solid rgba(148,163,184,.18);
}

.mk-home-old-price{
  width:max-content;
  margin-bottom:14px;
  color:rgba(100,116,139,.9);
  font-size:22px;
  line-height:1;
  font-weight:900;
  text-decoration:line-through;
  text-decoration-thickness:2px;
  text-decoration-color:rgba(100,116,139,.9);
}

body[data-theme="dark"] .mk-home-old-price{
  color:rgba(148,163,184,.88);
  text-decoration-color:rgba(148,163,184,.72);
}

.mk-home-old-price.is-hidden{
  visibility:hidden;
}

.mk-home-current-price{
  min-height:58px;
  display:flex;
  align-items:flex-end;
  gap:8px;
}

.mk-home-price-value{
  color:var(--mk-primary);
  font-size:56px;
  line-height:.9;
  font-weight:900;
  letter-spacing:-.055em;
}

.mk-home-price-period{
  padding-bottom:7px;
  color:var(--mk-muted);
  font-size:17px;
  line-height:1;
  font-weight:900;
}

body[data-theme="dark"] .mk-home-price-period{
  color:var(--mk-muted-dark);
}

.mk-pricing-card .mk-btn{
  margin-top:auto;
  width:100%;
}

.mk-pricing-card ul{
  list-style:none;
  padding:0;
  margin:26px 0 0;
  display:grid;
  gap:12px;
}

.mk-pricing-card li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:var(--mk-text);
  font-size:14px;
  line-height:1.45;
  font-weight:800;
}

body[data-theme="dark"] .mk-pricing-card li{
  color:var(--mk-text-dark);
}

.mk-pricing-card li i{
  width:22px;
  height:22px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:rgba(87,214,43,.14);
  color:var(--mk-primary);
  font-size:15px;
}

.mk-pricing-trust{
  position:relative;
  z-index:2;
  width:min(100%, var(--mk-container));
  margin:28px auto 0;
  padding:18px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--mk-border-light);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px 24px;
  box-shadow:0 14px 36px rgba(15,23,42,.05);
}

body[data-theme="dark"] .mk-pricing-trust{
  background:rgba(255,255,255,.045);
  border-color:var(--mk-border-dark);
}

.mk-pricing-trust span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--mk-muted);
  font-size:13px;
  font-weight:900;
}

body[data-theme="dark"] .mk-pricing-trust span{
  color:var(--mk-muted-dark);
}

.mk-pricing-trust i{
  color:var(--mk-primary);
  font-size:18px;
}

.mk-pricing-cta{
  position:relative;
  z-index:2;
  width:min(100%, 720px);
  margin:42px auto 0;
  text-align:center;
}

.mk-pricing-cta p{
  margin:0 0 20px;
  color:var(--mk-muted);
  font-size:18px;
  line-height:1.65;
  font-weight:700;
}

body[data-theme="dark"] .mk-pricing-cta p{
  color:var(--mk-muted-dark);
}

/* FAQ */

.mk-faq-section{
  position:relative;
  padding:var(--mk-section-spacing) 22px;
  background:#fff;
  color:var(--mk-text);
  overflow:hidden;
}

body[data-theme="dark"] .mk-faq-section{
  background:#07111F;
  color:var(--mk-text-dark);
}

.mk-faq-section::before{
  content:'';
  position:absolute;
  width:520px;
  height:520px;
  border-radius:999px;
  inset-block-start:24%;
  inset-inline-start:-180px;
  background:rgba(87,214,43,.08);
  filter:blur(60px);
  pointer-events:none;
}

.mk-faq-grid{
  position:relative;
  z-index:2;
  width:min(100%, var(--mk-container));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.mk-faq-item{
  border-radius:22px;
  background:#F8FAFC;
  border:1px solid var(--mk-border-light);
  overflow:hidden;
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

body[data-theme="dark"] .mk-faq-item{
  background:rgba(255,255,255,.045);
  border-color:var(--mk-border-dark);
}

.mk-faq-item:hover{
  transform:translateY(-2px);
  border-color:rgba(87,214,43,.28);
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}

body[data-theme="dark"] .mk-faq-item:hover{
  box-shadow:0 22px 48px rgba(0,0,0,.28);
}

.mk-faq-item.is-open{
  background:#fff;
  border-color:rgba(87,214,43,.36);
  box-shadow:
    0 18px 44px rgba(15,23,42,.08),
    0 0 0 1px rgba(87,214,43,.08) inset;
}

body[data-theme="dark"] .mk-faq-item.is-open{
  background:linear-gradient(180deg, rgba(17,24,39,.92), rgba(7,17,31,.94));
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}

.mk-faq-question{
  width:100%;
  min-height:74px;
  padding:20px 22px;
  border:0;
  background:transparent;
  color:inherit;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  text-align:start;
  cursor:pointer;
}

.mk-faq-question span{
  font-size:16px;
  line-height:1.45;
  font-weight:900;
}

.mk-faq-question i{
  width:34px;
  height:34px;
  border-radius:13px;
  background:rgba(87,214,43,.12);
  color:var(--mk-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:20px;
  transition:.2s ease;
}

.mk-faq-item.is-open .mk-faq-question i{
  background:var(--mk-primary);
  color:#07111F;
}

.mk-faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .32s ease;
}

.mk-faq-item.is-open .mk-faq-answer{
  max-height:260px;
}

.mk-faq-answer p{
  margin:0;
  padding:0 22px 22px;
  color:var(--mk-muted);
  font-size:15px;
  line-height:1.8;
  font-weight:600;
}

body[data-theme="dark"] .mk-faq-answer p{
  color:var(--mk-muted-dark);
}

/* WhatsApp CTA */

.mk-whatsapp-section{
  position:relative;
  padding:var(--mk-section-spacing) 22px;
  background:var(--mk-deep);
  color:var(--mk-text-dark);
  overflow:hidden;
}

.mk-whatsapp-section::before{
  content:'';
  position:absolute;
  width:620px;
  height:620px;
  border-radius:999px;
  inset-block-start:10%;
  inset-inline-end:-220px;
  background:rgba(87,214,43,.12);
  filter:blur(70px);
  pointer-events:none;
}

.mk-whatsapp-wrap{
  position:relative;
  z-index:2;
  width:min(100%, var(--mk-container));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, .9fr) minmax(420px, .75fr);
  gap:60px;
  align-items:center;
}

.mk-whatsapp-copy h2{
  margin:0;
  max-width:620px;
  font-size:var(--mk-display-lg);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:900;
}

body.is-rtl .mk-whatsapp-copy h2{
  letter-spacing:-.025em;
}

.mk-whatsapp-copy p{
  margin:22px 0 0;
  max-width:560px;
  color:var(--mk-muted-dark);
  font-size:var(--mk-body-lg);
  line-height:1.85;
  font-weight:600;
}

.mk-whatsapp-card{
  position:relative;
  padding:18px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(7,17,31,.98));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 34px 110px rgba(0,0,0,.44);
}

.mk-whatsapp-card::before{
  content:'';
  position:absolute;
  inset:-1px;
  border-radius:32px;
  padding:1px;
  background:linear-gradient(135deg, rgba(87,214,43,.48), transparent 42%, rgba(255,255,255,.10));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

.mk-whatsapp-chat-head{
  min-height:68px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.07);
  display:flex;
  align-items:center;
  gap:13px;
}

.mk-whatsapp-avatar{
  width:46px;
  height:46px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--mk-primary);
  color:#07111F;
  flex:0 0 auto;
}

.mk-whatsapp-avatar i{
  font-size:25px;
}

.mk-whatsapp-chat-head strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.2;
  font-weight:900;
}

.mk-whatsapp-chat-head span{
  display:block;
  margin-top:4px;
  color:var(--mk-primary);
  font-size:12px;
  line-height:1;
  font-weight:800;
}

.mk-whatsapp-message{
  position:relative;
  width:fit-content;
  max-width:88%;
  margin:24px 0 22px;
  padding:14px 16px;
  border-radius:18px 18px 18px 6px;
  background:rgba(87,214,43,.14);
  border:1px solid rgba(87,214,43,.18);
  color:#fff;
  font-size:14px;
  line-height:1.65;
  font-weight:700;
}

body.is-rtl .mk-whatsapp-message{
  border-radius:18px 18px 6px 18px;
}

.mk-whatsapp-input-row{
  min-height:58px;
  padding:8px;
  border-radius:22px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  gap:10px;
}

.mk-whatsapp-input-row input{
  width:100%;
  min-width:0;
  height:42px;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  padding:0 8px;
  font-size:14px;
  font-weight:700;
}

.mk-whatsapp-input-row input::placeholder{
  color:rgba(229,231,235,.55);
}

.mk-whatsapp-input-row button{
  width:44px;
  height:44px;
  border:0;
  border-radius:16px;
  background:var(--mk-primary);
  color:#07111F;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  cursor:pointer;
  transition:.18s ease;
  box-shadow:0 14px 30px rgba(87,214,43,.26);
}

.mk-whatsapp-input-row button:hover{
  transform:translateY(-1px);
  background:var(--mk-primary-hover);
}

.mk-whatsapp-input-row button i{
  font-size:20px;
}

body.is-rtl .mk-whatsapp-input-row button i{
  transform:rotate(180deg);
}


/* ==========================================================
   Legal Pages
========================================================== */

.mk-legal-hero{
    position:relative;
    padding:130px 22px 70px;
    overflow:hidden;
    background:
        radial-gradient(circle at top right, rgba(87,214,43,.12), transparent 38%),
        var(--mk-surface);
}

body[data-theme="dark"] .mk-legal-hero{
    background:
        radial-gradient(circle at top right, rgba(87,214,43,.10), transparent 38%),
        #07111F;
}

.mk-legal-hero-inner{
    width:min(100%, 900px);
    margin:0 auto;
    text-align:center;
}

.mk-legal-hero h1{
    margin:18px 0 18px;
    font-size:clamp(42px,5vw,64px);
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.04em;
}

body.is-rtl .mk-legal-hero h1{
    letter-spacing:-.02em;
}

.mk-legal-hero p{
    margin:0 auto;
    max-width:700px;
    color:var(--mk-muted);
    font-size:18px;
    line-height:1.85;
    font-weight:600;
}

body[data-theme="dark"] .mk-legal-hero p{
    color:var(--mk-muted-dark);
}

.mk-legal-meta{
    margin-top:34px;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(87,214,43,.10);
    color:var(--mk-primary);
    font-size:14px;
    font-weight:800;
}

.mk-legal-content-section{
    padding:0 22px var(--mk-section-spacing);
    margin-top:-24px;
    position:relative;
    z-index:5;
}

.mk-legal-card{
    width:min(100%, 980px);
    margin:0 auto;
    padding:46px;
    border-radius:32px;
    background:#fff;
    border:1px solid var(--mk-border-light);
    box-shadow:0 24px 70px rgba(15,23,42,.08);
}

body[data-theme="dark"] .mk-legal-card{
    background:#101826;
    border-color:var(--mk-border-dark);
    box-shadow:0 28px 80px rgba(0,0,0,.34);
}

.mk-legal-card-head{
    padding-bottom:32px;
    margin-bottom:12px;
    border-bottom:1px solid var(--mk-border-light);
}

body[data-theme="dark"] .mk-legal-card-head{
    border-color:rgba(255,255,255,.08);
}

.mk-legal-card-head h2{
    margin:0;
    font-size:34px;
    font-weight:900;
}

.mk-legal-card-head p{
    margin:16px 0 0;
    color:var(--mk-muted);
    font-size:17px;
    line-height:1.8;
}

body[data-theme="dark"] .mk-legal-card-head p{
    color:var(--mk-muted-dark);
}

.mk-legal-section{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:28px;
    padding:34px 0;
    border-bottom:1px solid var(--mk-border-light);
}

body[data-theme="dark"] .mk-legal-section{
    border-color:rgba(255,255,255,.08);
}

.mk-legal-section:last-child{
    border-bottom:none;
}

.mk-legal-section-number{
    width:58px;
    height:58px;
    border-radius:18px;
    background:rgba(87,214,43,.12);
    color:var(--mk-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:900;
}

.mk-legal-section h3{
    margin:0 0 16px;
    font-size:24px;
    line-height:1.25;
    font-weight:900;
}

.mk-legal-section p{
    margin:0;
    color:var(--mk-muted);
    font-size:16px;
    line-height:1.95;
}

body[data-theme="dark"] .mk-legal-section p{
    color:var(--mk-muted-dark);
}

.mk-legal-list{
    list-style:none;
    padding:0;
    margin:22px 0 0;
    display:grid;
    gap:12px;
}

.mk-legal-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:var(--mk-muted);
    font-size:15px;
    line-height:1.75;
    font-weight:600;
}

body[data-theme="dark"] .mk-legal-list li{
    color:var(--mk-muted-dark);
}

.mk-legal-list li i{
    width:22px;
    height:22px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    margin-top:3px;
    background:rgba(87,214,43,.13);
    color:var(--mk-primary);
    font-size:14px;
}

/* Footer */

.mk-footer{
  position:relative;
  padding:86px 22px 34px;
  background:#fff;
  color:var(--mk-text);
  overflow:hidden;
}

body[data-theme="dark"] .mk-footer{
  background:#050D19;
  color:var(--mk-text-dark);
}

.mk-footer::before{
  content:'';
  position:absolute;
  width:520px;
  height:520px;
  border-radius:999px;
  inset-block-start:-260px;
  inset-inline-start:20%;
  background:rgba(87,214,43,.08);
  filter:blur(70px);
  pointer-events:none;
}

.mk-footer-wrap{
  position:relative;
  z-index:2;
  width:min(100%, var(--mk-container));
  margin:0 auto;
}

.mk-footer-main{
  padding-bottom:46px;
  border-bottom:1px solid var(--mk-border-light);
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);
  gap:70px;
  align-items:start;
}

body[data-theme="dark"] .mk-footer-main{
  border-bottom-color:rgba(255,255,255,.08);
}

.mk-footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:start;
}

.mk-footer-logo{
  width:178px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  text-decoration:none;
}

.mk-footer-brand p{
  margin:22px 0 24px;
  max-width:420px;
  color:var(--mk-muted);
  font-size:17px;
  line-height:1.7;
  font-weight:700;
}

body[data-theme="dark"] .mk-footer-brand p{
  color:var(--mk-muted-dark);
}

.mk-footer-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
}

.mk-footer-group-title{
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:var(--mk-text);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:start;
  cursor:default;
}

body[data-theme="dark"] .mk-footer-group-title{
  color:#fff;
}

.mk-footer-group-title span{
  font-size:15px;
  line-height:1.3;
  font-weight:900;
}

.mk-footer-group-title > i{
  display:none;
  color:var(--mk-primary);
  font-size:20px;
  transition:.2s ease;
}

.mk-footer-group-links{
  margin-top:18px;
  display:grid;
  gap:12px;
}

.mk-footer-group-links a{
  width:max-content;
  max-width:100%;
  color:var(--mk-muted);
  text-decoration:none;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:9px;
  transition:.18s ease;
}

body[data-theme="dark"] .mk-footer-group-links a{
  color:var(--mk-muted-dark);
}

.mk-footer-group-links a i{
  width:20px;
  height:20px;
  border-radius:8px;
  background:rgba(87,214,43,.11);
  color:var(--mk-primary);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  flex:0 0 auto;
}

.mk-footer-group-links a:hover{
  color:var(--mk-primary);
  transform:translateX(3px);
}

body.is-rtl .mk-footer-group-links a:hover{
  transform:translateX(-3px);
}

.mk-footer-bottom{
  padding-top:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.mk-footer-bottom p{
  margin:0;
  color:var(--mk-muted);
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}

body[data-theme="dark"] .mk-footer-bottom p{
  color:rgba(148,163,184,.86);
}

.mk-footer-lang{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--mk-muted);
  font-size:13px;
  font-weight:900;
}

body[data-theme="dark"] .mk-footer-lang{
  color:rgba(148,163,184,.80);
}

.mk-footer-lang a{
  color:var(--mk-muted);
  text-decoration:none;
  transition:.18s ease;
}

body[data-theme="dark"] .mk-footer-lang a{
  color:rgba(148,163,184,.80);
}

.mk-footer-lang a:hover,
.mk-footer-lang a.is-active{
  color:var(--mk-primary);
}

.mk-mobile-action-bar{
  display:none;
}


/* Mobile */

@media (max-width:1020px){
  .mk-header{
    grid-template-columns:auto 1fr auto;
    gap:12px;
  }

  .mk-brand{
    width:150px;
    min-width:140px;
  }

  .mk-menu-toggle{
    display:inline-flex;
  }
  
  .mk-header-buttons{
    display:none;
}

  .mk-nav{
    position:fixed;
    inset-block-start:78px;
    inset-inline:14px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:14px;
    border-radius:22px;
    background:#fff;
    border:1px solid var(--mk-border-light);
    box-shadow:var(--mk-shadow-soft);
  }

  body[data-theme="dark"] .mk-nav{
    background:var(--mk-card);
    border-color:var(--mk-border-dark);
  }

  .mk-nav.is-open{
    display:flex;
  }

  .mk-nav a{
    min-height:46px;
    padding:0 14px;
    border-radius:14px;
    display:flex;
    align-items:center;
    background:rgba(15,23,42,.03);
  }

  body[data-theme="dark"] .mk-nav a{
    background:rgba(255,255,255,.04);
  }

  .mk-header-cta{
    display:none;
  }

  .mk-hero{
    min-height:auto;
    grid-template-columns:1fr;
    gap:34px;
    padding-top:42px;
  }

  .mk-hero-stage{
    min-height:470px;
    transform:none;
  }
  
  .mk-pillars-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.mk-adapt-grid{
  grid-template-columns:1fr;
}

.mk-pricing-grid{
  grid-template-columns:1fr;
}

.mk-faq-grid{
  grid-template-columns:1fr;
}


.mk-whatsapp-wrap{
  grid-template-columns:1fr;
}

}

@media (max-width:640px){
  body.mk-body{
    padding-top:68px;  
    padding-bottom:82px;
  }
  

.mk-mobile-action-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:999;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:8px;
  width:100%;
  max-width:100vw;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:rgba(7,17,31,.92);
  border-top:1px solid var(--mk-border-dark);
  backdrop-filter:blur(18px);
  direction:ltr;
  overflow:hidden;
}

.mk-mobile-action-bar a{
  min-width:0;
  width:100%;
  min-height:52px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
}

.mk-mobile-action-login{
  background:rgba(255,255,255,.06);
  color:#fff;
  border:1px solid var(--mk-border-dark);
}

.mk-mobile-action-start{
  background:var(--mk-primary);
  color:#07111F;
}

body.is-rtl .mk-mobile-action-bar a{
  direction:rtl;
}

body.is-rtl .mk-mobile-action-start i.ti-arrow-right{
  transform:rotate(180deg);
}
  

  .mk-header{
    min-height:68px;
    padding:12px 14px;
    grid-template-columns:auto 1fr auto;
  }

  .mk-brand{
    width:124px;
    min-width:124px;
  }

  .mk-logo{
    max-height:38px;
  }

  .mk-actions{
    justify-content:flex-end;
    gap:7px;
    margin-inline-start:auto;
  }

  .mk-icon-btn,
  .mk-lang,
  .mk-menu-toggle{
    width:38px;
    height:38px;
    border-radius:12px;
  }

  .mk-nav{
    inset-block-start:68px;
  }

 .mk-hero{
   padding-inline:16px;
   padding-top:34px;
   padding-bottom:var(--mk-section-gap-mobile);
   gap:36px;
 }

  .mk-hero h1{
    font-size:40px;
    line-height:1.08;
  }

  .mk-hero p{
    font-size:16px;
    line-height:1.75;
  }

  .mk-hero-actions{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .mk-hero-actions .mk-btn{
    width:100%;
  }

  .mk-problem-list{
    margin-top:26px;
  }

  .mk-hero-stage{
    width:100%;
    min-height:410px;
    transform:none;
    margin-top:6px;
  }

  .mk-chaos-card{
    width:245px;
    min-height:220px;
    inset-block-start:0;
    inset-inline-start:50%;
    transform:translateX(-50%);
    padding:18px;
  }

  body.is-rtl .mk-chaos-card{
    transform:translateX(50%);
  }

  .mk-chaos-head i{
    width:34px;
    height:34px;
    border-radius:12px;
    font-size:18px;
  }

  .mk-floating-question{
    min-height:34px;
    padding:0 11px;
    font-size:11px;
  }

  .q1{
    top:74px;
    inset-inline-end:-24px;
  }

  .q2{
    top:126px;
    inset-inline-start:-14px;
  }

  .q3{
    top:178px;
    inset-inline-end:12px;
  }

  .mk-order-card{
    min-width:220px;
    min-height:86px;
    padding:14px;
    inset-block-start:228px;
    inset-inline-start:50%;
    inset-inline-end:auto;
    transform:translateX(-50%);
  }

  body.is-rtl .mk-order-card{
    transform:translateX(50%);
  }

  .mk-order-icon{
    width:44px;
    height:44px;
    border-radius:15px;
  }

  .mk-dashboard-preview{
    width:100%;
    min-height:220px;
    padding:18px;
    inset-block-start:300px;
    inset-inline-start:50%;
    transform:translateX(-50%);
  }

  body.is-rtl .mk-dashboard-preview{
    transform:translateX(50%);
  }

  .mk-preview-grid{
    grid-template-columns:1fr 1fr;
  }

  .mk-preview-grid div:nth-child(3){
    display:none;
  }

  .mk-bars{
    height:58px;
    margin-top:18px;
  }
  
  .mk-timeline-section{
    padding:
        var(--mk-section-spacing-mobile)
        16px
        var(--mk-section-spacing-mobile);
}

.mk-section-head{
  margin-bottom:46px;
  text-align:start;
}

.mk-section-head .mk-kicker{
  margin-inline:0;
}

.mk-section-head h2{
  font-size:34px;
  line-height:1.12;
}

.mk-section-head p{
  font-size:16px;
  line-height:1.75;
}

.mk-growth-timeline{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:0;
  padding-inline:4px;
}

.mk-growth-timeline::before{
  top:0;
  bottom:0;
  inset-inline-start:33px;
  inset-inline-end:auto;
  width:3px;
  height:auto;
}

body.is-rtl .mk-growth-timeline::before{
  inset-inline-start:auto;
  inset-inline-end:33px;
}

.mk-growth-timeline::after{
  top:0;
  inset-inline-start:33px;
  width:3px;
  height:0;
  background:linear-gradient(180deg, rgba(100,116,139,.55), #f59e0b, #ef4444, var(--mk-primary));
  transition:height 2.8s ease;
}

body.is-rtl .mk-growth-timeline::after{
  inset-inline-start:auto;
  inset-inline-end:33px;
}

.mk-growth-timeline.is-visible::after{
  width:3px;
  height:calc(100% - 56px);
}

.mk-timeline-step{
  min-height:92px;
  flex-direction:row;
  align-items:center;
  text-align:start;
  gap:16px;
  transform:translateY(12px);
}

body.is-rtl .mk-timeline-step{
  flex-direction:row-reverse;
}

.mk-timeline-dot{
  width:66px;
  height:66px;
  border-radius:22px;
  margin-bottom:0;
  flex:0 0 66px;
}

.mk-timeline-content{
  max-width:none;
  padding-top:0;
}

.mk-timeline-content strong{
  font-size:15px;
  line-height:1.45;
}

.mk-timeline-content span{
  font-size:13px;
}


  
  .mk-pillars-section{
    padding:
        var(--mk-section-spacing-mobile)
        16px
        var(--mk-section-spacing-mobile);
}

.mk-pillars-grid{
    grid-template-columns:1fr;
    gap:18px;
}

.mk-pillar-card{
    padding:26px;
}

.mk-pillar-icon{
    width:58px;
    height:58px;
    border-radius:20px;
    margin-bottom:18px;
}

.mk-pillar-icon i{
    font-size:27px;
}

.mk-pillar-card h3{
    font-size:22px;
}

.mk-pillar-card p{
    font-size:15px;
}


/* Showcase Mobile */

.mk-showcase-section{
  padding:
    var(--mk-section-spacing-mobile)
    16px
    var(--mk-section-spacing-mobile);
}

.mk-showcase-section::before{
  width:420px;
  height:420px;
  inset-block-start:48%;
}

.mk-showcase-shell{
  padding:12px;
  border-radius:26px;
}

.mk-showcase-nav{
  display:flex;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:8px;
  margin-bottom:18px;
  scrollbar-width:none;
}

.mk-showcase-nav::-webkit-scrollbar{
  display:none;
}

.mk-showcase-tab{
  flex:0 0 210px;
  min-height:58px;
  padding:10px 12px;
  border-radius:18px;
}

.mk-showcase-tab-icon{
  width:34px;
  height:34px;
  border-radius:12px;
}

.mk-showcase-tab-icon i{
  font-size:18px;
}

.mk-showcase-tab-text{
  font-size:12px;
}

.mk-showcase-stage{
  min-height:720px;
}

.mk-showcase-copy{
  width:100%;
  margin:6px 0 18px;
  text-align:start;
}

.mk-showcase-copy h3{
  font-size:26px;
  line-height:1.2;
}

.mk-showcase-copy p{
  margin-top:10px;
  font-size:15px;
  line-height:1.75;
}

.mk-showcase-preview{
  padding:0;
}

.mk-showcase-preview.has-multiple{
  grid-template-columns:1fr;
  gap:16px;
}

.mk-showcase-image{
  border-radius:22px;
}

.mk-showcase-image::before{
  height:36px;
  background:
    radial-gradient(circle at 18px 50%, rgba(239,68,68,.95) 0 4px, transparent 5px),
    radial-gradient(circle at 34px 50%, rgba(245,158,11,.95) 0 4px, transparent 5px),
    radial-gradient(circle at 50px 50%, rgba(87,214,43,.95) 0 4px, transparent 5px),
    linear-gradient(180deg,#F8FAFC,#EEF2F7);
}

body[data-theme="dark"] .mk-showcase-image::before{
  background:
    radial-gradient(circle at 18px 50%, rgba(239,68,68,.95) 0 4px, transparent 5px),
    radial-gradient(circle at 34px 50%, rgba(245,158,11,.95) 0 4px, transparent 5px),
    radial-gradient(circle at 50px 50%, rgba(87,214,43,.95) 0 4px, transparent 5px),
    linear-gradient(180deg,#111827,#07111F);
}

.mk-showcase-image img,
.mk-showcase-preview.has-multiple .mk-showcase-image img{
  height:auto;
  aspect-ratio:390 / 844;
  object-fit:cover;
}

.mk-showcase-more{
  margin-top:12px;
  min-height:38px;
  padding:0 14px;
  font-size:12px;
}

/* HomePage Pricing Mobile */
.mk-pricing-section{
  padding:
    var(--mk-section-spacing-mobile)
    16px
    var(--mk-section-spacing-mobile);
}

.mk-pricing-card{
  padding:26px;
}

.mk-pricing-card h3{
  font-size:24px;
}

.mk-pricing-trust{
  align-items:flex-start;
  justify-content:flex-start;
  padding:16px;
  gap:12px;
}

.mk-pricing-trust span{
  width:100%;
}

.mk-pricing-cta{
  margin-top:34px;
}

.mk-pricing-cta p{
  font-size:16px;
}

.mk-pricing-cta .mk-btn{
  width:100%;
}

  
  /* FAQ Mobile */
 .mk-faq-section{
  padding:
    var(--mk-section-spacing-mobile)
    16px
    var(--mk-section-spacing-mobile);
}

.mk-faq-grid{
  gap:12px;
}

.mk-faq-question{
  min-height:68px;
  padding:18px;
}

.mk-faq-question span{
  font-size:15px;
}

.mk-faq-answer p{
  padding:0 18px 18px;
  font-size:14px;
} 


/* WhatsApp CTA Mobile */
.mk-whatsapp-section{
  padding:
    var(--mk-section-spacing-mobile)
    16px
    var(--mk-section-spacing-mobile);
}

.mk-whatsapp-wrap{
  gap:34px;
}

.mk-whatsapp-copy{
  text-align:start;
}

.mk-whatsapp-copy h2{
  font-size:34px;
}

.mk-whatsapp-copy p{
  font-size:16px;
  line-height:1.75;
}

.mk-whatsapp-card{
  padding:14px;
  border-radius:26px;
}

.mk-whatsapp-chat-head{
  min-height:62px;
  padding:12px;
  border-radius:20px;
}

.mk-whatsapp-avatar{
  width:42px;
  height:42px;
  border-radius:16px;
}

.mk-whatsapp-message{
  max-width:94%;
  margin:20px 0 18px;
  font-size:13px;
}

.mk-whatsapp-input-row{
  min-height:54px;
  border-radius:20px;
}

.mk-whatsapp-input-row input{
  font-size:13px;
}

.mk-whatsapp-input-row button{
  width:42px;
  height:42px;
  border-radius:15px;
}
 
 
/* Footer mobile*/ 
.mk-footer{
  padding:72px 16px 100px;
}

.mk-footer-main{
  padding-bottom:34px;
  grid-template-columns:1fr;
  gap:30px;
}

.mk-footer-brand{
  align-items:center;
  text-align:center;
}

.mk-footer-logo{
  width:152px;
  justify-content:center;
}

.mk-footer-brand p{
  margin:18px auto 22px;
  max-width:320px;
  font-size:15px;
}

.mk-footer-brand .mk-btn{
  width:100%;
}

.mk-footer-columns{
  grid-template-columns:1fr;
  gap:10px;
}

.mk-footer-group{
  border:1px solid var(--mk-border-light);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}

body[data-theme="dark"] .mk-footer-group{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}

.mk-footer-group-title{
  min-height:56px;
  padding:0 16px;
  cursor:pointer;
  justify-content:center;
  position:relative;
}

.mk-footer-group-title span{
  text-align:center;
}

.mk-footer-group-title > i{
  display:block;
  position:absolute;
  inset-inline-end:16px;
}

body.is-rtl .mk-footer-group-title > i{
  inset-inline-end:auto;
  inset-inline-start:16px;
}

.mk-footer-group.is-open .mk-footer-group-title > i{
  transform:rotate(180deg);
}

.mk-footer-group-links{
  max-height:0;
  overflow:hidden;
  margin-top:0;
  display:grid;
  gap:0;
  transition:max-height .28s ease;
}

.mk-footer-group.is-open .mk-footer-group-links{
  max-height:260px;
}

.mk-footer-group-links a{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-top:1px solid var(--mk-border-light);
  transform:none;
}

body[data-theme="dark"] .mk-footer-group-links a{
  border-top-color:rgba(255,255,255,.07);
}

.mk-footer-group-links a:hover,
body.is-rtl .mk-footer-group-links a:hover{
  transform:none;
}

.mk-footer-group-links a i{
  width:22px;
  height:22px;
  border-radius:8px;
}

.mk-footer-bottom{
  padding-top:24px;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.mk-footer-lang{
  justify-content:center;
}
 
/* Legal */

.mk-legal-hero{
    padding:110px 16px 50px;
}

.mk-legal-hero h1{
    font-size:36px;
}

.mk-legal-hero p{
    font-size:16px;
    line-height:1.75;
}

.mk-legal-meta{
    margin-top:26px;
    font-size:13px;
}

.mk-legal-content-section{
    padding:0 16px var(--mk-section-spacing-mobile);
}

.mk-legal-card{
    padding:26px;
    border-radius:24px;
}

.mk-legal-card-head h2{
    font-size:28px;
}

.mk-legal-card-head p{
    font-size:15px;
}

.mk-legal-section{
    grid-template-columns:1fr;
    gap:18px;
    padding:26px 0;
}

.mk-legal-section-number{
    width:48px;
    height:48px;
    border-radius:15px;
}

.mk-legal-section h3{
    font-size:22px;
}

.mk-legal-section p{
    font-size:15px;
    line-height:1.85;
}


    
    
}

@media (max-width:420px){
  .mk-hero h1{
    font-size:36px;
  }

  .mk-hero-stage{
    min-height:315px;
  }

  .mk-chaos-card{
    width:210px;
    min-height:190px;
  }

  .mk-order-card{
    min-width:190px;
    inset-block-start:198px;
  }

  .mk-dashboard-preview{
    display:none;
  }

  .q1{
    top:66px;
    inset-inline-end:-18px;
  }

  .q2{
    top:114px;
    inset-inline-start:-10px;
  }

  .q3{
    top:158px;
    inset-inline-end:8px;
  }
  
  .mk-section-head h2{
  font-size:30px;
}

.mk-timeline-step{
  min-height:88px;
}

.mk-timeline-dot{
  width:58px;
  height:58px;
  border-radius:20px;
  flex-basis:58px;
}

.mk-timeline-dot i{
  font-size:24px;
}

.mk-growth-timeline::before,
.mk-growth-timeline::after{
  inset-inline-start:29px;
}

body.is-rtl .mk-growth-timeline::before,
body.is-rtl .mk-growth-timeline::after{
  inset-inline-start:auto;
  inset-inline-end:29px;
}
}


/* Order Flow Mobile */

@media (max-width: 900px){

  .mk-order-flow-section{
    padding:84px 0 104px;
  }

  .mk-order-flow-section::before{
    width:460px;
    height:460px;
    inset-block-start:48%;
    inset-inline-start:50%;
    transform:translateX(-50%);
    filter:blur(46px);
  }

  body.is-rtl .mk-order-flow-section::before{
    transform:translateX(50%);
  }

  .mk-order-flow-wrap{
    width:100%;
    grid-template-columns:1fr;
    gap:42px;
  }

  .mk-order-flow-copy{
    width:100%;
    max-width:none;
    padding-inline:18px;
    text-align:center;
    order:1;
  }

  .mk-order-flow-copy .mk-kicker{
    margin-inline:auto;
  }

  .mk-order-flow-copy h2{
    font-size:clamp(38px, 10vw, 56px);
  }

  .mk-order-flow-copy p{
    max-width:560px;
    margin-inline:auto;
    font-size:16px;
    line-height:1.75;
  }

  .mk-flow-payoff{
    max-width:520px;
    margin-inline:auto;
  }

  .mk-flow-payoff strong{
    font-size:24px;
  }

  .mk-flow-payoff span{
    font-size:19px;
  }

  .mk-order-flow-visual{
    order:2;
    width:100%;
    max-width:430px;
    min-height:470px;
    margin-inline:auto;
    margin-top:-4px;
    margin-bottom:-24px;
  }

  .mk-flow-connector{
    display:none;
  }

  .mk-flow-orbit{
    inset:56px 18px 28px;
  }

  .mk-flow-orbit::before{
    inset:34px;
  }

  .mk-flow-order-card{
    inset-block-start:166px;
    width:162px;
    padding:12px;
    border-radius:18px;
  }

  .mk-flow-order-card::before{
    inset:-16px;
    border-radius:30px;
  }

  .mk-flow-order-title{
    padding-bottom:8px;
    margin-bottom:8px;
    gap:6px;
  }

  .mk-flow-order-title strong{
    font-size:18px;
  }

  .mk-flow-order-title span{
    font-size:7px;
    padding:4px 6px;
  }

  .mk-flow-order-line{
    padding:5px 0;
    font-size:10px;
  }

  .mk-flow-order-meta{
    margin-top:8px;
    gap:6px;
  }

  .mk-flow-order-meta span{
    padding:7px;
    font-size:8px;
    border-radius:10px;
  }

  .mk-flow-order-status{
    margin-top:7px;
    padding:8px;
    border-radius:11px;
  }

  .mk-flow-order-status span,
  .mk-flow-order-status strong{
    font-size:9px;
  }

  .mk-flow-system-card{
    width:94px;
    min-height:82px;
    padding:10px 8px;
    border-radius:15px;
  }

  .mk-flow-system-card i{
    font-size:21px;
    margin-bottom:6px;
  }

  .mk-flow-system-card strong{
    font-size:10px;
  }

  .mk-flow-system-card span{
    font-size:9px;
    gap:4px;
    margin-top:4px;
    max-width:76px;
  }

  .mk-flow-system-card span::after{
    flex-basis:13px;
    width:13px;
    height:13px;
    font-size:8px;
  }

  .flow-card-inventory{
    inset-block-start:4px;
  }

  .flow-card-storefront{
    inset-block-start:130px;
    inset-inline-start:22px;
  }

  .flow-card-customer{
    inset-block-start:130px;
    inset-inline-end:22px;
  }

  .flow-card-payment{
    inset-block-end:108px;
    inset-inline-start:22px;
  }

  .flow-card-reports{
    inset-block-end:108px;
    inset-inline-end:22px;
  }

  .flow-card-delivery{
    inset-block-end:4px;
  }
}

@media (max-width: 480px){

  .mk-order-flow-section{
    padding:74px 0 96px;
  }

  .mk-order-flow-wrap{
    gap:34px;
  }

  .mk-order-flow-copy{
    padding-inline:14px;
  }

  .mk-order-flow-copy h2{
    font-size:clamp(34px, 12vw, 48px);
  }

  .mk-order-flow-copy p{
    font-size:15px;
  }

  .mk-flow-payoff{
    margin-top:26px;
    padding-top:24px;
  }

  .mk-flow-payoff strong{
    font-size:22px;
  }

  .mk-flow-payoff span{
    font-size:17px;
  }

  .mk-order-flow-visual{
    max-width:390px;
    min-height:445px;
    margin-bottom:-30px;
  }

.mk-flow-order-card{
    inset-block-start:140px;
}

  .mk-flow-system-card{
    width:88px;
    min-height:78px;
  }

  .flow-card-inventory{
    inset-block-start:4px;
  }

  .flow-card-storefront{
    inset-block-start:122px;
    inset-inline-start:10px;
  }

  .flow-card-customer{
    inset-block-start:122px;
    inset-inline-end:10px;
  }

  .flow-card-payment{
    inset-block-end:100px;
    inset-inline-start:10px;
  }

  .flow-card-reports{
    inset-block-end:100px;
    inset-inline-end:10px;
  }

  .flow-card-delivery{
    inset-block-end:0;
  }
}

/* ==========================================================
   Pricing / Plans Page
========================================================== */

.mk-plans-hero{
  position:relative;
  padding:118px 22px 76px;
  background:#fff;
  color:var(--mk-text);
  overflow:hidden;
}

body[data-theme="dark"] .mk-plans-hero{
  background:#07111F;
  color:var(--mk-text-dark);
}

.mk-plans-hero::before{
  content:'';
  position:absolute;
  width:620px;
  height:620px;
  border-radius:999px;
  inset-block-start:-280px;
  inset-inline-end:-180px;
  background:rgba(87,214,43,.12);
  filter:blur(72px);
  pointer-events:none;
}

.mk-plans-hero-inner{
  position:relative;
  z-index:2;
  width:min(100%, 900px);
  margin:0 auto;
  text-align:center;
}

.mk-plans-hero-inner .mk-kicker{
  margin-inline:auto;
}

.mk-plans-hero h1{
  margin:0;
  font-size:var(--mk-display-xl);
  line-height:1.04;
  letter-spacing:-.06em;
  font-weight:900;
}

body.is-rtl .mk-plans-hero h1{
  letter-spacing:-.03em;
}

.mk-plans-hero p{
  margin:24px auto 0;
  max-width:760px;
  color:var(--mk-muted);
  font-size:var(--mk-body-lg);
  line-height:1.85;
  font-weight:600;
}

body[data-theme="dark"] .mk-plans-hero p{
  color:var(--mk-muted-dark);
}

.mk-plans-section{
  position:relative;
  padding:0 22px var(--mk-section-spacing);
  background:#F8FAFC;
  color:var(--mk-text);
}

body[data-theme="dark"] .mk-plans-section{
  background:#081321;
  color:var(--mk-text-dark);
}

.mk-plan-cards{
  position:relative;
  z-index:3;
  width:min(100%, var(--mk-container));
  margin:-34px auto 34px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}

.mk-plan-card{
  position:relative;
  padding:34px;
  border-radius:var(--mk-radius-lg);
  background:#fff;
  border:1px solid var(--mk-border-light);
  box-shadow:0 20px 54px rgba(15,23,42,.08);
  display:flex;
  flex-direction:column;
  min-height:330px;
}

body[data-theme="dark"] .mk-plan-card{
  background:linear-gradient(180deg, rgba(17,24,39,.94), rgba(7,17,31,.96));
  border-color:var(--mk-border-dark);
  box-shadow:0 30px 80px rgba(0,0,0,.34);
}

.mk-plan-card.is-featured{
  border-color:rgba(87,214,43,.54);
  box-shadow:
    0 30px 78px rgba(87,214,43,.14),
    0 0 0 1px rgba(87,214,43,.16) inset;
}

.mk-plan-card h2{
  margin:0;
  font-size:30px;
  line-height:1.16;
  font-weight:900;
}




.mk-plan-card p{
  min-height:126px;
}

.mk-plan-price{
  margin:2px 0 34px;
  padding:26px 0 26px;
  min-height:180px;
  border-top:1px solid rgba(148,163,184,.18);
  border-bottom:1px solid rgba(148,163,184,.18);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.mk-plan-old-price{
  width:max-content;
  margin-bottom:14px;
  color:rgba(148,163,184,.95);
  font-size:26px;
  line-height:1;
  font-weight:900;
  text-decoration:line-through;
  text-decoration-thickness:3px;
  text-decoration-color:rgba(148,163,184,.85);
}

body[data-theme="dark"] .mk-plan-old-price{
  color:rgba(148,163,184,.92);
  text-decoration-color:rgba(148,163,184,.78);
}

.mk-plan-old-price.is-hidden{
  visibility:hidden;
}

.mk-plan-current-price{
  display:flex;
  align-items:flex-end;
  gap:8px;
}

.mk-plan-price-value{
  display:inline-block;
  color:var(--mk-primary);
  font-size:64px;
  line-height:.9;
  font-weight:900;
  letter-spacing:-.06em;
}

.mk-plan-price-period{
  padding-bottom:8px;
  color:var(--mk-muted);
  font-size:20px;
  line-height:1;
  font-weight:900;
}

body[data-theme="dark"] .mk-plan-price-period{
  color:var(--mk-muted-dark);
}

.mk-plan-price-custom{
  display:inline-flex;
  align-items:flex-end;
  min-height:66px;
  color:var(--mk-primary);
  font-size:42px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}



.mk-plan-card .mk-btn{
  margin-top:auto;
  width:100%;
}

.mk-plan-table-card{
  width:min(100%, var(--mk-container));
  margin:0 auto;
  padding:28px;
  border-radius:var(--mk-radius-xl);
  background:#fff;
  border:1px solid var(--mk-border-light);
  box-shadow:0 22px 60px rgba(15,23,42,.07);
}

body[data-theme="dark"] .mk-plan-table-card{
  background:linear-gradient(180deg, rgba(17,24,39,.94), rgba(7,17,31,.96));
  border-color:var(--mk-border-dark);
  box-shadow:0 34px 90px rgba(0,0,0,.34);
}

.mk-plan-table-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:24px;
}

.mk-plan-table-head h2{
  margin:0;
  font-size:34px;
  line-height:1.16;
  font-weight:900;
  letter-spacing:-.035em;
}

body.is-rtl .mk-plan-table-head h2{
  letter-spacing:-.02em;
}

.mk-plan-table-head p{
  margin:10px 0 0;
  max-width:680px;
  color:var(--mk-muted);
  font-size:16px;
  line-height:1.75;
  font-weight:600;
}

body[data-theme="dark"] .mk-plan-table-head p{
  color:var(--mk-muted-dark);
}

.mk-plan-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:24px;
  border:1px solid var(--mk-border-light);
}

body[data-theme="dark"] .mk-plan-table-wrap{
  border-color:var(--mk-border-dark);
}

.mk-plan-table{
  width:100%;
  min-width:860px;
  border-collapse:collapse;
  background:#fff;
}

body[data-theme="dark"] .mk-plan-table{
  background:rgba(255,255,255,.025);
}

.mk-plan-table th,
.mk-plan-table td{
  padding:18px 20px;
  border-bottom:1px solid var(--mk-border-light);
  text-align:center;
  vertical-align:middle;
}

body[data-theme="dark"] .mk-plan-table th,
body[data-theme="dark"] .mk-plan-table td{
  border-bottom-color:rgba(255,255,255,.075);
}

.mk-plan-table th:first-child,
.mk-plan-table td:first-child{
  text-align:start;
  width:34%;
}

.mk-plan-table thead th{
  background:#F8FAFC;
  color:var(--mk-text);
  font-size:14px;
  line-height:1.3;
  font-weight:900;
}

body[data-theme="dark"] .mk-plan-table thead th{
  background:rgba(255,255,255,.045);
  color:#fff;
}

.mk-plan-table tbody td:first-child{
  color:var(--mk-text);
  font-size:14px;
  line-height:1.45;
  font-weight:900;
}

body[data-theme="dark"] .mk-plan-table tbody td:first-child{
  color:var(--mk-text-dark);
}

.mk-plan-check{
  width:32px;
  height:32px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(87,214,43,.14);
  color:var(--mk-primary);
}

.mk-plan-check i{
  font-size:20px;
  font-weight:900;
}

.mk-plan-no{
  color:var(--mk-muted);
  font-size:22px;
  line-height:1;
  font-weight:900;
}

body[data-theme="dark"] .mk-plan-no{
  color:rgba(148,163,184,.74);
}

.mk-plan-text-value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:38px;
  padding:0 16px;
  border-radius:12px;
  background:#EEF6FF;
  color:#0F172A;
  border:1px solid rgba(15,23,42,.08);
  font-size:15px;
  line-height:1.2;
  font-weight:900;
}

body[data-theme="dark"] .mk-plan-text-value{
  background:rgba(87,214,43,.12);
  color:#fff;
  border-color:rgba(87,214,43,.25);
}

.mk-plan-mobile-list{
  display:none;
}

.mk-plans-bottom-cta{
  width:min(100%, 860px);
  margin:44px auto 0;
  padding:38px;
  border-radius:var(--mk-radius-xl);
  text-align:center;
  background:var(--mk-deep);
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 80px rgba(7,17,31,.28);
}

.mk-plans-bottom-cta h2{
  margin:0;
  font-size:38px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.04em;
}

body.is-rtl .mk-plans-bottom-cta h2{
  letter-spacing:-.02em;
}

.mk-plans-bottom-cta p{
  margin:16px auto 0;
  max-width:620px;
  color:var(--mk-muted-dark);
  font-size:17px;
  line-height:1.75;
  font-weight:600;
}

.mk-plans-bottom-cta > div{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

@media (max-width:1020px){
  .mk-plan-cards{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .mk-plans-hero{
    padding:72px 16px 62px;
  }

  .mk-plans-hero-inner{
    text-align:start;
  }

  .mk-plans-hero-inner .mk-kicker{
    margin-inline:0;
  }

  .mk-plans-hero h1{
    font-size:38px;
    line-height:1.08;
  }

  .mk-plans-hero p{
    font-size:16px;
    line-height:1.75;
  }

  .mk-plans-section{
    padding:0 16px var(--mk-section-spacing-mobile);
  }

  .mk-plan-cards{
    margin-top:-28px;
    gap:16px;
  }

  .mk-plan-card{
    padding:26px;
    border-radius:26px;
    min-height:auto;
  }

  .mk-plan-card h2{
    font-size:26px;
  }

  .mk-plan-table-card{
    padding:18px;
    border-radius:28px;
  }

  .mk-plan-table-head{
    display:block;
    margin-bottom:18px;
  }

  .mk-plan-table-head h2{
    font-size:28px;
  }

  .mk-plan-table-head p{
    font-size:15px;
    line-height:1.7;
  }

  .mk-plan-table-wrap{
    display:none;
  }

  .mk-plan-mobile-list{
    display:grid;
    gap:12px;
  }

  .mk-plan-mobile-row{
    padding:16px;
    border-radius:20px;
    border:1px solid var(--mk-border-light);
    background:#F8FAFC;
  }

  body[data-theme="dark"] .mk-plan-mobile-row{
    background:rgba(255,255,255,.04);
    border-color:rgba(255,255,255,.08);
  }

  .mk-plan-mobile-row h3{
    margin:0 0 14px;
    font-size:15px;
    line-height:1.45;
    font-weight:900;
  }

  .mk-plan-mobile-row div{
    min-height:42px;
    padding:9px 0;
    border-top:1px solid var(--mk-border-light);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  body[data-theme="dark"] .mk-plan-mobile-row div{
    border-top-color:rgba(255,255,255,.075);
  }

  .mk-plan-mobile-row div span{
    color:var(--mk-muted);
    font-size:13px;
    font-weight:900;
  }

  body[data-theme="dark"] .mk-plan-mobile-row div span{
    color:var(--mk-muted-dark);
  }

  .mk-plan-check{
    width:28px;
    height:28px;
  }

  .mk-plan-text-value{
    min-height:30px;
    max-width:160px;
    text-align:center;
    font-size:12px;
  }

  .mk-plans-bottom-cta{
    margin-top:30px;
    padding:28px 20px;
    border-radius:28px;
  }

  .mk-plans-bottom-cta h2{
    font-size:28px;
  }

  .mk-plans-bottom-cta p{
    font-size:15px;
  }

  .mk-plans-bottom-cta > div{
    flex-direction:column;
    align-items:stretch;
  }

  .mk-plans-bottom-cta .mk-btn{
    width:100%;
  }
}

/* ==========================================================
   Register
========================================================== */

.mk-register-section{
  padding:120px 22px 90px;
  background:#F8FAFC;
}

body[data-theme="dark"] .mk-register-section{
  background:#081321;
}

.mk-register-wrap{
  width:min(100%,1200px);
  margin:0 auto;
  display:grid;
  grid-template-columns:420px 1fr;
  gap:48px;
  align-items:start;
}

.mk-register-copy{
  position:sticky;
  top:120px;
}

.mk-register-copy h1{
  margin:18px 0 18px;
  font-size:56px;
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.05em;
}

body.is-rtl .mk-register-copy h1{
  letter-spacing:-.02em;
}

.mk-register-copy p{
  margin:0;
  color:var(--mk-muted);
  font-size:18px;
  line-height:1.8;
  font-weight:600;
}

body[data-theme="dark"] .mk-register-copy p{
  color:var(--mk-muted-dark);
}

.mk-register-card{
  padding:38px;
  border-radius:32px;
  background:#fff;
  border:1px solid var(--mk-border-light);
  box-shadow:0 24px 70px rgba(15,23,42,.08);
}

body[data-theme="dark"] .mk-register-card{
  background:linear-gradient(180deg,rgba(17,24,39,.95),rgba(7,17,31,.97));
  border-color:var(--mk-border-dark);
  box-shadow:0 34px 90px rgba(0,0,0,.34);
}

.mk-register-alert{
  display:flex;
  gap:14px;
  padding:18px 20px;
  margin-bottom:22px;
  border-radius:18px;
  font-weight:600;
}

.mk-register-alert ul{
  margin:10px 0 0 18px;
}

.mk-register-alert.is-success{
  background:rgba(87,214,43,.12);
  color:#0f7a29;
}

.mk-register-alert.is-error{
  background:rgba(239,68,68,.12);
  color:#b91c1c;
}

body[data-theme="dark"] .mk-register-alert.is-success{
  color:#7ef48d;
}

body[data-theme="dark"] .mk-register-alert.is-error{
  color:#ffb4b4;
}

.mk-register-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.mk-register-grid label,
.mk-register-field{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mk-register-field.is-wide{
  grid-column:1 / -1;
}

.mk-register-grid span{
  font-size:14px;
  font-weight:800;
}

.mk-register-grid input,
.mk-register-grid select{
  width:100%;
  height:56px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid var(--mk-border-light);
  background:#fff;
  color:var(--mk-text);
  font:inherit;
  transition:.2s;
}

body[data-theme="dark"] .mk-register-grid input,
body[data-theme="dark"] .mk-register-grid select{
  background:rgba(255,255,255,.04);
  border-color:var(--mk-border-dark);
  color:var(--mk-text-dark);
}

.mk-register-grid input:focus,
.mk-register-grid select:focus{
  outline:none;
  border-color:var(--mk-primary);
  box-shadow:0 0 0 4px rgba(87,214,43,.12);
}

.mk-register-field-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.mk-change-plan-btn{
  border:0;
  background:rgba(87,214,43,.12);
  color:var(--mk-primary);
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}

.mk-selected-plan{
  min-height:76px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(87,214,43,.28);
  background:rgba(87,214,43,.08);
  display:flex;
  align-items:center;
  gap:12px;
}

.mk-selected-plan-check{
  width:38px;
  height:38px;
  border-radius:14px;
  background:var(--mk-primary);
  color:#07111F;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.mk-selected-plan-check i{
  font-size:22px;
}

.mk-selected-plan strong{
  display:block;
  font-size:16px;
  font-weight:900;
}

.mk-selected-plan small{
  display:block;
  margin-top:5px;
  color:var(--mk-muted);
  font-size:13px;
  font-weight:800;
}

body[data-theme="dark"] .mk-selected-plan small{
  color:var(--mk-muted-dark);
}

.mk-plan-options,
.mk-payment-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.mk-plan-options{
  margin-top:4px;
}

.mk-option-card{
  width:100%;
  min-height:92px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--mk-border-light);
  background:#fff;
  color:var(--mk-text);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6px 12px;
  align-items:center;
  text-align:start;
  cursor:pointer;
  transition:.18s ease;
}

body[data-theme="dark"] .mk-option-card{
  background:rgba(255,255,255,.045);
  border-color:var(--mk-border-dark);
  color:var(--mk-text-dark);
}

.mk-option-card:hover{
  border-color:rgba(87,214,43,.38);
  transform:translateY(-1px);
}

.mk-option-card.is-selected{
  border-color:rgba(87,214,43,.55);
  background:rgba(87,214,43,.10);
  box-shadow:0 0 0 1px rgba(87,214,43,.12) inset;
}

.mk-option-radio{
  grid-row:1 / span 2;
  width:22px;
  height:22px;
  border-radius:999px;
  border:2px solid rgba(148,163,184,.75);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.mk-option-card.is-selected .mk-option-radio{
  border-color:var(--mk-primary);
}

.mk-option-card.is-selected .mk-option-radio::after{
  content:'';
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--mk-primary);
}

.mk-option-card strong{
  font-size:15px;
  line-height:1.25;
  font-weight:900;
}

.mk-option-card small{
  grid-column:2;
  color:var(--mk-muted);
  font-size:12px;
  line-height:1.45;
  font-weight:800;
}

body[data-theme="dark"] .mk-option-card small{
  color:var(--mk-muted-dark);
}

.mk-payment-details{
  grid-column:1 / -1;
}

.mk-payment-box{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(87,214,43,.22);
  background:rgba(87,214,43,.08);
}

body[data-theme="dark"] .mk-payment-box{
  background:rgba(87,214,43,.075);
  border-color:rgba(87,214,43,.20);
}

.mk-payment-box-head h3{
  margin:0;
  color:var(--mk-primary);
  font-size:22px;
  font-weight:900;
}

.mk-payment-box-head p{
  margin:8px 0 18px;
  color:var(--mk-muted);
  font-size:14px;
  line-height:1.7;
  font-weight:700;
}

body[data-theme="dark"] .mk-payment-box-head p{
  color:var(--mk-muted-dark);
}

.mk-copy-item{
  width:100%;
  min-height:64px;
  padding:12px 14px;
  margin-top:10px;
  border-radius:16px;
  border:1px solid var(--mk-border-light);
  background:#fff;
  color:var(--mk-text);
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px 12px;
  align-items:center;
  text-align:start;
  cursor:pointer;
  transition:.18s ease;
}

body[data-theme="dark"] .mk-copy-item{
  background:rgba(255,255,255,.045);
  border-color:var(--mk-border-dark);
  color:var(--mk-text-dark);
}

.mk-copy-item:hover{
  border-color:rgba(87,214,43,.38);
  transform:translateY(-1px);
}

.mk-copy-item span{
  color:var(--mk-muted);
  font-size:12px;
  font-weight:900;
}

body[data-theme="dark"] .mk-copy-item span{
  color:var(--mk-muted-dark);
}

.mk-copy-item strong{
  font-size:15px;
  line-height:1.4;
  font-weight:900;
  overflow-wrap:anywhere;
}

.mk-copy-item i{
  grid-row:1 / span 2;
  grid-column:2;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(87,214,43,.13);
  color:var(--mk-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}

.mk-copy-item.is-copied i{
  background:var(--mk-primary);
  color:#07111F;
}

.mk-payment-qr-wrap{
  margin-top:16px;
  padding:14px;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--mk-border-light);
  display:flex;
  justify-content:center;
}

body[data-theme="dark"] .mk-payment-qr-wrap{
  background:rgba(255,255,255,.045);
  border-color:var(--mk-border-dark);
}

.mk-payment-qr{
  width:min(100%, 260px);
  border-radius:16px;
  display:block;
}

.mk-register-submit{
  width:100%;
  margin-top:30px;
  justify-content:center;
}

/* Must stay after display rules */
.mk-selected-plan[hidden],
.mk-plan-options[hidden],
.mk-payment-details[hidden],
.mk-payment-box[hidden]{
  display:none !important;
}

@media (max-width:960px){
  .mk-register-wrap{
    grid-template-columns:1fr;
  }

  .mk-register-copy{
    position:static;
  }
}

@media (max-width:640px){
  .mk-register-section{
    padding:80px 16px 50px;
  }

  .mk-register-copy h1{
    font-size:40px;
  }

  .mk-register-copy p{
    font-size:16px;
  }

  .mk-register-card{
    padding:22px;
    border-radius:26px;
  }

  .mk-register-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .mk-plan-options,
  .mk-payment-options{
    grid-template-columns:1fr;
  }

  .mk-option-card{
    min-height:82px;
  }

  .mk-payment-box{
    padding:18px;
    border-radius:20px;
  }

  .mk-copy-item{
    min-height:60px;
    padding:12px;
  }

  .mk-copy-item strong{
    font-size:14px;
  }

  .mk-payment-qr{
    width:min(100%, 220px);
  }
}

.mk-register-consent{
  grid-column:1 / -1;
  margin-top:8px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:14px;
  line-height:1.7;
  font-weight:600;
  color:var(--mk-muted);
}

body[data-theme="dark"] .mk-register-consent{
  color:var(--mk-muted-dark);
}

.mk-register-consent input{
  width:18px;
  height:18px;
  margin-top:2px;
  accent-color:var(--mk-primary);
  flex:0 0 auto;
}

.mk-register-consent a{
  color:var(--mk-primary);
  font-weight:800;
  text-decoration:none;
}

.mk-register-consent a:hover{
  text-decoration:underline;
}