/* ===========================================================================
   MERTOZ DIGITAL — cinematic light-theme stylesheet
   Production static site. Styles live under the .mertoz-site root so the
   design system stays self-contained and easy to maintain.
   Sections: tokens · reset · ambience · nav · hero ·
             services · about · process · contact · footer
   =========================================================================== */

/* ---- Reset (scoped to the site root) ---- */
.mertoz-site, .mertoz-site * { box-sizing: border-box; }
.mertoz-site *::before, .mertoz-site *::after { box-sizing: border-box; }

.mertoz-site {
  /* tokens */
  --m-bg: #ffffff;
  --m-bg-2: #f6f7fb;
  --m-bg-3: #eceef5;
  --m-ink: #15171e;        /* deep charcoal */
  --m-ink-2: #3b3f4a;
  --m-ink-soft: #6b7180;   /* muted */
  --m-faint: #a6abb8;
  --m-line: #e4e7ef;
  --m-accent: #2f5dff;     /* elegant blue */
  --m-accent-2: #6a8bff;
  --m-accent-soft: #eaf0ff;
  --m-blue: #7ab0ff;
  --m-violet: #b9c6ff;
  --m-max: 1240px;
  --m-ease: cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  margin: 0;
  padding: 0;
  background: var(--m-bg);
  color: var(--m-ink);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

/* neutralise common theme styles, scoped — :where() keeps specificity at 0
   so the component classes below always win without !important */
.mertoz-site :where(h1, h2, h3, h4, h5, h6, p, figure, ul, ol, li, blockquote) {
  margin: 0; padding: 0; font: inherit; color: inherit; list-style: none;
}
.mertoz-site :where(a) { color: inherit; text-decoration: none; }
.mertoz-site :where(button) { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.mertoz-site :where(img) { max-width: 100%; display: block; }

.mertoz-site em {
  font-family: "Instrument Serif", Georgia, serif;
  font-style: italic; font-weight: 400; letter-spacing: 0;
}
.mertoz-site ::selection { background: var(--m-accent); color: #fff; }

/* ---- Ambient background (soft light blobs) ---- */
.mertoz-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.mertoz-blob {
  position: absolute; border-radius: 50%;
  filter: blur(70px); opacity: 0.55; will-change: transform;
}
.mertoz-blob.b1 { width: 46vw; height: 46vw; top: -8vw; left: -6vw;
  background: radial-gradient(circle, var(--m-violet), transparent 65%); }
.mertoz-blob.b2 { width: 40vw; height: 40vw; top: 30vh; right: -10vw;
  background: radial-gradient(circle, var(--m-blue), transparent 65%); opacity: 0.4; }
.mertoz-blob.b3 { width: 38vw; height: 38vw; bottom: -6vw; left: 20vw;
  background: radial-gradient(circle, #ffd9ec, transparent 65%); opacity: 0.45; }

/* ---- Cursor spotlight (subtle) ---- */
.mertoz-spot {
  position: fixed; top: 0; left: 0; width: 520px; height: 520px;
  margin: -260px 0 0 -260px; border-radius: 50%; pointer-events: none; z-index: 1;
  background: radial-gradient(circle, rgba(47,93,255,0.10), transparent 60%);
  mix-blend-mode: multiply; opacity: 0; transition: opacity 0.4s var(--m-ease);
  will-change: transform;
}

/* ---- Scroll progress ---- */
.mertoz-progress {
  position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 60;
  background: transparent;
}
.mertoz-progress > i {
  display: block; height: 100%; width: 0%;
  background: linear-gradient(90deg, var(--m-accent), var(--m-accent-2));
}

/* content above ambience */
.mertoz-site > .mertoz-nav,
.mertoz-site > .mertoz-main,
.mertoz-site > .mertoz-foot { position: relative; z-index: 2; }

/* ---- Navigation ---- */
.mertoz-nav {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between;
  padding: 1.1rem clamp(1.25rem, 5vw, 3.5rem);
  background: rgba(255,255,255,0.72);
  backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid var(--m-line);
}
.mertoz-brand { display: flex; align-items: center; gap: 0.6rem; font-weight: 700; letter-spacing: -0.02em; font-size: 1.05rem; }
.mertoz-brand .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--m-accent); }
.mertoz-nav-links { display: flex; gap: 2rem; }
.mertoz-navlink { font-size: 0.9rem; color: var(--m-ink-soft); transition: color 0.25s; }
.mertoz-navlink:hover { color: var(--m-ink); }
.mertoz-nav-cta {
  font-size: 0.88rem; font-weight: 600; color: #fff;
  background: var(--m-ink); padding: 0.6rem 1.1rem; border-radius: 100px;
  transition: transform 0.25s var(--m-ease), background 0.25s;
}
.mertoz-nav-cta:hover { background: var(--m-accent); transform: translateY(-1px); }
@media (max-width: 800px) { .mertoz-nav-links { display: none; } }

/* ---- Section primitives ---- */
.mertoz-section { position: relative; max-width: var(--m-max); margin: 0 auto;
  padding: clamp(6rem, 16vh, 12rem) clamp(1.25rem, 5vw, 2.5rem); }
.mertoz-kicker {
  display: inline-flex; align-items: center; gap: 0.6rem;
  font-size: 0.78rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--m-accent); margin-bottom: 1.75rem;
}
.mertoz-kicker::before { content: ""; width: 26px; height: 1px; background: var(--m-accent); display: inline-block; }
.mertoz-h2 {
  font-size: clamp(2.2rem, 6vw, 4.6rem); font-weight: 700; line-height: 1.04;
  letter-spacing: -0.035em; max-width: 18ch;
}
.mertoz-lead { margin-top: 1.6rem; max-width: 52ch; color: var(--m-ink-soft);
  font-size: clamp(1.05rem, 2vw, 1.35rem); font-weight: 300; }

/* ---- Buttons ---- */
.mertoz-cta {
  display: inline-flex; align-items: center; gap: 0.7rem;
  font-size: 1rem; font-weight: 600; color: #fff;
  background: var(--m-accent); padding: 1rem 1.7rem; border-radius: 100px;
  box-shadow: 0 18px 40px -18px rgba(47,93,255,0.7);
  transition: transform 0.3s var(--m-ease), gap 0.3s var(--m-ease), box-shadow 0.3s;
}
.mertoz-cta:hover { transform: translateY(-2px); gap: 1.1rem; box-shadow: 0 24px 50px -16px rgba(47,93,255,0.8); }
.mertoz-cta svg { width: 18px; height: 18px; }
.mertoz-cta.ghost { background: transparent; color: var(--m-ink); border: 1px solid var(--m-line); box-shadow: none; }
.mertoz-cta.ghost:hover { border-color: var(--m-accent); color: var(--m-accent); }

/* =========================== HERO =========================== */
.mertoz-hero {
  position: relative; min-height: 100vh; display: flex; flex-direction: column;
  justify-content: center; max-width: var(--m-max); margin: 0 auto;
  padding: 7rem clamp(1.25rem, 5vw, 3.5rem) 6rem;
}
.mertoz-hero-eyebrow { font-size: 0.85rem; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--m-ink-soft); margin-bottom: 1.6rem; }
.mertoz-hero-title { font-size: clamp(2.7rem, 8.5vw, 7rem); font-weight: 700;
  line-height: 1.0; letter-spacing: -0.04em; max-width: 16ch; }
.mertoz-hero-sub { margin-top: 1.8rem; max-width: 40ch; color: var(--m-ink-soft);
  font-size: clamp(1.1rem, 2.2vw, 1.5rem); font-weight: 300; }
.mertoz-hero-actions { margin-top: 2.6rem; display: flex; gap: 1rem; flex-wrap: wrap; }
.mertoz-hero-figure {
  position: absolute; right: clamp(1rem, 5vw, 4rem); top: 50%; transform: translateY(-50%);
  width: clamp(180px, 26vw, 360px); aspect-ratio: 1; border-radius: 30px;
  background: linear-gradient(150deg, var(--m-accent), var(--m-accent-2) 55%, #9ec2ff);
  box-shadow: 0 40px 90px -30px rgba(47,93,255,0.6); opacity: 0.9; z-index: 0;
}
.mertoz-hero-figure::after {
  content: ""; position: absolute; inset: 14px; border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.35);
}
@media (max-width: 900px) { .mertoz-hero-figure { display: none; } }
.mertoz-scrollcue { position: absolute; bottom: 2rem; left: clamp(1.25rem,5vw,3.5rem);
  display: flex; align-items: center; gap: 0.7rem; color: var(--m-faint);
  font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; }
.mertoz-scrollcue .line { width: 46px; height: 1px; background: var(--m-faint); overflow: hidden; position: relative; }
.mertoz-scrollcue .line::after { content:""; position:absolute; inset:0; background: var(--m-accent);
  transform: translateX(-100%); animation: mz-cue 2.4s var(--m-ease) infinite; }
@keyframes mz-cue { 0%{transform:translateX(-100%)} 60%{transform:translateX(100%)} 100%{transform:translateX(100%)} }

/* =========================== SERVICES (editorial list) =========================== */
.mertoz-srv { margin-top: clamp(3rem, 7vw, 5rem); }
.mertoz-srv-row {
  position: relative; display: flex; align-items: center; justify-content: space-between;
  padding: clamp(1.6rem, 4vw, 2.8rem) clamp(1rem,2vw,1.5rem);
  border-top: 1px solid var(--m-line); overflow: hidden; isolation: isolate;
}
.mertoz-srv:last-child { border-bottom: 1px solid var(--m-line); }
.mertoz-srv-row:last-child { border-bottom: 1px solid var(--m-line); }
.mertoz-srv-row::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: var(--m-bg-2);
  transform: translateY(101%); transition: transform 0.5s var(--m-ease);
}
.mertoz-srv-row:hover::before { transform: translateY(0); }
.mertoz-srv-head { display: flex; align-items: center; gap: clamp(0.9rem, 2vw, 1.4rem);
  transition: transform 0.5s var(--m-ease); }
