/* M_arkana Bak 360 — V5 mockup R5. Scoped so KOBİ and Profesyonel keep their own rules. */
html.markana-tab:not(.kobi-tab):not(.pro-tab) #markana-360{
  background:#f8f9fb;
}
#markana-360{
  --r4-title:#313b8e;
  --r4-ink:#20243a;
  --r4-body:#20243a;
  --r4-muted:#586078;
  --r4-accent:#65398d;
  --r4-line:rgba(49,59,142,.16);
  --r2-white:#f8f9fb;
  --r2-tint:#f1f4fa;
  --mb360-display:Georgia,"Times New Roman",serif;
  --mb360-text:Georgia,"Times New Roman",serif;
  font-family:var(--mb360-text);
  color:var(--r4-ink);
  background:var(--r2-white);
}
#markana-360 .mb360-chapter{display:none}
#markana-360 .mb360-shell{width:min(calc(100% - 2 * var(--gutter)),1200px)}
#markana-360 .mb360-shell>*{min-width:0}
#markana-360 :where(p,ul,h1,h2,h3){margin-top:0}

#markana-360 .mb360-chapter{
  padding:32px 0 18px;
  background:var(--r2-white);
  border-bottom:0;
}
#markana-360 .mb360-chapter__desc{
  max-width:820px;
  margin:12px auto 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.34rem,1.62vw,1.68rem);
  font-weight:400;
  font-style:italic;
  line-height:1.48;
  letter-spacing:0;
  color:var(--r4-body);
  text-wrap:pretty;
}
#markana-360 .mb360-chapter__nav{margin-top:14px;gap:25px}
#markana-360 .mb360-chapter__nav a{
  min-height:44px;
  padding-inline:5px;
  font-family:var(--mb360-text);
  font-size:13px;
  font-weight:400;
  letter-spacing:.045em;
  color:#586078;
}
#markana-360 .mb360-chapter__nav a.is-active{color:#313b8e;font-weight:500}
#markana-360 .mb360-chapter__nav a.is-active:after{background:currentColor}
#markana-360 .mb360-chapter__nav a:hover{color:#65398d}
#markana-360 .mb360-chapter__nav span{color:#adb1bf}

#markana-360 .mb360-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:0;
  background:#050817!important;
  color:#f5f6fb;
}
#markana-360 .mb360-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,6,20,.79) 0%,rgba(3,6,20,.66) 34%,rgba(3,6,20,.31) 58%,rgba(3,6,20,.03) 80%),
    linear-gradient(180deg,rgba(3,6,20,.14) 0%,rgba(3,6,20,0) 60%,rgba(3,6,20,.30) 100%);
}
#markana-360 .mb360-hero > picture{display:contents}
#markana-360 .mb360-hero__approved-image{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center top;
  pointer-events:none;
  filter:none;
  opacity:.82;
  -webkit-mask-image:none;
  mask-image:none;
}
@media(min-width:901px){
  #markana-360 .mb360-hero__approved-image{
    object-fit:cover;
    object-position:68% center;
    opacity:1;
    transform:none;
  }
  #markana-360 .mb360-hero::before{
    background:linear-gradient(90deg,rgba(3,6,20,.78) 0%,rgba(3,6,20,.56) 34%,rgba(3,6,20,.22) 58%,rgba(3,6,20,.03) 80%),linear-gradient(180deg,rgba(3,6,20,.14) 0%,rgba(3,6,20,0) 60%,rgba(3,6,20,.28) 100%);
  }
}
#markana-360 .mb360-hero__grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:58% minmax(0,1fr);
  min-height:clamp(248px,19vw,292px);
  align-items:center;
}
#markana-360 .mb360-hero__copy{
  padding:40px 0 42px;
  min-width:0;
  max-width:none;
}
#markana-360 .mb360-eyebrow{
  margin:0 0 18px;
  padding-bottom:10px;
  font-family:var(--mb360-text);
  font-size:11px;
  font-weight:400;
  line-height:1.25;
  letter-spacing:.15em;
  color:#c4bcf4;
}
#markana-360 .mb360-eyebrow:after{background:#a49ae0}
#markana-360 .mb360-hero h1{
  max-width:100%;
  margin:0 0 18px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2.4rem,3.28vw,3.9rem)!important;
  font-weight:400;
  line-height:.99!important;
  letter-spacing:-.025em;
  color:#f5f6fb!important;
  word-break:normal;
  overflow-wrap:normal;
}
#markana-360 .mb360-hero-title__line{display:block;white-space:normal}
#markana-360 .mb360-product{
  max-width:100%;
  margin:0 0 16px;
  gap:14px;
  color:#f5f6fb;
}
#markana-360 .mb360-product__logo{width:214px}
#markana-360 .mb360-product span{
  font-family:"IBM Plex Sans","Helvetica Neue",Arial,system-ui,sans-serif;
  font-size:25px;
  font-weight:400;
}
#markana-360 .mb360-hero__copy>p{
  max-width:51ch;
  margin:0;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(1.34rem,1.62vw,1.68rem);
  font-style:italic!important;
  font-weight:400;
  line-height:1.48;
  letter-spacing:0;
  color:#edf0f8;
  text-wrap:pretty;
}

