#mda-site {
  --mda-bg: #02050a;
  --mda-bg-soft: #060b13;
  --mda-panel: #09111d;
  --mda-line: rgba(255,255,255,.10);
  --mda-line-bright: rgba(94,230,255,.24);
  --mda-muted: rgba(225,233,244,.60);
  --mda-cyan: #5ee6ff;
  --mda-blue: #3178ff;
  --mda-purple: #7857ff;
  --mda-green: #5cffb0;
  --mda-white: #f7fbff;
  --mda-progress: 0;
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: var(--mda-bg);
  color: var(--mda-white);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  isolation: isolate;
}

#mda-site, #mda-site * { box-sizing: border-box; }
#mda-site a { color: inherit; text-decoration: none; }
#mda-site img { display: block; max-width: 100%; }
#mda-site button { color: inherit; font: inherit; }
#mda-site ::selection { color: #001118; background: var(--mda-cyan); }
#mda-site .mda-mono { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; }
#mda-site .mda-container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
#mda-site .mda-skip {
  position: fixed; z-index: 300; top: 12px; left: 12px; padding: 12px 16px;
  border-radius: 10px; background: var(--mda-cyan); color: #001118;
  transform: translateY(-160%); transition: transform .18s ease;
}
#mda-site .mda-skip:focus { transform: translateY(0); }
#mda-site .mda-progress {
  position: fixed; z-index: 150; top: 0; left: 0; width: 100%; height: 2px;
  background: linear-gradient(90deg,var(--mda-blue),var(--mda-cyan));
  transform: scaleX(var(--mda-progress)); transform-origin: left;
}

/* Navigace */
#mda-site .mda-header {
  position: fixed; z-index: 120; top: 20px; left: 50%; width: min(1000px, calc(100% - 32px));
  transform: translateX(-50%);
}
body.admin-bar #mda-site .mda-header { top: 52px; }
#mda-site .mda-nav {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  min-height: 64px; padding: 7px 9px 7px 15px; border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px; background: rgba(3,7,13,.74); box-shadow: 0 18px 70px rgba(0,0,0,.32);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
#mda-site .mda-brand {
  display: inline-flex; align-items: baseline; width: fit-content; color: #fff;
  font-size: 18px; font-weight: 800; letter-spacing: -.07em;
}
#mda-site .mda-brand i { margin-left: 1px; color: var(--mda-cyan); font-style: normal; }
#mda-site .mda-links {
  display: flex; align-items: center; gap: 2px; padding: 4px;
  border: 1px solid rgba(255,255,255,.06); border-radius: 999px; background: rgba(255,255,255,.04);
}
#mda-site .mda-links a {
  padding: 9px 12px; border-radius: 999px; color: rgba(255,255,255,.64);
  font-size: 12px; font-weight: 600; transition: color .18s ease, background .18s ease;
}
#mda-site .mda-links a:hover,
#mda-site .mda-links a:focus-visible { color: #fff; background: rgba(255,255,255,.09); outline: none; }
#mda-site .mda-nav-meta { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
#mda-site .mda-mail-icon,
#mda-site .mda-clock {
  display: inline-flex; min-height: 38px; align-items: center; justify-content: center;
  border: 1px solid rgba(255,255,255,.08); border-radius: 999px; background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.72); font-family: ui-monospace, Consolas, monospace; font-size: 11px;
}
#mda-site .mda-mail-icon { width: 38px; font-size: 14px; }
#mda-site .mda-mail-icon:hover { border-color: rgba(94,230,255,.4); color: var(--mda-cyan); }
#mda-site .mda-clock { gap: 6px; padding-inline: 12px; }
#mda-site .mda-clock small { color: rgba(255,255,255,.3); font-size: 9px; }
#mda-site .mda-menu-button { display: none; }