.mertoz-srv-row:hover .mertoz-srv-head { transform: translateX(18px); }
.mertoz-srv-logo { flex: none; display: grid; place-items: center;
  width: clamp(34px, 5vw, 48px); height: clamp(34px, 5vw, 48px); }
.mertoz-srv-logo svg { width: 100%; height: 100%; display: block; }
.mertoz-srv-name { font-size: clamp(1.9rem, 6vw, 4rem); font-weight: 600; letter-spacing: -0.035em;
  transition: color 0.4s; }
.mertoz-srv-row:hover .mertoz-srv-name { color: var(--m-accent); }
.mertoz-srv-meta { display: flex; align-items: center; gap: 1.5rem; color: var(--m-ink-soft);
  font-size: 0.95rem; transition: transform 0.5s var(--m-ease); }
.mertoz-srv-row:hover .mertoz-srv-meta { transform: translateX(-10px); }
.mertoz-srv-arrow { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--m-line);
  display: grid; place-items: center; transition: background 0.4s, border-color 0.4s, color 0.4s; }
.mertoz-srv-row:hover .mertoz-srv-arrow { background: var(--m-accent); border-color: var(--m-accent); color: #fff; }
.mertoz-srv-arrow svg { width: 16px; height: 16px; }
@media (max-width: 620px) { .mertoz-srv-meta .tag { display: none; } }

/* =========================== PROCESS (journey) =========================== */
.mertoz-proc { position: relative; margin-top: clamp(3rem, 7vw, 5rem); }
.mertoz-proc-track { position: relative; display: grid; grid-template-columns: repeat(4, 1fr);
  gap: clamp(1rem, 3vw, 2.5rem); }
.mertoz-proc-line { position: absolute; top: 22px; left: 0; right: 0; height: 2px; background: var(--m-line); }
.mertoz-proc-line > i { display: block; height: 100%; width: 100%; transform-origin: left;
  transform: scaleX(0); background: linear-gradient(90deg, var(--m-accent), var(--m-accent-2)); }
.mertoz-step { position: relative; }
.mertoz-step .node { width: 46px; height: 46px; border-radius: 50%; background: var(--m-bg);
  border: 2px solid var(--m-line); display: grid; place-items: center; font-weight: 700;
  color: var(--m-ink-soft); position: relative; z-index: 1; transition: all 0.4s var(--m-ease); }
.mertoz-step.is-on .node { border-color: var(--m-accent); color: #fff; background: var(--m-accent); }
.mertoz-step h3 { margin-top: 1.4rem; font-size: clamp(1.3rem, 2.6vw, 1.8rem); font-weight: 700; letter-spacing: -0.02em; }
.mertoz-step p { margin-top: 0.5rem; color: var(--m-ink-soft); font-weight: 300; font-size: 0.98rem; max-width: 24ch; }
@media (max-width: 760px) {
  .mertoz-proc-track { grid-template-columns: 1fr; gap: 2rem; }
  .mertoz-proc-line { top: 0; bottom: 0; left: 22px; right: auto; width: 2px; height: auto; }
  .mertoz-proc-line > i { width: 2px; height: 100%; transform-origin: top; transform: scaleY(0); }
  .mertoz-step { padding-left: 4rem; }
  .mertoz-step .node { position: absolute; left: 0; top: 0; }
}

/* =========================== CONTACT =========================== */
.mertoz-contact { position: relative; text-align: center; overflow: hidden;
  margin-top: clamp(3rem, 8vw, 6rem); }
.mertoz-contact-inner { position: relative; max-width: var(--m-max); margin: 0 auto;
  padding: clamp(6rem, 16vh, 11rem) clamp(1.25rem, 5vw, 2.5rem); z-index: 2; }
.mertoz-contact-title { font-size: clamp(2.4rem, 7vw, 5.5rem); font-weight: 700; line-height: 1.03;
  letter-spacing: -0.035em; max-width: 16ch; margin: 0 auto 2.4rem; }
.mertoz-contact-sub { max-width: 46ch; margin: 0 auto 2.4rem; color: var(--m-ink-soft);
  font-size: clamp(1.05rem, 2vw, 1.25rem); font-weight: 300; }
.mertoz-contact-bg { position: absolute; inset: 0; z-index: 0;
  background: radial-gradient(60% 80% at 50% 30%, var(--m-accent-soft), transparent 70%); }

/* ---- Footer ---- */
.mertoz-foot { border-top: 1px solid var(--m-line); padding: 3rem clamp(1.25rem,5vw,2.5rem);
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem;
  color: var(--m-ink-soft); font-size: 0.9rem; max-width: var(--m-max); margin: 0 auto; }

/* =========================== Animation helpers =========================== */
.mertoz-split .mz-mask { display: inline-block; overflow: hidden; vertical-align: top; }
.mertoz-split .mz-word { display: inline-block; will-change: transform; }
.mertoz-reveal { will-change: transform, opacity; }

/* Fallback if JS/GSAP missing */
.mertoz-site.no-anim .mertoz-reveal,
.mertoz-site.no-anim .mertoz-split { opacity: 1 !important; transform: none !important; }
.mertoz-site.no-anim .mertoz-proc-line > i { transform: scaleX(1); }

@media (prefers-reduced-motion: reduce) {
  .mertoz-scrollcue .line::after, .mertoz-blob { animation: none; }
}

/* ---- Skip link (accessibility) ---- */
.mertoz-site .mertoz-skip {
  position: absolute; left: 0.75rem; top: 0.75rem; z-index: 100;
  transform: translateY(-200%); background: var(--m-accent); color: #fff;
  padding: 0.7rem 1.1rem; border-radius: 10px; font-weight: 600; font-size: 0.9rem;
  transition: transform 0.25s var(--m-ease);
}
.mertoz-site .mertoz-skip:focus { transform: translateY(0); outline: none; }

/* ---- Language switcher (DE / EN) ---- */
.mertoz-site .mertoz-nav-right { display: flex; align-items: center; gap: 1.25rem; }
.mertoz-site .mertoz-lang {
  display: inline-flex; align-items: center; gap: 0.4rem;
  font-size: 0.82rem; font-weight: 600; color: var(--m-faint); letter-spacing: 0.02em;
}
.mertoz-site .mertoz-lang button {
  color: var(--m-faint); padding: 0.15rem 0.1rem; transition: color 0.25s var(--m-ease);
}
.mertoz-site .mertoz-lang button:hover { color: var(--m-ink); }
.mertoz-site .mertoz-lang button.is-active { color: var(--m-accent); }
@media (max-width: 480px) {
  .mertoz-site .mertoz-nav-cta { display: none; }   /* keep nav clean on small phones */
}

/* ===========================================================================
   MAGNETTO-INSPIRED PREMIUM LAYER
   Floating glass pill nav · monospace art-direction labels ·
   art-directed hero image · image-led case cards
   =========================================================================== */

/* ---- Monospace label utility ---- */
.mertoz-site .mz-mono { font-family: "Space Mono", ui-monospace, "SFMono-Regular", monospace; }
.mertoz-site .mertoz-kicker,
.mertoz-site .mertoz-srv-meta .tag,
.mertoz-site .mertoz-hero-figlabel { font-family: "Space Mono", ui-monospace, monospace; }

/* ---- Floating glass pill navigation ---- */
.mertoz-site .mertoz-nav {
  position: fixed; top: 1rem; left: 0; right: 0; bottom: auto; z-index: 50;
  display: flex; justify-content: center; padding: 0 1rem;
  background: none; border: 0; backdrop-filter: none;
}
.mertoz-site .mertoz-nav-pill {
  display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.25rem);
  padding: 0.55rem 0.6rem 0.55rem 1.25rem;
  background: rgba(255,255,255,0.72);
  backdrop-filter: saturate(180%) blur(16px); -webkit-backdrop-filter: saturate(180%) blur(16px);
  border: 1px solid rgba(255,255,255,0.65); border-radius: 100px;
  box-shadow: 0 20px 50px -26px rgba(21,23,30,0.45), inset 0 1px 0 rgba(255,255,255,0.8);
  max-width: min(100%, 1080px);
}
/* The brand is a single unified wordmark — "Mertoz Digital" reads as one logo,
   not "Mertoz" + a muted "Digital" tag. */
.mertoz-site .mertoz-nav-pill .mertoz-nav-links { gap: 1.4rem; }

/* ---- Art-directed hero image ---- */
.mertoz-site .mertoz-hero-figure { overflow: hidden; }
.mertoz-site .mertoz-hero-img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; border-radius: inherit; filter: contrast(1.02) saturate(1.04);
}
.mertoz-site .mertoz-hero-figlabel {
  position: absolute; left: 16px; bottom: 14px; z-index: 2; color: #fff;
  font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.95;
}

