:root {
  --quantum: #00f0ff;
  --bg: #020617;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --glass: rgba(4, 12, 28, 0.72);
  --border: rgba(255, 255, 255, 0.12);
}

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

html, body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, sans-serif;
}

a { color: inherit; text-decoration: none; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ── Floating header over hero ── */
.mc-gw-top--float {
  position: absolute;
  z-index: 40;
  left: 0;
  right: 0;
  width: min(1320px, calc(100% - 32px));
  margin: 0 auto;
  padding: 16px 0 0;
}

.mc-gw-stage-wrap {
  position: relative;
  width: 100%;
  background: var(--bg);
}

.mc-gw-stage {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  line-height: 0;
}

.mc-gw-stage-img {
  display: block;
  width: 100%;
  height: auto;
}

/* Headline ant hero (kaip mockup) */
.mc-gw-stage-title {
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  top: 8%;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  pointer-events: none;
  line-height: 1.35;
  padding: 0 16px;
  box-sizing: border-box;
}

.mc-gw-stage-title h2 {
  width: 100%;
  max-width: min(720px, 86%);
  margin: 0 auto;
  text-align: center;
  font: 800 clamp(1.2rem, 3.2vw, 2.2rem)/1.1 Orbitron, sans-serif;
  text-shadow: 0 4px 30px rgba(0,0,0,0.9);
}

.mc-gw-stage-title h2 em {
  font-style: normal;
  background: linear-gradient(90deg, #fff, #00f0ff 50%, #e879f9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.mc-gw-stage-title p {
  margin: 0;
  font-size: clamp(0.78rem, 1.5vw, 0.95rem);
  color: #cbd5e1;
  text-shadow: 0 2px 16px rgba(0,0,0,0.85);
}

/* Durų vidus — METACORE virš kristalo + siauras aprašymas */
.mc-gw-stage-portal-frame {
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  top: 22.5%;
  width: min(132px, 10.5%);
  margin: 0 auto;
  transform: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  pointer-events: none;
}

.mc-gw-stage-portal-brand {
  width: 100%;
  margin: 0;
  position: relative;
  top: clamp(1.6rem, 4.2vw, 2.4rem);
  font: 700 clamp(0.5rem, 0.78vw, 0.6rem) Orbitron, sans-serif;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(0, 240, 255, 0.9);
  text-shadow: 0 0 18px rgba(0, 240, 255, 0.22);
}

.mc-gw-stage-portal-crystal-gap {
  display: block;
  width: 100%;
  height: clamp(8.4rem, 19.5vw, 11.2rem);
  margin-top: 0;
  flex: 0 0 auto;
}

.mc-gw-stage-portal-copy {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: 100%;
  margin: clamp(0.35rem, 0.8vw, 0.6rem) 0 0;
  padding: 5px 5px;
  text-align: center;
  pointer-events: none;
  font: 600 clamp(0.56rem, 0.78vw, 0.7rem)/1.34 Inter, system-ui, sans-serif;
  color: rgba(241, 245, 249, 0.96);
  letter-spacing: 0;
  border-radius: 8px;
  background: rgba(2, 6, 23, 0.46);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.32);
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.92);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* 8 clickable arch zones */
.mc-gw-arch-map {
  position: absolute;
  inset: 0;
  z-index: 20;
}

.mc-gw-arch {
  position: absolute;
  left: calc(var(--acx) - var(--aw) / 2);
  top: var(--ay);
  width: var(--aw);
  height: var(--ah);
  cursor: pointer;
  border-radius: 50% 50% 6px 6px / 38% 38% 4px 4px;
  transition: transform 0.2s, filter 0.2s;
}

.mc-gw-arch-glow {
  position: absolute;
  inset: 0 6% 2% 6%;
  border-radius: inherit;
  border: 2px solid var(--door-accent, #00f0ff);
  background: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.02) 55%, transparent);
  box-shadow:
    0 0 20px color-mix(in srgb, var(--door-accent) 40%, transparent),
    inset 0 0 20px color-mix(in srgb, var(--door-accent) 14%, transparent);
  opacity: 0;
  transition: opacity 0.2s, box-shadow 0.2s, transform 0.2s;
}

.mc-gw-arch:hover .mc-gw-arch-glow,
.mc-gw-arch:focus-visible .mc-gw-arch-glow {
  opacity: 0.62;
}


.mc-gw-arch:hover,
.mc-gw-arch:focus-visible {
  transform: scale(1.01);
  z-index: 25;
}

.mc-gw-arch-label {
  position: absolute;
  left: 50%;
  bottom: 6%;
  transform: translate(-50%, 8px);
  width: max-content;
  max-width: 170%;
  text-align: center;
  padding: 5px 8px;
  border-radius: 7px;
  font-size: clamp(0.5rem, 0.72vw, 0.62rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
  color: #f8fafc;
  background: rgba(2, 8, 20, 0.82);
  border: 1px solid color-mix(in srgb, var(--door-accent) 58%, transparent);
  box-shadow: 0 10px 30px rgba(0,0,0,0.38);
  text-shadow: 0 1px 6px rgba(0,0,0,0.9);
  pointer-events: none;
  opacity: 0;
  white-space: nowrap;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.mc-gw-arch-label b {
  display: inline;
  font: 800 0.58rem Orbitron, sans-serif;
  color: var(--door-accent);
  letter-spacing: 0.08em;
  margin-right: 3px;
}

.mc-gw-arch-label small {
  display: none;
}

.mc-gw-arch:hover .mc-gw-arch-label,
.mc-gw-arch:focus-visible .mc-gw-arch-label {
  opacity: 1;
  transform: translate(-50%, 0);
}

.mc-gw-arch:hover .mc-gw-arch-label small,
.mc-gw-arch:focus-visible .mc-gw-arch-label small {
  display: block;
  font-size: 0.54rem;
  font-weight: 500;
  color: #94a3b8;
  letter-spacing: 0;
  margin-top: 2px;
}

.mc-gw-stage-cta {
  position: absolute;
  left: 50%;
  bottom: 3.2%;
  transform: translateX(-50%);
  padding: 11px 22px;
  border-radius: 999px;
  font: 800 0.68rem Orbitron, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #041019;
  background: linear-gradient(90deg, #00f0ff, #a855f7);
  box-shadow: 0 8px 32px rgba(0, 240, 255, 0.3);
  transition: transform 0.18s, box-shadow 0.18s;
  z-index: 30;
  line-height: 1.2;
}

.mc-gw-stage-cta:hover {
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 12px 40px rgba(0, 240, 255, 0.4);
}

/* Mobile fallback — MUST beat .mc-gw-doors grid rule */
.mc-gw-doors.mc-gw-doors--fallback {
  display: none !important;
}

/* ── Legacy hero (unused) ── */
.mc-gw-hero-bg {
  position: relative;
  width: 100%;
  min-height: clamp(520px, 72vh, 920px);
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.55) 0%, rgba(2, 6, 23, 0.25) 38%, rgba(2, 6, 23, 0.88) 78%, var(--bg) 100%),
    url('/img/metacore_hero_intro.png') center top / cover no-repeat;
  display: flex;
  flex-direction: column;
}

.mc-gw-hero-inner {
  width: min(1320px, calc(100% - 32px));
  margin: 0 auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 24px 0 32px;
}

/* ── Header ── */
.mc-gw-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.mc-gw-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mc-gw-brand img { width: 42px; height: 42px; }

.mc-gw-brand strong {
  display: block;
  font: 800 0.92rem Orbitron, sans-serif;
  letter-spacing: 0.2em;
}

.mc-gw-brand small {
  display: block;
  color: #7ce7ff;
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-top: 2px;
}

.mc-gw-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.mc-gw-nav a {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #cbd5e1;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: 0.18s;
}

.mc-gw-nav a:hover {
  color: #fff;
  border-color: rgba(0, 240, 255, 0.25);
  background: rgba(255, 255, 255, 0.05);
}

.mc-gw-lang a.active {
  color: var(--quantum);
  border-color: rgba(0, 240, 255, 0.35);
  background: rgba(0, 240, 255, 0.06);
}

.mc-gw-cta-top {
  color: #041019 !important;
  background: linear-gradient(90deg, #00f0ff, #67e8f9);
  border-color: transparent !important;
  font-weight: 800;
}

/* ── Hero copy ── */
.mc-gw-headline {
  text-align: center;
  margin: 8px auto 24px;
  max-width: 860px;
}

.mc-gw-kicker {
  font: 700 0.7rem Orbitron, sans-serif;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #7ce7ff;
  margin-bottom: 12px;
}

.mc-gw-headline h1 {
  margin: 0 0 10px;
  font: 800 clamp(1.65rem, 4.2vw, 2.85rem)/1.08 Orbitron, sans-serif;
  text-shadow: 0 4px 40px rgba(0, 0, 0, 0.6);
}

.mc-gw-headline h1 em {
  font-style: normal;
  background: linear-gradient(90deg, #fff, #00f0ff 55%, #c084fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.mc-gw-headline p {
  margin: 0;
  color: #cbd5e1;
  font-size: clamp(0.92rem, 1.8vw, 1.05rem);
  line-height: 1.6;
}

/* ── 8 doors · 4+4 ── */
.mc-gw-doors {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: auto;
  padding-top: 12px;
}

.mc-gw-door {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 148px;
  padding: 16px 16px 14px;
  border-radius: 16px;
  border: 1px solid var(--door-border, rgba(255,255,255,0.14));
  background: linear-gradient(165deg, var(--door-bg, rgba(8,20,40,0.82)), rgba(2,8,20,0.92));
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.06);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  overflow: hidden;
}

.mc-gw-door::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--door-accent, var(--quantum));
  opacity: 0.9;
}

.mc-gw-door:hover {
  transform: translateY(-3px);
  border-color: var(--door-accent, var(--quantum));
  box-shadow: 0 16px 48px rgba(0,0,0,0.45), 0 0 24px color-mix(in srgb, var(--door-accent) 25%, transparent);
}

.mc-gw-door-num {
  font: 800 0.65rem Orbitron, sans-serif;
  letter-spacing: 0.12em;
  color: var(--door-accent, var(--quantum));
}

.mc-gw-door-tag {
  font: 700 0.62rem Orbitron, sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #64748b;
}

.mc-gw-door h2 {
  margin: 0;
  font: 800 0.95rem/1.25 Orbitron, sans-serif;
  color: #f1f5f9;
}

.mc-gw-door p {
  margin: 0;
  flex: 1;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #94a3b8;
}

.mc-gw-door span {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--door-accent, #7ce7ff);
  letter-spacing: 0.04em;
}