/* Hero */
#mda-site .mda-hero {
  position: relative; display: flex; min-height: 100svh; align-items: center; overflow: hidden;
  border-bottom: 1px solid var(--mda-line); background:
    radial-gradient(circle at 50% 34%,rgba(26,66,129,.19),transparent 38%),
    linear-gradient(180deg,#02050a 0%,#040810 60%,#050b14 100%);
}
#mda-site .mda-hero:after {
  position: absolute; z-index: 3; inset: 0; pointer-events: none; content: "";
  background: radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.72) 100%);
}
#mda-site .mda-atmosphere { position: absolute; inset: 0; pointer-events: none; }
#mda-site .mda-atmosphere:before {
  position: absolute; inset: 0; content: ""; opacity: .22;
  background-image: radial-gradient(rgba(255,255,255,.35) .55px,transparent .55px);
  background-size: 24px 24px; -webkit-mask-image: linear-gradient(to bottom,#000,transparent 62%);
  mask-image: linear-gradient(to bottom,#000,transparent 62%);
}
#mda-site .mda-orb { position: absolute; border-radius: 999px; filter: blur(95px); animation: mdaDrift 13s ease-in-out infinite alternate; }
#mda-site .mda-orb-one { top: 7%; left: 8%; width: 34vw; height: 34vw; background: rgba(42,89,255,.18); }
#mda-site .mda-orb-two { right: 4%; bottom: 0; width: 38vw; height: 30vw; background: rgba(52,214,255,.10); animation-delay: -6s; }
#mda-site .mda-grid {
  position: absolute; right: -15%; bottom: -39%; left: -15%; height: 85%;
  background-image: linear-gradient(rgba(94,230,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(94,230,255,.12) 1px,transparent 1px);
  background-size: 72px 72px; transform: perspective(520px) rotateX(62deg); transform-origin: center top;
  -webkit-mask-image: linear-gradient(to bottom,transparent 3%,#000 34%,transparent 82%);
  mask-image: linear-gradient(to bottom,transparent 3%,#000 34%,transparent 82%); animation: mdaGrid 10s linear infinite;
}
#mda-site .mda-scan {
  position: absolute; top: 59%; right: 0; left: 0; height: 1px;
  background: linear-gradient(90deg,transparent,rgba(94,230,255,.44),transparent);
  box-shadow: 0 0 70px 22px rgba(49,120,255,.08);
}
#mda-site .mda-hero-content {
  position: relative; z-index: 5; width: min(1120px,calc(100% - 48px)); margin: 145px auto 70px; text-align: center;
}
#mda-site .mda-kicker {
  display: flex; align-items: center; justify-content: center; gap: 13px; margin-bottom: 31px;
  color: rgba(255,255,255,.45); font-family: ui-monospace,Consolas,monospace;
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
}
#mda-site .mda-status-dot {
  flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--mda-green);
  box-shadow: 0 0 0 5px rgba(92,255,176,.08),0 0 16px rgba(92,255,176,.65);
}
#mda-site .mda-kicker-line { width: 26px; height: 1px; background: rgba(255,255,255,.18); }
#mda-site .mda-hero h1 {
  max-width: 1100px; margin: 0 auto; color: #fff; font-size: clamp(61px,8.7vw,128px);
  font-weight: 800; line-height: .84; letter-spacing: -.078em; text-transform: uppercase;
}
#mda-site .mda-hero h1 span { display: block; }
#mda-site .mda-hero h1 .mda-gradient {
  color: transparent; background: linear-gradient(92deg,#75efff 2%,#4e8cff 48%,#8a63ff 96%);
  -webkit-background-clip: text; background-clip: text;
}
#mda-site .mda-hero-copy {
  max-width: 715px; margin: 32px auto 0; color: rgba(228,237,248,.66);
  font-size: clamp(16px,1.6vw,19px); line-height: 1.75;
}
#mda-site .mda-hero-copy strong { color: rgba(255,255,255,.91); font-weight: 600; }
#mda-site .mda-actions { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 33px; }
#mda-site .mda-button {
  display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 18px;
  padding: 13px 20px 13px 23px; border: 1px solid transparent; border-radius: 13px;
  font-size: 12px; font-weight: 700; letter-spacing: .035em;
  transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
#mda-site .mda-button:hover { transform: translateY(-2px); }
#mda-site .mda-primary { background: linear-gradient(135deg,#2365f2,#4a7cff); box-shadow: 0 15px 50px rgba(44,105,255,.24); }
#mda-site .mda-primary:hover { box-shadow: 0 18px 60px rgba(44,105,255,.38); }
#mda-site .mda-ghost { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.035); color: rgba(255,255,255,.76); }
#mda-site .mda-ghost:hover { border-color: rgba(94,230,255,.25); background: rgba(94,230,255,.06); }

#mda-site .mda-search-demo {
  width: min(850px,100%); margin: 52px auto 0; border: 1px solid rgba(255,255,255,.12);
  border-radius: 19px; background: rgba(4,10,18,.68); box-shadow: 0 28px 90px rgba(0,0,0,.38);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); overflow: hidden; text-align: left;
}
#mda-site .mda-demo-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 16px;
  border-bottom: 1px solid rgba(255,255,255,.07); color: rgba(255,255,255,.28);
  font-family: ui-monospace,Consolas,monospace; font-size: 9px; letter-spacing: .1em; text-transform: uppercase;
}
#mda-site .mda-demo-lights { display: flex; gap: 6px; }
#mda-site .mda-demo-lights i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.16); }
#mda-site .mda-demo-lights i:first-child { background: var(--mda-cyan); box-shadow: 0 0 10px rgba(94,230,255,.5); }
#mda-site .mda-search-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; margin: 17px; padding: 13px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(255,255,255,.035); }
#mda-site .mda-search-icon { width: 15px; height: 15px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; position: relative; }
#mda-site .mda-search-icon:after { position: absolute; right: -4px; bottom: -3px; width: 6px; height: 1px; content: ""; background: rgba(255,255,255,.55); transform: rotate(45deg); }
#mda-site .mda-query { color: rgba(255,255,255,.86); font-size: 13px; }
#mda-site .mda-search-button { padding: 8px 14px; border-radius: 999px; color: #001118; background: var(--mda-cyan); font-size: 10px; font-weight: 800; }
#mda-site .mda-demo-flow { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.06); }
#mda-site .mda-demo-flow span { position: relative; min-height: 72px; padding: 15px; border-right: 1px solid rgba(255,255,255,.06); color: rgba(255,255,255,.33); font-family: ui-monospace,Consolas,monospace; font-size: 8px; text-transform: uppercase; }
#mda-site .mda-demo-flow span:last-child { border-right: 0; }
#mda-site .mda-demo-flow b { display: block; margin-top: 8px; color: rgba(255,255,255,.76); font-family: Inter,ui-sans-serif,sans-serif; font-size: 11px; text-transform: none; }
#mda-site .mda-demo-flow span:not(:last-child):after { position: absolute; top: 50%; right: -6px; z-index: 2; color: var(--mda-cyan); content: "→"; transform: translateY(-50%); }
#mda-site .mda-enter { opacity: 0; animation: mdaEnter .85s cubic-bezier(.2,.8,.2,1) forwards; }
#mda-site .mda-d1 { animation-delay: .1s; } #mda-site .mda-d2 { animation-delay: .2s; }
#mda-site .mda-d3 { animation-delay: .34s; } #mda-site .mda-d4 { animation-delay: .48s; } #mda-site .mda-d5 { animation-delay: .62s; }