#markana-360 .mb360-section{
  position:relative;
  padding:30px 0;
  border:0;
  overflow:visible;
}
#markana-360 .mb360-title{
  display:block;
  position:relative;
  margin:0;
  padding:0!important;
  font-family:var(--mb360-display);
  font-size:clamp(1.44rem,2.01vw,1.79rem)!important;
  font-weight:400;
  line-height:1.08!important;
  letter-spacing:-.025em;
  color:#313b8e!important;
  white-space:normal!important;
  text-wrap:balance;
  word-break:normal;
}
#markana-360 .mb360-problem__grid,
#markana-360 .mb360-outcomes>.mb360-shell,
#markana-360 .mb360-meaning__col{
  display:grid;
  grid-template-columns:30% minmax(0,1fr);
  column-gap:clamp(32px,3.35vw,48px);
  align-items:start;
}
#markana-360 .mb360-problem{
  padding:28px 0 30px;
  background:var(--r2-white);
}
#markana-360 .mb360-problem__left .mb360-title{max-width:19ch}
#markana-360 .mb360-body,
#markana-360 .mb360-problem__copy{
  font-family:var(--mb360-text);
  font-size:clamp(1.04rem,1.25vw,1.125rem);
  font-style:normal;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
  color:#20243a;
}
#markana-360 .mb360-problem__copy{
  max-width:62ch;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.175rem,1.4125vw,1.271rem);
  font-style:italic;
  font-weight:400;
  color:#000;
}
#markana-360 .mb360-problem__copy p{margin:0 0 8px;text-wrap:pretty}
#markana-360 .mb360-problem__copy p:last-child{margin-bottom:0}
#markana-360 .mb360-problem__lead{
  font-family:var(--mb360-text);
  font-size:clamp(1.1rem,1.4vw,1.25rem);
  font-weight:400;
  line-height:1.45;
  color:#20243a;
}
#markana-360 .mb360-problem__statement{
  max-width:26ch;
  margin:14px 0 0;
  padding:0;
  border:0;
  font-family:var(--mb360-display);
  font-size:clamp(1.2rem,1.55vw,1.45rem);
  font-style:italic;
  font-weight:400;
  line-height:1.35;
  color:#313b8e!important;
  text-wrap:pretty;
}

#markana-360 .mb360-outcomes{
  padding:22px 0 24px;
  background:var(--r2-tint);
}
#markana-360 .mb360-outcomes__head{grid-row:auto;margin:0}
#markana-360 .mb360-outcomes__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:24px;
  row-gap:0;
  gap:0 24px;
}
#markana-360 .mb360-outcomes article,
#markana-360 .mb360-outcomes article:first-child,
#markana-360 .mb360-outcomes article:last-child,
#markana-360 .mb360-outcomes article:nth-child(odd),
#markana-360 .mb360-outcomes article:nth-child(even){
  min-width:0;
  min-height:0;
  padding:8px 0 10px;
  background:transparent;
  border:0;
  border-top:1px solid var(--r4-line);
  border-radius:0;
  box-shadow:none;
}
#markana-360 .mb360-outcomes h3{
  min-height:0;
  max-width:none;
  margin:0 0 8px;
  padding:0;
  font-family:var(--mb360-display);
  font-size:clamp(1.22rem,1.6vw,1.44rem);
  font-weight:400;
  line-height:1.16;
  letter-spacing:-.018em;
  color:#20243a;
  text-wrap:balance;
}
#markana-360 .mb360-outcomes h3:after{display:none}
#markana-360 .mb360-outcomes article p{
  max-width:none;
  margin:0;
  padding:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1rem,1.18vw,1.063rem);
  font-style:italic;
  font-weight:400;
  line-height:1.48;
  color:#000;
  text-wrap:pretty;
}
#markana-360 .mb360-output{
  grid-column:2;
  container-type:inline-size;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  max-width:none;
  margin:8px 0 0;
  padding:10px 0 0;
  border-top:1px solid var(--r4-line);
  background:transparent;
  box-shadow:none;
}
#markana-360 .mb360-output__kicker{
  margin:0;
  font-family:var(--mb360-text);
  font-size:10.5px;
  font-weight:600;
  font-style:normal;
  line-height:1.2;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#8f78cf;
}
#markana-360 .mb360-output__doc{
  margin:0;
  max-width:100%;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.22rem,1.6vw,1.44rem);
  font-weight:400;
  font-style:italic;
  line-height:1.16;
  letter-spacing:-.018em;
  color:#000;
  white-space:normal;
  text-wrap:balance;
}