/* ---- Interactive 3D hero object ---- */
.mertoz-site .mertoz-hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%;
  display: block; z-index: 1; }
.mertoz-site .mertoz-hero-figure.is-3d {
  width: clamp(240px, 32vw, 440px);
  background: none; box-shadow: none; border: 0; overflow: visible;
}
.mertoz-site .mertoz-hero-figure.is-3d::after { display: none; }
.mertoz-site .mertoz-hero-figure.is-3d .mertoz-hero-img,
.mertoz-site .mertoz-hero-figure.is-3d .mertoz-hero-figlabel { display: none; }

/* ===========================================================================
   HEADER MOBILE MENU · FOOTER · LEGAL PAGES
   =========================================================================== */

/* ---- Hamburger ---- */
.mertoz-site .mertoz-burger {
  display: none; width: 40px; height: 40px; border-radius: 11px;
  flex-direction: column; align-items: center; justify-content: center; gap: 5px;
}
.mertoz-site .mertoz-burger span { display: block; width: 20px; height: 2px; border-radius: 2px;
  background: var(--m-ink); transition: transform 0.3s var(--m-ease), opacity 0.25s; }
.mertoz-site .mertoz-burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mertoz-site .mertoz-burger.is-open span:nth-child(2) { opacity: 0; }
.mertoz-site .mertoz-burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 800px) {
  .mertoz-site .mertoz-nav-right { display: none; }
  .mertoz-site .mertoz-burger { display: flex; }
  .mertoz-site .mertoz-nav-pill { gap: 1rem; padding: 0.5rem 0.55rem 0.5rem 1.1rem; }
}