/* Pohyblivý pás */
#mda-site .mda-marquee { position: relative; overflow: hidden; border-bottom: 1px solid var(--mda-line); background: #03070d; }
#mda-site .mda-marquee-track {
  display: flex; width: max-content; padding: 18px 0; animation: mdaMarquee 31s linear infinite;
  color: rgba(255,255,255,.28); font-family: ui-monospace,Consolas,monospace; font-size: 10px;
  letter-spacing: .16em; text-transform: uppercase;
}
#mda-site .mda-marquee-track span { display: inline-flex; align-items: center; gap: 28px; padding-right: 28px; white-space: nowrap; }
#mda-site .mda-marquee-track i { width: 5px; height: 5px; border-radius: 50%; background: var(--mda-cyan); box-shadow: 0 0 12px rgba(94,230,255,.5); }

/* Společné sekce */
#mda-site .mda-section { position: relative; padding: 138px 0; overflow: hidden; }
#mda-site .mda-eyebrow {
  display: block; margin-bottom: 18px; color: var(--mda-cyan); font-family: ui-monospace,Consolas,monospace;
  font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
}
#mda-site .mda-heading { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 64px; margin-bottom: 64px; }
#mda-site .mda-heading h2,
#mda-site .mda-copy h2,
#mda-site .mda-process-intro h2,
#mda-site .mda-fit-intro h2 {
  margin: 0; color: #fff; font-size: clamp(48px,6vw,92px); font-weight: 750; line-height: .95; letter-spacing: -.07em;
}
#mda-site .mda-heading > p { max-width: 460px; margin: 0 0 8px auto; color: var(--mda-muted); font-size: 16px; line-height: 1.75; }
#mda-site .mda-big-word {
  position: absolute; pointer-events: none; color: rgba(255,255,255,.018); font-size: clamp(112px,18vw,288px);
  font-weight: 800; line-height: 1; letter-spacing: -.08em; text-transform: uppercase; user-select: none;
}
#mda-site .mda-reveal { opacity: 0; transform: translateY(38px); transition: opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1); }
#mda-site .mda-reveal.mda-visible { opacity: 1; transform: translateY(0); }

/* Cesta k poptávce */
#mda-site .mda-journey { background: radial-gradient(circle at 80% 20%,rgba(49,120,255,.09),transparent 32%),var(--mda-bg-soft); }
#mda-site .mda-journey .mda-big-word { top: 27px; right: -2vw; }
#mda-site .mda-journey-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--mda-line); border-bottom: 1px solid var(--mda-line); }
#mda-site .mda-journey-card { position: relative; min-height: 330px; padding: 30px; border-right: 1px solid var(--mda-line); overflow: hidden; }
#mda-site .mda-journey-card:last-child { border-right: 0; }
#mda-site .mda-journey-card:before { position: absolute; top: 0; left: 0; width: 0; height: 2px; content: ""; background: linear-gradient(90deg,var(--mda-blue),var(--mda-cyan)); transition: width .45s ease; }
#mda-site .mda-journey-card:hover:before { width: 100%; }
#mda-site .mda-index { color: rgba(255,255,255,.27); font-family: ui-monospace,Consolas,monospace; font-size: 10px; }
#mda-site .mda-journey-icon { position: relative; width: 70px; height: 70px; margin: 54px 0 42px; border: 1px solid rgba(94,230,255,.21); border-radius: 18px; transform: rotate(45deg); }
#mda-site .mda-journey-icon:before { position: absolute; inset: 13px; border: 1px solid rgba(49,120,255,.42); border-radius: 10px; content: ""; }
#mda-site .mda-journey-icon:after { position: absolute; inset: 28px; border-radius: 50%; content: ""; background: var(--mda-cyan); box-shadow: 0 0 22px rgba(94,230,255,.52); }
#mda-site .mda-journey-card:nth-child(2) .mda-journey-icon { border-radius: 50%; }
#mda-site .mda-journey-card:nth-child(3) .mda-journey-icon { transform: none; border-radius: 7px; }
#mda-site .mda-journey-card:nth-child(4) .mda-journey-icon { border-radius: 50% 50% 8px 50%; }
#mda-site .mda-journey-card h3 { margin: 0; color: #fff; font-size: 24px; letter-spacing: -.045em; }
#mda-site .mda-journey-card p { margin: 14px 0 0; color: var(--mda-muted); font-size: 13px; line-height: 1.7; }