#markana-360 .mb360-meaning__grid{display:block}
#markana-360 .mb360-meaning--when{padding:22px 0 24px;background:var(--r2-white)}
#markana-360 .mb360-meaning--not{padding:22px 0 24px;background:var(--r2-tint)}
#markana-360 .mb360-meaning .mb360-title{
  margin:0;
  font-size:clamp(1.44rem,2.01vw,1.79rem)!important;
  line-height:1.08!important;
  color:#313b8e!important;
}
#markana-360 .mb360-list{min-width:0;list-style:none;margin:0;padding:0}
#markana-360 .mb360-list li{
  position:relative;
  margin:0;
  padding:6px 0;
  border-top:1px solid var(--r4-line);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.03rem,1.25vw,1.125rem);
  font-style:italic;
  font-weight:400;
  line-height:1.45;
  color:#000;
  text-wrap:pretty;
}
#markana-360 .mb360-list li:last-child{border-bottom:1px solid var(--r4-line)}
#markana-360 .mb360-list li:before{display:none}

#markana-360 .mb360-research{
  padding:28px 0 30px;
  background:var(--r2-white);
}
#markana-360 .mb360-research>.mb360-shell{
  display:grid;
  grid-template-columns:30% minmax(0,1fr);
  column-gap:clamp(32px,3.35vw,48px);
  row-gap:24px;
  align-items:start;
}
#markana-360 .mb360-research__head{display:contents}
#markana-360 .mb360-research__head .mb360-title{grid-column:1;grid-row:1}
#markana-360 .mb360-research__closing{
  grid-column:2;
  grid-row:1;
  align-self:center;
  max-width:52ch;
  margin:0;
  padding:0;
  border:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.13rem,1.45vw,1.35rem);
  font-style:italic;
  font-weight:400;
  line-height:1.35;
  color:#000;
  text-wrap:pretty;
}
#markana-360 .mb360-stats{
  grid-column:1 / -1;
  grid-row:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  gap:0;
  align-items:start;
}
#markana-360 .mb360-stat-card,
#markana-360 .mb360-stat-card:first-child,
#markana-360 .mb360-stat-card:last-child{
  min-width:0;
  padding:0 32px;
  border:0;
  border-left:1px solid var(--r4-line);
}
#markana-360 .mb360-stat-card:first-child{padding-left:0;border-left:0}
#markana-360 .mb360-stat-card:last-child{padding-right:0}
#markana-360 .mb360-stat{
  margin:0 0 10px;
  font-family:var(--mb360-display);
  font-size:clamp(1.65rem,2.06vw,1.9rem);
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.025em;
  color:#313b8e;
  white-space:nowrap;
}
#markana-360 .mb360-stat--pair{font-size:clamp(1.485rem,1.854vw,1.71rem)}
#markana-360 .mb360-stat-card h3{
  margin:0 0 8px;
  font-family:var(--mb360-text);
  font-size:18px;
  font-weight:400;
  line-height:1.28;
  color:#313b8e!important;
  text-wrap:balance;
}
#markana-360 .mb360-stat-card p{
  margin:0 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  font-style:italic;
  font-weight:400;
  line-height:1.5;
  color:#000;
  text-wrap:pretty;
}
#markana-360 .mb360-stat-card small{
  display:block;
  font-family:var(--mb360-text);
  font-size:12.5px;
  font-weight:400;
  line-height:1.4;
  color:#586078;
}

#markana-360 .mb360-next{
  padding:18px 0;
  background:var(--r2-tint);
  border:0;
}
#markana-360 .mb360-next__grid{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
}
#markana-360 .mb360-next__methodologies{display:flex;flex-direction:column;gap:6px}
#markana-360 .mb360-next a{
  display:inline-flex;
  align-items:baseline;
  gap:.45em;
  min-height:44px;
  font-family:var(--mb360-text);
  font-size:15px;
  line-height:1.5;
  color:#313b8e;
  text-underline-offset:5px;
}
#markana-360 .mb360-next a:hover{color:#65398d;text-decoration:underline}