/* door accent colors */
.mc-gw-door--cloud    { --door-accent: #3b82f6; --door-border: rgba(59,130,246,0.35); }
.mc-gw-door--context  { --door-accent: #2dd4bf; --door-border: rgba(45,212,191,0.35); }
.mc-gw-door--love    { --door-accent: #f472b6; --door-border: rgba(244,114,182,0.35); }
.mc-gw-door--family  { --door-accent: #fb7185; --door-border: rgba(251,113,133,0.35); }
.mc-gw-door--lead    { --door-accent: #a855f7; --door-border: rgba(168,85,247,0.35); }
.mc-gw-door--engine  { --door-accent: #e879f9; --door-border: rgba(232,121,249,0.35); }
.mc-gw-door--net     { --door-accent: #fbbf24; --door-border: rgba(251,191,36,0.35); }
.mc-gw-door--academy { --door-accent: #4ade80; --door-border: rgba(74,222,128,0.35); }

.mc-gw-arch--cloud,
.mc-gw-arch--01 { --door-accent: #3b82f6; }
.mc-gw-arch--context,
.mc-gw-arch--02 { --door-accent: #2dd4bf; }
.mc-gw-arch--family,
.mc-gw-arch--03 { --door-accent: #4ade80; }
.mc-gw-arch--lead,
.mc-gw-arch--04 { --door-accent: #22c55e; }
.mc-gw-arch--net,
.mc-gw-arch--05 { --door-accent: #a855f7; }
.mc-gw-arch--academy,
.mc-gw-arch--06 { --door-accent: #d946ef; }
.mc-gw-arch--engine,
.mc-gw-arch--07 { --door-accent: #f472b6; }
.mc-gw-arch--love,
.mc-gw-arch--08 { --door-accent: #fb7185; }

/* ── Main content below hero ── */
.mc-gw-body {
  width: min(1320px, calc(100% - 32px));
  margin: 0 auto;
  padding: 40px 0 56px;
}

.mc-gw-help {
  text-align: center;
  padding: 22px 24px;
  border-radius: 18px;
  border: 1px solid rgba(0, 240, 255, 0.18);
  background: rgba(0, 240, 255, 0.04);
  margin-bottom: 40px;
}

.mc-gw-help p {
  margin: 0 0 14px;
  color: #cbd5e1;
  font-size: 0.98rem;
}

.mc-gw-help a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #041019;
  background: linear-gradient(90deg, #00f0ff, #a855f7);
}

.mc-gw-sections-title {
  text-align: center;
  margin: 0 0 28px;
  font: 800 1.1rem Orbitron, sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #94a3b8;
}

.mc-gw-sections {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.mc-gw-col {
  border-radius: 20px;
  border: 1px solid var(--col-border, var(--border));
  background: var(--glass);
  overflow: hidden;
}

.mc-gw-col-head {
  padding: 20px 22px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  background: linear-gradient(180deg, var(--col-glow, rgba(0,240,255,0.06)), transparent);
}

.mc-gw-col-head small {
  display: block;
  font: 700 0.62rem Orbitron, sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--col-accent, var(--quantum));
  margin-bottom: 6px;
}

.mc-gw-col-head h3 {
  margin: 0;
  font: 800 1.25rem/1.2 Orbitron, sans-serif;
}

.mc-gw-col-head p {
  margin: 8px 0 0;
  font-size: 0.86rem;
  color: var(--muted);
  line-height: 1.5;
}

.mc-gw-col--user    { --col-accent: #38bdf8; --col-border: rgba(56,189,248,0.22); --col-glow: rgba(56,189,248,0.08); }
.mc-gw-col--biz     { --col-accent: #a855f7; --col-border: rgba(168,85,247,0.22); --col-glow: rgba(168,85,247,0.08); }
.mc-gw-col--growth  { --col-accent: #4ade80; --col-border: rgba(74,222,128,0.22); --col-glow: rgba(74,222,128,0.08); }

.mc-gw-links { list-style: none; margin: 0; padding: 8px 0; }

.mc-gw-links li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 22px;
  font-size: 0.88rem;
  color: #cbd5e1;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: 0.15s;
}

.mc-gw-links li:last-child a { border-bottom: none; }

.mc-gw-links li a:hover {
  background: rgba(255,255,255,0.04);
  color: #fff;
  padding-left: 26px;
}

.mc-gw-links li a strong {
  font-weight: 600;
  color: #f1f5f9;
}

.mc-gw-links li a em {
  font-style: normal;
  font-size: 0.72rem;
  color: var(--muted);
  display: block;
  margin-top: 2px;
}

.mc-gw-links li a .arr {
  color: var(--col-accent, var(--quantum));
  font-size: 1rem;
  flex-shrink: 0;
}

.mc-gw-col-foot {
  padding: 14px 22px 18px;
}

.mc-gw-col-foot a {
  display: block;
  text-align: center;
  padding: 11px;
  border-radius: 12px;
  font: 800 0.72rem Orbitron, sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--col-accent);
  border: 1px solid var(--col-border);
  transition: 0.18s;
}

.mc-gw-col-foot a:hover {
  background: rgba(255,255,255,0.05);
  color: #fff;
}

/* ── Footer pillars ── */
.mc-gw-pillars {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.mc-gw-pillar {
  text-align: center;
  padding: 12px 8px;
}

.mc-gw-pillar b {
  display: block;
  font: 700 0.62rem Orbitron, sans-serif;
  letter-spacing: 0.1em;
  color: #64748b;
  margin-bottom: 4px;
}

.mc-gw-pillar span {
  font-size: 0.78rem;
  color: #94a3b8;
}

.mc-gw-foot {
  margin-top: 28px;
  text-align: center;
  color: var(--muted);
  font-size: 0.84rem;
}

.mc-gw-foot a { color: #7ce7ff; }

.mc-gw-foot-tagline {
  margin: 0 0 8px;
  font: 800 0.78rem Orbitron, sans-serif;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #475569;
}

@media (max-width: 768px) {
  .mc-gw-top--float {
    position: relative;
    left: auto;
    transform: none;
    width: min(1320px, calc(100% - 32px));
    margin: 0 auto;
  }
  .mc-gw-stage-title { display: none; }
  .mc-gw-stage-portal-frame { display: none; }
  .mc-gw-arch-map,
  .mc-gw-stage-cta { display: none !important; }
  .mc-gw-doors.mc-gw-doors--fallback {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: min(1320px, calc(100% - 32px));
    margin: 0 auto;
    padding: 16px 0 24px;
  }
  .mc-gw-doors--fallback .mc-gw-door {
    min-height: 72px;
    padding: 14px;
  }
  .mc-gw-doors--fallback .mc-gw-door h2 {
    font-size: 0.85rem;
    margin: 4px 0 0;
  }
  .mc-gw-sections { grid-template-columns: 1fr; }
  .mc-gw-pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .mc-gw-top { flex-direction: column; align-items: flex-start; }
  .mc-gw-doors--fallback { grid-template-columns: 1fr; }
  .mc-gw-pillars { grid-template-columns: 1fr 1fr; }
}


/* Gateway portal polish: no hard frames, just active door light */
.mc-gw-arch {
  isolation: isolate;
  outline: none;
}

.mc-gw-arch::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5%;
  z-index: 0;
  width: 82%;
  height: 34%;
  pointer-events: none;
  border-radius: 999px;
  background: radial-gradient(ellipse at center,
    color-mix(in srgb, var(--door-accent) 48%, transparent) 0%,
    color-mix(in srgb, var(--door-accent) 18%, transparent) 34%,
    transparent 72%);
  filter: blur(2px);
  opacity: 0;
  transform: translateX(-50%) scale(0.68);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.mc-gw-arch-glow {
  z-index: 1;
  inset: 5% 12% 4%;
  border: 0;
  background:
    radial-gradient(ellipse at 50% 78%,
      color-mix(in srgb, var(--door-accent) 42%, transparent) 0%,
      color-mix(in srgb, var(--door-accent) 16%, transparent) 38%,
      transparent 70%),
    radial-gradient(ellipse at 50% 25%, rgba(255, 255, 255, 0.20), transparent 42%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--door-accent) 16%, transparent),
      rgba(255, 255, 255, 0.04) 45%,
      transparent 78%);
  box-shadow:
    0 0 28px color-mix(in srgb, var(--door-accent) 34%, transparent),
    inset 0 -22px 30px color-mix(in srgb, var(--door-accent) 18%, transparent),
    inset 0 18px 32px rgba(255, 255, 255, 0.08);
  opacity: 0;
  filter: saturate(1.18);
  transform: scale(0.9) translateY(4%);
  transition: opacity 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.mc-gw-arch:hover::before,
.mc-gw-arch:focus-visible::before {
  opacity: 0.78;
  transform: translateX(-50%) scale(1);
}

.mc-gw-arch:hover .mc-gw-arch-glow,
.mc-gw-arch:focus-visible .mc-gw-arch-glow {
  opacity: 0.82;
  transform: scale(1) translateY(0);
}

.mc-gw-arch-label {
  z-index: 2;
  bottom: 3%;
  padding: 4px 2px;
  max-width: 210%;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-shadow:
    0 2px 10px rgba(0, 0, 0, 0.95),
    0 0 14px color-mix(in srgb, var(--door-accent) 42%, transparent);
}

.mc-gw-arch-label small {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.95);
}

.mc-gw-arch:hover .mc-gw-arch-label small,
.mc-gw-arch:focus-visible .mc-gw-arch-label small {
  color: rgba(226, 232, 240, 0.86);
}


/* Keep portal labels readable with longer door descriptions */
.mc-gw-arch-label {
  width: min(172px, 260%);
  white-space: normal;
}

.mc-gw-arch:hover .mc-gw-arch-label small,
.mc-gw-arch:focus-visible .mc-gw-arch-label small {
  line-height: 1.18;
  max-width: 100%;
}


/* Gateway title-above polish: names stay visible, descriptions wake on hover */
.mc-gw-arch::after {
  content: attr(aria-label);
  position: absolute;
  left: 50%;
  top: 47%;
  z-index: 2;
  width: clamp(14px, 30%, 32px);
  aspect-ratio: 1;
  pointer-events: none;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.75) 0 2px, transparent 3px),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--door-accent) 40%, transparent), transparent 62%);
  border: 1px solid color-mix(in srgb, var(--door-accent) 50%, transparent);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--door-accent) 38%, transparent),
    inset 0 0 10px rgba(255, 255, 255, 0.14);
  opacity: 0.58;
  transform: translate(-50%, -50%) scale(0.92);
  transition: opacity 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.mc-gw-arch:hover::after,
.mc-gw-arch:focus-visible::after {
  opacity: 0.92;
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow:
    0 0 26px color-mix(in srgb, var(--door-accent) 55%, transparent),
    inset 0 0 12px rgba(255, 255, 255, 0.18);
}

.mc-gw-arch-label {
  top: -16%;
  bottom: auto;
  opacity: 1;
  transform: translate(-50%, 0);
  width: max-content;
  max-width: 230%;
  white-space: nowrap;
  font-size: clamp(0.48rem, 0.66vw, 0.6rem);
  line-height: 1.08;
  color: rgba(248, 250, 252, 0.92);
  text-shadow:
    0 2px 12px rgba(0, 0, 0, 0.96),
    0 0 12px color-mix(in srgb, var(--door-accent) 30%, transparent);
}

.mc-gw-arch-label b {
  color: color-mix(in srgb, var(--door-accent) 88%, #ffffff);
  text-shadow: 0 0 12px color-mix(in srgb, var(--door-accent) 46%, transparent);
}

.mc-gw-arch-label small {
  position: absolute;
  left: 50%;
  top: calc(100% + 4px);
  display: block;
  width: min(176px, 260%);
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(2, 8, 20, 0.48);
  color: rgba(226, 232, 240, 0.88);
  box-shadow: 0 0 18px color-mix(in srgb, var(--door-accent) 22%, transparent);
  opacity: 0;
  transform: translate(-50%, -3px) scale(0.96);
  white-space: normal;
  line-height: 1.18;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.mc-gw-arch:hover .mc-gw-arch-label,
.mc-gw-arch:focus-visible .mc-gw-arch-label {
  opacity: 1;
  transform: translate(-50%, -2px);
}

.mc-gw-arch:hover .mc-gw-arch-label small,
.mc-gw-arch:focus-visible .mc-gw-arch-label small {
  display: block;
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}


/* Portal sigil is decorative only */
.mc-gw-arch::after {
  content: '';
}


/* Gateway title scale pass: higher and clearer names */
.mc-gw-arch-label {
  top: -28%;
  font-size: clamp(0.62rem, 0.92vw, 0.86rem);
  line-height: 1.05;
  font-weight: 900;
  max-width: 280%;
  text-shadow:
    0 3px 14px rgba(0, 0, 0, 0.98),
    0 0 18px color-mix(in srgb, var(--door-accent) 40%, transparent);
}

.mc-gw-arch-label b {
  font-size: 0.72em;
  margin-right: 4px;
}

.mc-gw-arch-label small {
  top: calc(100% + 6px);
  font-size: 0.62rem;
}

.mc-gw-arch:hover .mc-gw-arch-label,
.mc-gw-arch:focus-visible .mc-gw-arch-label {
  transform: translate(-50%, -4px);
}


/* Gateway title/description split: title high, description in portal center */
.mc-gw-arch-label {
  top: -58%;
  bottom: auto;
  height: 158%;
  width: max-content;
  max-width: 310%;
  padding: 0;
  font-size: clamp(0.68rem, 1.02vw, 0.94rem);
  line-height: 1.04;
  font-weight: 900;
  white-space: nowrap;
  overflow: visible;
  text-shadow:
    0 4px 16px rgba(0, 0, 0, 1),
    0 0 20px color-mix(in srgb, var(--door-accent) 46%, transparent);
}

.mc-gw-arch-label b {
  font-size: 0.72em;
  margin-right: 5px;
}

.mc-gw-arch-label small {
  top: 62%;
  width: min(188px, 300%);
  padding: 5px 10px;
  border-radius: 999px;
  font-size: clamp(0.52rem, 0.72vw, 0.68rem);
  line-height: 1.18;
  background: rgba(2, 8, 20, 0.34);
  box-shadow:
    0 0 20px color-mix(in srgb, var(--door-accent) 28%, transparent),
    inset 0 0 12px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(2px);
}

.mc-gw-arch:hover .mc-gw-arch-label,
.mc-gw-arch:focus-visible .mc-gw-arch-label {
  transform: translate(-50%, -6px);
}

.mc-gw-arch:hover .mc-gw-arch-label small,
.mc-gw-arch:focus-visible .mc-gw-arch-label small {
  transform: translate(-50%, 4px) scale(1);
}


/* Gateway text balance: title closer, description inside portal with no pill */
.mc-gw-arch-label {
  top: -38%;
  height: 138%;
  max-width: 250%;
  font-size: clamp(0.62rem, 0.9vw, 0.82rem);
  text-shadow:
    0 3px 14px rgba(0, 0, 0, 1),
    0 0 18px color-mix(in srgb, var(--door-accent) 38%, transparent);
}

.mc-gw-arch-label small {
  top: 58%;
  width: 118%;
  max-width: 118%;
  min-width: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  font-size: clamp(0.48rem, 0.58vw, 0.58rem);
  line-height: 1.2;
  color: rgba(226, 232, 240, 0.9);
  text-shadow:
    0 2px 8px rgba(0, 0, 0, 1),
    0 0 12px color-mix(in srgb, var(--door-accent) 30%, transparent);
}

.mc-gw-arch:hover .mc-gw-arch-label,
.mc-gw-arch:focus-visible .mc-gw-arch-label {
  transform: translate(-50%, -3px);
}

.mc-gw-arch:hover .mc-gw-arch-label small,
.mc-gw-arch:focus-visible .mc-gw-arch-label small {
  transform: translate(-50%, 0) scale(1);
}


/* Gateway no-sigil + larger text pass */
.mc-gw-arch::after,
.mc-gw-arch:hover::after,
.mc-gw-arch:focus-visible::after {
  display: none;
  opacity: 0;
}

.mc-gw-arch-label {
  font-size: clamp(0.72rem, 1.05vw, 0.96rem);
  line-height: 1.03;
}

.mc-gw-arch-label b {
  font-size: 0.74em;
}

.mc-gw-arch-label small {
  width: 126%;
  max-width: 126%;
  font-size: clamp(0.56rem, 0.68vw, 0.68rem);
  line-height: 1.18;
  font-weight: 650;
}


/* Gateway polish pass: lighter portal fill, cleaner readable copy */
.mc-gw-arch-glow {
  inset: 8% 15% 7%;
  background:
    radial-gradient(ellipse at 50% 82%,
      color-mix(in srgb, var(--door-accent) 32%, transparent) 0%,
      color-mix(in srgb, var(--door-accent) 10%, transparent) 36%,
      transparent 72%),
    radial-gradient(ellipse at 50% 26%, rgba(255, 255, 255, 0.12), transparent 38%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--door-accent) 9%, transparent),
      rgba(255, 255, 255, 0.025) 46%,
      transparent 82%);
  box-shadow:
    0 0 22px color-mix(in srgb, var(--door-accent) 28%, transparent),
    inset 0 -18px 26px color-mix(in srgb, var(--door-accent) 14%, transparent),
    inset 0 16px 24px rgba(255, 255, 255, 0.05);
}

.mc-gw-arch:hover .mc-gw-arch-glow,
.mc-gw-arch:focus-visible .mc-gw-arch-glow {
  opacity: 0.72;
}

.mc-gw-arch-label {
  top: -36%;
  font-size: clamp(0.7rem, 1vw, 0.92rem);
}

.mc-gw-arch-label small {
  top: 56%;
  width: 132%;
  max-width: 132%;
  font-size: clamp(0.57rem, 0.68vw, 0.68rem);
  line-height: 1.16;
  text-wrap: balance;
  color: rgba(241, 245, 249, 0.94);
}


/* Gateway selective text width: keep specific descriptions inside door portals */
.mc-gw-arch--01 .mc-gw-arch-label small,
.mc-gw-arch--02 .mc-gw-arch-label small,
.mc-gw-arch--04 .mc-gw-arch-label small,
.mc-gw-arch--05 .mc-gw-arch-label small,
.mc-gw-arch--06 .mc-gw-arch-label small {
  width: 104%;
  max-width: 104%;
  font-size: clamp(0.52rem, 0.62vw, 0.62rem);
  line-height: 1.14;
}

.mc-gw-arch--04 .mc-gw-arch-label small,
.mc-gw-arch--05 .mc-gw-arch-label small,
.mc-gw-arch--06 .mc-gw-arch-label small {
  width: 98%;
  max-width: 98%;
}


/* Mobile app-style gateway. Desktop door scene remains unchanged. */
.mc-mobile-gateway { display: none; }

@media (max-width: 768px) {
  body {
    background:
      radial-gradient(circle at 50% 18%, rgba(0, 240, 255, 0.16), transparent 28%),
      radial-gradient(circle at 88% 26%, rgba(168, 85, 247, 0.14), transparent 26%),
      #020617;
  }

  .mc-gw-top--float,
  .mc-gw-stage,
  .mc-gw-body,
  .mc-gw-doors.mc-gw-doors--fallback {
    display: none !important;
  }

  .mc-gw-stage-wrap {
    min-height: 100svh;
    overflow: hidden;
  }

  .mc-mobile-gateway {
    display: block;
    width: min(100%, 460px);
    margin: 0 auto;
    padding: 0 16px 92px;
    color: #f8fafc;
    background:
      linear-gradient(180deg, rgba(2, 6, 23, 0.18), rgba(2, 6, 23, 0.96) 34%),
      radial-gradient(ellipse at 25% 20%, rgba(0, 132, 255, 0.28), transparent 32%),
      radial-gradient(ellipse at 80% 24%, rgba(217, 70, 239, 0.22), transparent 32%);
  }

  .mc-mobile-topbar {
    position: sticky;
    top: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 -16px 12px;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 10px;
    background: rgba(2, 6, 23, 0.88);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .mc-mobile-topbar-brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }

  .mc-mobile-topbar-brand img {
    width: 28px;
    height: 28px;
    filter: drop-shadow(0 0 10px rgba(0, 240, 255, 0.45));
  }

  .mc-mobile-topbar-actions {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
  }

  .mc-mobile-topbar .mc-gw-lang-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
  }

  .mc-mobile-topbar .mc-gw-lang-link.active {
    border-color: rgba(0, 240, 255, 0.42);
    background: rgba(0, 240, 255, 0.1);
    box-shadow: 0 0 14px rgba(0, 240, 255, 0.18);
  }

  .mc-mobile-topbar .mc-gw-flag {
    width: 20px;
    height: 13px;
    display: inline-block;
    flex: 0 0 20px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid rgba(248, 250, 252, 0.34);
    box-shadow: 0 0 8px rgba(0, 240, 255, 0.14);
  }

  .mc-mobile-topbar .mc-gw-flag--lt {
    background: linear-gradient(180deg, #fdb913 0 33.33%, #006a44 33.33% 66.66%, #c1272d 66.66% 100%);
  }

  .mc-mobile-topbar .mc-gw-flag--en {
    background:
      linear-gradient(90deg, transparent 0 42%, #fff 42% 58%, transparent 58% 100%),
      linear-gradient(0deg, transparent 0 38%, #fff 38% 62%, transparent 62% 100%),
      linear-gradient(90deg, transparent 0 46%, #cf142b 46% 54%, transparent 54% 100%),
      linear-gradient(0deg, transparent 0 44%, #cf142b 44% 56%, transparent 56% 100%),
      #012169;
  }

  .mc-mobile-topbar .mc-gw-flag--ru {
    background: linear-gradient(180deg, #fff 0 33.33%, #0039a6 33.33% 66.66%, #d52b1e 66.66% 100%);
  }

  .mc-mobile-topbar-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-left: 2px;
    border-radius: 999px;
    color: #041019;
    background: linear-gradient(135deg, #00f0ff, #67e8f9);
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: 0 0 16px rgba(0, 240, 255, 0.28);
    transition: transform 0.18s, box-shadow 0.18s;
  }

  .mc-mobile-topbar-login img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    filter: brightness(0.15);
  }

  .mc-mobile-topbar-login:active {
    transform: scale(0.96);
  }

  .mc-mobile-hero {
    position: relative;
    text-align: center;
    padding: 8px 4px 18px;
  }

  .mc-mobile-brandmark {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
  }

  .mc-mobile-brandmark img {
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 0 18px rgba(0, 240, 255, 0.6));
  }

  .mc-mobile-brandmark strong {
    display: block;
    font: 800 1.35rem/1 Orbitron, sans-serif;
    letter-spacing: 0.28em;
  }

  .mc-mobile-brandmark span {
    display: block;
    margin-top: 4px;
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.82);
  }

  .mc-mobile-hero h2 {
    margin: 0 auto 12px;
    max-width: 390px;
    font: 900 clamp(2rem, 11vw, 3.05rem)/1.05 Orbitron, sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
    text-shadow: 0 8px 34px rgba(0, 0, 0, 0.9);
  }

  .mc-mobile-hero h2 em {
    display: block;
    font-style: normal;
    background: linear-gradient(90deg, #22d3ee, #60a5fa 45%, #e879f9 88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .mc-mobile-hero p {
    margin: 0 auto 14px;
    max-width: 340px;
    font-size: 1rem;
    line-height: 1.5;
    color: rgba(226, 232, 240, 0.86);
  }

  .mc-mobile-core {
    width: 76px;
    height: 76px;
    margin: 14px auto 8px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(0, 240, 255, 0.34), rgba(0, 240, 255, 0.08) 42%, transparent 68%);
    box-shadow: 0 0 44px rgba(0, 240, 255, 0.5);
  }

  .mc-mobile-core img {
    width: 54px;
    height: 54px;
    filter: drop-shadow(0 0 16px rgba(0, 240, 255, 0.75));
  }

  .mc-mobile-tabs {
    position: sticky;
    top: 0;
    z-index: 8;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 8px 0 14px;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.96), rgba(2, 6, 23, 0.74));
    backdrop-filter: blur(12px);
  }

  .mc-mobile-tabs a {
    min-height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    color: rgba(248, 250, 252, 0.92);
    font-weight: 800;
    font-size: 0.78rem;
    background: rgba(15, 23, 42, 0.56);
  }

  .mc-mobile-section {
    margin-top: 14px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid var(--mobile-accent-border, rgba(0, 240, 255, 0.28));
    background: linear-gradient(180deg, var(--mobile-glow, rgba(0, 240, 255, 0.08)), rgba(2, 6, 23, 0.58));
  }

  .mc-mobile-section--human { --mobile-accent: #22d3ee; --mobile-accent-border: rgba(34, 211, 238, 0.36); --mobile-glow: rgba(34, 211, 238, 0.10); }
  .mc-mobile-section--business { --mobile-accent: #d946ef; --mobile-accent-border: rgba(217, 70, 239, 0.36); --mobile-glow: rgba(217, 70, 239, 0.10); }
  .mc-mobile-section--growth { --mobile-accent: #4ade80; --mobile-accent-border: rgba(74, 222, 128, 0.34); --mobile-glow: rgba(74, 222, 128, 0.10); }

  .mc-mobile-section header {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: end;
    column-gap: 8px;
    margin-bottom: 12px;
  }

  .mc-mobile-section header span {
    color: var(--mobile-accent);
    font: 800 0.78rem Orbitron, sans-serif;
    letter-spacing: 0.08em;
  }

  .mc-mobile-section header h3 {
    margin: 0;
    color: var(--mobile-accent);
    font: 900 1.28rem/1 Orbitron, sans-serif;
    text-transform: uppercase;
  }

  .mc-mobile-section header p {
    grid-column: 1 / -1;
    margin: 8px 0 0;
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.84rem;
    line-height: 1.45;
  }

  .mc-mobile-grid { display: grid; gap: 10px; }
  .mc-mobile-grid--primary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mc-mobile-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .mc-mobile-card,
  .mc-mobile-chip {
    position: relative;
    min-height: 92px;
    padding: 14px 34px 14px 14px;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--item-accent, var(--mobile-accent)) 34%, rgba(148, 163, 184, 0.24));
    background:
      radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--item-accent, var(--mobile-accent)) 18%, transparent), transparent 42%),
      rgba(15, 23, 42, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  .mc-mobile-card::after,
  .mc-mobile-chip::after {
    content: '›';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(248, 250, 252, 0.82);
    font-size: 1.5rem;
    line-height: 1;
  }

  .mc-mobile-card b,
  .mc-mobile-chip {
    color: #f8fafc;
    font-weight: 850;
    font-size: 0.98rem;
    line-height: 1.15;
  }

  .mc-mobile-card small {
    display: block;
    margin-top: 6px;
    color: rgba(203, 213, 225, 0.84);
    font-size: 0.8rem;
    line-height: 1.35;
  }

  .mc-mobile-card--context { --item-accent: #38bdf8; }
  .mc-mobile-card--engine { --item-accent: #60a5fa; }
  .mc-mobile-card--love { --item-accent: #f472b6; }
  .mc-mobile-card--cloud { --item-accent: #38bdf8; }
  .mc-mobile-card--family { --item-accent: #4ade80; }
  .mc-mobile-card--energy { --item-accent: #fbbf24; }
  .mc-mobile-card--kr { --item-accent: #facc15; }

  .mc-mobile-chip {
    min-height: 64px;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
  }

  .mc-mobile-bottom {
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 50;
    transform: translateX(-50%);
    width: min(100%, 460px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    background: rgba(2, 6, 23, 0.9);
    backdrop-filter: blur(14px);
    border-top: 1px solid rgba(148, 163, 184, 0.18);
  }

  .mc-mobile-bottom a {
    min-height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 12px;
    color: rgba(248, 250, 252, 0.9);
    font-size: 0.78rem;
    font-weight: 750;
    background: rgba(15, 23, 42, 0.58);
  }
}

@media (max-width: 390px) {
  .mc-mobile-grid--primary { grid-template-columns: 1fr; }
  .mc-mobile-hero h2 { font-size: 2rem; }
  .mc-mobile-brandmark strong { font-size: 1.08rem; }
}


/* Mobile hero image layer */
@media (max-width: 768px) {
  .mc-mobile-hero {
    min-height: min(72svh, 640px);
    margin: -22px -16px 0;
    padding: 26px 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background:
      linear-gradient(180deg, rgba(2, 6, 23, 0.38) 0%, rgba(2, 6, 23, 0.24) 42%, rgba(2, 6, 23, 0.92) 100%),
      url('/img/metacore_hero_mobile.png') center center / cover no-repeat;
  }

  .mc-mobile-hero::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    height: 34%;
    background: linear-gradient(180deg, transparent, #020617 92%);
    pointer-events: none;
  }

  .mc-mobile-brandmark,
  .mc-mobile-hero h2,
  .mc-mobile-hero p,
  .mc-mobile-core {
    position: relative;
    z-index: 1;
  }

  .mc-mobile-core {
    background: rgba(0, 240, 255, 0.08);
  }
}

/* Mobile hero height balance */
@media (max-width: 768px) {
  .mc-mobile-hero {
    min-height: min(54svh, 460px);
    padding: 18px 18px 22px;
    justify-content: center;
    background:
      linear-gradient(180deg, rgba(2, 6, 23, 0.34) 0%, rgba(2, 6, 23, 0.20) 38%, rgba(2, 6, 23, 0.94) 100%),
      url('/img/metacore_hero_mobile.png') center center / cover no-repeat;
  }

  .mc-mobile-brandmark {
    margin-bottom: 12px;
  }

  .mc-mobile-brandmark img {
    width: 40px;
    height: 40px;
  }

  .mc-mobile-brandmark strong {
    font-size: 1.1rem;
  }

  .mc-mobile-brandmark span {
    font-size: 0.5rem;
  }

  .mc-mobile-hero h2 {
    margin-bottom: 8px;
    font-size: clamp(1.65rem, 8.4vw, 2.35rem);
    line-height: 1.04;
  }

  .mc-mobile-hero p {
    max-width: 310px;
    margin-bottom: 8px;
    font-size: 0.9rem;
    line-height: 1.35;
  }

  .mc-mobile-core {
    width: 54px;
    height: 54px;
    margin: 8px auto 0;
  }

  .mc-mobile-core img {
    width: 38px;
    height: 38px;
  }

  .mc-mobile-tabs {
    margin-top: -2px;
  }
}

@media (max-width: 390px) {
  .mc-mobile-hero {
    min-height: min(50svh, 420px);
  }
}

/* Desktop hero viewport fit: keep door coordinates intact */
@media (min-width: 769px) {
  .mc-gw-stage-wrap {
    min-height: 0;
    overflow: hidden;
  }

  .mc-gw-stage {
    width: min(100vw, calc(100svh * 1672 / 941));
    max-width: 100vw;
  }

  .mc-gw-stage-img {
    width: 100%;
    height: auto;
  }
}

/* Desktop portal edge fade: soften viewport-fit side transition */
@media (min-width: 769px) {
  .mc-gw-stage {
    isolation: isolate;
  }

  .mc-gw-stage::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 9;
    pointer-events: none;
    background:
      linear-gradient(90deg,
        #020617 0%,
        rgba(2, 6, 23, 0.96) 2.5%,
        rgba(2, 6, 23, 0.72) 7%,
        rgba(2, 6, 23, 0.28) 14%,
        transparent 24%,
        transparent 76%,
        rgba(2, 6, 23, 0.28) 86%,
        rgba(2, 6, 23, 0.72) 93%,
        rgba(2, 6, 23, 0.96) 97.5%,
        #020617 100%);
  }
}

/* Desktop portal edge fade soften: keep outer doors bright */
@media (min-width: 769px) {
  .mc-gw-stage::after {
    background:
      linear-gradient(90deg,
        #020617 0%,
        rgba(2, 6, 23, 0.46) 1.8%,
        rgba(2, 6, 23, 0.16) 3.3%,
        transparent 5.2%,
        transparent 94.8%,
        rgba(2, 6, 23, 0.16) 96.7%,
        rgba(2, 6, 23, 0.46) 98.2%,
        #020617 100%);
  }
}

/* Desktop section icon polish */
@media (min-width: 769px) {
  .mc-gw-body {
    padding-top: clamp(28px, 4vh, 52px);
  }

  .mc-gw-help {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    text-align: left;
    border-radius: 14px;
    background:
      radial-gradient(circle at 8% 50%, rgba(0, 240, 255, 0.16), transparent 34%),
      linear-gradient(90deg, rgba(8, 18, 42, 0.82), rgba(5, 12, 30, 0.62));
  }

  .mc-gw-help p {
    margin: 0;
  }

  .mc-gw-help a {
    flex: 0 0 auto;
  }

  .mc-gw-sections-title {
    margin-bottom: 24px;
    color: rgba(226, 232, 240, 0.88);
  }

  .mc-gw-col {
    position: relative;
    border-radius: 14px;
    background:
      radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--col-accent) 18%, transparent), transparent 30%),
      linear-gradient(180deg, rgba(15, 23, 42, 0.84), rgba(2, 6, 23, 0.78));
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.26);
  }

  .mc-gw-col::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(180deg, color-mix(in srgb, var(--col-accent) 10%, transparent), transparent 30%);
    opacity: 0.72;
  }

  .mc-gw-col-head,
  .mc-gw-links,
  .mc-gw-col-foot {
    position: relative;
    z-index: 1;
  }

  .mc-gw-col-head {
    min-height: 148px;
    padding: 22px 88px 18px 22px;
  }

  .mc-gw-col-icon {
    position: absolute;
    top: 22px;
    right: 22px;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    border: 1px solid color-mix(in srgb, var(--col-accent) 38%, rgba(255,255,255,0.08));
    background: color-mix(in srgb, var(--col-accent) 14%, rgba(2, 6, 23, 0.86));
    box-shadow: 0 14px 38px color-mix(in srgb, var(--col-accent) 16%, transparent);
  }

  .mc-gw-col-icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    filter: drop-shadow(0 0 12px color-mix(in srgb, var(--col-accent) 58%, transparent));
  }

  .mc-gw-links {
    padding: 6px 10px 10px;
  }

  .mc-gw-links li a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 10px 12px;
    border-radius: 10px;
    border-bottom: 0;
  }

  .mc-gw-links li + li {
    margin-top: 2px;
  }

  .mc-gw-link-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(15, 23, 42, 0.58);
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
  }

  .mc-gw-link-icon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    opacity: 0.88;
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--col-accent) 36%, transparent));
  }

  .mc-gw-links li a:hover {
    padding-left: 12px;
    background: color-mix(in srgb, var(--col-accent) 10%, rgba(255,255,255,0.04));
  }

  .mc-gw-links li a:hover .mc-gw-link-icon {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--col-accent) 44%, rgba(255,255,255,0.16));
    background: color-mix(in srgb, var(--col-accent) 16%, rgba(15, 23, 42, 0.72));
  }

  .mc-gw-links li a:hover .mc-gw-link-icon img {
    opacity: 1;
  }

  .mc-gw-col-foot {
    padding: 12px 20px 20px;
  }

  .mc-gw-col-foot a {
    border-radius: 10px;
    background: color-mix(in srgb, var(--col-accent) 8%, transparent);
  }
}

/* Mobile premium icon system */
@media (max-width: 768px) {
  .mc-mobile-tabs a {
    gap: 4px;
    grid-template-rows: 18px auto;
    padding: 6px 4px;
    font-size: 0.68rem;
    line-height: 1.05;
  }

  .mc-mobile-tabs a img {
    width: 17px;
    height: 17px;
    object-fit: contain;
    opacity: 0.9;
    filter: drop-shadow(0 0 8px rgba(34, 211, 238, 0.42));
  }

  .mc-mobile-section {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background:
      radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--mobile-accent) 18%, transparent), transparent 34%),
      linear-gradient(180deg, var(--mobile-glow, rgba(0, 240, 255, 0.08)), rgba(2, 6, 23, 0.62));
  }

  .mc-mobile-section::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 34%);
  }

  .mc-mobile-section > * {
    position: relative;
    z-index: 1;
  }

  .mc-mobile-section header {
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px 10px;
    margin-bottom: 14px;
  }

  .mc-mobile-section header .mc-mobile-section-num {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--mobile-accent);
    border: 1px solid color-mix(in srgb, var(--mobile-accent) 42%, rgba(255,255,255,0.08));
    background: color-mix(in srgb, var(--mobile-accent) 10%, rgba(15, 23, 42, 0.78));
    font-size: 0.7rem;
  }

  .mc-mobile-section-icon {
    grid-column: 3;
    grid-row: 1;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--mobile-accent) 40%, rgba(255,255,255,0.08));
    background: color-mix(in srgb, var(--mobile-accent) 12%, rgba(2, 6, 23, 0.84));
    box-shadow: 0 12px 34px color-mix(in srgb, var(--mobile-accent) 16%, transparent);
  }

  .mc-mobile-section-icon img {
    width: 23px;
    height: 23px;
    object-fit: contain;
    filter: drop-shadow(0 0 10px color-mix(in srgb, var(--mobile-accent) 54%, transparent));
  }

  .mc-mobile-section header h3 {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  .mc-mobile-section header p {
    grid-column: 1 / -1;
  }

  .mc-mobile-card {
    min-height: 132px;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 10px;
    padding: 13px 30px 13px 13px;
  }

  .mc-mobile-card::after,
  .mc-mobile-chip::after {
    opacity: 0.58;
  }

  .mc-mobile-item-icon,
  .mc-mobile-chip-icon {
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--item-accent, var(--mobile-accent)) 38%, rgba(255,255,255,0.08));
    background: color-mix(in srgb, var(--item-accent, var(--mobile-accent)) 13%, rgba(15, 23, 42, 0.78));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 10px 24px color-mix(in srgb, var(--item-accent, var(--mobile-accent)) 12%, transparent);
  }

  .mc-mobile-item-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .mc-mobile-item-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    opacity: 0.95;
    filter: drop-shadow(0 0 9px color-mix(in srgb, var(--item-accent, var(--mobile-accent)) 48%, transparent));
  }

  .mc-mobile-item-copy {
    display: block;
    min-width: 0;
  }

  .mc-mobile-card b {
    display: block;
    font-size: 0.92rem;
  }

  .mc-mobile-card small {
    font-size: 0.76rem;
    line-height: 1.31;
  }

  .mc-mobile-chip {
    min-height: 70px;
    gap: 9px;
    padding: 10px 28px 10px 10px;
  }

  .mc-mobile-chip-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 11px;
  }

  .mc-mobile-chip-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    opacity: 0.92;
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--mobile-accent) 44%, transparent));
  }

  .mc-mobile-chip > span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .mc-mobile-bottom a {
    grid-template-rows: 19px auto;
    gap: 3px;
    padding: 5px 3px;
    font-size: 0.68rem;
    line-height: 1.05;
  }

  .mc-mobile-bottom a img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    opacity: 0.9;
    filter: drop-shadow(0 0 8px rgba(34, 211, 238, 0.34));
  }
}