/* Co řeším */
#mda-site .mda-services { background: radial-gradient(circle at 12% 48%,rgba(120,87,255,.08),transparent 34%),#03070d; }
#mda-site .mda-service-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
#mda-site .mda-service-card { position: relative; display: flex; min-height: 470px; flex-direction: column; padding: 29px; border: 1px solid var(--mda-line); border-radius: 19px; background: rgba(255,255,255,.018); overflow: hidden; transition: transform .26s ease,border-color .26s ease,background .26s ease; }
#mda-site .mda-service-card:hover { border-color: var(--mda-line-bright); background: rgba(255,255,255,.028); transform: translateY(-5px); }
#mda-site .mda-service-number { display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.25); font-family: ui-monospace,Consolas,monospace; font-size: 9px; }
#mda-site .mda-service-number i { width: 8px; height: 8px; border: 1px solid var(--mda-cyan); border-radius: 50%; box-shadow: 0 0 18px rgba(94,230,255,.25); }
#mda-site .mda-service-card h3 { margin: 74px 0 0; color: #fff; font-size: clamp(29px,2.8vw,43px); line-height: 1; letter-spacing: -.06em; }
#mda-site .mda-service-card > p { margin: 20px 0 25px; color: var(--mda-muted); font-size: 14px; line-height: 1.72; }
#mda-site .mda-checks { display: grid; gap: 11px; margin: auto 0 0; padding: 22px 0 0; border-top: 1px solid rgba(255,255,255,.07); list-style: none; }
#mda-site .mda-checks li { position: relative; padding-left: 20px; color: rgba(255,255,255,.51); font-size: 12px; }
#mda-site .mda-checks li:before { position: absolute; top: .55em; left: 0; width: 6px; height: 6px; border-radius: 50%; content: ""; background: var(--mda-cyan); box-shadow: 0 0 10px rgba(94,230,255,.4); }

/* Systém + ukázka */
#mda-site .mda-system { background: radial-gradient(circle at 78% 50%,rgba(49,120,255,.12),transparent 34%),var(--mda-bg-soft); }
#mda-site .mda-system-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; }
#mda-site .mda-case-visual { position: relative; }
#mda-site .mda-case-frame { position: relative; aspect-ratio: 16 / 9; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: #07101a; box-shadow: 0 30px 100px rgba(0,0,0,.35); overflow: hidden; }
#mda-site .mda-case-frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; filter: saturate(.77) contrast(1.06) brightness(.72); transform: scale(1.002); transition: filter .5s ease,transform .8s cubic-bezier(.2,.8,.2,1); }
#mda-site .mda-case-frame:after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg,rgba(3,9,16,.02),rgba(3,9,16,.26)),linear-gradient(90deg,rgba(49,120,255,.09),transparent 50%); }
#mda-site .mda-case-frame:hover img { filter: saturate(.95) contrast(1.04) brightness(.82); transform: scale(1.018); }
#mda-site .mda-case-label { position: absolute; z-index: 2; top: 20px; left: 20px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; color: rgba(255,255,255,.63); background: rgba(2,5,10,.62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-family: ui-monospace,Consolas,monospace; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
#mda-site .mda-case-caption { margin: 26px 0 0; }
#mda-site .mda-case-caption small { color: var(--mda-cyan); font-family: ui-monospace,Consolas,monospace; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
#mda-site .mda-case-caption h3 { margin: 8px 0 0; color: #fff; font-size: clamp(32px,4vw,55px); line-height: .95; letter-spacing: -.065em; }
#mda-site .mda-case-meta { display: flex; justify-content: space-between; margin-top: 14px; color: rgba(255,255,255,.23); font-family: ui-monospace,Consolas,monospace; font-size: 9px; letter-spacing: .08em; }
#mda-site .mda-copy h2 { margin-bottom: 31px; }
#mda-site .mda-copy .mda-lead { color: rgba(255,255,255,.87); font-size: 19px; line-height: 1.65; }
#mda-site .mda-copy p { color: var(--mda-muted); font-size: 15px; line-height: 1.8; }
#mda-site .mda-system-points { display: grid; gap: 0; margin: 30px 0 0; border-top: 1px solid var(--mda-line); }
#mda-site .mda-system-point { display: grid; grid-template-columns: 52px 1fr; gap: 10px; padding: 18px 0; border-bottom: 1px solid var(--mda-line); }
#mda-site .mda-system-point span { color: var(--mda-cyan); font-family: ui-monospace,Consolas,monospace; font-size: 9px; }
#mda-site .mda-system-point b { display: block; margin-bottom: 4px; color: rgba(255,255,255,.78); font-size: 13px; }
#mda-site .mda-system-point p { margin: 0; font-size: 12px; line-height: 1.6; }