@media(min-width:901px) and (max-width:1150px){
  #markana-360 .mb360-problem__grid,
  #markana-360 .mb360-outcomes>.mb360-shell,
  #markana-360 .mb360-meaning__col,
  #markana-360 .mb360-research>.mb360-shell{
    grid-template-columns:31% minmax(0,1fr);
    column-gap:34px;
  }
  #markana-360 .mb360-hero__grid{grid-template-columns:58% minmax(0,1fr);min-height:268px}
  #markana-360 .mb360-hero h1{font-size:clamp(2.2rem,4.25vw,3.05rem)!important;line-height:.99!important}
  #markana-360 .mb360-outcomes__grid{column-gap:20px}
  #markana-360 .mb360-stat-card{padding-inline:24px}
}
@media(min-width:1101px){
  #markana-360 .mb360-hero h1{font-size:clamp(2.4rem,3.28vw,3.9rem)!important;line-height:.99!important}
}

@media(max-width:900px){
  #markana-360 .mb360-chapter{padding:26px 0 18px}
  #markana-360 .mb360-chapter__desc{font-size:clamp(1.34rem,1.62vw,1.68rem);line-height:1.48;font-style:italic}
  #markana-360 .mb360-hero__grid{display:block;min-height:0}
  #markana-360 .mb360-hero__copy{padding:36px 0 40px;max-width:none}
  #markana-360 .mb360-hero h1{font-size:clamp(1.75rem,4.2vw,2.4rem)!important;line-height:.99!important;max-width:none}
  #markana-360 .mb360-hero__copy>p{max-width:none;font-size:1.14rem;line-height:1.48;font-style:italic}
  #markana-360 .mb360-hero::before{
    background:linear-gradient(90deg,rgba(3,6,20,.88) 0%,rgba(3,6,20,.7) 52%,rgba(3,6,20,.28) 100%),linear-gradient(180deg,rgba(3,6,20,.16) 0%,rgba(3,6,20,.04) 55%,rgba(3,6,20,.42) 100%);
  }
  #markana-360 .mb360-hero__approved-image{
    inset:0;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:74% center;
    opacity:1;
    transform:none;
    -webkit-mask-image:none;
    mask-image:none;
  }
  #markana-360 .mb360-title,
  #markana-360 .mb360-meaning .mb360-title{
    font-size:28px!important;
    max-width:none;
  }
  #markana-360 .mb360-problem__grid,
  #markana-360 .mb360-outcomes>.mb360-shell,
  #markana-360 .mb360-meaning__col{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:16px;
  }
  #markana-360 .mb360-problem{padding:30px 0 32px}
  #markana-360 .mb360-problem__left{display:contents}
  #markana-360 .mb360-problem__left .mb360-title{max-width:none;order:1}
  #markana-360 .mb360-problem__statement{order:2;max-width:none;margin:0;font-size:20px}
  #markana-360 .mb360-problem__copy{order:3;max-width:none;font-size:19px;font-style:italic}
  #markana-360 .mb360-problem__lead{font-size:19px}
  #markana-360 .mb360-outcomes{padding:24px 0 26px}
  #markana-360 .mb360-outcomes__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  #markana-360 .mb360-outcomes h3,
  #markana-360 .mb360-output__doc{font-size:23px;font-weight:400}
  #markana-360 .mb360-outcomes article p{font-size:17px}
  #markana-360 .mb360-output{grid-column:1;margin:0}
  #markana-360 .mb360-meaning--when,
  #markana-360 .mb360-meaning--not{padding:28px 0 30px}
  #markana-360 .mb360-list li{font-size:17px;padding:8px 0}
  #markana-360 .mb360-research{padding:30px 0 32px}
  #markana-360 .mb360-research>.mb360-shell{grid-template-columns:1fr;column-gap:0;row-gap:18px}
  #markana-360 .mb360-research__head .mb360-title{grid-column:1;grid-row:1}
  #markana-360 .mb360-stats{grid-column:1;grid-row:2}
  #markana-360 .mb360-research__closing{grid-column:1;grid-row:3;max-width:54ch;font-size:20px;align-self:start}
  #markana-360 .mb360-stat-card,
  #markana-360 .mb360-stat-card:first-child,
  #markana-360 .mb360-stat-card:last-child{padding-inline:22px}
  #markana-360 .mb360-stat{font-size:27px}
  #markana-360 .mb360-stat--pair{font-size:24.3px}
  #markana-360 .mb360-stat-card h3{font-size:17px}
  #markana-360 .mb360-stat-card p{font-size:15.5px}
}