@media (max-width: 390px) {
  .mc-mobile-card {
    min-height: 112px;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: start;
  }

  .mc-mobile-item-icon {
    grid-column: 1;
  }

  .mc-mobile-item-copy {
    grid-column: 2;
  }
}

/* Mobile hierarchy: 8 primary gates first, modules second */
@media (max-width: 768px) {
  .mc-mobile-tabs a {
    font-size: 0.66rem;
  }

  .mc-mobile-main-gates {
    position: relative;
    margin-top: 14px;
    padding: 14px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(34, 211, 238, 0.32);
    background:
      radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.16), transparent 38%),
      radial-gradient(circle at 88% 16%, rgba(168, 85, 247, 0.14), transparent 34%),
      linear-gradient(180deg, rgba(15, 23, 42, 0.86), rgba(2, 6, 23, 0.7));
  }

  .mc-mobile-main-gates::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,0.04), transparent 42%);
  }

  .mc-mobile-main-gates > * {
    position: relative;
    z-index: 1;
  }

  .mc-mobile-gates-head {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 10px;
    align-items: end;
    margin-bottom: 12px;
  }

  .mc-mobile-gates-head span {
    color: #22d3ee;
    font: 850 0.72rem Orbitron, sans-serif;
    letter-spacing: 0.08em;
  }

  .mc-mobile-gates-head h3 {
    margin: 0;
    color: #f8fafc;
    font: 900 1.12rem/1 Orbitron, sans-serif;
    text-transform: uppercase;
  }

  .mc-mobile-gates-head p {
    grid-column: 1 / -1;
    margin: 0;
    color: rgba(226, 232, 240, 0.78);
    font-size: 0.78rem;
    line-height: 1.35;
  }

  .mc-mobile-gate-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .mc-mobile-gate {
    --gate-accent: #22d3ee;
    position: relative;
    min-height: 96px;
    display: grid;
    grid-template-rows: auto 34px auto auto;
    align-items: center;
    justify-items: center;
    gap: 4px;
    padding: 8px 4px 7px;
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--gate-accent) 36%, rgba(148, 163, 184, 0.2));
    background:
      radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--gate-accent) 18%, transparent), transparent 56%),
      rgba(15, 23, 42, 0.58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 12px 28px rgba(0,0,0,0.18);
    text-align: center;
  }

  .mc-mobile-gate-num {
    color: color-mix(in srgb, var(--gate-accent) 82%, #fff);
    font: 850 0.55rem Orbitron, sans-serif;
    letter-spacing: 0.08em;
  }

  .mc-mobile-gate-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    border: 1px solid color-mix(in srgb, var(--gate-accent) 42%, rgba(255,255,255,0.08));
    background: color-mix(in srgb, var(--gate-accent) 13%, rgba(2, 6, 23, 0.86));
  }

  .mc-mobile-gate-icon img {
    width: 21px;
    height: 21px;
    object-fit: contain;
    filter: drop-shadow(0 0 9px color-mix(in srgb, var(--gate-accent) 52%, transparent));
  }

  .mc-mobile-gate b {
    max-width: 100%;
    color: #f8fafc;
    font-size: 0.62rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
  }

  .mc-mobile-gate small {
    max-width: 100%;
    color: rgba(203, 213, 225, 0.74);
    font-size: 0.55rem;
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .mc-mobile-gate--cloud,
  .mc-mobile-gate--context { --gate-accent: #38bdf8; }
  .mc-mobile-gate--family { --gate-accent: #4ade80; }
  .mc-mobile-gate--lead,
  .mc-mobile-gate--networker { --gate-accent: #a855f7; }
  .mc-mobile-gate--academy { --gate-accent: #d946ef; }
  .mc-mobile-gate--engine { --gate-accent: #60a5fa; }
  .mc-mobile-gate--love { --gate-accent: #f472b6; }

  .mc-mobile-grid--modules {
    grid-template-columns: 1fr;
  }

  .mc-mobile-grid--modules .mc-mobile-card {
    min-height: 84px;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: center;
  }

  .mc-mobile-grid--modules .mc-mobile-item-icon {
    grid-column: 1;
  }

  .mc-mobile-grid--modules .mc-mobile-item-copy {
    grid-column: 2;
  }

  .mc-mobile-section {
    margin-top: 12px;
  }
}

@media (max-width: 390px) {
  .mc-mobile-main-gates {
    padding: 12px;
  }

  .mc-mobile-gate-grid {
    gap: 7px;
  }

  .mc-mobile-gate {
    min-height: 90px;
    padding-inline: 3px;
  }

  .mc-mobile-gate b {
    font-size: 0.58rem;
  }

  .mc-mobile-gate small {
    font-size: 0.52rem;
  }
}

/* Desktop language flags and login icon */
@media (min-width: 769px) {
  .mc-gw-lang {
    gap: 8px;
  }

  .mc-gw-lang-link {
    gap: 5px;
    padding-inline: 8px;
  }

  .mc-gw-flag {
    display: inline-block;
    font-size: 0.95rem;
    line-height: 1;
    filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.22));
  }

  .mc-gw-cta-top {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
  }

  .mc-gw-cta-top img {
    width: 17px;
    height: 17px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.38));
  }
}


/* Desktop visible CSS flags and login icon contrast - 20260716o */
@media (min-width: 769px) {
  .mc-gw-lang {
    gap: 8px;
  }

  .mc-gw-lang-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    white-space: nowrap;
  }

  .mc-gw-flag {
    width: 19px;
    height: 13px;
    display: inline-block;
    flex: 0 0 19px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid rgba(248, 250, 252, 0.36);
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.18), 0 1px 4px rgba(0, 0, 0, 0.35);
  }

  .mc-gw-flag--lt {
    background: linear-gradient(180deg, #fdb913 0 33.33%, #006a44 33.33% 66.66%, #c1272d 66.66% 100%);
  }

  .mc-gw-flag--en {
    background:
      linear-gradient(90deg, transparent 0 42%, #fff 42% 58%, transparent 58% 100%),
      linear-gradient(0deg, transparent 0 38%, #fff 38% 62%, transparent 62% 100%),
      linear-gradient(90deg, transparent 0 46%, #cf142b 46% 54%, transparent 54% 100%),
      linear-gradient(0deg, transparent 0 44%, #cf142b 44% 56%, transparent 56% 100%),
      #012169;
  }

  .mc-gw-flag--ru {
    background: linear-gradient(180deg, #fff 0 33.33%, #0039a6 33.33% 66.66%, #d52b1e 66.66% 100%);
  }

  .mc-gw-cta-top {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px 8px 9px;
    white-space: nowrap;
  }

  .mc-gw-cta-top img {
    width: 22px;
    height: 22px;
    padding: 4px;
    flex: 0 0 22px;
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.86);
    border: 1px solid rgba(4, 16, 25, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 14px rgba(0, 240, 255, 0.34);
    object-fit: contain;
    filter: none;
  }

  .mc-gw-cta-top span {
    line-height: 1;
  }
}


/* Top login premium glass override - removes old cyan button feel */
@media (min-width: 769px) {
  .mc-gw-cta-top {
    color: #e9fbff !important;
    background: linear-gradient(135deg, rgba(3, 12, 22, 0.86), rgba(8, 34, 48, 0.72)) !important;
    border: 1px solid rgba(103, 232, 249, 0.42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 0 18px rgba(0, 240, 255, 0.14) !important;
  }

  .mc-gw-cta-top:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(5, 20, 34, 0.94), rgba(10, 54, 72, 0.84)) !important;
    border-color: rgba(103, 232, 249, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 0 24px rgba(0, 240, 255, 0.24) !important;
  }
}

/* Minimal top bar: icon-only flags + login, single row */
@media (min-width: 769px) {
  .mc-gw-top--float {
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    padding-top: 12px;
  }

  .mc-gw-top--float .mc-gw-brand {
    flex: 0 0 auto;
    min-width: 0;
  }

  .mc-gw-top--float .mc-gw-brand small {
    display: none;
  }

  .mc-gw-top--float .mc-gw-nav--main {
    flex: 1 1 auto;
    justify-content: center;
    gap: 4px;
    min-width: 0;
  }

  .mc-gw-top--float .mc-gw-nav--main a {
    padding: 6px 10px;
    font-size: 0.68rem;
    letter-spacing: 0.05em;
  }

  .mc-gw-top--float .mc-gw-lang {
    flex: 0 0 auto;
    gap: 6px;
    margin-left: auto;
  }

  .mc-gw-top--float .mc-gw-lang-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 28px;
    padding: 0;
    gap: 0;
    border-radius: 8px;
  }

  .mc-gw-top--float .mc-gw-cta-top--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0 !important;
    margin-left: 2px;
    border-radius: 999px;
    gap: 0;
  }

  .mc-gw-top--float .mc-gw-cta-top--icon img {
    width: 18px;
    height: 18px;
    padding: 0;
    flex: 0 0 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
}


/* =========================================================
   MetaCore Gateway — Jewel Polish v1
   Safe visual/accessibility overrides, 2026-07
   ========================================================= */
:root{
  --mc-jewel-cyan:#2eeaf2;
  --mc-jewel-blue:#4aa8ff;
  --mc-jewel-violet:#b65cff;
  --mc-jewel-green:#6bea83;
  --mc-jewel-gold:#ffbd45;
  --mc-jewel-rose:#ff5b9f;
  --mc-surface-deep:rgba(5,12,24,.86);
  --mc-border-soft:rgba(133,207,255,.18);
  --mc-shadow-soft:0 18px 60px rgba(0,0,0,.34);
  --mc-focus-ring:0 0 0 3px rgba(46,234,242,.22),0 0 0 1px #2eeaf2 inset;
}

html{scroll-behavior:smooth}
body{background-color:#030711;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:rgba(46,234,242,.26);color:#fff}

/* Consistent keyboard focus */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--mc-jewel-cyan)!important;
  outline-offset:4px!important;
  box-shadow:var(--mc-focus-ring)!important;
}

/* Header clarity and separation */
.mc-gw-top,.mc-mobile-topbar{
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
.mc-gw-top::after,.mc-mobile-topbar::after{
  content:"";position:absolute;left:4%;right:4%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(46,234,242,.26),transparent);
  pointer-events:none;
}

/* Desktop architecture cards */
.mc-gw-arch,.mc-gw-door,.mc-gw-pillar,.mc-gw-col{
  transform:translateZ(0);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,background-color .28s ease;
}
.mc-gw-arch:hover,.mc-gw-door:hover,.mc-gw-pillar:hover,.mc-gw-col:hover{
  transform:translateY(-4px);
  border-color:rgba(102,224,255,.34);
  box-shadow:0 18px 48px rgba(0,0,0,.32),0 0 28px rgba(46,234,242,.08);
}
.mc-gw-arch:active,.mc-gw-door:active,.mc-gw-pillar:active{transform:translateY(-1px)}
.mc-gw-col{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.mc-gw-col-head{min-height:72px;align-items:center}
.mc-gw-col-foot{margin-top:auto}
.mc-gw-link-icon,.arr{transition:transform .22s ease}
a:hover .mc-gw-link-icon,a:hover .arr{transform:translateX(4px)}

/* Typography rhythm */
.mc-gw-stage-title,.mc-mobile-hero h2{letter-spacing:-.025em;text-wrap:balance}
.mc-gw-stage p,.mc-mobile-hero p,.mc-gw-col p,.mc-mobile-item-copy p{line-height:1.55;text-wrap:pretty}
.mc-gw-sections-title{letter-spacing:.01em}

/* SVG icon rendering */
.mc-gw-col img,.mc-gw-arch img,.mc-gw-door img,.mc-mobile-item-icon img,.mc-mobile-section-icon img,.mc-mobile-chip-icon img{
  image-rendering:auto;filter:drop-shadow(0 0 8px rgba(90,210,255,.15));
}

/* Mobile cards: touch clarity and rhythm */
.mc-mobile-section,.mc-mobile-card,.mc-mobile-gate,.mc-mobile-chip{
  -webkit-tap-highlight-color:transparent;
}
.mc-mobile-section{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 14px 36px rgba(0,0,0,.20)}
.mc-mobile-card,.mc-mobile-gate{
  min-height:78px;
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
.mc-mobile-card:active,.mc-mobile-gate:active{transform:scale(.985)}
.mc-mobile-item-copy h3,.mc-mobile-item-copy strong{line-height:1.2}
.mc-mobile-item-copy p{opacity:.82}
.mc-mobile-tabs{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}
.mc-mobile-tabs::-webkit-scrollbar{display:none}
.mc-mobile-chip{white-space:nowrap;min-height:46px}

/* Bottom nav respects modern phone safe areas */
.mc-mobile-bottom{
  padding-bottom:max(10px,env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(3,8,18,.72),rgba(3,8,18,.97) 32%);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  border-top-color:rgba(94,201,255,.18);
}
.mc-mobile-bottom a{min-width:48px;min-height:48px}

/* Prevent long labels from breaking layout */
.mc-gw-col-head,.mc-gw-arch-label,.mc-mobile-item-copy,.mc-mobile-gate{min-width:0}
.mc-mobile-item-copy h3,.mc-mobile-item-copy p,.mc-gw-arch-label{overflow-wrap:anywhere}

/* High contrast and reduced motion */
@media (prefers-contrast:more){
  .mc-gw-col,.mc-gw-arch,.mc-gw-door,.mc-mobile-section,.mc-mobile-card,.mc-mobile-gate{border-width:2px!important}
  .mc-gw-col p,.mc-mobile-item-copy p{opacity:1!important;color:#edf8ff!important}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Large desktop refinement */
@media (min-width:1280px){
  .mc-gw-body{max-width:1540px;margin-inline:auto}
  .mc-gw-sections{gap:18px}
  .mc-gw-col{padding:24px 22px}
}

/* Compact laptops */
@media (min-width:769px) and (max-width:1180px){
  .mc-gw-nav--main{gap:18px}
  .mc-gw-stage-title h2{font-size:clamp(1.2rem,2.6vw,1.75rem)!important}
  .mc-gw-col{padding:18px 16px}
}

/* Narrow phones */
@media (max-width:390px){
  .mc-mobile-gateway{padding-inline:12px}
  .mc-mobile-grid--modules{grid-template-columns:1fr}
  .mc-mobile-grid--compact{grid-template-columns:1fr 1fr}
  .mc-mobile-hero h2{font-size:clamp(30px,10vw,42px)}
}


/* =========================================================
   MetaCore Mobile Polish — Phase 1
   Header · Hero · Segments · Bottom Nav
   ========================================================= */
@media (max-width:768px){
  body{padding-bottom:96px!important}

  /* topbar */
  .mc-mobile-topbar{
    min-height:76px;
    padding:12px 18px!important;
    background:linear-gradient(180deg,rgba(3,8,20,.96),rgba(3,8,20,.82));
    border-bottom:1px solid rgba(77,210,255,.14);
    box-shadow:0 10px 30px rgba(0,0,0,.22);
  }
  .mc-mobile-brandmark{width:48px!important;height:48px!important;filter:drop-shadow(0 0 12px rgba(39,220,245,.32))}
  .mc-mobile-topbar .mc-mobile-lang,
  .mc-mobile-topbar .mc-mobile-user,
  .mc-mobile-topbar .mc-mobile-menu{
    width:44px;height:44px;border-radius:14px;
    background:rgba(11,21,40,.72);
    border:1px solid rgba(112,185,255,.16);
  }

  /* hero */
  .mc-mobile-hero{
    min-height:560px!important;
    padding:78px 24px 42px!important;
    display:flex;flex-direction:column;justify-content:center;
    background-position:center 42%!important;
  }
  .mc-mobile-hero::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(1,5,14,.08) 0%,rgba(1,5,14,.10) 42%,rgba(1,5,14,.74) 100%);
    pointer-events:none;
  }
  .mc-mobile-hero > *{position:relative;z-index:1}
  .mc-mobile-hero h2{
    max-width:660px;margin:0 auto 18px!important;
    font-size:clamp(42px,11vw,64px)!important;
    line-height:.97!important;
    letter-spacing:-.045em!important;
    text-shadow:0 8px 28px rgba(0,0,0,.48),0 0 24px rgba(75,175,255,.12);
  }
  .mc-mobile-hero p{
    max-width:620px!important;
    margin:0 auto!important;
    font-size:clamp(17px,4.2vw,21px)!important;
    line-height:1.45!important;
    color:rgba(246,249,255,.90)!important;
    text-shadow:0 4px 18px rgba(0,0,0,.54);
  }

  /* segment control */
  .mc-mobile-tabs{
    position:relative;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px!important;
    margin:-10px 18px 26px!important;
    padding:8px!important;
    border:1px solid rgba(104,176,255,.15);
    border-radius:20px;
    background:rgba(5,12,26,.88);
    box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03);
    backdrop-filter:blur(16px) saturate(130%);
  }
  .mc-mobile-chip{
    min-height:64px!important;
    padding:8px 6px!important;
    border-radius:14px!important;
    display:flex!important;flex-direction:column;justify-content:center;gap:5px!important;
    font-size:13px!important;
    line-height:1.1!important;
    background:transparent!important;
    border:1px solid transparent!important;
    color:rgba(238,245,255,.80)!important;
  }
  .mc-mobile-chip img,.mc-mobile-chip svg{width:22px!important;height:22px!important}
  .mc-mobile-chip.is-active,.mc-mobile-chip.active,[aria-selected="true"].mc-mobile-chip{
    color:#fff!important;
    border-color:rgba(48,224,242,.28)!important;
    background:linear-gradient(180deg,rgba(37,217,235,.12),rgba(52,89,170,.08))!important;
    box-shadow:inset 0 0 18px rgba(42,218,236,.06),0 0 18px rgba(42,218,236,.06);
  }

  /* bottom nav */
  .mc-mobile-bottom{
    left:14px!important;right:14px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    border:1px solid rgba(104,176,255,.16)!important;
    border-radius:22px!important;
    padding:8px!important;
    gap:6px!important;
    box-shadow:0 20px 48px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.03)!important;
  }
  .mc-mobile-bottom a{
    border-radius:15px!important;
    min-height:58px!important;
    padding:6px 4px!important;
    color:rgba(238,245,255,.74)!important;
    transition:background-color .2s ease,color .2s ease,transform .2s ease!important;
  }
  .mc-mobile-bottom a:active{transform:scale(.97)}
  .mc-mobile-bottom a.active,.mc-mobile-bottom a[aria-current="page"]{
    color:#fff!important;
    background:linear-gradient(180deg,rgba(46,234,242,.11),rgba(46,234,242,.04))!important;
    box-shadow:inset 0 0 0 1px rgba(46,234,242,.18);
  }
  .mc-mobile-bottom img,.mc-mobile-bottom svg{width:23px!important;height:23px!important}
  .mc-mobile-bottom span{font-size:12px!important;font-weight:700!important;letter-spacing:.01em}

  /* spacing after hero */
  .mc-mobile-gateway{padding-inline:16px!important}
  .mc-mobile-section:first-of-type{margin-top:12px!important}
}

@media (max-width:390px){
  .mc-mobile-hero{min-height:520px!important;padding-inline:18px!important}
  .mc-mobile-tabs{margin-inline:12px!important;gap:6px!important}
  .mc-mobile-chip{font-size:12px!important;min-height:60px!important}
  .mc-mobile-bottom{left:8px!important;right:8px!important}
}


/* =========================================================
   MetaCore Mobile Polish — Phase 2
   Primary doors · Section hierarchy · Card typography
   ========================================================= */
@media (max-width:768px){
  /* section rhythm */
  .mc-mobile-section{
    margin:22px 0!important;
    padding:26px 24px!important;
    border-radius:28px!important;
    overflow:hidden;
    position:relative;
  }
  .mc-mobile-section::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%),
      radial-gradient(circle at 88% 0%,rgba(255,255,255,.05),transparent 34%);
    opacity:.9;
  }
  .mc-mobile-section > *{position:relative;z-index:1}

  /* section heading */
  .mc-mobile-section-head{
    display:grid!important;
    grid-template-columns:auto 1fr auto;
    align-items:center!important;
    gap:14px!important;
    margin-bottom:18px!important;
  }
  .mc-mobile-section-kicker{
    min-width:52px;height:52px;border-radius:16px!important;
    display:grid;place-items:center;
    font-size:14px!important;font-weight:800!important;letter-spacing:.08em!important;
    background:rgba(6,18,34,.58)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 20px rgba(46,234,242,.05);
  }
  .mc-mobile-section-title{
    font-size:clamp(28px,7vw,40px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    margin:0!important;
    text-wrap:balance;
  }
  .mc-mobile-section-icon{
    width:54px!important;height:54px!important;border-radius:17px!important;
    display:grid;place-items:center;
    background:rgba(6,18,34,.44)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .mc-mobile-section-desc{
    margin:0 0 20px!important;
    font-size:17px!important;
    line-height:1.5!important;
    color:rgba(234,241,252,.78)!important;
  }

  /* primary doors */
  .mc-mobile-grid--doors{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .mc-mobile-door{
    min-height:182px!important;
    padding:16px 14px 18px!important;
    border-radius:22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    background:
      linear-gradient(180deg,rgba(12,28,51,.90),rgba(5,13,28,.94))!important;
    border:1px solid rgba(108,188,255,.22)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 14px 34px rgba(0,0,0,.24)!important;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  }
  .mc-mobile-door:nth-child(-n+4){
    border-color:rgba(76,221,241,.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.24),0 0 24px rgba(46,234,242,.05)!important;
  }
  .mc-mobile-door:active{transform:scale(.982)}
  .mc-mobile-door-number{
    font-size:13px!important;font-weight:800!important;letter-spacing:.12em!important;
    margin-bottom:10px!important;opacity:.90;
  }
  .mc-mobile-door-icon{
    width:64px!important;height:64px!important;border-radius:20px!important;
    display:grid!important;place-items:center!important;
    margin-bottom:12px!important;
    background:rgba(8,25,46,.68)!important;
    border:1px solid currentColor!important;
    box-shadow:inset 0 0 18px rgba(255,255,255,.025),0 0 18px currentColor!important;
  }
  .mc-mobile-door-icon img,.mc-mobile-door-icon svg{width:34px!important;height:34px!important}
  .mc-mobile-door-title{
    font-size:18px!important;
    line-height:1.12!important;
    font-weight:800!important;
    margin:0 0 6px!important;
    overflow-wrap:anywhere;
  }
  .mc-mobile-door-desc{
    font-size:14px!important;
    line-height:1.22!important;
    color:rgba(231,238,250,.70)!important;
    margin:0!important;
  }

  /* general cards */
  .mc-mobile-grid--modules{gap:14px!important}
  .mc-mobile-card,.mc-mobile-gate{
    min-height:112px!important;
    padding:16px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(10,23,44,.88),rgba(5,13,29,.92))!important;
    border-color:rgba(122,184,255,.19)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 26px rgba(0,0,0,.20)!important;
  }
  .mc-mobile-item-icon{
    width:58px!important;height:58px!important;border-radius:18px!important;
    flex:0 0 58px!important;
    display:grid!important;place-items:center!important;
    background:rgba(12,27,49,.66)!important;
  }
  .mc-mobile-item-icon img,.mc-mobile-item-icon svg{width:31px!important;height:31px!important}
  .mc-mobile-item-copy h3,.mc-mobile-item-copy strong{
    font-size:18px!important;
    line-height:1.18!important;
    margin-bottom:6px!important;
    letter-spacing:-.015em!important;
    text-wrap:balance;
  }
  .mc-mobile-item-copy p{
    font-size:15.5px!important;
    line-height:1.38!important;
    color:rgba(231,238,250,.72)!important;
  }
  .mc-mobile-item-arrow{
    width:30px!important;height:30px!important;
    display:grid!important;place-items:center!important;
    border-radius:50%!important;
    color:rgba(232,241,255,.65)!important;
    background:rgba(255,255,255,.025)!important;
  }

  /* avoid ugly word breaks */
  .mc-mobile-door-title,
  .mc-mobile-item-copy h3,
  .mc-mobile-item-copy strong{
    word-break:normal!important;
    hyphens:none!important;
  }

  /* color-specific depth */
  .mc-mobile-section--human{
    background:linear-gradient(180deg,rgba(6,48,67,.78),rgba(4,17,33,.95))!important;
    border-color:rgba(46,234,242,.28)!important;
  }
  .mc-mobile-section--business{
    background:linear-gradient(180deg,rgba(63,14,77,.76),rgba(16,6,31,.95))!important;
    border-color:rgba(198,86,255,.28)!important;
  }
  .mc-mobile-section--labs{
    background:linear-gradient(180deg,rgba(7,58,43,.78),rgba(4,23,22,.95))!important;
    border-color:rgba(90,234,134,.28)!important;
  }
}

@media (max-width:390px){
  .mc-mobile-section{padding:22px 18px!important;border-radius:24px!important}
  .mc-mobile-grid--doors{gap:10px!important}
  .mc-mobile-door{min-height:170px!important;padding-inline:10px!important}
  .mc-mobile-door-title{font-size:16px!important}
  .mc-mobile-door-desc{font-size:13px!important}
  .mc-mobile-section-title{font-size:clamp(26px,8vw,34px)!important}
}


/* =========================================================
   MetaCore Mobile Polish — Phase 3
   Business & Labs cards · priority · microinteractions
   ========================================================= */
@media (max-width:768px){
  /* business/labs compact grids */
  .mc-mobile-section--business .mc-mobile-grid--modules,
  .mc-mobile-section--labs .mc-mobile-grid--modules{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .mc-mobile-section--business .mc-mobile-card,
  .mc-mobile-section--labs .mc-mobile-card{
    min-height:128px!important;
    padding:16px 14px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    column-gap:12px!important;
  }
  .mc-mobile-section--business .mc-mobile-item-copy,
  .mc-mobile-section--labs .mc-mobile-item-copy{min-width:0!important}
  .mc-mobile-section--business .mc-mobile-item-copy h3,
  .mc-mobile-section--labs .mc-mobile-item-copy h3,
  .mc-mobile-section--business .mc-mobile-item-copy strong,
  .mc-mobile-section--labs .mc-mobile-item-copy strong{
    font-size:17px!important;
    line-height:1.12!important;
    overflow-wrap:anywhere!important;
  }
  .mc-mobile-section--business .mc-mobile-item-copy p,
  .mc-mobile-section--labs .mc-mobile-item-copy p{
    display:none!important;
  }

  /* visual priority: first two cards in each professional section */
  .mc-mobile-section--business .mc-mobile-card:nth-child(-n+2),
  .mc-mobile-section--labs .mc-mobile-card:nth-child(-n+2){
    border-color:rgba(255,255,255,.22)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 16px 34px rgba(0,0,0,.26),
      0 0 24px rgba(190,95,255,.06)!important;
  }
  .mc-mobile-section--labs .mc-mobile-card:nth-child(-n+2){
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 16px 34px rgba(0,0,0,.26),
      0 0 24px rgba(90,234,134,.06)!important;
  }

  /* icon pulse on interaction */
  .mc-mobile-item-icon,
  .mc-mobile-door-icon,
  .mc-mobile-section-icon{
    transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,filter .24s ease!important;
  }
  .mc-mobile-card:active .mc-mobile-item-icon,
  .mc-mobile-gate:active .mc-mobile-item-icon,
  .mc-mobile-door:active .mc-mobile-door-icon{
    transform:scale(1.06)!important;
    filter:brightness(1.12)!important;
  }

  /* arrow movement */
  .mc-mobile-item-arrow,
  .mc-mobile-door .arr,
  .mc-mobile-gate .arr{
    transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s ease!important;
  }
  .mc-mobile-card:active .mc-mobile-item-arrow,
  .mc-mobile-gate:active .arr,
  .mc-mobile-door:active .arr{
    transform:translateX(5px)!important;
    opacity:1!important;
  }

  /* premium edge highlight */
  .mc-mobile-card::after,
  .mc-mobile-door::after,
  .mc-mobile-gate::after{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 28%,transparent 72%,rgba(255,255,255,.02));
    opacity:.7;
  }
  .mc-mobile-card,.mc-mobile-door,.mc-mobile-gate{position:relative;overflow:hidden}

  /* smoother section transitions */
  .mc-mobile-section{
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
  }

  /* remove awkward line breaks from known labels */
  .mc-mobile-item-copy h3,
  .mc-mobile-item-copy strong{
    white-space:normal!important;
  }

  /* labs/business section title balance */
  .mc-mobile-section--business .mc-mobile-section-title,
  .mc-mobile-section--labs .mc-mobile-section-title{
    max-width:100%!important;
    font-size:clamp(26px,6.7vw,36px)!important;
  }
}

@media (max-width:390px){
  .mc-mobile-section--business .mc-mobile-grid--modules,
  .mc-mobile-section--labs .mc-mobile-grid--modules{
    grid-template-columns:1fr!important;
  }
  .mc-mobile-section--business .mc-mobile-card,
  .mc-mobile-section--labs .mc-mobile-card{
    min-height:96px!important;
    grid-template-columns:auto 1fr auto!important;
  }
  .mc-mobile-section--business .mc-mobile-item-copy h3,
  .mc-mobile-section--labs .mc-mobile-item-copy h3,
  .mc-mobile-section--business .mc-mobile-item-copy strong,
  .mc-mobile-section--labs .mc-mobile-item-copy strong{
    font-size:17px!important;
  }
}


/* =========================================================
   MetaCore Mobile Polish — Phase 4
   Scroll rhythm · active states · reveal · final refinement
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-gateway{scroll-padding-top:96px}
  .mc-mobile-section{scroll-margin-top:96px}

  /* section reveal; JS adds .mc-inview */
  .mc-mobile-section{
    opacity:.001;
    transform:translateY(18px);
    transition:opacity .52s ease,transform .52s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease!important;
  }
  .mc-mobile-section.mc-inview{
    opacity:1;
    transform:translateY(0);
  }

  /* active filter */
  .mc-mobile-chip{
    position:relative;
  }
  .mc-mobile-chip::after{
    content:"";position:absolute;left:18%;right:18%;bottom:5px;height:2px;border-radius:999px;
    background:linear-gradient(90deg,transparent,var(--mc-jewel-cyan),transparent);
    opacity:0;transform:scaleX(.4);transition:opacity .22s ease,transform .22s ease;
  }
  .mc-mobile-chip.is-active::after,
  .mc-mobile-chip[aria-selected="true"]::after{
    opacity:1;transform:scaleX(1);
  }
  .mc-mobile-chip.is-active,
  .mc-mobile-chip[aria-selected="true"]{
    color:#fff!important;
    background:linear-gradient(180deg,rgba(46,234,242,.13),rgba(75,105,189,.08))!important;
    border-color:rgba(46,234,242,.32)!important;
  }

  /* final spacing */
  .mc-mobile-section + .mc-mobile-section{margin-top:24px!important}
  .mc-mobile-section:last-of-type{margin-bottom:28px!important}
  .mc-mobile-bottom a span{transition:opacity .2s ease,transform .2s ease}
  .mc-mobile-bottom a:not(.active):not([aria-current="page"]) span{opacity:.72}
  .mc-mobile-bottom a.active span,
  .mc-mobile-bottom a[aria-current="page"] span{opacity:1;transform:translateY(-1px)}

  /* subtle background continuity */
  .mc-mobile-gateway::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
    background:
      radial-gradient(circle at 50% 12%,rgba(31,142,255,.08),transparent 32%),
      radial-gradient(circle at 82% 62%,rgba(190,70,255,.045),transparent 28%),
      radial-gradient(circle at 18% 86%,rgba(66,235,141,.035),transparent 28%);
  }
}

@media (prefers-reduced-motion:reduce){
  .mc-mobile-section{opacity:1!important;transform:none!important}
}


/* MetaCore Mobile Tabs — Final binding */
@media (max-width:768px){
  .mc-mobile-tabs > a{
    min-height:64px!important;padding:8px 6px!important;border-radius:14px!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;
    font-size:13px!important;line-height:1.1!important;text-align:center!important;
    color:rgba(238,245,255,.80)!important;border:1px solid transparent!important;
    background:transparent!important;position:relative;text-decoration:none!important;
  }
  .mc-mobile-tabs > a img,.mc-mobile-tabs > a svg{width:22px!important;height:22px!important}
  .mc-mobile-tabs > a::after{
    content:"";position:absolute;left:18%;right:18%;bottom:5px;height:2px;border-radius:999px;
    background:linear-gradient(90deg,transparent,var(--mc-jewel-cyan),transparent);
    opacity:0;transform:scaleX(.4);transition:opacity .22s ease,transform .22s ease;
  }
  .mc-mobile-tabs > a.is-active,
  .mc-mobile-tabs > a[aria-selected="true"]{
    color:#fff!important;border-color:rgba(46,234,242,.32)!important;
    background:linear-gradient(180deg,rgba(46,234,242,.13),rgba(75,105,189,.08))!important;
    box-shadow:inset 0 0 18px rgba(42,218,236,.06),0 0 18px rgba(42,218,236,.06)!important;
  }
  .mc-mobile-tabs > a.is-active::after,
  .mc-mobile-tabs > a[aria-selected="true"]::after{opacity:1;transform:scaleX(1)}
}


/* =========================================================
   MetaCore Gateway — Subtle Premium Polish
   Footer · microcopy · final surface refinement
   ========================================================= */
.mc-gw-pillars{
  border-top:1px solid rgba(90,202,255,.10);
  border-bottom:1px solid rgba(90,202,255,.08);
  background:linear-gradient(180deg,rgba(6,14,28,.54),rgba(4,10,22,.30));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.mc-gw-pillar b{letter-spacing:.015em}
.mc-gw-pillar span{color:rgba(224,235,248,.68)}

.mc-gw-foot{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) auto;
  gap:24px 40px;
  align-items:center;
  margin-top:34px;
  padding:30px 34px 26px;
  border:1px solid rgba(105,190,255,.14);
  border-radius:26px 26px 0 0;
  background:
    radial-gradient(circle at 12% 0%,rgba(46,234,242,.07),transparent 30%),
    linear-gradient(180deg,rgba(7,16,31,.88),rgba(3,8,18,.96));
  box-shadow:0 -18px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
.mc-gw-foot::before{
  content:"";position:absolute;left:8%;right:8%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(46,234,242,.44),rgba(182,92,255,.26),transparent);
}
.mc-gw-foot-core{display:flex;align-items:center;gap:16px;min-width:0}
.mc-gw-foot-mark{
  width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;
  border-radius:15px;border:1px solid rgba(46,234,242,.28);
  background:linear-gradient(145deg,rgba(46,234,242,.10),rgba(182,92,255,.08));
  color:#eafcff;font-weight:800;letter-spacing:.08em;
  box-shadow:0 0 24px rgba(46,234,242,.07),inset 0 1px 0 rgba(255,255,255,.05);
}
.mc-gw-foot-tagline{margin:0;font-size:20px;font-weight:700;letter-spacing:-.015em;color:#f4f8ff}
.mc-gw-foot-note{margin:6px 0 0;font-size:14px;line-height:1.5;color:rgba(224,235,248,.66)}
.mc-gw-foot-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}
.mc-gw-foot-links a{
  position:relative;color:rgba(232,241,252,.76);text-decoration:none;font-size:14px;
  transition:color .2s ease,transform .2s ease;
}
.mc-gw-foot-links a:hover{color:#fff;transform:translateY(-1px)}
.mc-gw-foot-links a::after{
  content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;
  background:linear-gradient(90deg,var(--mc-jewel-cyan),var(--mc-jewel-violet));
  transition:right .22s ease;
}
.mc-gw-foot-links a:hover::after{right:0}
.mc-gw-foot-meta{
  grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;
  padding-top:18px;border-top:1px solid rgba(255,255,255,.055);
  color:rgba(193,209,229,.48);font-size:12px;letter-spacing:.045em;text-transform:uppercase;
}

/* Keep existing cards; only refine their light */
.mc-gw-col,.mc-gw-arch,.mc-gw-door,
.mc-mobile-card,.mc-mobile-door,.mc-mobile-gate{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 14px 34px rgba(0,0,0,.20);
}

@media (max-width:768px){
  .mc-gw-foot{
    grid-template-columns:1fr;
    gap:22px;
    margin:26px 16px 110px;
    padding:24px 20px 20px;
    border-radius:24px;
  }
  .mc-gw-foot-core{align-items:flex-start}
  .mc-gw-foot-mark{width:44px;height:44px;flex-basis:44px;border-radius:14px}
  .mc-gw-foot-tagline{font-size:18px;line-height:1.25}
  .mc-gw-foot-note{font-size:13.5px}
  .mc-gw-foot-links{justify-content:flex-start;gap:10px 16px}
  .mc-gw-foot-links a{font-size:14px;padding:5px 0}
  .mc-gw-foot-meta{flex-direction:column;gap:7px;font-size:10.5px}
  .mc-gw-pillars{margin-inline:16px;border-radius:20px;overflow:hidden}
}


/* =========================================================
   MetaCore Mobile — Single Clean Hero
   Removes duplicate brand layer; keeps one visual composition
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-brandmark{display:none!important}

  .mc-mobile-hero{
    min-height:clamp(470px,62svh,540px)!important;
    margin:0 -16px!important;
    padding:88px 22px 44px!important;
    justify-content:flex-end!important;
    background:
      linear-gradient(180deg,
        rgba(2,6,23,.12) 0%,
        rgba(2,6,23,.16) 30%,
        rgba(2,6,23,.46) 58%,
        rgba(2,6,23,.94) 100%),
      url('/img/metacore_hero_mobile.png') center 72% / cover no-repeat!important;
  }

  .mc-mobile-hero::after{
    inset:0!important;
    height:auto!important;
    background:
      linear-gradient(180deg,rgba(2,6,23,.18) 0%,transparent 28%,rgba(2,6,23,.12) 52%,rgba(2,6,23,.78) 100%)!important;
  }

  .mc-mobile-hero h2{
    max-width:620px!important;
    margin:0 auto 16px!important;
    font-size:clamp(38px,10.2vw,56px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
    text-wrap:balance!important;
  }

  .mc-mobile-hero p{
    max-width:360px!important;
    margin:0 auto 18px!important;
    font-size:clamp(16px,4.1vw,19px)!important;
    line-height:1.42!important;
  }

  .mc-mobile-core{
    width:50px!important;
    height:50px!important;
    margin:0 auto!important;
    background:rgba(0,240,255,.06)!important;
    box-shadow:0 0 30px rgba(0,240,255,.28)!important;
  }

  .mc-mobile-core img{width:36px!important;height:36px!important}

  .mc-mobile-tabs{
    margin:0 16px 26px!important;
    transform:translateY(-10px);
  }
}

@media (max-width:390px){
  .mc-mobile-hero{
    min-height:460px!important;
    padding:78px 18px 38px!important;
    background-position:center 74%!important;
  }
  .mc-mobile-hero h2{font-size:clamp(35px,10vw,48px)!important}
  .mc-mobile-tabs{margin-inline:10px!important}
}


/* =========================================================
   MetaCore Mobile — Phase 5 polish (structure + rhythm)
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-gateway{
    --mc-mobile-topbar-h:56px;
    scroll-padding-top:calc(var(--mc-mobile-topbar-h) + env(safe-area-inset-top,0px) + 12px);
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));
  }

  .mc-mobile-topbar{
    min-height:var(--mc-mobile-topbar-h);
    margin-bottom:0;
    z-index:70;
  }

  .mc-mobile-hero{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    min-height:clamp(400px,58svh,520px)!important;
    margin:0 -16px!important;
    padding:24px 20px 36px!important;
    overflow:hidden;
    background:
      linear-gradient(180deg,
        rgba(2,6,23,.10) 0%,
        rgba(2,6,23,.22) 36%,
        rgba(2,6,23,.72) 72%,
        rgba(2,6,23,.96) 100%),
      url('/img/metacore_hero_mobile.png') center 68% / cover no-repeat!important;
  }

  .mc-mobile-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(2,6,23,.28) 0%,transparent 22%,transparent 58%,rgba(2,6,23,.82) 100%)!important;
  }

  .mc-mobile-hero h2{margin-bottom:10px!important}
  .mc-mobile-hero p{margin-bottom:14px!important}

  .mc-mobile-tabs{
    position:relative!important;
    top:auto!important;
    z-index:12!important;
    margin:-18px 0 22px!important;
    padding:8px!important;
    border-radius:18px;
    border:1px solid rgba(104,176,255,.18);
    background:rgba(5,12,26,.92);
    box-shadow:0 12px 32px rgba(0,0,0,.36);
    transform:none!important;
  }

  .mc-mobile-main-gates{
    margin-top:0;
    scroll-margin-top:calc(var(--mc-mobile-topbar-h) + 16px);
  }

  .mc-mobile-section{
    scroll-margin-top:calc(var(--mc-mobile-topbar-h) + 16px);
  }

  .mc-mobile-gate{
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  }

  .mc-mobile-gate:active{
    transform:scale(.97);
  }

  .mc-mobile-bottom{
    z-index:80;
    padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media (max-width:390px){
  .mc-mobile-hero{
    min-height:380px!important;
    padding:20px 16px 32px!important;
    background-position:center 70%!important;
  }

  .mc-mobile-gate-grid{
    gap:6px;
  }

  .mc-mobile-gate{
    min-height:88px;
    padding:6px 3px 6px;
  }

  .mc-mobile-gate b{font-size:.58rem}
}


/* =========================================================
   MetaCore Mobile — Phase 6 (scroll, sticky tabs, spacing)
   ========================================================= */
@media (max-width:768px){
  .mc-gw-stage-wrap{
    overflow:visible!important;
    min-height:auto!important;
  }

  body{
    overflow-x:hidden;
  }

  .mc-mobile-gateway{
    padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;
  }

  .mc-mobile-topbar .mc-gw-lang-link,
  .mc-mobile-topbar-login{
    width:32px;
    height:32px;
  }

  .mc-mobile-topbar .mc-gw-flag{
    width:18px;
    height:12px;
    flex-basis:18px;
  }

  .mc-mobile-hero h2{
    padding-inline:4px;
    font-size:clamp(34px,9.4vw,52px)!important;
  }

  .mc-mobile-hero p{
    padding-inline:6px;
  }

  .mc-mobile-core{
    width:44px!important;
    height:44px!important;
    margin-top:4px!important;
  }

  .mc-mobile-core img{
    width:30px!important;
    height:30px!important;
  }

  .mc-mobile-tabs{
    position:sticky!important;
    top:calc(var(--mc-mobile-topbar-h,56px) + env(safe-area-inset-top,0px))!important;
    z-index:55!important;
    margin:-14px 0 20px!important;
  }

  .mc-mobile-main-gates{
    margin-bottom:8px;
  }

  .mc-mobile-gates-head h3{
    font-size:1rem;
    letter-spacing:.02em;
  }

  .mc-mobile-gates-head p{
    font-size:.74rem;
  }

  .mc-mobile-bottom{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    transform:none!important;
    max-width:460px;
    margin:0 auto;
  }
}

@media (max-width:390px){
  .mc-mobile-topbar{
    padding-inline:12px!important;
  }

  .mc-mobile-topbar-actions{
    gap:4px;
  }
}


/* =========================================================
   MetaCore Mobile — Phase 7: Pagrindinės kryptys (2 col premium)
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-main-gates{
    padding:16px 14px 14px!important;
    border-radius:22px!important;
    border-color:rgba(46,234,242,.28)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }

  .mc-mobile-gates-head{
    margin-bottom:14px!important;
    gap:4px 10px!important;
  }

  .mc-mobile-gates-head span{
    font-size:.68rem!important;
    letter-spacing:.12em!important;
  }

  .mc-mobile-gates-head h3{
    font-size:1.05rem!important;
    letter-spacing:.04em!important;
  }

  .mc-mobile-gates-head p{
    font-size:.8rem!important;
    line-height:1.42!important;
    color:rgba(226,232,240,.82)!important;
  }

  .mc-mobile-gate-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .mc-mobile-gate{
    --gate-accent:#22d3ee;
    position:relative!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:0 10px!important;
    min-height:92px!important;
    padding:12px 26px 12px 12px!important;
    border-radius:16px!important;
    text-align:left!important;
    text-decoration:none!important;
    border:1px solid color-mix(in srgb,var(--gate-accent) 34%,rgba(148,163,184,.22))!important;
    background:
      radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--gate-accent) 16%,transparent),transparent 52%),
      linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.58))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.22)!important;
  }

  .mc-mobile-gate::after{
    content:"›"!important;
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:color-mix(in srgb,var(--gate-accent) 70%,#fff)!important;
    font-size:1.35rem!important;
    line-height:1!important;
    opacity:.88!important;
    pointer-events:none!important;
  }

  .mc-mobile-gate-icon{
    width:46px!important;
    height:46px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    border:1px solid color-mix(in srgb,var(--gate-accent) 40%,rgba(255,255,255,.08))!important;
    background:color-mix(in srgb,var(--gate-accent) 14%,rgba(2,6,23,.88))!important;
    box-shadow:0 0 18px color-mix(in srgb,var(--gate-accent) 22%,transparent)!important;
  }

  .mc-mobile-gate-icon img{
    width:26px!important;
    height:26px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 8px color-mix(in srgb,var(--gate-accent) 55%,transparent))!important;
  }

  .mc-mobile-gate-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
  }

  .mc-mobile-gate-copy b{
    display:block!important;
    margin:0!important;
    color:#f8fafc!important;
    font:850 .84rem/1.15 Inter,system-ui,sans-serif!important;
    letter-spacing:.01em!important;
    overflow-wrap:anywhere!important;
  }

  .mc-mobile-gate-num{
    display:inline!important;
    margin-right:3px!important;
    color:color-mix(in srgb,var(--gate-accent) 78%,#fff)!important;
    font:850 .62rem Orbitron,sans-serif!important;
    letter-spacing:.06em!important;
  }

  .mc-mobile-gate-copy small{
    display:block!important;
    margin:0!important;
    color:rgba(203,213,225,.78)!important;
    font-size:.68rem!important;
    line-height:1.32!important;
    overflow-wrap:anywhere!important;
  }

  .mc-mobile-gate:active{
    transform:scale(.985)!important;
    border-color:color-mix(in srgb,var(--gate-accent) 52%,rgba(255,255,255,.12))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px color-mix(in srgb,var(--gate-accent) 18%,transparent)!important;
  }
}

@media (max-width:390px){
  .mc-mobile-gate-grid{
    gap:8px!important;
  }

  .mc-mobile-gate{
    min-height:86px!important;
    padding:10px 22px 10px 10px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:0 8px!important;
  }

  .mc-mobile-gate-icon{
    width:42px!important;
    height:42px!important;
  }

  .mc-mobile-gate-icon img{
    width:24px!important;
    height:24px!important;
  }

  .mc-mobile-gate-copy b{
    font-size:.78rem!important;
  }

  .mc-mobile-gate-copy small{
    font-size:.64rem!important;
  }
}


/* =========================================================
   MetaCore Mobile — Phase 8: solid 2-col vertical tiles
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-main-gates{
    padding:18px 16px 16px!important;
    margin-top:4px!important;
  }

  .mc-mobile-gates-head{
    margin-bottom:18px!important;
  }

  .mc-mobile-gates-head h3{
    font-size:1.08rem!important;
  }

  .mc-mobile-gates-head p{
    margin-top:2px!important;
    font-size:.82rem!important;
    line-height:1.48!important;
  }

  .mc-mobile-gate-grid{
    gap:12px!important;
  }

  .mc-mobile-gate{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:148px!important;
    padding:16px 12px 14px!important;
    text-align:center!important;
    border-radius:18px!important;
  }

  .mc-mobile-gate::after{
    display:none!important;
  }

  .mc-mobile-gate-icon{
    width:52px!important;
    height:52px!important;
    margin-bottom:10px!important;
    border-radius:16px!important;
  }

  .mc-mobile-gate-icon img{
    width:30px!important;
    height:30px!important;
  }

  .mc-mobile-gate-copy{
    width:100%!important;
    align-items:center!important;
    gap:5px!important;
  }

  .mc-mobile-gate-num{
    display:block!important;
    margin:0!important;
    font:850 .64rem Orbitron,sans-serif!important;
    letter-spacing:.1em!important;
    color:color-mix(in srgb,var(--gate-accent) 82%,#fff)!important;
  }

  .mc-mobile-gate-copy b{
    font:800 .92rem/1.12 Inter,system-ui,sans-serif!important;
    letter-spacing:.015em!important;
  }

  .mc-mobile-gate-copy small{
    max-width:100%!important;
    font-size:.72rem!important;
    line-height:1.38!important;
    color:rgba(203,213,225,.84)!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
}

@media (max-width:390px){
  .mc-mobile-gate-grid{
    gap:10px!important;
  }

  .mc-mobile-gate{
    min-height:140px!important;
    padding:14px 10px 12px!important;
  }

  .mc-mobile-gate-icon{
    width:48px!important;
    height:48px!important;
    margin-bottom:8px!important;
  }

  .mc-mobile-gate-icon img{
    width:28px!important;
    height:28px!important;
  }

  .mc-mobile-gate-copy b{
    font-size:.86rem!important;
  }

  .mc-mobile-gate-copy small{
    font-size:.68rem!important;
  }
}


/* =========================================================
   MetaCore Mobile — Phase 9: Žmogui premium list cards
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-section--human{
    padding:18px 16px 16px!important;
    border-radius:22px!important;
    margin-top:16px!important;
    box-shadow:0 16px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }

  .mc-mobile-section--human .mc-mobile-section-head,
  .mc-mobile-section--human header{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:8px 10px!important;
    margin-bottom:16px!important;
  }

  .mc-mobile-section--human .mc-mobile-section-head h3,
  .mc-mobile-section--human header h3{
    margin:0!important;
    font:900 1.1rem/1 Orbitron,sans-serif!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
    color:#22d3ee!important;
  }

  .mc-mobile-section--human .mc-mobile-section-head p,
  .mc-mobile-section--human header p{
    grid-column:1 / -1!important;
    margin:0!important;
    font-size:.82rem!important;
    line-height:1.45!important;
    color:rgba(226,232,240,.82)!important;
  }

  .mc-mobile-section--human .mc-mobile-section-num{
    width:34px!important;
    height:34px!important;
    font-size:.72rem!important;
    border-radius:11px!important;
  }

  .mc-mobile-section--human .mc-mobile-section-icon{
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
  }

  .mc-mobile-section--human .mc-mobile-section-icon img{
    width:24px!important;
    height:24px!important;
  }

  .mc-mobile-grid--human{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .mc-mobile-section--human .mc-mobile-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    column-gap:14px!important;
    row-gap:0!important;
    min-height:92px!important;
    padding:14px 14px 14px 14px!important;
    border-radius:18px!important;
    text-decoration:none!important;
    overflow:hidden!important;
    border:1px solid color-mix(in srgb,var(--item-accent,#22d3ee) 34%,rgba(148,163,184,.2))!important;
    background:
      radial-gradient(circle at 0% 50%,color-mix(in srgb,var(--item-accent,#22d3ee) 16%,transparent),transparent 58%),
      linear-gradient(180deg,rgba(10,23,44,.92),rgba(5,13,29,.94))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.22)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  }

  .mc-mobile-section--human .mc-mobile-card::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 32%,transparent 70%,rgba(255,255,255,.02))!important;
    opacity:.75!important;
  }

  .mc-mobile-section--human .mc-mobile-card::after{
    content:none!important;
    display:none!important;
  }

  .mc-mobile-section--human .mc-mobile-item-icon,
  .mc-mobile-section--human .mc-mobile-item-copy,
  .mc-mobile-section--human .mc-mobile-item-arrow{
    position:relative!important;
    z-index:1!important;
  }

  .mc-mobile-section--human .mc-mobile-item-arrow{
    flex:0 0 auto!important;
    width:20px!important;
    margin-right:2px!important;
    color:color-mix(in srgb,var(--item-accent,#22d3ee) 65%,#fff)!important;
    font-size:1.5rem!important;
    line-height:1!important;
    opacity:.88!important;
    text-align:center!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }

  .mc-mobile-section--human .mc-mobile-item-icon{
    width:52px!important;
    height:52px!important;
    border-radius:15px!important;
    flex-shrink:0!important;
  }

  .mc-mobile-section--human .mc-mobile-item-icon img{
    width:28px!important;
    height:28px!important;
  }

  .mc-mobile-section--human .mc-mobile-item-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
  }

  .mc-mobile-section--human .mc-mobile-item-copy b{
    font:800 .95rem/1.15 Inter,system-ui,sans-serif!important;
    color:#f8fafc!important;
    letter-spacing:.01em!important;
  }

  .mc-mobile-section--human .mc-mobile-item-copy small{
    font-size:.78rem!important;
    line-height:1.38!important;
    color:rgba(203,213,225,.82)!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  .mc-mobile-section--human .mc-mobile-card:active{
    transform:scale(.985)!important;
    border-color:color-mix(in srgb,var(--item-accent,#22d3ee) 48%,rgba(255,255,255,.1))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 20px color-mix(in srgb,var(--item-accent,#22d3ee) 14%,transparent)!important;
  }

  .mc-mobile-section--human .mc-mobile-card:active .mc-mobile-item-arrow{
    transform:translateX(3px)!important;
  }
}

@media (max-width:390px){
  .mc-mobile-section--human .mc-mobile-card{
    min-height:88px!important;
    padding:12px!important;
    column-gap:12px!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
  }

  .mc-mobile-section--human .mc-mobile-item-icon{
    width:46px!important;
    height:46px!important;
  }

  .mc-mobile-section--human .mc-mobile-item-icon img{
    width:26px!important;
    height:26px!important;
  }

  .mc-mobile-section--human .mc-mobile-item-copy b{
    font-size:.9rem!important;
  }

  .mc-mobile-section--human .mc-mobile-item-copy small{
    font-size:.74rem!important;
  }
}


/* =========================================================
   MetaCore Mobile — Phase 10: Verslo moduliai (2 col premium)
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-section--business{
    padding:18px 16px 16px!important;
    border-radius:22px!important;
    margin-top:16px!important;
    box-shadow:0 16px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
    background:linear-gradient(180deg,rgba(63,14,77,.76),rgba(16,6,31,.95))!important;
    border-color:rgba(217,70,239,.32)!important;
  }

  .mc-mobile-section--business .mc-mobile-section-head,
  .mc-mobile-section--business header{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:8px 10px!important;
    margin-bottom:16px!important;
  }

  .mc-mobile-section--business .mc-mobile-section-head h3,
  .mc-mobile-section--business header h3{
    margin:0!important;
    font:900 1.08rem/1 Orbitron,sans-serif!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
    background:linear-gradient(90deg,#f0abfc,#e879f9 45%,#d946ef)!important;
    -webkit-background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    background-clip:text!important;
  }

  .mc-mobile-section--business .mc-mobile-section-head p,
  .mc-mobile-section--business header p{
    grid-column:1 / -1!important;
    margin:0!important;
    font-size:.82rem!important;
    line-height:1.45!important;
    color:rgba(226,232,240,.82)!important;
  }

  .mc-mobile-section--business .mc-mobile-section-num{
    width:34px!important;
    height:34px!important;
    font-size:.72rem!important;
    border-radius:11px!important;
    color:#e879f9!important;
    border-color:rgba(217,70,239,.42)!important;
    background:rgba(217,70,239,.1)!important;
  }

  .mc-mobile-section--business .mc-mobile-section-icon{
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
    border-color:rgba(217,70,239,.4)!important;
    background:rgba(217,70,239,.12)!important;
  }

  .mc-mobile-section--business .mc-mobile-section-icon img{
    width:24px!important;
    height:24px!important;
  }

  .mc-mobile-grid--business{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .mc-mobile-section--business .mc-mobile-chip{
    --chip-accent:#d946ef;
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    min-height:76px!important;
    padding:12px 12px 14px!important;
    border-radius:16px!important;
    white-space:normal!important;
    text-align:left!important;
    text-decoration:none!important;
    overflow:hidden!important;
    color:#f8fafc!important;
    border:1px solid color-mix(in srgb,var(--chip-accent) 34%,rgba(148,163,184,.2))!important;
    background:
      radial-gradient(circle at 0% 50%,color-mix(in srgb,var(--chip-accent) 14%,transparent),transparent 58%),
      linear-gradient(180deg,rgba(22,12,38,.92),rgba(10,6,22,.94))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.2)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  }

  .mc-mobile-section--business .mc-mobile-chip::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 32%,transparent 70%,rgba(255,255,255,.02))!important;
    opacity:.7!important;
  }

  .mc-mobile-section--business .mc-mobile-chip::after{
    content:""!important;
    position:absolute!important;
    left:16%!important;
    right:16%!important;
    bottom:6px!important;
    top:auto!important;
    height:2px!important;
    transform:none!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,#22d3ee,transparent)!important;
    opacity:0!important;
    transition:opacity .2s ease!important;
    pointer-events:none!important;
  }

  .mc-mobile-section--business .mc-mobile-chip.is-featured,
  .mc-mobile-section--business .mc-mobile-chip.is-active{
    border-color:rgba(46,234,242,.34)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.24),0 0 20px rgba(46,234,242,.06)!important;
  }

  .mc-mobile-section--business .mc-mobile-chip.is-featured::after,
  .mc-mobile-section--business .mc-mobile-chip.is-active::after{
    opacity:1!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-icon,
  .mc-mobile-section--business .mc-mobile-chip-label{
    position:relative!important;
    z-index:1!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-icon{
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid color-mix(in srgb,var(--chip-accent) 40%,rgba(255,255,255,.08))!important;
    background:color-mix(in srgb,var(--chip-accent) 14%,rgba(2,6,23,.88))!important;
    box-shadow:0 0 16px color-mix(in srgb,var(--chip-accent) 18%,transparent)!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-icon img{
    width:22px!important;
    height:22px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 8px color-mix(in srgb,var(--chip-accent) 50%,transparent))!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-label{
    flex:1 1 auto!important;
    min-width:0!important;
    font:750 .8rem/1.22 Inter,system-ui,sans-serif!important;
    letter-spacing:.01em!important;
    overflow-wrap:anywhere!important;
  }

  .mc-mobile-section--business .mc-mobile-chip--studio,
  .mc-mobile-section--business .mc-mobile-chip--cloud{--chip-accent:#38bdf8}
  .mc-mobile-section--business .mc-mobile-chip--robot{--chip-accent:#a855f7}
  .mc-mobile-section--business .mc-mobile-chip--store{--chip-accent:#fbbf24}
  .mc-mobile-section--business .mc-mobile-chip--consult{--chip-accent:#c084fc}
  .mc-mobile-section--business .mc-mobile-chip--infinity{--chip-accent:#f472b6}

  .mc-mobile-section--business .mc-mobile-chip:active{
    transform:scale(.985)!important;
    border-color:color-mix(in srgb,var(--chip-accent) 52%,rgba(255,255,255,.12))!important;
  }
}

@media (max-width:390px){
  .mc-mobile-grid--business{
    gap:8px!important;
  }

  .mc-mobile-section--business .mc-mobile-chip{
    min-height:72px!important;
    padding:10px 10px 12px!important;
    gap:8px!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-icon{
    flex-basis:38px!important;
    width:38px!important;
    height:38px!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-icon img{
    width:20px!important;
    height:20px!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-label{
    font-size:.76rem!important;
  }
}


/* =========================================================
   MetaCore Mobile — Phase 11: Laboratorija ir pasitikėjimas
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-section--growth{
    padding:18px 16px 16px!important;
    border-radius:22px!important;
    margin-top:16px!important;
    margin-bottom:8px!important;
    box-shadow:0 16px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
    background:linear-gradient(180deg,rgba(7,58,43,.78),rgba(4,23,22,.95))!important;
    border-color:rgba(74,222,128,.32)!important;
  }

  .mc-mobile-section--growth .mc-mobile-section-head,
  .mc-mobile-section--growth header{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:8px 10px!important;
    margin-bottom:16px!important;
  }

  .mc-mobile-section--growth .mc-mobile-section-head h3,
  .mc-mobile-section--growth header h3{
    margin:0!important;
    font:900 1.02rem/1.08 Orbitron,sans-serif!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
    background:linear-gradient(90deg,#86efac,#4ade80 50%,#22c55e)!important;
    -webkit-background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    background-clip:text!important;
  }

  .mc-mobile-section--growth .mc-mobile-section-head p,
  .mc-mobile-section--growth header p{
    grid-column:1 / -1!important;
    margin:0!important;
    font-size:.82rem!important;
    line-height:1.45!important;
    color:rgba(226,232,240,.82)!important;
  }

  .mc-mobile-section--growth .mc-mobile-section-num{
    width:34px!important;
    height:34px!important;
    font-size:.72rem!important;
    border-radius:11px!important;
    color:#4ade80!important;
    border-color:rgba(74,222,128,.42)!important;
    background:rgba(74,222,128,.1)!important;
  }

  .mc-mobile-section--growth .mc-mobile-section-icon{
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
    border-color:rgba(74,222,128,.4)!important;
    background:rgba(74,222,128,.12)!important;
  }

  .mc-mobile-section--growth .mc-mobile-section-icon img{
    width:24px!important;
    height:24px!important;
  }

  .mc-mobile-grid--labs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip{
    --chip-accent:#4ade80;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:88px!important;
    padding:14px 10px 16px!important;
    border-radius:16px!important;
    white-space:normal!important;
    text-align:center!important;
    text-decoration:none!important;
    overflow:hidden!important;
    color:#f8fafc!important;
    border:1px solid color-mix(in srgb,var(--chip-accent) 34%,rgba(148,163,184,.2))!important;
    background:
      radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--chip-accent) 14%,transparent),transparent 58%),
      linear-gradient(180deg,rgba(8,28,24,.92),rgba(4,16,18,.94))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.2)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 32%,transparent 70%,rgba(255,255,255,.02))!important;
    opacity:.7!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip::after{
    content:""!important;
    position:absolute!important;
    left:18%!important;
    right:18%!important;
    bottom:6px!important;
    top:auto!important;
    height:2px!important;
    transform:none!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,#4ade80,transparent)!important;
    opacity:0!important;
    transition:opacity .2s ease!important;
    pointer-events:none!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip.is-featured,
  .mc-mobile-section--growth .mc-mobile-chip.is-active{
    border-color:rgba(74,222,128,.38)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.24),0 0 20px rgba(74,222,128,.08)!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip.is-featured::after,
  .mc-mobile-section--growth .mc-mobile-chip.is-active::after{
    opacity:1!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip-icon,
  .mc-mobile-section--growth .mc-mobile-chip-label{
    position:relative!important;
    z-index:1!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip-icon{
    flex:0 0 auto!important;
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid color-mix(in srgb,var(--chip-accent) 40%,rgba(255,255,255,.08))!important;
    background:color-mix(in srgb,var(--chip-accent) 14%,rgba(2,6,23,.88))!important;
    box-shadow:0 0 16px color-mix(in srgb,var(--chip-accent) 18%,transparent)!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip-icon img{
    width:24px!important;
    height:24px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 8px color-mix(in srgb,var(--chip-accent) 50%,transparent))!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip-label{
    font:750 .82rem/1.18 Inter,system-ui,sans-serif!important;
    letter-spacing:.02em!important;
    overflow-wrap:anywhere!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip--delta{--chip-accent:#4ade80}
  .mc-mobile-section--growth .mc-mobile-chip--trust{--chip-accent:#22d3ee}
  .mc-mobile-section--growth .mc-mobile-chip--security{--chip-accent:#f87171}
  .mc-mobile-section--growth .mc-mobile-chip--community{--chip-accent:#a78bfa}
  .mc-mobile-section--growth .mc-mobile-chip--public{--chip-accent:#38bdf8}

  .mc-mobile-section--growth .mc-mobile-chip:active{
    transform:scale(.985)!important;
    border-color:color-mix(in srgb,var(--chip-accent) 52%,rgba(255,255,255,.12))!important;
  }
}

@media (max-width:390px){
  .mc-mobile-grid--labs{
    gap:8px!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip{
    min-height:84px!important;
    padding:12px 8px 14px!important;
    gap:7px!important;
  }

  .mc-mobile-section--growth .mc-mobile-section-head h3,
  .mc-mobile-section--growth header h3{
    font-size:.92rem!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip-icon{
    width:40px!important;
    height:40px!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip-icon img{
    width:22px!important;
    height:22px!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip-label{
    font-size:.78rem!important;
  }
}


/* =========================================================
   MetaCore — Phase 12: Hero kvėpuoja (minimalus centras)
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-hero{
    min-height:clamp(340px,50svh,460px)!important;
    padding:16px 22px 24px!important;
    justify-content:flex-end!important;
    background-position:center 62%!important;
  }

  .mc-mobile-hero::after{
    background:
      linear-gradient(180deg,rgba(2,6,23,.12) 0%,transparent 20%,rgba(2,6,23,.04) 48%,rgba(2,6,23,.78) 100%)!important;
  }

  .mc-mobile-hero-brand{
    margin:0 0 10px!important;
    font:700 .62rem Orbitron,sans-serif!important;
    letter-spacing:.28em!important;
    text-transform:uppercase!important;
    color:rgba(34,211,238,.88)!important;
    text-shadow:0 0 18px rgba(34,211,238,.22)!important;
  }

  .mc-mobile-hero h2{
    max-width:340px!important;
    margin:0 auto 12px!important;
    font-size:clamp(30px,8.6vw,42px)!important;
    line-height:1.02!important;
    letter-spacing:-.03em!important;
  }

  .mc-mobile-hero h2 em{
    display:block!important;
    margin-top:2px!important;
  }

  .mc-mobile-hero-lead,
  .mc-mobile-hero > p:not(.mc-mobile-hero-brand){
    max-width:300px!important;
    margin:0 auto!important;
    font-size:clamp(15px,3.7vw,17px)!important;
    line-height:1.48!important;
    color:rgba(226,232,240,.84)!important;
  }

  .mc-mobile-core{
    display:none!important;
  }
}

@media (min-width:769px){
  .mc-gw-stage-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  .mc-gw-stage{
    margin-inline:auto!important;
  }

  .mc-gw-stage-title{
    top:clamp(64px,8.4%,84px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
    padding:0 20px!important;
  }

  .mc-gw-stage-title h2{
    margin:0 auto!important;
    text-align:center!important;
    font-size:clamp(1.35rem,2.8vw,1.95rem)!important;
    line-height:1.06!important;
    letter-spacing:-.02em!important;
  }

  .mc-gw-stage-title h2 em{
    display:block!important;
    margin-top:3px!important;
  }

  .mc-gw-stage-portal-frame{
    top:22%!important;
    width:min(126px,10.2%)!important;
  }

  .mc-gw-stage-portal-brand{
    font-size:clamp(.48rem,1.4vw,.56rem)!important;
    letter-spacing:.2em!important;
    padding-top:0!important;
    top:clamp(1.7rem,4.5vw,2.5rem)!important;
  }

  .mc-gw-stage-portal-crystal-gap{
    height:clamp(8rem,18.5vw,10.5rem)!important;
    margin-top:0!important;
  }

  .mc-gw-stage-portal-copy{
    margin-top:clamp(.4rem,.9vw,.65rem)!important;
    padding:4px 4px!important;
    font-size:clamp(.54rem,1.45vw,.66rem)!important;
    line-height:1.32!important;
    border-radius:7px!important;
  }
}

@media (min-width:1100px){
  .mc-gw-stage-portal-frame{
    top:22.5%!important;
    width:min(136px,10%)!important;
  }

  .mc-gw-stage-portal-crystal-gap{
    height:clamp(8.6rem,19.2vw,11rem)!important;
  }

  .mc-gw-stage-portal-copy{
    font-size:clamp(.58rem,.78vw,.68rem)!important;
  }
}

@media (min-width:1400px){
  .mc-gw-stage-portal-frame{
    top:23%!important;
    width:min(142px,9.8%)!important;
  }

  .mc-gw-stage-portal-crystal-gap{
    height:clamp(9rem,19.8vw,11.5rem)!important;
  }
}

/* =========================================================
   MetaCore — Phase 13: Mobile orientaciniai blokai + chip hints
   ========================================================= */
@media (max-width:768px){
  .mc-mobile-guide{
    margin:0 16px 12px!important;
    padding:16px 18px 18px!important;
    border-radius:18px!important;
    border:1px solid rgba(148,163,184,.14)!important;
    background:
      radial-gradient(circle at 0% 0%,rgba(34,211,238,.06),transparent 42%),
      linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.9))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.18)!important;
    opacity:0!important;
    transform:translateY(10px)!important;
    transition:opacity .45s ease,transform .45s ease!important;
  }

  .mc-mobile-guide.mc-inview{
    opacity:1!important;
    transform:none!important;
  }

  .mc-mobile-guide--what{
    margin-top:10px!important;
  }

  .mc-mobile-guide--start{
    margin-bottom:16px!important;
  }

  .mc-mobile-guide--flow{
    margin:18px 16px 20px!important;
  }

  .mc-mobile-guide h3{
    margin:0 0 8px!important;
    font:800 .92rem/1.25 Inter,system-ui,sans-serif!important;
    letter-spacing:.01em!important;
    color:#e2e8f0!important;
  }

  .mc-mobile-guide > p{
    margin:0 0 10px!important;
    font:500 .84rem/1.5 Inter,system-ui,sans-serif!important;
    color:rgba(203,213,225,.88)!important;
  }

  .mc-mobile-guide-tags{
    margin:0!important;
    font:600 .72rem/1.45 Inter,system-ui,sans-serif!important;
    letter-spacing:.04em!important;
    color:rgba(34,211,238,.82)!important;
  }

  .mc-mobile-guide-list{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    display:grid!important;
    gap:7px!important;
  }

  .mc-mobile-guide-list li{
    font:500 .8rem/1.45 Inter,system-ui,sans-serif!important;
    color:rgba(226,232,240,.86)!important;
  }

  .mc-mobile-guide-list strong{
    color:#f8fafc!important;
    font-weight:700!important;
  }

  .mc-mobile-flow{
    margin:0 0 14px!important;
    padding:0!important;
    list-style:none!important;
    display:grid!important;
    gap:0!important;
  }

  .mc-mobile-flow li{
    position:relative!important;
    padding:8px 0!important;
    font:600 .82rem/1.4 Inter,system-ui,sans-serif!important;
    color:rgba(226,232,240,.9)!important;
    text-align:center!important;
  }

  .mc-mobile-flow li:not(:last-child)::after{
    content:"↓"!important;
    display:block!important;
    margin-top:6px!important;
    font-size:.78rem!important;
    line-height:1!important;
    color:rgba(34,211,238,.55)!important;
  }

  .mc-mobile-guide-cta{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:0 16px!important;
    border-radius:14px!important;
    text-decoration:none!important;
    font:800 .84rem/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.02em!important;
    color:#020617!important;
    background:linear-gradient(135deg,#22d3ee,#38bdf8)!important;
    box-shadow:0 8px 22px rgba(34,211,238,.22)!important;
  }

  .mc-mobile-guide-cta:active{
    transform:scale(.985)!important;
  }

  .mc-mobile-chip-copy{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
  }

  .mc-mobile-chip-hint{
    display:block!important;
    font:500 .68rem/1.35 Inter,system-ui,sans-serif!important;
    color:rgba(203,213,225,.72)!important;
    overflow-wrap:anywhere!important;
  }

  .mc-mobile-section--business .mc-mobile-chip{
    align-items:flex-start!important;
    min-height:92px!important;
    padding:12px 12px 14px!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-icon{
    margin-top:2px!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-copy,
  .mc-mobile-section--business .mc-mobile-chip-label,
  .mc-mobile-section--business .mc-mobile-chip-hint{
    position:relative!important;
    z-index:1!important;
  }

  .mc-mobile-section--business .mc-mobile-chip-label{
    font:750 .8rem/1.22 Inter,system-ui,sans-serif!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip{
    min-height:108px!important;
    padding:12px 10px 14px!important;
    gap:6px!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip-hint{
    max-width:100%!important;
    text-align:center!important;
    font-size:.66rem!important;
    line-height:1.32!important;
  }

  .mc-mobile-gate-copy small{
    line-height:1.38!important;
  }
}

@media (max-width:390px){
  .mc-mobile-guide{
    margin-inline:14px!important;
    padding:14px 15px 16px!important;
  }

  .mc-mobile-section--business .mc-mobile-chip{
    min-height:96px!important;
  }

  .mc-mobile-section--growth .mc-mobile-chip{
    min-height:112px!important;
  }
}


/* =========================================================
   MetaCore — Phase 15: Durų aprašymai max 2 žodžiai / eilutė
   ========================================================= */
@media (min-width:769px){
  .mc-gw-arch-label{
    height:188%!important;
    top:-42%!important;
    font-size:clamp(.84rem,1.2vw,1.1rem)!important;
  }

  .mc-gw-arch-label b{
    font-size:.72em!important;
  }

  .mc-gw-arch-label small{
    top:50%!important;
    width:88%!important;
    max-width:88%!important;
    min-width:0!important;
    padding:0!important;
    font-size:clamp(.53rem,.62vw,.65rem)!important;
    line-height:1.32!important;
    letter-spacing:0!important;
    white-space:normal!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .mc-gw-arch--01 .mc-gw-arch-label small,
  .mc-gw-arch--02 .mc-gw-arch-label small,
  .mc-gw-arch--03 .mc-gw-arch-label small,
  .mc-gw-arch--04 .mc-gw-arch-label small,
  .mc-gw-arch--05 .mc-gw-arch-label small,
  .mc-gw-arch--06 .mc-gw-arch-label small,
  .mc-gw-arch--07 .mc-gw-arch-label small,
  .mc-gw-arch--08 .mc-gw-arch-label small{
    width:88%!important;
    max-width:88%!important;
    font-size:clamp(.53rem,.62vw,.65rem)!important;
    line-height:1.32!important;
  }

  .mc-gw-arch:hover .mc-gw-arch-label small,
  .mc-gw-arch:focus-visible .mc-gw-arch-label small{
    font-size:clamp(.53rem,.62vw,.65rem)!important;
    transform:translate(-50%,2px) scale(1)!important;
  }
}

/* Gateway floor signals — visible floor mesh + route pulses (desktop) */
@media (min-width:769px){
  .mc-gw-floor-signals{
    position:absolute;
    inset:0;
    z-index:11;
    width:100%;
    height:100%;
    pointer-events:none;
    overflow:visible;
  }

  .mc-gw-floor-disk{
    opacity:1;
  }

  .mc-gw-floor-disk-ring{
    fill:none;
    stroke:rgba(125,211,252,.06);
    stroke-width:1;
  }

  .mc-gw-floor-disk-ring.is-strong{
    stroke:rgba(186,230,253,.09);
    stroke-width:1.1;
  }

  .mc-gw-floor-disk-ray{
    stroke:rgba(56,189,248,.04);
    stroke-width:.7;
  }

  .mc-gw-floor-disk-ray.is-strong{
    stroke:rgba(125,211,252,.055);
    stroke-width:.8;
  }

  .mc-gw-floor-disk-rim{
    fill:none;
    stroke:rgba(224,242,254,.08);
    stroke-width:1.2;
  }

  .mc-gw-floor-spark--grid{
    opacity:.98;
  }

  .mc-gw-floor-path{
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    opacity:.34;
    transition:opacity .35s ease, stroke-width .35s ease;
  }

  .mc-gw-floor-path.is-hot{
    opacity:.68;
    stroke-width:2.6;
  }

  .mc-gw-floor-path-glow{
    fill:none;
    stroke-width:3.2;
    stroke-linecap:round;
    stroke-dasharray:12 96;
    opacity:.42;
    transition:opacity .3s ease;
  }

  .mc-gw-floor-junction{opacity:.55;transition:opacity .3s ease}
  .mc-gw-floor-junction.is-hot{opacity:1}
  .mc-gw-floor-node{opacity:.48;transition:opacity .3s ease}
  .mc-gw-floor-node.is-hot{opacity:1}
  .mc-gw-floor-dot{opacity:.8}
  .mc-gw-floor-spark{opacity:.75}
}

@media (max-width:768px){
  .mc-gw-floor-signals{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .mc-gw-floor-pulses{display:none}
  .mc-gw-floor-path{opacity:.18}
  .mc-gw-floor-disk-ring{stroke:rgba(125,211,252,.04)}
  .mc-gw-floor-disk-ray{stroke:rgba(56,189,248,.03)}
  .mc-gw-floor-disk-rim{stroke:rgba(224,242,254,.05)}
}
\n/* MetaCore Gateway — Premium OS layer · 2026-07-17 */
:root{--mc-premium-cyan:#35e7ff;--mc-premium-blue:#3977ff;--mc-premium-violet:#9b63ff;--mc-premium-bg:#020713;--mc-glass:rgba(5,15,33,.72);--mc-line:rgba(90,190,255,.2)}
body{background:radial-gradient(circle at 50% 0,rgba(38,87,170,.13),transparent 38%),#020713;color:#f5f8ff}
.mc-gw-stage-wrap{isolation:isolate;background:#020713}
.mc-gw-stage-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(180deg,rgba(1,5,14,.2),transparent 22%,transparent 70%,#020713 100%),radial-gradient(circle at 50% 58%,transparent 0 26%,rgba(0,4,12,.22) 75%)}
.mc-gw-top--float{top:18px;left:22px;right:22px;width:auto;border:1px solid rgba(120,210,255,.16);border-radius:18px;background:linear-gradient(180deg,rgba(7,18,38,.86),rgba(3,10,23,.72));box-shadow:0 18px 60px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(22px) saturate(145%)}
.mc-gw-brand strong{letter-spacing:.18em}.mc-gw-brand small{color:#7f96b7}
.mc-gw-nav--main a{position:relative;color:#b7c5da;transition:color .25s ease,transform .25s ease}.mc-gw-nav--main a:after{content:"";position:absolute;left:20%;right:20%;bottom:-8px;height:1px;background:linear-gradient(90deg,transparent,var(--mc-premium-cyan),transparent);transform:scaleX(0);transition:transform .25s ease}.mc-gw-nav--main a:hover{color:#fff;transform:translateY(-1px)}.mc-gw-nav--main a:hover:after{transform:scaleX(1)}
.mc-gw-stage-img{filter:saturate(1.08) contrast(1.05) brightness(.82);transform:scale(1.015)}
.mc-gw-stage-title h2{text-shadow:0 4px 32px rgba(0,0,0,.75),0 0 42px rgba(35,151,255,.16)}
.mc-gw-stage-portal-frame{background:radial-gradient(circle,rgba(6,20,48,.48),rgba(3,8,20,.12) 58%,transparent 74%);border-radius:50%;filter:drop-shadow(0 0 38px rgba(35,168,255,.18))}
.mc-gw-door{border:1px solid transparent;border-radius:14px;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,background .28s ease,box-shadow .28s ease;outline:none}.mc-gw-door:hover,.mc-gw-door:focus-visible{transform:translateY(-5px) scale(1.035);border-color:rgba(91,209,255,.42);background:linear-gradient(145deg,rgba(10,32,62,.78),rgba(11,8,34,.72));box-shadow:0 18px 52px rgba(0,8,24,.55),0 0 32px rgba(44,166,255,.16);backdrop-filter:blur(14px)}
.mc-gw-body{background:linear-gradient(180deg,#020713,#040a18 45%,#020713)}
.mc-gw-help,.mc-gw-col,.mc-gw-pillars{border-color:rgba(102,184,255,.16)!important;background:linear-gradient(145deg,rgba(9,22,45,.78),rgba(4,10,24,.84))!important;box-shadow:0 24px 70px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)}
.mc-gw-col{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.mc-gw-col:hover{transform:translateY(-6px);border-color:rgba(87,202,255,.32)!important;box-shadow:0 30px 90px rgba(0,0,0,.32),0 0 48px rgba(42,130,255,.08)}
.mc-gw-links a{border-radius:12px;transition:background .22s ease,transform .22s ease}.mc-gw-links a:hover{background:rgba(34,116,190,.11);transform:translateX(4px)}
.mc-app-status,.mc-app-actions{display:none}
@media(max-width:768px){
 html,body{background:#020713}.mc-gw-stage-wrap:before{display:none}.mc-mobile-gateway{min-height:100svh;background:linear-gradient(180deg,rgba(1,5,14,.08),#020713 39%),url('/img/metacore_hero_mobile.png') center top/100% auto no-repeat,#020713;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 .mc-mobile-topbar{top:0;margin:0 10px;border:1px solid rgba(109,204,255,.16);border-top:0;border-radius:0 0 18px 18px;background:rgba(2,8,21,.76);box-shadow:0 16px 44px rgba(0,0,0,.28);backdrop-filter:blur(24px) saturate(150%)}
 .mc-mobile-hero{min-height:62svh;padding:108px 24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;background:linear-gradient(180deg,rgba(2,7,19,.03) 20%,rgba(2,7,19,.2) 62%,#020713 100%)}
 .mc-mobile-hero-brand{padding:7px 14px;border:1px solid rgba(81,208,255,.3);border-radius:999px;background:rgba(4,15,33,.55);box-shadow:0 0 26px rgba(37,178,255,.12);backdrop-filter:blur(14px)}
 .mc-mobile-hero h2{font-size:clamp(2rem,9vw,3.25rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 12px 42px #000}.mc-mobile-hero h2 em{background:linear-gradient(90deg,#58ecff,#5385ff 55%,#b46cff);-webkit-background-clip:text;color:transparent}
 .mc-mobile-hero-lead{color:#b7c7dc;line-height:1.5}
 .mc-app-status{display:grid;grid-template-columns:10px auto;grid-template-rows:auto auto;column-gap:9px;margin-top:18px;padding:10px 14px;border:1px solid rgba(77,207,255,.18);border-radius:14px;background:rgba(3,13,29,.7);backdrop-filter:blur(16px);text-align:left}.mc-app-status>span{grid-row:1/3;align-self:center;width:9px;height:9px;border-radius:50%;background:#2ff6b1;box-shadow:0 0 16px #2ff6b1}.mc-app-status b{font-size:.76rem;letter-spacing:.04em}.mc-app-status small{color:#7088a8;font-size:.66rem}
 .mc-app-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;width:min(100%,340px);margin-top:16px}.mc-app-actions a{min-height:48px;display:grid;place-items:center;border-radius:15px;font-weight:800;text-decoration:none}.mc-app-primary{color:#00111b;background:linear-gradient(135deg,#50efff,#3d90ff 58%,#9868ff);box-shadow:0 12px 34px rgba(40,149,255,.28)}.mc-app-secondary{color:#dceaff;border:1px solid rgba(114,197,255,.25);background:rgba(6,17,37,.72);backdrop-filter:blur(14px)}
 .mc-mobile-tabs{top:calc(var(--mc-mobile-topbar-h,56px) + env(safe-area-inset-top,0px) + 8px);margin:0 10px;border:1px solid rgba(102,194,255,.14);border-radius:18px;background:rgba(3,10,24,.84);box-shadow:0 16px 44px rgba(0,0,0,.28);backdrop-filter:blur(22px) saturate(145%)}
 .mc-mobile-tab{border-radius:13px}.mc-mobile-tab.is-active{background:linear-gradient(145deg,rgba(25,111,186,.28),rgba(102,54,191,.18));box-shadow:inset 0 0 0 1px rgba(90,213,255,.17)}
 .mc-mobile-guide,.mc-mobile-gate,.mc-mobile-card,.mc-mobile-chip{border-color:rgba(91,183,255,.15)!important;background:linear-gradient(145deg,rgba(8,22,45,.86),rgba(4,10,25,.92))!important;box-shadow:0 14px 40px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)}
 .mc-mobile-gate,.mc-mobile-card,.mc-mobile-chip{transition:transform .2s ease,border-color .2s ease}.mc-mobile-gate:active,.mc-mobile-card:active,.mc-mobile-chip:active{transform:scale(.98);border-color:rgba(76,218,255,.42)!important}
 .mc-mobile-bottom{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;border:1px solid rgba(103,202,255,.18);border-radius:20px;background:rgba(3,10,24,.88);box-shadow:0 18px 50px rgba(0,0,0,.48);backdrop-filter:blur(24px) saturate(150%)}
 .mc-mobile-bottom a:nth-child(2){margin-top:-14px;border-radius:18px;background:linear-gradient(145deg,rgba(34,137,221,.35),rgba(113,62,205,.3));box-shadow:0 0 28px rgba(53,173,255,.18)}
}
@media(prefers-reduced-motion:reduce){.mc-gw-door,.mc-gw-col,.mc-gw-links a{transition:none!important}}

/* MetaCore Gateway — Premium geometry correction · 2026-07-17 */
@media (min-width:769px){
  .mc-gw-stage-wrap::before{background:linear-gradient(180deg,rgba(1,5,14,.08) 0,transparent 15%,transparent 84%,rgba(2,7,19,.34) 100%)}
  .mc-gw-stage-img{transform:none;filter:saturate(1.06) contrast(1.025) brightness(.98)}
  .mc-gw-stage{overflow:visible}
  .mc-gw-stage-cta{z-index:8!important;opacity:1!important;visibility:visible!important;filter:none}
  .mc-gw-door{z-index:7}
  .mc-gw-door:hover,.mc-gw-door:focus-visible{transform:translateY(-2px) scale(1.012)}
}
/* MetaCore Mobile — Precision app polish · 2026-07-17 */
@media(max-width:768px){
 :root{--mc-app-gutter:14px;--mc-app-radius:18px;--mc-app-top:58px;--mc-app-dock:68px}
 body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
 .mc-mobile-gateway{position:relative;overflow:clip;padding-bottom:calc(var(--mc-app-dock) + 28px + env(safe-area-inset-bottom,0px))}
 .mc-mobile-topbar{height:var(--mc-app-top);padding:0 13px;z-index:80}
 .mc-mobile-topbar-brand{width:38px;height:38px;border:1px solid rgba(90,207,255,.17);border-radius:12px;background:linear-gradient(145deg,rgba(20,78,126,.22),rgba(9,18,42,.68));box-shadow:inset 0 1px rgba(255,255,255,.05)}
 .mc-mobile-topbar-brand img{width:25px;height:25px}
 .mc-mobile-topbar-actions{gap:5px}.mc-mobile-topbar-actions>a{min-width:34px;min-height:34px;display:grid;place-items:center;border-radius:10px}.mc-mobile-topbar-login{margin-left:3px!important;border:1px solid rgba(128,116,255,.25)!important;background:rgba(89,61,173,.14)!important}
 .mc-mobile-hero{min-height:min(640px,74svh);padding:calc(var(--mc-app-top) + 54px) 22px 30px;justify-content:flex-end}
 .mc-mobile-hero-brand{margin:0 0 11px;font-size:.68rem;letter-spacing:.28em;color:#8cecff}
 .mc-mobile-hero h2{max-width:340px;margin:0;font-size:clamp(2.12rem,10.6vw,3rem);line-height:1.01}
 .mc-mobile-hero-lead{margin:14px 0 0;font-size:.94rem}
 .mc-app-status{margin-top:15px;padding:9px 13px;border-radius:13px}
 .mc-app-actions{margin-top:13px;gap:9px}.mc-app-actions a{min-height:47px;border-radius:14px;font-size:.88rem;letter-spacing:.01em}
 .mc-mobile-tabs{z-index:70;top:calc(var(--mc-app-top) + 8px + env(safe-area-inset-top,0px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;height:62px;overflow:visible}
 .mc-mobile-tab{min-width:0!important;height:52px;padding:6px 3px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.61rem!important;line-height:1.05;text-align:center}
 .mc-mobile-tab img{width:20px!important;height:20px!important}.mc-mobile-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .mc-mobile-guide{margin-left:var(--mc-app-gutter)!important;margin-right:var(--mc-app-gutter)!important;padding:18px;border-radius:var(--mc-app-radius)!important}
 .mc-mobile-guide h3{font-size:1rem;letter-spacing:-.01em}.mc-mobile-guide p,.mc-mobile-guide li{font-size:.82rem;line-height:1.5}
 .mc-mobile-main-gates,.mc-mobile-section{padding-left:var(--mc-app-gutter)!important;padding-right:var(--mc-app-gutter)!important}
 .mc-mobile-gates-head,.mc-mobile-section-head{margin-bottom:13px}.mc-mobile-gates-head h3,.mc-mobile-section-head h3{font-size:1.22rem;letter-spacing:-.025em}.mc-mobile-gates-head p,.mc-mobile-section-head p{font-size:.8rem;line-height:1.45;color:#879bb8}
 .mc-mobile-gate-grid{gap:9px!important}
 .mc-mobile-gate{min-height:126px;padding:13px!important;border-radius:16px!important;align-items:flex-start!important}
 .mc-mobile-gate-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important}.mc-mobile-gate-icon img{width:21px!important;height:21px!important}
 .mc-mobile-gate-copy{min-width:0}.mc-mobile-gate-num{font-size:.59rem!important;letter-spacing:.14em}.mc-mobile-gate-copy b{font-size:.91rem!important;line-height:1.15}.mc-mobile-gate-copy small{font-size:.69rem!important;line-height:1.36!important;color:#8094b1!important}
 .mc-mobile-grid{gap:9px!important}.mc-mobile-card{min-height:78px;padding:12px!important;border-radius:15px!important}.mc-mobile-chip{min-height:72px;padding:11px 12px!important;border-radius:15px!important}
 .mc-mobile-item-icon,.mc-mobile-chip-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:12px!important}.mc-mobile-item-copy b,.mc-mobile-chip-label{font-size:.84rem!important}.mc-mobile-item-copy small,.mc-mobile-chip-hint{font-size:.69rem!important;line-height:1.35!important;color:#8195b2!important}
 .mc-mobile-section{padding-top:38px!important;padding-bottom:6px!important}
 .mc-mobile-flow{gap:8px}.mc-mobile-guide-cta{min-height:46px;border-radius:14px;display:grid;place-items:center}
 .mc-mobile-bottom{z-index:100;height:var(--mc-app-dock);padding:5px 7px;grid-template-columns:repeat(4,1fr)}
 .mc-mobile-bottom a{min-width:0;min-height:54px;border-radius:14px;gap:3px;font-size:.62rem}.mc-mobile-bottom a img{width:21px;height:21px}.mc-mobile-bottom a:nth-child(2){margin-top:-10px;min-height:60px}
 .mc-mobile-gate:focus-visible,.mc-mobile-card:focus-visible,.mc-mobile-chip:focus-visible,.mc-mobile-bottom a:focus-visible,.mc-app-actions a:focus-visible{outline:2px solid #52dfff;outline-offset:2px}
}
@media(max-width:390px){
 .mc-mobile-hero{min-height:min(600px,72svh);padding-left:18px;padding-right:18px}.mc-mobile-hero h2{font-size:2.12rem}
 .mc-mobile-gate{min-height:120px;padding:11px!important}.mc-mobile-gate-copy small{font-size:.66rem!important}
 .mc-mobile-tab{font-size:.57rem!important}
}
/* MetaCore Mobile — Real device refinement · 2026-07-17 */
@media(max-width:768px){
 .mc-mobile-topbar{background:rgba(2,9,23,.88);box-shadow:0 8px 26px rgba(0,0,0,.3)}
 .mc-mobile-topbar-login{opacity:1!important}.mc-mobile-topbar-login img{opacity:.9!important;filter:brightness(1.8) saturate(1.2)}
 .mc-mobile-tabs{background:rgba(2,8,21,.92);box-shadow:0 10px 28px rgba(0,0,0,.34)}
 .mc-mobile-tab span{overflow:visible;text-overflow:clip}
 .mc-mobile-tab.is-active{transform:none!important}
 #mobile-main-gates,#mobile-ai-zmogui,#mobile-ai-verslui,#mobile-ai-augimui{scroll-margin-top:calc(var(--mc-app-top) + 82px + env(safe-area-inset-top,0px))!important}
 .mc-mobile-section-head{scroll-margin-top:calc(var(--mc-app-top) + 82px + env(safe-area-inset-top,0px))}
 .mc-mobile-grid--labs .mc-mobile-chip:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 5px);width:100%;justify-self:center}
 .mc-mobile-bottom a{color:#98a7bd}.mc-mobile-bottom a:nth-child(2){color:#f1f6ff}.mc-mobile-bottom a img{opacity:.92}
 .mc-mobile-bottom{box-shadow:0 12px 38px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.045)}
}
@media(max-width:360px){.mc-mobile-tab{font-size:.54rem!important}.mc-mobile-topbar-actions{gap:2px}}
/* MetaCore Mobile — Collapsing app chrome · 2026-07-17 */
@media(max-width:768px){
 .mc-mobile-topbar,.mc-mobile-tabs{will-change:transform,top;transition:transform .28s cubic-bezier(.2,.75,.2,1),top .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s ease}
 .mc-app-scrolled .mc-mobile-topbar{transform:translate3d(0,calc(-100% - 12px),0);pointer-events:none}
 .mc-app-scrolled .mc-mobile-tabs{top:calc(7px + env(safe-area-inset-top,0px));box-shadow:0 12px 34px rgba(0,0,0,.46)}
 .mc-app-scrolled #mobile-main-gates,.mc-app-scrolled #mobile-ai-zmogui,.mc-app-scrolled #mobile-ai-verslui,.mc-app-scrolled #mobile-ai-augimui{scroll-margin-top:calc(78px + env(safe-area-inset-top,0px))!important}
 .mc-mobile-bottom{bottom:calc(6px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:768px) and (prefers-reduced-motion:reduce){.mc-mobile-topbar,.mc-mobile-tabs{transition:none!important}}
/* MetaCore Mobile — Context guide cards · 2026-07-17 */
@media(max-width:768px){
 .mc-mobile-guide--what,.mc-mobile-guide--start{position:relative;overflow:hidden;padding:20px 18px 18px!important;border-radius:20px!important}
 .mc-mobile-guide--what:after,.mc-mobile-guide--start:after{content:"";position:absolute;width:150px;height:150px;right:-72px;top:-78px;border-radius:50%;pointer-events:none;filter:blur(2px)}
 .mc-mobile-guide--what{border-color:rgba(54,220,255,.24)!important;background:linear-gradient(145deg,rgba(7,36,62,.94),rgba(4,13,30,.96) 58%,rgba(19,13,50,.92))!important;box-shadow:0 18px 54px rgba(0,0,0,.26),inset 0 1px rgba(152,235,255,.08)}
 .mc-mobile-guide--what:before{content:"CORE  /  IDENTITY";display:block;margin-bottom:12px;font:700 .59rem/1 'Orbitron',sans-serif;letter-spacing:.18em;color:#49dff8}
 .mc-mobile-guide--what:after{background:radial-gradient(circle,rgba(47,224,255,.16),transparent 68%)}
 .mc-mobile-guide--what h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:#f3f8ff;font:700 1.06rem/1.2 'Orbitron',sans-serif;letter-spacing:.015em}
 .mc-mobile-guide--what h3:before{content:"M";width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(67,225,255,.36);border-radius:11px;color:#5cecff;background:rgba(16,121,172,.13);box-shadow:0 0 22px rgba(40,191,255,.12);font-size:.72rem}
 .mc-mobile-guide--what p:not(.mc-mobile-guide-tags){margin:0;color:#b9c9dc;font-size:.8rem;line-height:1.52}
 .mc-mobile-guide--what .mc-mobile-guide-tags{margin:15px 0 0;padding:11px 12px;border:1px solid rgba(76,191,255,.14);border-radius:12px;background:rgba(1,8,20,.38);color:#7fe2f3;font-size:.68rem;line-height:1.45;letter-spacing:.035em}
 .mc-mobile-guide--start{border-color:rgba(158,105,255,.23)!important;background:linear-gradient(145deg,rgba(31,16,65,.94),rgba(5,14,32,.97) 56%,rgba(3,28,43,.93))!important;box-shadow:0 18px 54px rgba(0,0,0,.28),inset 0 1px rgba(202,175,255,.07)}
 .mc-mobile-guide--start:before{content:"ROUTE  /  SELECTOR";display:block;margin-bottom:12px;font:700 .59rem/1 'Orbitron',sans-serif;letter-spacing:.18em;color:#b687ff}
 .mc-mobile-guide--start:after{background:radial-gradient(circle,rgba(153,74,255,.17),transparent 68%)}
 .mc-mobile-guide--start h3{margin:0 0 8px;color:#f4f0ff;font:700 1.06rem/1.2 'Orbitron',sans-serif;letter-spacing:.015em}
 .mc-mobile-guide--start>p{margin:0 0 14px;color:#9eacc2;font-size:.77rem!important;line-height:1.45}
 .mc-mobile-guide--start .mc-mobile-guide-list{display:grid;gap:7px;margin:0;padding:0;list-style:none;counter-reset:route}
 .mc-mobile-guide--start .mc-mobile-guide-list li{counter-increment:route;position:relative;margin:0;padding:10px 30px 10px 39px;border:1px solid rgba(132,142,255,.13);border-radius:12px;background:rgba(4,10,26,.42);color:#aebbd0;font-size:.72rem;line-height:1.35}
 .mc-mobile-guide--start .mc-mobile-guide-list li:before{content:"0" counter(route);position:absolute;left:11px;top:50%;transform:translateY(-50%);font:700 .59rem/1 'Orbitron',sans-serif;color:#55def7}
 .mc-mobile-guide--start .mc-mobile-guide-list li:after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-53%);color:#a778ff;font-size:1.15rem}
 .mc-mobile-guide--start .mc-mobile-guide-list strong{color:#f1f5ff;font-weight:700}
}
/* MetaCore Mobile — Activation footer · 2026-07-17 */
@media(max-width:768px){
 .mc-mobile-guide--flow{position:relative;overflow:hidden;margin-top:48px!important;margin-bottom:22px!important;padding:20px 18px 18px!important;border:1px solid rgba(57,211,255,.23)!important;border-radius:22px!important;background:linear-gradient(150deg,rgba(8,41,66,.95),rgba(4,12,29,.97) 52%,rgba(28,13,62,.93))!important;box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(157,235,255,.08)}
 .mc-mobile-guide--flow:before{content:"METACLOUD  /  ACTIVATION FLOW";display:block;margin-bottom:13px;font:700 .59rem/1 'Orbitron',sans-serif;letter-spacing:.17em;color:#55e2f8}
 .mc-mobile-guide--flow:after{content:"";position:absolute;right:-62px;top:-78px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(88,103,255,.19),transparent 68%);pointer-events:none}
 .mc-mobile-guide--flow h3{position:relative;z-index:1;margin:0 0 15px;font:700 1.08rem/1.2 'Orbitron',sans-serif;letter-spacing:.01em;color:#f4f8ff}
 .mc-mobile-guide--flow .mc-mobile-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none;counter-reset:flow}
 .mc-mobile-guide--flow .mc-mobile-flow li{counter-increment:flow;position:relative;min-height:82px;margin:0;padding:29px 10px 10px;border:1px solid rgba(92,183,255,.14);border-radius:13px;background:rgba(2,9,23,.46);color:#c0cada;font-size:.7rem;line-height:1.32;text-align:left}
 .mc-mobile-guide--flow .mc-mobile-flow li:before{content:"0" counter(flow);position:absolute;left:10px;top:10px;font:700 .57rem/1 'Orbitron',sans-serif;letter-spacing:.09em;color:#55e6f7}
 .mc-mobile-guide--flow .mc-mobile-flow li:after{content:"↗";position:absolute;right:10px;top:7px;color:#956cff;font-size:.9rem;opacity:.78}
 .mc-mobile-guide--flow .mc-mobile-guide-cta{position:relative;z-index:1;min-height:52px;margin-top:4px;border:1px solid rgba(112,225,255,.38);border-radius:15px;color:#01101c;background:linear-gradient(110deg,#54ebfa,#39bff2 55%,#8b6cff);box-shadow:0 13px 34px rgba(43,171,255,.24),inset 0 1px rgba(255,255,255,.34);font-size:.84rem;font-weight:800;letter-spacing:.005em}
 .mc-mobile-guide--flow .mc-mobile-guide-cta:after{content:"  →";font-size:1rem}
}
/* MetaCore Mobile — Activation flow conflict fix · 2026-07-17 */
@media(max-width:768px){
 .mc-mobile-guide--flow .mc-mobile-flow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 14px!important;padding:0!important}
 .mc-mobile-guide--flow .mc-mobile-flow li{display:flex!important;align-items:flex-end!important;min-width:0!important;min-height:86px!important;margin:0!important;padding:34px 12px 13px!important;border:1px solid rgba(92,183,255,.14)!important;border-radius:13px!important;background:rgba(2,9,23,.46)!important;color:#d3dbea!important;font:700 .72rem/1.3 Inter,system-ui,sans-serif!important;text-align:left!important}
 .mc-mobile-guide--flow .mc-mobile-flow li::before{content:"0" counter(flow)!important;display:block!important;position:absolute!important;left:12px!important;top:11px!important;margin:0!important;font:700 .58rem/1 'Orbitron',sans-serif!important;letter-spacing:.09em!important;color:#55e6f7!important}
 .mc-mobile-guide--flow .mc-mobile-flow li::after{content:"↗"!important;display:block!important;position:absolute!important;right:11px!important;top:8px!important;margin:0!important;color:#956cff!important;font:700 .9rem/1 Inter,sans-serif!important;opacity:.82!important}
 .mc-mobile-guide--flow .mc-mobile-guide-cta::after{content:"  →"!important;display:inline!important;position:static!important;margin:0!important}
}
/* MetaCore Mobile — Segment geometry lock · 2026-07-17 */
@media(max-width:768px){
 .mc-mobile-tabs{box-sizing:border-box!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:5px!important;gap:3px!important;overflow:hidden!important;align-items:center!important}
 .mc-mobile-tabs>.mc-mobile-tab{box-sizing:border-box!important;align-self:center!important;width:100%!important;height:52px!important;min-height:52px!important;max-height:52px!important;margin:0!important;padding:5px 2px!important;border-radius:13px!important;overflow:hidden!important}
 .mc-mobile-tabs>.mc-mobile-tab.is-active{height:52px!important;min-height:52px!important;max-height:52px!important;margin:0!important;transform:none!important;box-shadow:inset 0 0 0 1px rgba(90,213,255,.25),inset 0 -3px 12px rgba(35,215,255,.08)!important}
 .mc-mobile-tabs>.mc-mobile-tab.is-active:after{bottom:2px!important;left:20%!important;right:20%!important;width:auto!important}
}

/* MetaCore Gateway — WhatsApp topbar icon · 2026-07-18 */
.mc-gw-top--float .mc-gw-cta-top--wa{
  color:#25d366;
  border-color:rgba(37,211,102,.4)!important;
  background:rgba(8,28,18,.72)!important;
  box-shadow:0 0 18px rgba(37,211,102,.12);
}
.mc-gw-top--float .mc-gw-cta-top--wa:hover{
  color:#6dff9a;
  border-color:rgba(37,211,102,.65)!important;
  background:rgba(12,42,26,.9)!important;
  box-shadow:0 0 22px rgba(37,211,102,.22);
}
.mc-gw-top--float .mc-gw-cta-top--wa svg{
  width:18px;
  height:18px;
  display:block;
}
.mc-mobile-topbar-wa{
  display:inline-grid;
  place-items:center;
  min-width:34px;
  min-height:34px;
  margin-left:3px;
  border-radius:10px;
  border:1px solid rgba(37,211,102,.35);
  background:rgba(8,28,18,.55);
  color:#25d366;
  text-decoration:none;
}
.mc-mobile-topbar-wa svg{
  width:16px;
  height:16px;
  display:block;
}
.mc-mobile-topbar-wa:active{
  transform:scale(.96);
}

/* MetaCore Gateway — float topbar edge padding · 2026-07-18 */
@media (min-width: 769px) {
  .mc-gw-top--float {
    box-sizing: border-box;
    padding: 12px 24px !important;
    gap: 14px;
    flex-wrap: nowrap !important;
    align-items: center;
  }
  .mc-gw-top--float .mc-gw-brand {
    padding-left: 2px;
  }
  .mc-gw-top--float .mc-gw-nav--main {
    flex-wrap: nowrap !important;
    white-space: nowrap;
    gap: 2px;
    overflow: visible;
  }
  .mc-gw-top--float .mc-gw-nav--main a {
    white-space: nowrap;
    padding: 6px 9px;
    font-size: 0.66rem;
    letter-spacing: 0.04em;
  }
  .mc-gw-top--float .mc-gw-lang {
    margin-right: 2px;
    flex-wrap: nowrap !important;
    gap: 5px;
  }
  .mc-gw-top--float .mc-gw-cta-top--icon {
    margin-left: 4px;
  }
}
@media (min-width: 769px) and (max-width: 1180px) {
  .mc-gw-top--float {
    padding: 11px 18px !important;
  }
  .mc-gw-top--float .mc-gw-nav--main a {
    padding: 6px 7px;
    font-size: 0.62rem;
  }
}