/* Audit */
#mda-site .mda-audit { padding: 0; background: #03070d; }
#mda-site .mda-audit-box { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 50px; margin: 0 auto; padding: 67px 70px; border-right: 1px solid var(--mda-line); border-left: 1px solid var(--mda-line); background: linear-gradient(105deg,rgba(49,120,255,.1),rgba(94,230,255,.03) 48%,rgba(120,87,255,.08)); overflow: hidden; }
#mda-site .mda-audit-box:before { position: absolute; top: -180px; right: 4%; width: 340px; height: 340px; border: 1px solid rgba(94,230,255,.1); border-radius: 50%; box-shadow: 0 0 100px rgba(49,120,255,.12); content: ""; }
#mda-site .mda-audit h2 { margin: 0; color: #fff; font-size: clamp(38px,5vw,68px); line-height: .95; letter-spacing: -.065em; }
#mda-site .mda-audit p { max-width: 680px; margin: 18px 0 0; color: var(--mda-muted); font-size: 14px; line-height: 1.75; }
#mda-site .mda-audit .mda-button { position: relative; white-space: nowrap; }

/* Proces */
#mda-site .mda-process { background: radial-gradient(circle at 15% 80%,rgba(120,87,255,.07),transparent 31%),#02060c; }
#mda-site .mda-process-intro { margin-bottom: 64px; }
#mda-site .mda-process-list { margin: 0; padding: 0; border-top: 1px solid var(--mda-line); list-style: none; }
#mda-site .mda-process-list li { display: grid; grid-template-columns: 100px 1fr; padding: 32px 0; border-bottom: 1px solid var(--mda-line); transition: padding .22s ease,background .22s ease; }
#mda-site .mda-process-list li:hover { padding-inline: 19px; background: linear-gradient(90deg,rgba(49,120,255,.07),transparent); }
#mda-site .mda-process-list > li > span { color: var(--mda-cyan); font-family: ui-monospace,Consolas,monospace; font-size: 10px; }
#mda-site .mda-process-list li div { display: grid; grid-template-columns: minmax(250px,.8fr) 1.2fr; align-items: center; gap: 32px; }
#mda-site .mda-process-list h3 { margin: 0; color: #fff; font-size: clamp(24px,2.4vw,38px); letter-spacing: -.05em; }
#mda-site .mda-process-list p { max-width: 550px; margin: 0; color: var(--mda-muted); font-size: 14px; line-height: 1.65; }

/* Pro koho */
#mda-site .mda-fit { background: radial-gradient(circle at 82% 15%,rgba(49,120,255,.09),transparent 29%),var(--mda-bg-soft); }
#mda-site .mda-fit .mda-big-word { bottom: 10px; right: -2vw; }
#mda-site .mda-fit-intro { margin-bottom: 58px; }
#mda-site .mda-fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
#mda-site .mda-fit-card { padding: 35px; border: 1px solid var(--mda-line); border-radius: 20px; background: rgba(255,255,255,.018); }
#mda-site .mda-fit-card.mda-yes { border-color: rgba(94,230,255,.18); background: linear-gradient(145deg,rgba(49,120,255,.07),rgba(255,255,255,.018)); }
#mda-site .mda-fit-label { display: inline-flex; align-items: center; gap: 10px; color: rgba(255,255,255,.4); font-family: ui-monospace,Consolas,monospace; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
#mda-site .mda-fit-label i { width: 7px; height: 7px; border-radius: 50%; background: var(--mda-cyan); box-shadow: 0 0 12px rgba(94,230,255,.5); }
#mda-site .mda-no .mda-fit-label i { background: rgba(255,255,255,.25); box-shadow: none; }
#mda-site .mda-fit-card h3 { margin: 27px 0 0; color: #fff; font-size: clamp(29px,3vw,43px); line-height: 1.03; letter-spacing: -.055em; }
#mda-site .mda-fit-list { display: grid; gap: 0; margin: 30px 0 0; padding: 0; border-top: 1px solid var(--mda-line); list-style: none; }
#mda-site .mda-fit-list li { position: relative; padding: 17px 0 17px 27px; border-bottom: 1px solid rgba(255,255,255,.06); color: var(--mda-muted); font-size: 13px; line-height: 1.55; }
#mda-site .mda-fit-list li:before { position: absolute; top: 21px; left: 2px; color: var(--mda-cyan); content: "✓"; font-family: ui-monospace,Consolas,monospace; font-size: 10px; }
#mda-site .mda-no .mda-fit-list li:before { color: rgba(255,255,255,.3); content: "—"; }

