
/* === wp-custom-css === */

			/* MN Clean Header */
.ast-header-break-point .ast-mobile-header-wrap,
.main-header-bar { border-bottom: 1px solid #EAECF0 !important; }
.main-header-bar { box-shadow: none !important; }

/* Hide footer attribution */
.site-footer, .ast-footer-copyright, .site-below-footer-wrap,
[data-section="section-below-footer-builder"] { display: none !important; }

/* Hide page title */
header.entry-header, .entry-header, .entry-header h1,
.ast-page-title-area, .ast-breadcrumbs-wrapper, .page-header { display: none !important; }

/* Full-width Elementor containers - only reset inner wrapper padding */
.elementor-page .e-con-inner { max-width: 100% !important; padding: 0 !important; }

/* Beige body */
body.page, body.page #page, body.page .site-content, body.page #main { background: #F6F4EF !important; }

/* Zero padding content area */
.ast-page-builder-template .ast-content-area-inner,
.ast-page-builder-template .site-content,
.entry-content { padding: 0 !important; margin: 0 !important; }

/* H1 blue accent via span.mn-accent */
.elementor-heading-title .mn-accent { color: #5172FF; }

/* Typewriter: inline so it flows after "die", heading reserves fixed height */
.elementor-heading-title .mn-accent.mn-typewriter-wrap {
  display: inline;
}
.elementor-heading-title:has(.mn-typewriter-wrap) {
  min-height: 5em;
  display: block;
}

/* Typewriter cursor */
.mn-typewriter-wrap::after {
  content: '|';
  color: #5172FF;
  animation: mn-blink 0.65s step-end infinite;
  font-weight: 800;
}
@keyframes mn-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Remove link underlines inside Elementor HTML widgets */
.elementor-widget-html a { text-decoration: none !important; }

/* CTA form inputs styling on dark bg */
.mn-cta-input { background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.15) !important; color: #fff !important; }
.mn-cta-input::placeholder { color: rgba(255,255,255,0.4) !important; }

/* ── Leistungen Grid ── */
.mn-ls {
  padding: 0 24px;
}
.mn-ls-inner {
  max-width: 1120px;
  margin: 0 auto;
}
.mn-ls-head {
  max-width: 640px;
  margin-bottom: 56px;
}
.mn-ls-kicker {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5172FF;
  margin: 0 0 14px;
}
.mn-ls-title {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.15;
  color: #0E1411;
  margin: 0 0 16px;
}
.mn-ls-sub {
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: rgba(14,20,17,0.55);
  margin: 0;
}
.mn-ls-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  background: #EAECF0;
  border-radius: 16px;
  overflow: hidden;
}
.mn-ls-card {
  display: flex;
  flex-direction: column;
  padding: 32px 28px 28px;
  background: #fff;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.2s ease;
  position: relative;
  z-index: 0;
}
.mn-ls-card:hover {
  background: #F0F3FF;
  transform: scale(1.015);
  z-index: 1;
  box-shadow: 0 4px 24px rgba(81,114,255,0.10);
  border-radius: 14px;
}
.mn-ls-icon {
  width: 48px;
  height: 48px;
  background: #F0F3FF;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5172FF;
  margin-bottom: 20px;
  flex-shrink: 0;
  transition: background 0.2s;
}
.mn-ls-card:hover .mn-ls-icon {
  background: #5172FF;
  color: #fff;
}
.mn-ls-card-title {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #0E1411;
  margin: 0 0 10px;
  line-height: 1.3;
}
.mn-ls-card-desc {
  font-family: 'Inter', sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
  color: rgba(14,20,17,0.6);
  margin: 0 0 20px;
  flex-grow: 1;
}
.mn-ls-link {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #5172FF;
  margin-top: auto;
  transition: gap 0.2s;
}
@media (max-width: 768px) {
  .mn-ls-grid { grid-template-columns: 1fr; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .mn-ls-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── MN Site Styles ── */
@import url('/wp-content/uploads/fonts/fonts.css');

/* ── Reset ── */

/* ── Tokens ── */
:root{
  --blue:#5172FF;
  --blue-dark:#3a58e0;
  --blue-light:rgba(81,114,255,0.08);
  --accent:#B9F2C8;
  --ink:#0E1411;
  --ink-muted:rgba(14,20,17,0.55);
  --bg:#F6F4EF;
  --paper:#FFFFFF;
  --border:rgba(14,20,17,0.1);
  --radius:14px;
  --radius-lg:24px;
  --wrap:min(1120px,calc(100% - 48px));
}

/* ── Type ── */
.mn-display{
  font-family:'Outfit',sans-serif;
  font-size:clamp(38px,4vw,60px);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-0.03em;
  color:var(--ink);
}
.mn-display .accent{color:var(--blue);}
.mn-h2{
  font-family:'Outfit',sans-serif;
  font-size:clamp(32px,4.5vw,56px);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-0.025em;
  color:var(--ink);
}
.mn-h3{
  font-family:'Outfit',sans-serif;
  font-size:clamp(22px,3vw,32px);
  font-weight:600;
  line-height:1.2;
  letter-spacing:-0.015em;
  color:var(--ink);
}
.mn-lead{font-size:17px;line-height:1.7;color:var(--ink-muted);}
.mn-label{
  font-family:'Inter',sans-serif;
  font-size:11px;font-weight:600;
  letter-spacing:0.1em;text-transform:uppercase;
  color:var(--ink-muted);
  display:block;margin-bottom:14px;
}

/* ── Layout ── */
.mn-wrap{max-width:var(--wrap);margin:0 auto;padding:0;}
.mn-section{padding:clamp(72px,8vw,120px) 24px;}

/* ── Buttons ── */
.mn-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 26px;border-radius:999px;
  font-family:'Inter',sans-serif;
  font-size:15px;font-weight:500;
  text-decoration:none;
  transition:all 0.2s ease;
  cursor:pointer;border:none;
  white-space:nowrap;
}
.mn-btn-primary{background:var(--ink);color:#fff;}
.mn-btn-primary:hover{background:#1a2520;transform:translateY(-1px);box-shadow:0 6px 20px rgba(14,20,17,0.2);}
.mn-btn-accent{background:var(--accent);color:var(--ink);}
.mn-btn-accent:hover{background:#9de8b0;transform:translateY(-1px);}
.mn-btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--ink);}
.mn-btn-ghost:hover{border-color:var(--ink);background:rgba(14,20,17,0.04);}
.mn-btn-blue{background:var(--blue);color:#fff;}
.mn-btn-blue:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(81,114,255,0.3);}

/* ════════════════════════════════════
   HERO
════════════════════════════════════ */
.mn-hero{
  padding:clamp(48px,4vw,72px) 24px clamp(48px,4vw,72px);
  background:var(--bg);
  position:relative;
  overflow:hidden;
}
.mn-hero::before{
  content:'';
  position:absolute;
  top:-200px;right:-200px;
  width:700px;height:700px;
  background:radial-gradient(circle,rgba(81,114,255,0.07) 0%,transparent 65%);
  pointer-events:none;
}
.mn-hero-inner{
  max-width:var(--wrap);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(40px,5vw,80px);
  align-items:center;
}
.mn-hero-left{}
.mn-hero-right{
  position:relative;
  display:flex;
  justify-content:center;
}
@media(max-width:900px){
  .mn-hero-inner{grid-template-columns:1fr;}
  .mn-hero-right{display:none;}
}

/* ── Hero Visual ── */
.mn-hero-visual{
  position:relative;
  width:100%;
  max-width:480px;
}
/* Browser mockup card */
.mn-browser-card{
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:0 24px 60px rgba(14,20,17,0.1),0 8px 24px rgba(14,20,17,0.06);
}
.mn-browser-bar{
  display:flex;align-items:center;gap:10px;
  padding:12px 16px;
  border-bottom:1px solid var(--border);
  background:#f9f9f9;
}
.mn-browser-dots{display:flex;gap:6px;}
.mn-browser-dots span{
  width:10px;height:10px;border-radius:50%;
  display:block;
}
.mn-browser-dots span:nth-child(1){background:#ff5f57;}
.mn-browser-dots span:nth-child(2){background:#febc2e;}
.mn-browser-dots span:nth-child(3){background:#28c840;}
.mn-browser-url{
  flex:1;background:#eeeeee;border-radius:6px;
  padding:4px 10px;font-size:11px;color:#999;
  font-family:'Inter',sans-serif;
}
.mn-browser-content{
  padding:20px;
  background:var(--bg);
  min-height:260px;
  display:flex;flex-direction:column;gap:14px;
}
.mn-bc-header{
  height:36px;background:var(--ink);border-radius:8px;
  display:flex;align-items:center;padding:0 14px;gap:10px;
}
.mn-bc-header-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.3);}
.mn-bc-hero-block{
  background:linear-gradient(135deg,rgba(81,114,255,0.08) 0%,rgba(185,242,200,0.15) 100%);
  border-radius:10px;padding:18px;
}
.mn-bc-title{height:14px;background:var(--ink);border-radius:4px;width:70%;margin-bottom:8px;opacity:0.85;}
.mn-bc-title-sm{height:10px;background:var(--ink);border-radius:4px;width:50%;margin-bottom:12px;opacity:0.3;}
.mn-bc-btn{
  display:inline-block;
  background:var(--blue);border-radius:999px;
  height:28px;width:120px;
}
.mn-bc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mn-bc-card{
  background:var(--paper);border:1px solid var(--border);
  border-radius:8px;padding:12px;
}
.mn-bc-card-icon{
  width:24px;height:24px;border-radius:6px;
  background:var(--accent);margin-bottom:8px;
}
.mn-bc-card-line{height:8px;background:var(--ink);border-radius:3px;opacity:0.15;margin-bottom:6px;}
.mn-bc-card-line-sm{height:6px;background:var(--ink);border-radius:3px;opacity:0.08;width:70%;}

/* Floating badge */
.mn-badge-result{
  position:absolute;
  bottom:-16px;left:-24px;
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:12px 16px;
  display:flex;align-items:center;gap:10px;
  box-shadow:0 8px 24px rgba(14,20,17,0.1);
  white-space:nowrap;
  z-index:2;
}
.mn-badge-result-icon{
  width:36px;height:36px;border-radius:10px;
  background:var(--accent);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
}
.mn-badge-result strong{
  display:block;font-family:'Outfit',sans-serif;
  font-size:18px;font-weight:700;color:var(--ink);
  line-height:1;
}
.mn-badge-result span{font-size:11px;color:var(--ink-muted);}

/* Floating review card */
.mn-badge-review{
  position:absolute;
  top:-16px;right:-16px;
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:12px 16px;
  box-shadow:0 8px 24px rgba(14,20,17,0.1);
  max-width:200px;
  z-index:2;
}
.mn-badge-review-stars{color:#f59e0b;font-size:12px;margin-bottom:4px;}
.mn-badge-review p{font-size:12px;color:var(--ink);line-height:1.4;margin-bottom:6px;font-style:italic;}
.mn-badge-review cite{font-size:11px;color:var(--ink-muted);font-style:normal;}
.mn-hero-kicker{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:999px;
  padding:6px 16px 6px 6px;
  font-size:13px;font-weight:500;color:var(--ink);
  margin-bottom:20px;
}
.mn-hero-kicker-dot{
  width:28px;height:28px;border-radius:50%;
  background:var(--accent);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;
}
.mn-hero-title{
  max-width:900px;
  margin-bottom:14px;
}
.mn-hero-title .line2{
  display:block;
  color:var(--blue);
  position:relative;
}
.mn-hero-sub{
  max-width:560px;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.6;
  color:var(--ink-muted);
  margin-bottom:24px;
}
.mn-hero-actions{
  display:flex;gap:12px;flex-wrap:wrap;
  margin-bottom:32px;
}
/* Stats row */
.mn-hero-stats{
  display:flex;gap:0;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--paper);
  overflow:hidden;
  max-width:fit-content;
}
.mn-hero-stat{
  padding:14px 24px;
  border-right:1px solid var(--border);
  text-align:center;
}
.mn-hero-stat:last-child{border-right:none;}
.mn-hero-stat strong{
  display:block;
  font-family:'Outfit',sans-serif;
  font-size:28px;font-weight:700;
  color:var(--ink);
  letter-spacing:-0.03em;
  line-height:1;
  margin-bottom:3px;
}
.mn-hero-stat span{font-size:13px;color:var(--ink-muted);}

/* ════════════════════════════════════
   LOGO BAND
════════════════════════════════════ */
.mn-logos{
  padding:0 24px 40px;
}
.mn-logos-inner{
  max-width:var(--wrap);
  margin:0 auto;
  padding:24px 32px;
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.mn-logos-text{font-size:12px;color:var(--ink-muted);white-space:nowrap;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;}
.mn-logos-divider{width:1px;height:20px;background:var(--border);flex-shrink:0;}
.mn-logos-list{display:flex;gap:28px;flex-wrap:wrap;align-items:center;}
.mn-logo-name{
  font-family:'Outfit',sans-serif;
  font-size:14px;font-weight:600;
  color:var(--ink-muted);
  letter-spacing:0.01em;
  text-decoration:none;
  transition:color 0.2s;
  opacity:0.6;
}
.mn-logo-name:hover{opacity:1;color:var(--ink);}

/* ════════════════════════════════════
   INTRO / WHY
════════════════════════════════════ */
.mn-intro{
  padding:clamp(72px,8vw,120px) 24px;
  background:var(--ink);
}
.mn-intro-inner{
  max-width:var(--wrap);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}
@media(max-width:860px){.mn-intro-inner{grid-template-columns:1fr;gap:48px;}}
.mn-intro .mn-h2{color:#fff;}
.mn-intro .mn-label{color:rgba(255,255,255,0.4);}
.mn-intro-text p{font-size:17px;line-height:1.75;color:rgba(255,255,255,0.6);margin-bottom:20px;}
.mn-intro-text p strong{color:#fff;font-weight:600;}
.mn-intro-features{display:flex;flex-direction:column;gap:20px;}
.mn-intro-feat{
  display:flex;align-items:flex-start;gap:16px;
  padding:20px 24px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius);
  transition:background 0.2s;
}
.mn-intro-feat:hover{background:rgba(255,255,255,0.08);}
.mn-intro-feat-num{
  font-family:'Outfit',sans-serif;
  font-size:13px;font-weight:700;
  color:var(--blue);
  background:rgba(81,114,255,0.15);
  width:28px;height:28px;
  border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  margin-top:1px;
}
.mn-intro-feat h4{font-family:'Outfit',sans-serif;font-size:17px;font-weight:600;color:#fff;margin-bottom:4px;}
.mn-intro-feat p{font-size:14px;line-height:1.6;color:rgba(255,255,255,0.5);}

/* ════════════════════════════════════
   LEISTUNGEN
════════════════════════════════════ */
.mn-leistungen{
  padding:clamp(72px,8vw,120px) 24px;
  background:var(--bg);
}
.mn-leistungen-inner{max-width:var(--wrap);margin:0 auto;}
.mn-leistungen-head{
  display:grid;grid-template-columns:1fr 1fr;
  gap:40px;align-items:end;
  margin-bottom:56px;
}
@media(max-width:768px){.mn-leistungen-head{grid-template-columns:1fr;gap:16px;}}
.mn-leistungen-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2px;
  background:var(--border);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
@media(max-width:900px){.mn-leistungen-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.mn-leistungen-grid{grid-template-columns:1fr;}}
.mn-leist-card{
  background:var(--paper);
  padding:32px 28px;
  text-decoration:none;
  transition:background 0.2s;
  display:block;
  position:relative;
}
.mn-leist-card:hover{background:#fafaf8;}
.mn-leist-card.featured{background:var(--ink);}
.mn-leist-tag{
  display:inline-block;
  font-size:11px;font-weight:600;
  letter-spacing:0.08em;text-transform:uppercase;
  color:var(--blue);
  background:var(--blue-light);
  padding:3px 10px;border-radius:999px;
  margin-bottom:16px;
}
.mn-leist-card.featured .mn-leist-tag{background:rgba(81,114,255,0.2);color:#8ba3ff;}
.mn-leist-icon{
  width:44px;height:44px;
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;
  background:var(--bg);
}
.mn-leist-card.featured .mn-leist-icon{background:rgba(255,255,255,0.08);}
.mn-leist-icon svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.mn-leist-card.featured .mn-leist-icon svg{stroke:#fff;}
.mn-leist-card h3{
  font-family:'Outfit',sans-serif;
  font-size:20px;font-weight:700;
  color:var(--ink);margin-bottom:8px;
  line-height:1.2;
}
.mn-leist-card.featured h3{color:#fff;}
.mn-leist-card p{font-size:14px;color:var(--ink-muted);line-height:1.6;margin-bottom:20px;}
.mn-leist-card.featured p{color:rgba(255,255,255,0.55);}
.mn-leist-link{
  font-size:13px;font-weight:500;
  color:var(--blue);
  display:flex;align-items:center;gap:4px;
}
.mn-leist-card.featured .mn-leist-link{color:#8ba3ff;}
.mn-leist-price{
  font-family:'Outfit',sans-serif;
  font-size:13px;font-weight:600;
  color:var(--ink-muted);
  margin-bottom:4px;
}
.mn-leist-card.featured .mn-leist-price{color:rgba(255,255,255,0.4);}

/* ════════════════════════════════════
   PROZESS / HOW IT WORKS
════════════════════════════════════ */
.mn-how{
  padding:clamp(72px,8vw,120px) 24px;
  background:var(--paper);
}
.mn-how-inner{max-width:var(--wrap);margin:0 auto;}
.mn-how-head{
  max-width:640px;
  margin-bottom:64px;
}
.mn-how-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
}
@media(max-width:900px){.mn-how-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.mn-how-grid{grid-template-columns:1fr;}}
.mn-how-step{position:relative;}
.mn-how-step::after{
  content:'';
  position:absolute;
  top:20px;left:calc(100% + 16px);
  width:calc(100% - 32px);height:1px;
  background:var(--border);
}
.mn-how-step:last-child::after{display:none;}
@media(max-width:900px){.mn-how-step::after{display:none;}}
.mn-how-num{
  font-family:'Outfit',sans-serif;
  font-size:13px;font-weight:700;
  color:var(--blue);
  width:40px;height:40px;
  border-radius:12px;
  background:var(--blue-light);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;
}
.mn-how-step h3{
  font-family:'Outfit',sans-serif;
  font-size:18px;font-weight:700;
  color:var(--ink);margin-bottom:8px;
}
.mn-how-step p{font-size:14px;line-height:1.6;color:var(--ink-muted);}

/* ════════════════════════════════════
   PROJEKTE
════════════════════════════════════ */
.mn-projekte{
  padding:clamp(72px,8vw,120px) 24px;
  background:var(--bg);
}
.mn-projekte-inner{max-width:var(--wrap);margin:0 auto;}
.mn-projekte-head{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:48px;flex-wrap:wrap;gap:16px;
}
.mn-proj-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
@media(max-width:900px){.mn-proj-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.mn-proj-grid{grid-template-columns:1fr;}}
/* Featured (large) first card */
.mn-proj-card{
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:var(--paper);
  border:1px solid var(--border);
  text-decoration:none;
  transition:all 0.25s ease;
  display:block;
}
.mn-proj-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(14,20,17,0.1);}
.mn-proj-card.large{
  grid-column:span 2;
  display:grid;
  grid-template-columns:1fr 1fr;
}
@media(max-width:900px){.mn-proj-card.large{grid-column:span 2;grid-template-columns:1fr;}}
@media(max-width:560px){.mn-proj-card.large{grid-column:span 1;}}
.mn-proj-img{
  aspect-ratio:4/3;
  background:var(--bg);
  position:relative;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.mn-proj-card.large .mn-proj-img{aspect-ratio:unset;min-height:280px;}
.mn-proj-img-inner{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:8px;
}
.mn-proj-placeholder-label{
  font-family:'Outfit',sans-serif;
  font-size:12px;font-weight:600;
  color:var(--ink-muted);
  letter-spacing:0.04em;
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:999px;
  padding:4px 12px;
}
.mn-proj-cat-badge{
  position:absolute;top:14px;left:14px;
  background:rgba(246,244,239,0.92);
  backdrop-filter:blur(8px);
  border:1px solid var(--border);
  border-radius:999px;
  padding:4px 12px;
  font-size:11px;font-weight:600;
  color:var(--ink);
  letter-spacing:0.04em;text-transform:uppercase;
}
.mn-proj-body{
  padding:20px 22px 24px;
}
.mn-proj-card.large .mn-proj-body{
  padding:32px;
  display:flex;flex-direction:column;justify-content:center;
}
.mn-proj-body h3{
  font-family:'Outfit',sans-serif;
  font-size:16px;font-weight:700;
  color:var(--ink);margin-bottom:6px;
}
.mn-proj-card.large .mn-proj-body h3{font-size:22px;margin-bottom:10px;}
.mn-proj-body p{font-size:13px;color:var(--ink-muted);line-height:1.55;margin-bottom:14px;}
.mn-proj-card.large .mn-proj-body p{font-size:15px;margin-bottom:20px;}
.mn-proj-link{font-size:13px;font-weight:500;color:var(--blue);display:flex;align-items:center;gap:4px;}
.mn-proj-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
.mn-proj-tag{
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:999px;
  padding:3px 10px;
  font-size:11px;font-weight:500;
  color:var(--ink-muted);
}

/* ════════════════════════════════════
   ÜBER MICH TEASER
════════════════════════════════════ */
.mn-about{
  padding:clamp(72px,8vw,120px) 24px;
  background:var(--paper);
}
.mn-about-inner{
  max-width:var(--wrap);margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;
}
@media(max-width:860px){.mn-about-inner{grid-template-columns:1fr;gap:48px;}}
.mn-about-visual{position:relative;}
.mn-about-photo{
  width:100%;
  aspect-ratio:4/5;
  background:var(--bg);
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:12px;
}
.mn-about-photo-placeholder{
  font-family:'Outfit',sans-serif;
  font-size:80px;font-weight:700;
  color:rgba(14,20,17,0.1);
  line-height:1;
}
.mn-about-photo-label{
  font-size:12px;color:var(--ink-muted);
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:999px;
  padding:4px 14px;
}
.mn-about-badge{
  position:absolute;
  bottom:24px;right:-20px;
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:16px 20px;
  box-shadow:0 8px 32px rgba(14,20,17,0.08);
}
.mn-about-badge strong{
  display:block;
  font-family:'Outfit',sans-serif;
  font-size:28px;font-weight:700;
  color:var(--ink);
  letter-spacing:-0.03em;
  margin-bottom:2px;
}
.mn-about-badge span{font-size:12px;color:var(--ink-muted);}
.mn-about-text .mn-h2{margin-bottom:16px;}
.mn-about-text .mn-lead{margin-bottom:28px;}
.mn-about-list{
  list-style:none;
  display:flex;flex-direction:column;gap:12px;
  margin-bottom:32px;
}
.mn-about-list li{
  display:flex;align-items:flex-start;gap:12px;
  font-size:15px;color:var(--ink);
  line-height:1.5;
}
.mn-about-list li::before{
  content:'';
  width:20px;height:20px;border-radius:6px;
  background:var(--accent);
  flex-shrink:0;margin-top:1px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%230E1411' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;
}

/* ════════════════════════════════════
   TESTIMONIALS
════════════════════════════════════ */
.mn-testi{
  padding:clamp(72px,8vw,120px) 24px;
  background:var(--bg);
}
.mn-testi-inner{max-width:var(--wrap);margin:0 auto;}
.mn-testi-head{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:48px;flex-wrap:wrap;gap:16px;
}
.mn-testi-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
@media(max-width:900px){.mn-testi-grid{grid-template-columns:1fr;}}
.mn-testi-card{
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:28px 28px 24px;
}
.mn-testi-stars{
  display:flex;gap:3px;margin-bottom:16px;
}
.mn-testi-star{
  width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FBBF24'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mn-testi-quote{
  font-size:15px;line-height:1.7;
  color:var(--ink);
  margin-bottom:20px;
  font-style:italic;
}
.mn-testi-author{
  display:flex;align-items:center;gap:10px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.mn-testi-avatar{
  width:36px;height:36px;border-radius:50%;
  background:var(--bg);
  border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-family:'Outfit',sans-serif;
  font-size:12px;font-weight:700;
  color:var(--ink-muted);
  flex-shrink:0;
}
.mn-testi-name{font-size:14px;font-weight:600;color:var(--ink);}
.mn-testi-co{font-size:12px;color:var(--ink-muted);}

/* ════════════════════════════════════
   FAQ
════════════════════════════════════ */
.mn-faq{
  padding:clamp(72px,8vw,120px) 24px;
  background:var(--paper);
}
.mn-faq-inner{max-width:760px;margin:0 auto;}
.mn-faq-head{margin-bottom:48px;}
.mn-faq-item{border-bottom:1px solid var(--border);}
.mn-faq-q{
  padding:20px 0;
  display:flex;justify-content:space-between;align-items:center;
  gap:20px;
  font-family:'Outfit',sans-serif;
  font-size:17px;font-weight:600;
  color:var(--ink);
  cursor:pointer;user-select:none;
  transition:color 0.2s;
}
.mn-faq-q:hover{color:var(--blue);}
.mn-faq-q.open{color:var(--blue);}
.mn-faq-ico{
  width:24px;height:24px;flex-shrink:0;
  border:1.5px solid var(--border);
  border-radius:50%;
  position:relative;transition:all 0.25s;
}
.mn-faq-q.open .mn-faq-ico{background:var(--blue);border-color:var(--blue);}
.mn-faq-ico::before,.mn-faq-ico::after{
  content:'';position:absolute;
  background:var(--ink);border-radius:2px;
  transition:transform 0.25s,opacity 0.25s;
}
.mn-faq-ico::before{width:10px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%);}
.mn-faq-ico::after{width:1.5px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%);}
.mn-faq-q.open .mn-faq-ico::before,.mn-faq-q.open .mn-faq-ico::after{background:#fff;}
.mn-faq-q.open .mn-faq-ico::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0;}
.mn-faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease;}
.mn-faq-a-inner{padding:0 0 20px;font-size:15px;line-height:1.75;color:var(--ink-muted);}

/* ════════════════════════════════════
   CTA
════════════════════════════════════ */
.mn-cta{
  padding:clamp(80px,8vw,120px) 24px;
  background:var(--ink);
  position:relative;overflow:hidden;
}
.mn-cta::before{
  content:'';
  position:absolute;bottom:-100px;right:-100px;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(81,114,255,0.12) 0%,transparent 65%);
  pointer-events:none;
}
.mn-cta-inner{
  max-width:var(--wrap);margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;
}
@media(max-width:860px){.mn-cta-inner{grid-template-columns:1fr;gap:40px;}}
.mn-cta-text .mn-label{color:rgba(255,255,255,0.35);}
.mn-cta-text .mn-h2{color:#fff;margin-bottom:16px;}
.mn-cta-text p{font-size:16px;line-height:1.7;color:rgba(255,255,255,0.5);margin-bottom:32px;}
.mn-cta-badges{display:flex;gap:16px;flex-wrap:wrap;}
.mn-cta-badge{
  display:flex;align-items:center;gap:8px;
  font-size:13px;color:rgba(255,255,255,0.45);
}
.mn-cta-badge::before{
  content:'';width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B9F2C8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") center/contain no-repeat;
  flex-shrink:0;
}
/* Form */
.mn-cta-form{display:flex;flex-direction:column;gap:12px;}
.mn-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:480px){.mn-cta-row{grid-template-columns:1fr;}}
.mn-cta-input{
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:12px;
  padding:14px 18px;
  font-size:15px;color:#fff;
  font-family:'Inter',sans-serif;
  outline:none;
  transition:border-color 0.2s;
  width:100%;
}
.mn-cta-input::placeholder{color:rgba(255,255,255,0.25);}
.mn-cta-input:focus{border-color:rgba(81,114,255,0.5);}
.mn-cta-submit{
  width:100%;background:var(--accent);color:var(--ink);
  border:none;border-radius:12px;
  padding:15px;
  font-family:'Outfit',sans-serif;
  font-size:16px;font-weight:700;
  cursor:pointer;transition:background 0.2s,transform 0.15s;
}
.mn-cta-submit:hover{background:#9de8b0;transform:translateY(-1px);}
.mn-cta-note{font-size:12px;color:rgba(255,255,255,0.25);text-align:center;}


/* ── Projekte Cards ── */
.mn-proj-card {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}
.mn-proj-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
  transform: translateY(-2px);
}
.mn-proj-img-wrap {
  overflow: hidden;
  position: relative;
}
.mn-proj-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}
.mn-proj-cat {
  display: inline-block !important;
  border: 1px solid #0E1411 !important;
  border-radius: 100px !important;
  padding: 4px 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  width: auto !important;
}
.mn-proj-tags {
  font-size: 12px !important;
  color: #9CA3AF !important;
  margin: 0 0 4px !important;
}
.mn-proj-desc {
  font-size: 14px !important;
  color: #6B7280 !important;
  line-height: 1.5 !important;
}
.mn-proj-link .elementor-button {
  padding: 0 !important;
  background: none !important;
  border: none !important;
  color: #5172FF !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}


/* ── Blog Index ── */
.mn-blog-label {
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.12em !important;
  text-transform: uppercase !important; color: #5172FF !important; margin: 0 0 16px !important;
}
.mn-blog-subtitle-wrap p {
  font-size: 18px !important; color: #6B7280 !important; line-height: 1.6 !important;
  max-width: 600px; margin-top: 16px !important;
}
.mn-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.mn-blog-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #EAECF0;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
}
.mn-blog-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}
.mn-blog-card--featured {
  grid-column: span 3;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mn-blog-card-img {
  background: #ECEAE5;
  min-height: 280px;
  width: 100%;
}
.mn-blog-card--featured .mn-blog-card-img { min-height: 360px; }
.mn-blog-card-img-link { display: block; }
.mn-blog-card-body {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
.mn-blog-card-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mn-blog-cat {
  display: inline-block;
  border: 1px solid #0E1411;
  border-radius: 100px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.mn-blog-read {
  font-size: 13px;
  color: #9CA3AF;
}
.mn-blog-card-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #0E1411 !important;
  margin: 0 !important;
}
.mn-blog-card-title a { color: inherit !important; text-decoration: none !important; }
.mn-blog-card-title a:hover { color: #5172FF !important; }
.mn-blog-card-excerpt {
  font-size: 15px !important;
  color: #6B7280 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}
.mn-blog-card-link {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #5172FF !important;
  text-decoration: none !important;
  margin-top: 4px;
}
.mn-blog-card-link:hover { text-decoration: underline !important; }

/* ── Single Post ── */
.single-post .entry-content,
.single-post .mn-post-body {
  max-width: 720px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.75;
  color: #374151;
  font-family: 'Inter', 'Outfit', sans-serif;
}
.single-post .entry-content h2 {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #0E1411 !important;
  margin: 48px 0 16px !important;
  line-height: 1.25 !important;
}
.single-post .entry-content h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0E1411 !important;
  margin: 32px 0 12px !important;
}
.single-post .entry-content p { margin: 0 0 20px !important; }
.single-post .entry-content ul {
  padding-left: 20px !important;
  margin: 0 0 20px !important;
}
.single-post .entry-content ul li { margin-bottom: 8px !important; }
.single-post .entry-content strong { color: #0E1411; }
.mn-price-highlight {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #5172FF !important;
  background: rgba(81,114,255,0.06);
  border-left: 3px solid #5172FF;
  padding: 14px 20px !important;
  border-radius: 0 8px 8px 0;
  margin: 24px 0 !important;
}

/* Single post header */
.mn-post-header {
  background: #F6F4EF;
  padding: 72px 64px 56px;
}
.mn-post-header-inner {
  max-width: 620px;
  margin: 0 auto;
}
.mn-post-header .mn-blog-cat { margin-bottom: 16px; display: inline-block; }
.mn-post-header h1 {
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #0E1411 !important;
  margin: 12px 0 20px !important;
}
.mn-post-meta {
  font-size: 14px;
  color: #9CA3AF;
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.mn-post-body-wrap {
  background: #fff;
  padding: 60px 24px 80px;
}
/* CTA box in post */
.mn-post-cta {
  background: #5172FF;
  color: #fff;
  border-radius: 16px;
  padding: 32px;
  margin: 48px 0;
  text-align: center;
}
.mn-post-cta h3 { color: #fff !important; font-size: 22px !important; margin: 0 0 8px !important; }
.mn-post-cta p { color: rgba(255,255,255,0.85) !important; margin: 0 0 20px !important; }
.mn-post-cta a {
  display: inline-block;
  background: #fff;
  color: #5172FF !important;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 100px;
  text-decoration: none !important;
  font-size: 14px;
}


/* Single post background */
body.single-post, body.single-post #page,
body.single-post .site-content, body.single-post #main {
  background: #F6F4EF !important;
}
body.single-post .entry-content {
  background: transparent !important;
}
body.single-post .mn-post-body-wrap {
  background: #fff;
  max-width: 760px;
  margin: 0 auto;
  border-radius: 16px;
  padding: 48px 56px 64px;
  margin-top: -20px;
}
@media (max-width: 768px) {
  body.single-post .mn-post-body-wrap { padding: 32px 24px; }
}


/* ── Blog Person Section ── */
.mn-blog-person {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 64px;
  align-items: center;
}
.mn-blog-person-img {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 4/5;
}
.mn-blog-person-img img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: top;
  display: block;
}
.mn-blog-person-body { display: flex; flex-direction: column; gap: 16px; }
.mn-blog-person-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 36px !important; font-weight: 800 !important;
  line-height: 1.15 !important; color: #0E1411 !important; margin: 0 !important;
}
.mn-blog-person-text {
  font-size: 17px !important; color: #6B7280 !important;
  line-height: 1.7 !important; margin: 0 !important;
}
.mn-blog-person-link {
  font-size: 15px !important; font-weight: 600 !important;
  color: #5172FF !important; text-decoration: none !important;
  display: inline-block; margin-top: 4px;
}
.mn-blog-person-link:hover { text-decoration: underline !important; }

/* ── Blog CTA Section ── */
.mn-blog-cta-wrap {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 80px;
  align-items: center;
  padding: 80px 0;
}
.mn-blog-cta-label {
  font-size: 11px; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(255,255,255,0.5);
  display: block; margin-bottom: 16px;
}
.mn-blog-cta-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 40px !important; font-weight: 800 !important;
  line-height: 1.1 !important; color: #fff !important; margin: 0 0 16px !important;
}
.mn-blog-cta-text {
  font-size: 17px !important; color: rgba(255,255,255,0.7) !important;
  line-height: 1.65 !important; margin: 0 0 32px !important;
}
.mn-blog-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.mn-blog-cta-btn {
  display: inline-block; padding: 14px 28px;
  border-radius: 100px; font-size: 14px; font-weight: 600;
  text-decoration: none !important; transition: all 0.2s;
}
.mn-blog-cta-btn--primary { background: #5172FF; color: #fff !important; }
.mn-blog-cta-btn--primary:hover { background: #3d5ce8; }
.mn-blog-cta-btn--secondary {
  background: transparent; color: rgba(255,255,255,0.7) !important;
  border: 1px solid rgba(255,255,255,0.25);
}
.mn-blog-cta-btn--secondary:hover { border-color: rgba(255,255,255,0.6); color: #fff !important; }
.mn-blog-cta-img {
  border-radius: 20px; overflow: hidden; aspect-ratio: 3/4;
}
.mn-blog-cta-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; }

/* ── Single Post: Wide Layout + Sticky Sidebar ── */
body.single-post .ast-container,
body.single-post .entry-content-wrap { max-width: 100% !important; }

body.single-post .mn-post-body-wrap {
  background: transparent !important;
  max-width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
  padding: 0 !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
}

body.single-post #mn-post-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px;
  align-items: start;
  padding: 0 0 80px;
  max-width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
}

body.single-post #mn-post-content {
  background: #fff;
  border-radius: 16px;
  padding: 48px 56px 56px;
  min-width: 0;
}

body.single-post #mn-post-sidebar {
  position: sticky;
  top: 100px;
}

/* TOC */
.mn-toc {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #EAECF0;
  padding: 24px;
  margin-bottom: 24px;
}
.mn-toc-title {
  font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: #9CA3AF;
  margin: 0 0 16px;
}
.mn-toc-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.mn-toc-list li a {
  font-size: 13px; color: #6B7280 !important; text-decoration: none !important;
  line-height: 1.4; display: block; padding: 4px 8px;
  border-radius: 6px; transition: all 0.15s;
  border-left: 2px solid transparent;
}
.mn-toc-list li a:hover, .mn-toc-list li a.active {
  background: #F6F4EF; color: #5172FF !important;
  border-left-color: #5172FF;
}
.mn-toc-list li.h3 a { padding-left: 20px; font-size: 12px; }

/* Sidebar CTA */
.mn-sidebar-cta {
  background: #5172FF;
  border-radius: 12px;
  padding: 24px;
  color: #fff;
}
.mn-sidebar-cta h4 {
  font-size: 16px !important; font-weight: 700 !important;
  color: #fff !important; margin: 0 0 8px !important; line-height: 1.3 !important;
}
.mn-sidebar-cta p {
  font-size: 13px !important; color: rgba(255,255,255,0.8) !important;
  margin: 0 0 16px !important; line-height: 1.5 !important;
}
.mn-sidebar-cta a {
  display: block; background: #fff; color: #5172FF !important;
  text-align: center; padding: 10px 20px; border-radius: 100px;
  font-size: 13px; font-weight: 700; text-decoration: none !important;
  transition: opacity 0.2s;
}
.mn-sidebar-cta a:hover { opacity: 0.9; }

/* Content typography */
body.single-post #mn-post-content h2 {
  font-size: 24px !important; font-weight: 700 !important;
  color: #0E1411 !important; margin: 44px 0 14px !important;
  padding-top: 8px; border-top: 1px solid #F3F4F6;
  line-height: 1.3 !important;
}
body.single-post #mn-post-content h2:first-child { border-top: none; margin-top: 0 !important; }
body.single-post #mn-post-content h3 {
  font-size: 19px !important; font-weight: 700 !important;
  color: #0E1411 !important; margin: 32px 0 10px !important;
}
body.single-post #mn-post-content p { font-size: 16px !important; line-height: 1.8 !important; color: #374151 !important; margin: 0 0 18px !important; }
body.single-post #mn-post-content ul { padding-left: 20px !important; margin: 0 0 18px !important; }
body.single-post #mn-post-content ul li { font-size: 16px !important; line-height: 1.7 !important; margin-bottom: 6px !important; }

/* Author box */
.mn-post-author {
  margin-top: 48px; padding-top: 40px;
  border-top: 1px solid #F3F4F6;
  display: flex; gap: 20px; align-items: flex-start;
}
.mn-post-author-img {
  width: 64px; height: 64px; border-radius: 50%;
  overflow: hidden; flex-shrink: 0;
}
.mn-post-author-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.mn-post-author-name { font-size: 15px !important; font-weight: 700 !important; color: #0E1411 !important; margin: 0 0 4px !important; }
.mn-post-author-bio { font-size: 14px !important; color: #6B7280 !important; margin: 0 !important; line-height: 1.5 !important; }

/* Post CTA end - overridden in theme style.css */

/* Responsive */
@media (max-width: 900px) {
  body.single-post #mn-post-layout { grid-template-columns: 1fr; }
  body.single-post #mn-post-sidebar { position: static; }
  body.single-post #mn-post-content { padding: 32px 24px; }
  .mn-blog-person { grid-template-columns: 1fr; gap: 32px; }
  .mn-blog-cta-wrap { grid-template-columns: 1fr; }
  .mn-blog-cta-img { display: none; }
}


/* === Single Post Full-Width Layout Fix === */
body.single-post .entry-content {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.single-post article.post {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#mn-post-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px 64px;
  align-items: start;
  box-sizing: border-box;
}

#mn-post-content {
  background: #fff;
  border-radius: 16px;
  padding: 48px 56px;
  font-size: 17px;
  line-height: 1.75;
  color: #1a1a1a;
  min-width: 0;
}

#mn-post-sidebar {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}


/* === Featured Image: between headline and content === */
.mn-post-featured-img-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px 48px;
  box-sizing: border-box;
}
.mn-post-featured-img {
  width: 100%;
  display: block;
  border-radius: 16px;
  max-height: 520px;
  object-fit: cover;
}

/* === Featured image placeholder === */
.mn-post-featured-img-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px 48px;
  box-sizing: border-box;
}
.mn-post-featured-img-wrap img.mn-post-featured-img {
  width: 100%;
  display: block;
  border-radius: 16px;
  max-height: 520px;
  object-fit: cover;
}
.mn-post-img-placeholder {
  width: 100%;
  height: 420px;
  background: #E8E5DE;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 15px;
  letter-spacing: 0.05em;
}
		

/* === mn-header-css === */

#masthead.site-header, .ast-desktop-header-content, header#masthead { display: none !important; }
html { scroll-padding-top: 104px; }
body { padding-top: 96px; }
@media(max-width:820px){ body { padding-top: 88px; } }
.mn-sh{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:1200px;z-index:9998;transition:all 0.35s cubic-bezier(.4,0,.2,1);}
.mn-sh.mn-sh-scrolled{top:8px;}
.mn-sh-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,0.72);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,0.55);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 10px 40px -8px rgba(30,42,94,0.12), 0 2px 8px rgba(0,0,0,0.04);transition:all 0.35s cubic-bezier(.4,0,.2,1);}
.mn-sh.mn-sh-scrolled .mn-sh-bar{background:rgba(255,255,255,0.92);box-shadow:0 14px 44px -8px rgba(30,42,94,0.15);padding-top:6px;padding-bottom:6px;}
.mn-sh-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#0a0a0a;font-weight:800;font-size:17px;letter-spacing:-0.3px;flex-shrink:0;transition:transform 0.2s;}
.mn-sh-logo:hover{transform:translateX(-1px);color:#0a0a0a;}
/* MN. animated logo */
.mn-logo-letters{font-family:inherit;font-weight:900;font-size:26px;letter-spacing:-1.2px;color:#0a0a0a;line-height:1;}
.mn-logo-dot{display:inline-block;width:11px;height:11px;margin-left:1px;border-radius:50%;background:#5172FF;position:relative;align-self:flex-end;margin-bottom:2px;box-shadow:0 2px 8px rgba(81,114,255,0.4);}
.mn-logo-dot::before{content:"";position:absolute;top:2px;left:2px;width:3.5px;height:3.5px;background:rgba(255,255,255,0.7);border-radius:50%;}
/* Only the HEADER dot rolls on scroll */
.mn-sh-logo .mn-logo-dot{transform:translateX(var(--mn-dot-x,0px)) rotate(var(--mn-dot-r,0deg));transition:transform .55s cubic-bezier(.25,.8,.25,1);will-change:transform;}
.mn-ft-logo .mn-logo-dot{box-shadow:0 2px 6px rgba(81,114,255,0.25);}
.mn-sh-logo,.mn-ft-logo{display:inline-flex;align-items:flex-end;gap:0;line-height:1;text-decoration:none;color:#0a0a0a;}
@media (prefers-reduced-motion:reduce){.mn-sh-logo .mn-logo-dot{transition:none;transform:none;}}
.mn-sh-logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5172FF,#8a5cf6);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;letter-spacing:-0.5px;box-shadow:0 4px 12px rgba(81,114,255,0.35);}
@media(max-width:640px){.mn-sh-logo-text{display:none;}}
.mn-sh-nav{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}
.mn-sh-nav li{position:relative;}
.mn-sh-nav > li > a{display:inline-flex;align-items:center;gap:5px;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;color:#333;text-decoration:none;transition:all 0.2s;white-space:nowrap;}
.mn-sh-nav > li > a:hover{background:rgba(255,255,255,0.7);color:#0a0a0a;}
.mn-sh-nav > li.mn-active > a{background:#fff;color:#0a0a0a;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.mn-sh-nav > li.mn-has-dd > a svg{transition:transform 0.25s;}
.mn-sh-nav > li.mn-has-dd.mn-open > a svg{transform:rotate(180deg);}
.mn-sh-nav > li.mn-has-dd.mn-open > a{background:rgba(81,114,255,0.08);color:#5172FF;}
.mn-sh-cta{display:inline-flex;align-items:center;gap:12px;padding:5px 24px 5px 5px;background:#0a0a0a;color:#fff;font-size:15px;font-weight:700;border-radius:999px;text-decoration:none;transition:all 0.25s;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(81,114,255,0.35);min-width:170px;}
.mn-sh-cta-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#fff;flex-shrink:0;display:block;}
.mn-sh-cta span{padding-right:2px;letter-spacing:-0.1px;}
.mn-sh-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#5172FF,#8a5cf6);opacity:1;transition:opacity 0.25s;}
.mn-sh-cta:hover::before{opacity:0;}
.mn-sh-cta > *{position:relative;z-index:1;}
.mn-sh-cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 28px rgba(10,10,10,0.30);}
.mn-sh-cta svg{transition:transform 0.25s;}
.mn-sh-cta:hover svg{transform:translateX(3px);}
.mn-sh-dd{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-8px);width:min(820px, calc(100vw - 32px));background:#fff;border-radius:24px;box-shadow:0 40px 100px -20px rgba(30,42,94,0.25), 0 12px 32px -8px rgba(30,42,94,0.12);padding:20px;opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(230,230,230,0.6);overflow:hidden;}
.mn-sh-nav > li.mn-has-dd.mn-open .mn-sh-dd{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.mn-sh-dd::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:#fff;border-top:1px solid rgba(230,230,230,0.6);border-left:1px solid rgba(230,230,230,0.6);border-top-left-radius:4px;}
.mn-sh-dd::after{content:'';position:absolute;top:-60px;right:-60px;width:240px;height:240px;background:radial-gradient(circle, rgba(138,92,246,0.15), transparent 70%);pointer-events:none;}
.mn-sh-dd-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;position:relative;z-index:1;}
.mn-sh-dd-items{display:flex;flex-direction:column;gap:4px;}
.mn-sh-dd-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#6b6b6b;padding:0 14px 10px;}
.mn-sh-dd-item{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;text-decoration:none;color:inherit;transition:all 0.2s;cursor:pointer;position:relative;}
.mn-sh-dd-item:hover, .mn-sh-dd-item.mn-dd-hover{background:linear-gradient(135deg, rgba(81,114,255,0.06), rgba(138,92,246,0.06));color:inherit;}
.mn-sh-dd-item-ic{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#EAF0FF;color:#5172FF;transition:all 0.25s;}
.mn-sh-dd-item-ic svg{width:22px;height:22px;}
.mn-sh-dd-item:hover .mn-sh-dd-item-ic, .mn-sh-dd-item.mn-dd-hover .mn-sh-dd-item-ic{background:linear-gradient(135deg,#5172FF,#8a5cf6);color:#fff;transform:rotate(-4deg) scale(1.05);box-shadow:0 6px 16px rgba(81,114,255,0.3);}
.mn-sh-dd-item-txt{flex:1;min-width:0;}
.mn-sh-dd-item-h{font-size:15px;font-weight:700;color:#0a0a0a;line-height:1.2;margin:0 0 3px;display:flex;align-items:center;gap:8px;}
.mn-sh-dd-item-p{font-size:13px;color:#666;line-height:1.4;margin:0;}
.mn-sh-dd-badge{display:inline-flex;align-items:center;background:#5172FF;color:#fff;font-size:9px;font-weight:800;letter-spacing:0.5px;padding:2px 6px;border-radius:4px;text-transform:uppercase;}
.mn-sh-dd-item-ar{color:#C8D3F0;flex-shrink:0;transition:all 0.25s;}
.mn-sh-dd-item:hover .mn-sh-dd-item-ar, .mn-sh-dd-item.mn-dd-hover .mn-sh-dd-item-ar{color:#5172FF;transform:translateX(4px);}
.mn-sh-dd-preview-wrap{position:relative;background:linear-gradient(135deg,#F6F4EF,#fff);border-radius:18px;padding:20px;overflow:hidden;min-height:100%;}
.mn-sh-dd-preview-card{display:none;animation:mnFadeUp 0.35s ease;}
.mn-sh-dd-preview-card.mn-dd-preview-active{display:block;}
@keyframes mnFadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.mn-sh-dd-preview-tag{display:inline-flex;align-items:center;gap:6px;background:#0a0a0a;color:#fff;font-size:10px;font-weight:700;letter-spacing:0.8px;padding:4px 10px;border-radius:999px;margin-bottom:10px;text-transform:uppercase;}
.mn-sh-dd-preview-h{font-size:18px;font-weight:800;color:#0a0a0a;line-height:1.2;margin:0 0 6px;letter-spacing:-0.3px;}
.mn-sh-dd-preview-desc{font-size:13px;color:#555;line-height:1.5;margin:0 0 14px;}
.mn-sh-dd-preview-img-wrap{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px -8px rgba(30,42,94,0.18);border:1px solid rgba(230,230,230,0.7);transform:rotate(-1.5deg);transition:transform 0.35s;}
.mn-sh-dd-preview-card:hover .mn-sh-dd-preview-img-wrap{transform:rotate(0deg) scale(1.02);}
.mn-sh-dd-preview-chatbar{background:#171717;padding:6px 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #2a2a2a;}
.mn-sh-dd-preview-chatbar .mn-sh-dd-chat-avatar{width:16px;height:16px;border-radius:50%;background:#10A37F;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;letter-spacing:-0.2px;}
.mn-sh-dd-preview-chatbar .mn-sh-dd-chat-name{font-size:10px;font-weight:600;color:#e5e5e5;letter-spacing:-0.1px;flex:1;}
.mn-sh-dd-preview-chatbar .mn-sh-dd-chat-dots{display:flex;gap:3px;}
.mn-sh-dd-preview-chatbar .mn-sh-dd-chat-dots span{width:3px;height:3px;border-radius:50%;background:#888;}
.mn-sh-dd-preview-mobilebar{background:#fff;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;font-size:9px;font-weight:700;color:#1a1a1a;letter-spacing:-0.1px;}
.mn-sh-dd-preview-mobilebar .mn-sh-dd-app{flex:1;text-align:center;color:#888;font-weight:600;letter-spacing:0.2px;}
.mn-sh-dd-preview-mobilebar .mn-sh-dd-batt{display:inline-block;width:16px;height:7px;border:1px solid #1a1a1a;border-radius:2px;position:relative;}
.mn-sh-dd-preview-mobilebar .mn-sh-dd-batt::after{content:'';position:absolute;top:1px;left:1px;bottom:1px;width:80%;background:#1a1a1a;border-radius:1px;}
.mn-sh-dd-preview-printbar{background:#FAF8F3;padding:6px 10px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #EDE6D4;font-size:9px;color:#8A774A;font-weight:600;letter-spacing:0.2px;text-transform:uppercase;}
.mn-sh-dd-preview-printbar .mn-sh-dd-print-ico{display:inline-block;width:9px;height:11px;border:1.5px solid #C0A866;border-radius:1px;position:relative;background:#fff;}
.mn-sh-dd-preview-printbar .mn-sh-dd-print-ico::before{content:'';position:absolute;top:-2px;right:-2px;width:0;height:0;border-style:solid;border-width:0 0 5px 5px;border-color:transparent transparent #C0A866 transparent;}
.mn-sh-dd-preview-printbar i{font-style:normal;}
.mn-sh-dd-preview-browser{background:#f3f3f3;padding:6px 10px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #e8e8e8;}
.mn-sh-dd-preview-browser span{width:7px;height:7px;border-radius:50%;}
.mn-sh-dd-preview-browser i{flex:1;background:#fff;border-radius:4px;padding:3px 8px;margin-left:6px;font-size:9px;color:#707070;font-style:normal;}
.mn-sh-dd-preview-img{width:100%;aspect-ratio:16/11;object-fit:cover;object-position:top;display:block;}
.mn-sh-dd-preview-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:700;color:#5172FF;text-decoration:none;transition:gap 0.2s;}
.mn-sh-dd-preview-cta:hover{gap:10px;color:#5172FF;}
.mn-sh-dd-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 6px;margin-top:10px;border-top:1px solid #EEE;font-size:12px;color:#6b6b6b;position:relative;z-index:1;}
.mn-sh-dd-foot strong{color:#0a0a0a;font-weight:700;}
.mn-sh-dd-foot a{color:#5172FF;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.mn-sh-burger{display:none;width:42px;height:42px;border-radius:50%;background:#F6F4EF;color:#0a0a0a;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(0,0,0,0.08);flex-shrink:0;transition:all 0.2s;box-shadow:0 2px 6px rgba(0,0,0,0.04);}
.mn-sh-burger:hover{transform:scale(1.05);background:#EDE9E0;}
.mn-sh-burger svg{stroke:#0a0a0a !important;fill:none !important;overflow:visible;}
.mn-sh-burger svg line,.mn-sh-burger svg path{stroke:#0a0a0a !important;stroke-width:2.5 !important;stroke-linecap:round !important;stroke-linejoin:round !important;fill:none !important;}
.mn-sh-mobile{position:fixed;inset:0;background:rgba(246,244,239,0.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9997;opacity:0;pointer-events:none;transition:opacity 0.3s;display:flex;flex-direction:column;padding:110px 20px 24px;overflow-y:auto;}
body.mn-sh-mobile-active .mn-sh-mobile{opacity:1;pointer-events:auto;}
.mn-sh-mobile-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.mn-sh-mobile-nav > li > a, .mn-sh-mobile-toggle{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-radius:14px;font-size:22px;font-weight:700;color:#0a0a0a;text-decoration:none;background:rgba(255,255,255,0.7);border:1px solid rgba(0,0,0,0.04);cursor:pointer;width:100%;text-align:left;font-family:inherit;letter-spacing:-0.3px;transition:all 0.2s;}
.mn-sh-mobile-nav > li > a:hover, .mn-sh-mobile-toggle:hover{background:#fff;color:#0a0a0a;border-color:#5172FF;box-shadow:0 4px 12px rgba(81,114,255,0.08);}
.mn-sh-mobile-toggle svg{color:#5172FF;}
.mn-sh-mobile-sub{display:none;flex-direction:column;gap:4px;padding:10px 0 10px 10px;}
.mn-sh-mobile-sub.mn-open{display:flex;}
.mn-sh-mobile-sub a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;font-size:16px;color:#333;text-decoration:none;font-weight:600;background:rgba(255,255,255,0.5);border:1px solid rgba(0,0,0,0.03);transition:all 0.2s;}
.mn-sh-mobile-sub a:hover{background:#fff;color:#5172FF;border-color:#5172FF;}
.mn-sh-mobile-sub a .mn-sub-ic{width:32px;height:32px;border-radius:9px;background:#EAF0FF;color:#5172FF;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.mn-sh-mobile-sub a .mn-sub-ic svg{width:16px;height:16px;}
.mn-sh-mobile-cta{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#5172FF,#8a5cf6);color:#fff;padding:18px 28px;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 10px 30px rgba(81,114,255,0.3);}
.mn-sh-mobile-cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 34px rgba(81,114,255,0.4);}
@media (max-width:960px){.mn-sh-nav,.mn-sh-cta{display:none;}.mn-sh-burger{display:inline-flex;}.mn-sh-bar{padding:8px 8px 8px 16px;}.mn-sh-dd-grid{grid-template-columns:1fr;}.mn-sh-dd-preview-wrap{display:none;}}
@media (min-width:961px){.mn-sh-burger,.mn-sh-mobile{display:none !important;}}


/* === mn-footer-css === */

/* Hide Astra default footer */
#colophon.site-footer, footer[class*="site-footer"], .site-footer-primary-section-1, .site-footer-section, .ast-footer-copyright, #ast-footer-widget-section-1{ display: none !important; }

.mn-ft{position:relative;background:#F6F4EF;color:#0a0a0a;overflow:hidden;margin-top:0;border-top:1px solid rgba(0,0,0,0.06);}

.mn-ft-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px;}

/* Top CTA block - subtle, light */
.mn-ft-cta{padding:80px 0 72px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.06);}
.mn-ft-cta-photo{width:88px;height:88px;border-radius:50%;overflow:hidden;margin:0 auto 18px;box-shadow:0 10px 30px -5px rgba(30,42,94,0.25),0 4px 10px -2px rgba(0,0,0,0.08);border:3px solid #fff;background:#eee;}
.mn-ft-cta-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.mn-ft-cta-ey{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:#fff;border:1px solid rgba(0,0,0,0.06);border-radius:999px;font-size:12px;font-weight:600;color:#5172FF;letter-spacing:0.3px;margin-bottom:22px;box-shadow:0 2px 6px rgba(0,0,0,0.03);}
.mn-ft-cta-ey span.dot{width:6px;height:6px;border-radius:50%;background:#10A37F;}
.mn-ft-cta h2{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15;letter-spacing:-1px;margin:0 auto 14px;max-width:680px;color:#0a0a0a;}
.mn-ft-cta h2 em{font-style:normal;color:#5172FF;}
.mn-ft-cta p{font-size:16px;line-height:1.6;color:#666;margin:0 auto 28px;max-width:480px;}
.mn-ft-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#0a0a0a;color:#fff;font-size:15px;font-weight:700;border-radius:999px;text-decoration:none;transition:all 0.22s;position:relative;overflow:hidden;}
.mn-ft-cta-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#5172FF,#8a5cf6);opacity:0;transition:opacity 0.22s;}
.mn-ft-cta-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 28px rgba(81,114,255,0.3);}
.mn-ft-cta-btn:hover::before{opacity:1;}
.mn-ft-cta-btn > *{position:relative;z-index:1;}
.mn-ft-cta-btn svg{transition:transform 0.22s;}
.mn-ft-cta-btn:hover svg{transform:translateX(3px);}

/* Main grid */
.mn-ft-main{padding:64px 0 48px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:56px;}
.mn-ft-col-brand{display:flex;flex-direction:column;gap:18px;max-width:360px;}
.mn-ft-logo{display:inline-flex;align-items:flex-end;gap:0;text-decoration:none;color:#0a0a0a;line-height:1;}
.mn-ft-logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5172FF,#8a5cf6);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;box-shadow:0 4px 14px rgba(81,114,255,0.3);}
.mn-ft-logo-img{height:34px;width:auto;display:block;}
.mn-ft-tagline{font-size:15px;line-height:1.65;color:#666;margin:0;}
.mn-ft-avail{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid rgba(0,0,0,0.06);border-radius:999px;font-size:13px;font-weight:600;color:#555;align-self:flex-start;}
.mn-ft-avail span.dot{width:6px;height:6px;border-radius:50%;background:#10A37F;}
.mn-ft-contact{display:flex;flex-direction:column;gap:8px;margin-top:4px;}
.mn-ft-contact a,.mn-ft-contact-item{display:inline-flex;align-items:center;gap:10px;color:#555;font-size:14px;text-decoration:none;transition:color 0.2s;}
.mn-ft-contact a:hover{color:#5172FF;}
.mn-ft-contact svg{width:15px;height:15px;flex-shrink:0;opacity:0.55;}
.mn-ft-copy{position:relative;}
.mn-ft-copy-feedback{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translateX(-4px);background:#0a0a0a;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;opacity:0;pointer-events:none;transition:all 0.2s;white-space:nowrap;}
.mn-ft-copy.mn-ft-copied .mn-ft-copy-feedback{opacity:1;transform:translateY(-50%) translateX(0);}

/* Link columns */
.mn-ft-col h4{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#707070;margin:0 0 18px;}
.mn-ft-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.mn-ft-links a{color:#0a0a0a;text-decoration:none;font-size:14px;font-weight:500;transition:color 0.2s;position:relative;display:inline-flex;align-items:center;gap:6px;width:fit-content;}
.mn-ft-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:#5172FF;transition:width 0.3s cubic-bezier(.4,0,.2,1);}
.mn-ft-links a:hover{color:#5172FF;}
.mn-ft-links a:hover::after{width:100%;}
.mn-ft-badge{display:inline-flex;align-items:center;background:#EAF0FF;color:#5172FF;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:0.5px;text-transform:uppercase;}

/* Bottom bar */
.mn-ft-bottom{padding:22px 0 26px;border-top:1px solid rgba(0,0,0,0.06);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;color:#6b6b6b;}
.mn-ft-bottom-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mn-ft-bottom-right{display:flex;align-items:center;gap:14px;}
.mn-ft-social{display:flex;gap:8px;}
.mn-ft-social a{width:32px;height:32px;border-radius:50%;background:#fff;color:#666;border:1px solid rgba(0,0,0,0.06);display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s;}
.mn-ft-social a:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;transform:translateY(-1px);}
.mn-ft-social svg{width:15px;height:15px;}

/* Giant wordmark at bottom - subtle on cream */
/* Keep content above big wordmark visually */
.mn-ft-cta,.mn-ft-main,.mn-ft-legal,.mn-ft-bottom{position:relative;z-index:2;}
.mn-ft-brand-big{position:relative;overflow:visible;width:100vw;margin-left:calc(50% - 50vw);margin-top:-80px;padding:0;z-index:0;pointer-events:none;}
.mn-ft-brand-big-text{font-size:clamp(56px,13.5vw,200px);font-weight:900;line-height:0.85;text-align:center;color:#D8CEB4;opacity:0.7;margin:0;white-space:nowrap;user-select:none;pointer-events:none;letter-spacing:-0.04em;}

/* Mobile */
@media (max-width: 960px) {
  .mn-ft-main{grid-template-columns:1fr 1fr;gap:40px 28px;padding:56px 0 40px;}
  .mn-ft-col-brand{grid-column:1 / -1;max-width:none;}
  .mn-ft-cta{padding:72px 0 64px;}
  .mn-ft-bottom{flex-direction:column;align-items:flex-start;gap:14px;text-align:left;}
  .mn-ft-bottom-right{order:-1;}
}
@media (max-width: 520px) {
  .mn-ft-main{grid-template-columns:1fr;}
  .mn-ft-cta h2{font-size:32px;letter-spacing:-1px;}
}


/* === mn-global-enhancements === */

/* === View Transitions API (smooth page transitions in supporting browsers) === */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.35s; }
::view-transition-old(root) { animation-name: mnFadeOut; }
::view-transition-new(root) { animation-name: mnFadeIn; }
@keyframes mnFadeOut { to { opacity: 0; } }
@keyframes mnFadeIn { from { opacity: 0; } }

/* === Scroll Progress Bar === */
.mn-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:9999;background:transparent;pointer-events:none;}
.mn-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#5172FF,#8a5cf6);transition:width 0.05s ease-out;box-shadow:0 0 12px rgba(81,114,255,0.4);}

/* === Scroll Reveal === */
.mn-reveal{opacity:0;transform:translateY(18px);transition:opacity 0.7s cubic-bezier(.2,.7,.3,1), transform 0.7s cubic-bezier(.2,.7,.3,1);will-change:opacity, transform;}
.mn-reveal.mn-reveal-in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){.mn-reveal{opacity:1;transform:none;transition:none;}}

/* === Image Blur-up === */
img[loading="lazy"]{filter:blur(6px);opacity:0.82;transition:filter 0.6s ease-out, opacity 0.4s ease-out;}
img[loading="lazy"].mn-img-loaded,img[loading="lazy"][data-mn-loaded]{filter:blur(0);opacity:1;}

/* === Global Button Style Normalization ===
   Applies across Elementor buttons, form buttons, etc.
   Gives every button the same visual tone.
*/
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-lg,
.elementor-button{
  font-weight:700 !important;
  letter-spacing:0 !important;
  transition:all 0.22s cubic-bezier(.2,.7,.3,1) !important;
}
.elementor-button:hover{
  transform:translateY(-1px);
}

/* === Magnetic Buttons (desktop only, subtle) === */
.mn-magnetic{display:inline-block;transition:transform 0.18s cubic-bezier(.2,.7,.3,1);}
.mn-magnetic-inner{display:inline-block;transition:transform 0.18s cubic-bezier(.2,.7,.3,1);}
@media (hover:none){.mn-magnetic,.mn-magnetic-inner{transform:none !important;}}

/* === EASTER EGG: Logo Tooltip === */
.mn-sh-logo{position:relative;}
.mn-sh-logo::after{content:"👋 Marvin Nowozin";position:absolute;top:calc(100% + 10px);left:0;background:#0a0a0a;color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:all 0.22s cubic-bezier(.2,.7,.3,1);box-shadow:0 6px 16px rgba(0,0,0,0.15);z-index:10000;}
.mn-sh-logo:hover::after{opacity:1;transform:translateY(0);transition-delay:0.35s;}

/* === EASTER EGG: Card Tilt on long hover === */
.mn-tilt{transform-style:preserve-3d;transition:transform 0.3s cubic-bezier(.2,.7,.3,1);}
.mn-tilt.mn-tilt-active{transform:perspective(900px) rotateX(var(--mn-tx,0deg)) rotateY(var(--mn-ty,0deg)) scale(1.02);}


/* === EASTER EGG: Generic Widget-Overlay-Wrapper Fix ===
   For HTML-widgets carrying .mn-egg-overlay (generic overlay layer). */
.elementor-widget-html:has(.mn-egg-overlay){position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;z-index:1 !important;margin:0 !important;}
.elementor-widget-html:has(.mn-egg-overlay) > .elementor-widget-container{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;}
.e-con:has(> .elementor-widget-html > .mn-egg-overlay){position:relative !important;overflow:hidden;}
.mn-egg-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}


/* === Astra Scroll-To-Top DISABLED ===
   Replaced by custom WhatsApp sticky button below. Force-hide in case Astra
   still emits markup despite the theme-mod toggle. */
#ast-scroll-top{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}

/* === WhatsApp Sticky Contact Button ===
   Fixed bottom-right, green WhatsApp bubble, subtle pulse ring, tooltip on hover. */
.mn-wa-btn{position:fixed;right:24px;bottom:24px;z-index:9998;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;background:#25D366;border-radius:50%;box-shadow:0 8px 24px rgba(37,211,102,0.35),0 2px 6px rgba(0,0,0,0.12);text-decoration:none;transition:transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s ease, background-color .22s ease;animation:mnWaPulse 2.4s ease-in-out infinite;}
.mn-wa-btn:hover{transform:translateY(-3px) scale(1.05);background:#20BA5A;box-shadow:0 14px 32px rgba(37,211,102,0.45),0 4px 10px rgba(0,0,0,0.15);animation:none;}
.mn-wa-btn:focus-visible{outline:3px solid #25D366;outline-offset:4px;}
.mn-wa-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;}
.mn-wa-icon svg{display:block;width:28px;height:28px;}
.mn-wa-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(8px);background:#0a0a0a;color:#fff;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;padding:10px 14px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;box-shadow:0 8px 20px rgba(0,0,0,0.18);}
.mn-wa-tip::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:#0a0a0a;}
.mn-wa-btn:hover .mn-wa-tip,.mn-wa-btn:focus-visible .mn-wa-tip{opacity:1;transform:translateY(-50%) translateX(0);}
@keyframes mnWaPulse{0%,100%{box-shadow:0 8px 24px rgba(37,211,102,0.35),0 2px 6px rgba(0,0,0,0.12),0 0 0 0 rgba(37,211,102,0.55);}50%{box-shadow:0 8px 24px rgba(37,211,102,0.35),0 2px 6px rgba(0,0,0,0.12),0 0 0 14px rgba(37,211,102,0);}}
@media (max-width:600px){.mn-wa-btn{right:16px;bottom:16px;width:54px;height:54px;}.mn-wa-tip{display:none;}}
@media (prefers-reduced-motion:reduce){.mn-wa-btn{animation:none;}.mn-wa-btn:hover{transform:none;}}

/* === EASTER EGG: Confetti Container === */
.mn-confetti{position:fixed;inset:0;pointer-events:none;z-index:99998;overflow:hidden;}
.mn-confetti-piece{position:absolute;width:10px;height:14px;top:-20px;opacity:0;border-radius:2px;}