/* ---- Mobile menu overlay ---- */
.mertoz-site .mertoz-mobile {
  position: fixed; inset: 0; z-index: 55;
  background: rgba(255,255,255,0.97); backdrop-filter: blur(20px);
  display: flex; flex-direction: column; justify-content: center; gap: 2.5rem;
  padding: 6rem clamp(1.5rem, 8vw, 3rem) 3rem;
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: opacity 0.35s var(--m-ease), transform 0.35s var(--m-ease), visibility 0.35s;
}
.mertoz-site .mertoz-mobile.is-open { opacity: 1; visibility: visible; transform: none; }
.mertoz-site .mertoz-mobile-nav { display: flex; flex-direction: column; gap: 1.3rem; }
.mertoz-site .mertoz-mobile-nav a { font-size: clamp(1.6rem, 7vw, 2.1rem); font-weight: 600;
  letter-spacing: -0.025em; color: var(--m-ink); }
.mertoz-site .mertoz-mobile-nav a:hover { color: var(--m-accent); }
.mertoz-site .mertoz-mobile-foot { display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; border-top: 1px solid var(--m-line); padding-top: 1.75rem; flex-wrap: wrap; }

/* ---- Footer (with legal + language links) ---- */
.mertoz-site .mertoz-foot-brand { display: flex; align-items: center; gap: 0.5rem;
  font-weight: 700; color: var(--m-ink); letter-spacing: -0.02em; }