/* O mně */
#mda-site .mda-about { min-height: 820px; display: flex; align-items: center; background: radial-gradient(circle at 20% 45%,rgba(49,120,255,.12),transparent 34%),#03070d; }
#mda-site .mda-about .mda-big-word { right: -2vw; bottom: -16px; font-size: clamp(128px,20vw,336px); }
#mda-site .mda-about-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 120px; }
#mda-site .mda-monogram { position: relative; display: flex; min-height: 480px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.12); border-radius: 26px; background: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 48%,rgba(49,120,255,.22),transparent 38%),#050b13; background-size: 30px 30px,30px 30px,auto,auto; box-shadow: 0 30px 100px rgba(0,0,0,.35); overflow: hidden; }
#mda-site .mda-monogram img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 24%; filter: grayscale(.32) saturate(.72) contrast(1.06) brightness(.72); transform: scale(1.015); transition: filter .6s ease,transform .9s cubic-bezier(.2,.8,.2,1); }
#mda-site .mda-monogram:before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg,rgba(3,9,16,.08) 34%,rgba(3,9,16,.82) 100%),linear-gradient(90deg,rgba(49,120,255,.16),transparent 42%,rgba(94,230,255,.05)); content: ""; pointer-events: none; }
#mda-site .mda-monogram:after { position: absolute; z-index: 1; inset: 10%; border: 1px solid rgba(94,230,255,.08); border-radius: 50%; box-shadow: 0 0 60px rgba(49,120,255,.06); content: ""; pointer-events: none; }
#mda-site .mda-monogram strong { position: absolute; z-index: 2; left: 50%; bottom: -.05em; width: 100%; color: #fff; font-size: clamp(112px,13vw,176px); line-height: 1; letter-spacing: -.12em; text-align: center; opacity: .2; text-shadow: 0 10px 50px rgba(0,0,0,.55); transform: translateX(-52%); user-select: none; }
#mda-site .mda-monogram strong span { color: var(--mda-cyan); }
#mda-site .mda-monogram > span { position: absolute; z-index: 3; top: 22px; left: 22px; color: rgba(255,255,255,.66); font-family: ui-monospace,Consolas,monospace; font-size: 9px; letter-spacing: .16em; }
#mda-site .mda-ready { position: absolute; z-index: 3; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; color: rgba(255,255,255,.62); background: rgba(0,0,0,.38); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-family: ui-monospace,Consolas,monospace; font-size: 9px; }
#mda-site .mda-ready i { width: 6px; height: 6px; border-radius: 50%; background: var(--mda-green); box-shadow: 0 0 12px rgba(92,255,176,.6); }
#mda-site .mda-monogram:hover img { filter: grayscale(.08) saturate(.9) contrast(1.05) brightness(.82); transform: scale(1.035); }
#mda-site .mda-coordinates { display: flex; justify-content: space-between; margin-top: 14px; color: rgba(255,255,255,.22); font-family: ui-monospace,Consolas,monospace; font-size: 9px; letter-spacing: .1em; }
#mda-site .mda-about-copy h2 { margin-bottom: 31px; }
#mda-site .mda-about-copy p { max-width: 620px; color: var(--mda-muted); font-size: 15px; line-height: 1.8; }
#mda-site .mda-about-copy .mda-about-lead { color: rgba(255,255,255,.85); font-size: 19px; line-height: 1.65; }
#mda-site .mda-about-points { display: grid; grid-template-columns: repeat(3,1fr); margin: 32px 0; border-top: 1px solid var(--mda-line); border-bottom: 1px solid var(--mda-line); }
#mda-site .mda-about-points span { display: flex; flex-direction: column; gap: 13px; padding: 19px 16px 19px 0; color: rgba(255,255,255,.22); font-family: ui-monospace,Consolas,monospace; font-size: 9px; }
#mda-site .mda-about-points b { color: rgba(255,255,255,.66); font-family: Inter,ui-sans-serif,sans-serif; font-size: 12px; font-weight: 500; }
#mda-site .mda-text-link { display: inline-flex; align-items: center; gap: 16px; color: var(--mda-cyan); font-size: 13px; font-weight: 700; }

/* FAQ */
#mda-site .mda-faq { background: var(--mda-bg-soft); }
#mda-site .mda-faq-grid { display: grid; grid-template-columns: .76fr 1.24fr; gap: 100px; }
#mda-site .mda-faq-copy { position: sticky; top: 125px; align-self: start; }
#mda-site .mda-faq-copy h2 { margin: 0; color: #fff; font-size: clamp(48px,6vw,88px); font-weight: 750; line-height: .92; letter-spacing: -.07em; }
#mda-site .mda-faq-copy p { max-width: 390px; margin: 28px 0 0; color: var(--mda-muted); font-size: 14px; line-height: 1.75; }
#mda-site .mda-faq-list { border-top: 1px solid var(--mda-line); }
#mda-site .mda-faq-list details { border-bottom: 1px solid var(--mda-line); }
#mda-site .mda-faq-list summary { position: relative; padding: 27px 54px 27px 0; color: rgba(255,255,255,.86); font-size: 17px; font-weight: 650; letter-spacing: -.025em; cursor: pointer; list-style: none; }
#mda-site .mda-faq-list summary::-webkit-details-marker { display: none; }
#mda-site .mda-faq-list summary:after { position: absolute; top: 50%; right: 5px; color: var(--mda-cyan); content: "+"; font-family: ui-monospace,Consolas,monospace; font-size: 20px; font-weight: 400; transform: translateY(-50%); transition: transform .2s ease; }
#mda-site .mda-faq-list details[open] summary:after { transform: translateY(-50%) rotate(45deg); }
#mda-site .mda-faq-answer { padding: 0 54px 28px 0; color: var(--mda-muted); font-size: 14px; line-height: 1.75; }
#mda-site .mda-faq-answer p { margin: 0; }