@media(max-width:600px){
  #markana-360 .mb360-chapter{padding:22px 0 16px}
  #markana-360 .mb360-chapter__desc{font-size:clamp(1.34rem,1.62vw,1.68rem);line-height:1.48;font-style:italic;margin-top:12px}
  #markana-360 .mb360-chapter__nav{gap:17px;margin-top:12px}
  #markana-360 .mb360-chapter__nav a{font-size:12.5px;letter-spacing:.025em;padding-inline:3px}
  #markana-360 .mb360-hero__copy{padding:32px 0 36px}
  #markana-360 .mb360-eyebrow{font-size:10.5px;margin-bottom:14px}
  #markana-360 .mb360-hero h1{
    font-size:clamp(1.65rem,6.6vw,2.05rem)!important;
    line-height:.99!important;
    margin-bottom:18px;
    max-width:100%;
  }
  #markana-360 .mb360-product{gap:13px;margin-bottom:16px}
  #markana-360 .mb360-product__logo{width:184px}
  #markana-360 .mb360-product span{font-size:23px}
  #markana-360 .mb360-hero__copy>p{font-size:1.14rem;line-height:1.48;font-style:italic;max-width:100%}
  #markana-360 .mb360-hero__approved-image{height:100%;object-position:74% center}
  #markana-360 .mb360-title,
  #markana-360 .mb360-meaning .mb360-title{font-size:25px!important;line-height:1.1!important}
  #markana-360 .mb360-problem{padding:26px 0 28px}
  #markana-360 .mb360-problem__copy{font-size:18.5px;line-height:1.5;font-style:italic}
  #markana-360 .mb360-problem__lead{font-size:18px;line-height:1.45}
  #markana-360 .mb360-problem__copy p{margin-bottom:10px}
  #markana-360 .mb360-problem__statement{font-size:20px;line-height:1.35;max-width:none}
  #markana-360 .mb360-outcomes{padding:22px 0 24px}
  #markana-360 .mb360-outcomes__grid{grid-template-columns:1fr;column-gap:0}
  #markana-360 .mb360-outcomes article{padding:8px 0 10px}
  #markana-360 .mb360-outcomes h3{font-size:22px;line-height:1.16;margin-bottom:7px}
  #markana-360 .mb360-output__doc{font-size:22px;font-weight:400;line-height:1.16}
  #markana-360 .mb360-outcomes article p{font-size:16.5px;line-height:1.48}
  #markana-360 .mb360-output{padding-top:10px}
  #markana-360 .mb360-meaning--when,
  #markana-360 .mb360-meaning--not{padding:26px 0 28px}
  #markana-360 .mb360-list li{font-size:16.5px;line-height:1.45;padding:8px 0}
  #markana-360 .mb360-research{padding:26px 0 28px}
  #markana-360 .mb360-stats{display:grid;grid-template-columns:1fr}
  #markana-360 .mb360-stat-card,
  #markana-360 .mb360-stat-card:first-child,
  #markana-360 .mb360-stat-card:last-child{
    padding:18px 0;
    border:0;
    border-top:1px solid var(--r4-line);
  }
  #markana-360 .mb360-stat-card:first-child{padding-top:0;border-top:0}
  #markana-360 .mb360-stat-card:last-child{padding-bottom:0}
  #markana-360 .mb360-stat{font-size:29px;margin-bottom:10px}
  #markana-360 .mb360-stat--pair{font-size:26.1px}
  #markana-360 .mb360-stat-card h3{font-size:18px}
  #markana-360 .mb360-stat-card p{font-size:16px}
  #markana-360 .mb360-research__closing{font-size:19px;line-height:1.35}
  #markana-360 .mb360-next{padding:16px 0}
  #markana-360 .mb360-next__grid{align-items:flex-start;flex-direction:column;gap:10px}
  #markana-360 .mb360-next a{font-size:14px}
}
@media(max-width:360px){
  #markana-360 .mb360-hero h1{font-size:clamp(1.65rem,6.6vw,2.05rem)!important;line-height:1.05!important}
  #markana-360 .mb360-title,
  #markana-360 .mb360-meaning .mb360-title{font-size:23px!important}
  #markana-360 .mb360-chapter__nav{gap:14px}
}