.mertoz-site .mertoz-foot-brand .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--m-accent); }
.mertoz-site .mertoz-foot-links { display: flex; gap: 1.6rem; }
.mertoz-site .mertoz-foot-links a { color: var(--m-ink-soft); font-size: 0.92rem; transition: color 0.25s; }
.mertoz-site .mertoz-foot-links a:hover { color: var(--m-accent); }
.mertoz-site .mertoz-foot-meta { display: flex; align-items: center; gap: 1.25rem; }
.mertoz-site .mertoz-foot-copy { color: var(--m-faint); font-size: 0.88rem; }
@media (max-width: 640px) {
  .mertoz-site .mertoz-foot { flex-direction: column; align-items: flex-start; gap: 1.4rem; }
}

/* ---- Legal pages (Impressum / Datenschutz) ---- */
.mertoz-site .mertoz-legal { max-width: 820px; margin: 0 auto;
  padding: 9rem clamp(1.25rem, 5vw, 2rem) 5rem; }
.mertoz-site .mertoz-legal .back { display: inline-block; margin-bottom: 2rem;
  color: var(--m-ink-soft); font-size: 0.9rem; }
.mertoz-site .mertoz-legal .back:hover { color: var(--m-accent); }
.mertoz-site .mertoz-legal h1 { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700;
  letter-spacing: -0.03em; margin-bottom: 1.75rem; }
.mertoz-site .mertoz-legal h2 { font-size: 1.25rem; font-weight: 600; margin: 2.25rem 0 0.6rem; }
.mertoz-site .mertoz-legal p { color: var(--m-ink-soft); font-weight: 300; line-height: 1.75; margin-bottom: 0.7rem; }
.mertoz-site .mertoz-legal strong { color: var(--m-ink); font-weight: 600; }
.mertoz-site .mertoz-legal a { color: var(--m-accent); }