/* Kontakt */
#mda-site .mda-contact { position: relative; display: flex; min-height: 790px; align-items: center; overflow: hidden; background: radial-gradient(circle at 50% 80%,rgba(49,120,255,.2),transparent 35%),linear-gradient(180deg,#040812,#02050a); }
#mda-site .mda-contact-grid { position: absolute; inset: 0; pointer-events: none; opacity: .34; background-image: linear-gradient(rgba(94,230,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,230,255,.06) 1px,transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(circle at center,#000,transparent 72%); mask-image: radial-gradient(circle at center,#000,transparent 72%); }
#mda-site .mda-contact-content { position: relative; text-align: center; }
#mda-site .mda-contact h2 { margin: 0; color: #fff; font-size: clamp(63px,9.2vw,142px); font-weight: 800; line-height: .83; letter-spacing: -.072em; text-transform: uppercase; }
#mda-site .mda-contact h2 span { display: block; color: transparent; background: linear-gradient(92deg,var(--mda-cyan),var(--mda-blue),var(--mda-purple)); -webkit-background-clip: text; background-clip: text; }
#mda-site .mda-contact-content > p { max-width: 590px; margin: 35px auto; color: var(--mda-muted); font-size: 15px; line-height: 1.75; }
#mda-site .mda-contact-mail { display: inline-flex; align-items: center; gap: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(94,230,255,.35); color: var(--mda-cyan); font-family: ui-monospace,Consolas,monospace; font-size: clamp(14px,2vw,20px); }
#mda-site .mda-contact-mail:hover { border-color: #fff; color: #fff; }

/* Patička */
#mda-site .mda-footer { padding: 64px 0 32px; border-top: 1px solid var(--mda-line); background: #02050a; }
#mda-site .mda-footer-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr auto; align-items: start; gap: 48px; }
#mda-site .mda-footer .mda-brand { font-size: 32px; }
#mda-site .mda-footer small { color: rgba(255,255,255,.25); font-family: ui-monospace,Consolas,monospace; font-size: 9px; letter-spacing: .16em; }
#mda-site .mda-footer p,
#mda-site .mda-footer-grid div > a { display: block; margin: 11px 0 0; color: rgba(255,255,255,.58); font-size: 12px; }
#mda-site .mda-footer-grid div > a:hover { color: var(--mda-cyan); }
#mda-site .mda-footer-top { color: rgba(255,255,255,.4); font-family: ui-monospace,Consolas,monospace; font-size: 10px; }
#mda-site .mda-footer-bottom { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; margin-top: 64px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.06); color: rgba(255,255,255,.28); font-family: ui-monospace,Consolas,monospace; font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
#mda-site .mda-legal { text-align: center; text-transform: none; }

@keyframes mdaEnter { from { opacity: 0; transform: translateY(24px); filter: blur(5px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes mdaDrift { from { transform: translate3d(-4%,-3%,0) scale(.9); } to { transform: translate3d(7%,6%,0) scale(1.08); } }
@keyframes mdaGrid { from { background-position: 0 0; } to { background-position: 0 72px; } }
@keyframes mdaMarquee { to { transform: translateX(-50%); } }

@media (max-width: 1040px) {
  #mda-site .mda-nav { grid-template-columns: 1fr 1fr; }
  #mda-site .mda-links { position: absolute; top: calc(100% + 9px); right: 0; left: 0; display: grid; padding: 11px; border-radius: 19px; background: rgba(3,7,13,.97); box-shadow: 0 25px 80px rgba(0,0,0,.5); opacity: 0; pointer-events: none; transform: translateY(-10px); transition: opacity .18s ease,transform .18s ease; }
  #mda-site .mda-links.mda-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
  #mda-site .mda-links a { padding: 14px 16px; }
  #mda-site .mda-clock { display: none; }
  #mda-site .mda-menu-button { display: flex; width: 38px; height: 38px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; background: rgba(255,255,255,.04); cursor: pointer; }
  #mda-site .mda-menu-button span { width: 13px; height: 1px; background: #fff; transition: transform .18s ease; }
  #mda-site .mda-menu-button.mda-open span:first-child { transform: translateY(3px) rotate(45deg); }
  #mda-site .mda-menu-button.mda-open span:last-child { transform: translateY(-3px) rotate(-45deg); }
  #mda-site .mda-heading,
  #mda-site .mda-system-grid,
  #mda-site .mda-about-grid,
  #mda-site .mda-faq-grid { grid-template-columns: 1fr; gap: 52px; }
  #mda-site .mda-heading > p { margin-left: 0; }
  #mda-site .mda-journey-grid { grid-template-columns: 1fr 1fr; }
  #mda-site .mda-journey-card { border-bottom: 1px solid var(--mda-line); }
  #mda-site .mda-journey-card:nth-child(2) { border-right: 0; }
  #mda-site .mda-journey-card:nth-child(3),
  #mda-site .mda-journey-card:nth-child(4) { border-bottom: 0; }
  #mda-site .mda-service-grid { grid-template-columns: 1fr; }
  #mda-site .mda-service-card { min-height: 390px; }
  #mda-site .mda-service-card h3 { margin-top: 48px; }
  #mda-site .mda-system-grid,
  #mda-site .mda-about-grid { max-width: 760px; }
  #mda-site .mda-audit-box { grid-template-columns: 1fr; }
  #mda-site .mda-audit .mda-button { width: fit-content; }
  #mda-site .mda-faq-copy { position: static; }
  #mda-site .mda-footer-grid { grid-template-columns: 1fr 1fr; }
  #mda-site .mda-footer-bottom { grid-template-columns: 1fr; text-align: left; }
  #mda-site .mda-legal { text-align: left; }
}

@media (max-width: 680px) {
  body.admin-bar #mda-site .mda-header { top: 54px; }
  #mda-site .mda-container,
  #mda-site .mda-hero-content { width: min(100% - 32px,1180px); }
  #mda-site .mda-header { top: 13px; width: calc(100% - 16px); }
  #mda-site .mda-nav { min-height: 56px; }
  #mda-site .mda-hero { min-height: 920px; }
  #mda-site .mda-hero-content { margin: 112px auto 42px; }
  #mda-site .mda-kicker { flex-wrap: wrap; gap: 9px; margin-bottom: 24px; font-size: 9px; }
  #mda-site .mda-kicker-line { display: none; }
  #mda-site .mda-hero h1 { font-size: clamp(48px,14.7vw,72px); line-height: .88; }
  #mda-site .mda-hero-copy { margin-top: 25px; font-size: 15px; line-height: 1.65; }
  #mda-site .mda-actions { flex-direction: column; }
  #mda-site .mda-button { width: 100%; }
  #mda-site .mda-search-demo { margin-top: 37px; border-radius: 15px; }
  #mda-site .mda-demo-bar { font-size: 8px; }
  #mda-site .mda-search-row { grid-template-columns: auto 1fr; margin: 12px; border-radius: 12px; }
  #mda-site .mda-search-button { grid-column: 1 / -1; text-align: center; }
  #mda-site .mda-demo-flow { grid-template-columns: 1fr 1fr; }
  #mda-site .mda-demo-flow span { border-bottom: 1px solid rgba(255,255,255,.06); }
  #mda-site .mda-demo-flow span:nth-child(2) { border-right: 0; }
  #mda-site .mda-demo-flow span:nth-child(2):after { display: none; }
  #mda-site .mda-demo-flow span:nth-child(3), #mda-site .mda-demo-flow span:nth-child(4) { border-bottom: 0; }
  #mda-site .mda-section { padding: 94px 0; }
  #mda-site .mda-heading { gap: 30px; margin-bottom: 42px; }
  #mda-site .mda-heading h2,
  #mda-site .mda-copy h2,
  #mda-site .mda-process-intro h2,
  #mda-site .mda-fit-intro h2,
  #mda-site .mda-faq-copy h2 { font-size: clamp(43px,12.5vw,61px); }
  #mda-site .mda-heading > p { font-size: 14px; }
  #mda-site .mda-journey-grid { grid-template-columns: 1fr; }
  #mda-site .mda-journey-card { min-height: 300px; border-right: 0; border-bottom: 1px solid var(--mda-line) !important; }
  #mda-site .mda-journey-card:last-child { border-bottom: 0 !important; }
  #mda-site .mda-service-card { min-height: 420px; padding: 23px; }
  #mda-site .mda-case-frame { border-radius: 17px; }
  #mda-site .mda-audit-box { padding: 55px 24px; border: 1px solid var(--mda-line); border-radius: 18px; }
  #mda-site .mda-audit { padding: 0 16px; }
  #mda-site .mda-process-list li { grid-template-columns: 42px 1fr; }
  #mda-site .mda-process-list li div { grid-template-columns: 1fr; gap: 11px; }
  #mda-site .mda-fit-grid { grid-template-columns: 1fr; }
  #mda-site .mda-fit-card { padding: 24px; }
  #mda-site .mda-about { min-height: auto; }
  #mda-site .mda-monogram { min-height: 350px; }
  #mda-site .mda-about-points { grid-template-columns: 1fr; }
  #mda-site .mda-about-points span { flex-direction: row; align-items: center; border-bottom: 1px solid var(--mda-line); }
  #mda-site .mda-about-points span:last-child { border-bottom: 0; }
  #mda-site .mda-faq-answer { padding-right: 12px; }
  #mda-site .mda-contact { min-height: 680px; }
  #mda-site .mda-contact h2 { font-size: clamp(50px,14.5vw,78px); }
  #mda-site .mda-footer-grid { grid-template-columns: 1fr; gap: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  #mda-site *, #mda-site *:before, #mda-site *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  #mda-site .mda-reveal { opacity: 1; transform: none; }
}

/* Space for the shared fixed header; keep hero spacing in one place. */
#md-site #mda-site .mda-reveal{opacity:1;transform:none}
#md-site #mda-site{overflow:clip}
#md-site #mda-site .mda-hero{display:block;min-height:0;padding:132px 0 64px}
#md-site #mda-site .mda-hero-content{margin:0 auto}
@media(max-width:680px){#md-site #mda-site .mda-hero{padding:112px 0 48px}}