
:root{--bg:#05090b;--bg2:#091014;--surface:#0d1519;--text:#f7f9f8;--muted:#a9b3b7;--green:#6fbd1f;--green2:#9bd85d;--line:rgba(255,255,255,.10);--lineg:rgba(111,189,31,.28)}
html,body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration:none}.mi-shell{max-width:1280px}.mi-navbar{background:rgba(4,8,10,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.mi-brand-mark{width:42px;height:42px;object-fit:contain;flex:0 0 42px}.mi-brand-name{font-size:1.02rem;font-weight:900;letter-spacing:.105em;line-height:1}.mi-brand-name .green{color:var(--green)}
.mi-brand-claim{font-size:.45rem;letter-spacing:.09em;font-weight:800;color:#edf2f2;line-height:1.1;margin-top:4px}.navbar .nav-link{color:#e2e7e8!important;font-weight:700;font-size:.88rem}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--green2)!important}.navbar-toggler{border-color:var(--line)}.navbar-toggler-icon{filter:invert(1)}
.mi-hero-card{background:linear-gradient(135deg,#071014,#0d171b);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.32)}
.mi-hero-copy{padding:clamp(32px,5vw,72px)}.mi-kicker{color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.mi-display{font-size:clamp(2.8rem,5vw,4.8rem);line-height:.98;letter-spacing:-.04em;font-weight:900;margin-bottom:22px}.mi-display .green{color:var(--green)}
.mi-lead{font-size:1.12rem;color:#dce3e5;max-width:650px}.mi-hero-img{width:100%;height:100%;min-height:420px;object-fit:cover}
.mi-btn{border-radius:8px;font-weight:800;padding:.78rem 1.15rem}.btn-mi{background:var(--green);border-color:var(--green);color:#071006}.btn-mi:hover{background:var(--green2);border-color:var(--green2);color:#071006}
.btn-outline-mi{border:1px solid var(--lineg);color:#fff;background:#081014}.btn-outline-mi:hover{color:var(--green2);border-color:var(--green)}
.mi-section{padding:78px 0}.mi-section-alt{background:var(--bg2);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
.mi-h2{font-size:clamp(2rem,3.6vw,3.15rem);font-weight:850;letter-spacing:-.03em;line-height:1.05}.mi-muted{color:var(--muted)}
.mi-card{height:100%;background:linear-gradient(180deg,var(--surface),#091014);border:1px solid var(--line);border-radius:16px;padding:24px}.mi-card:hover{border-color:var(--lineg)}
.mi-card-icon{font-size:1.75rem;color:var(--green);line-height:1;margin-bottom:18px}.mi-card h3{font-size:1.1rem;font-weight:800}.mi-card p{color:#bbc5c8;margin-bottom:0}
.mi-feature{background:#081014;border:1px solid var(--line);border-radius:20px;overflow:hidden}.mi-feature-img{width:100%;height:100%;min-height:360px;object-fit:cover}.mi-feature-copy{padding:clamp(28px,4vw,52px)}
.mi-check{list-style:none;padding:0;margin:18px 0 0}.mi-check li{position:relative;padding:.42rem 0 .42rem 1.65rem;color:#dce3e5}.mi-check li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.mi-stat{background:#060c0f;border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center;height:100%}.mi-stat strong{display:block;color:var(--green);font-size:1.15rem}.mi-stat span{color:#d8dfe1;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.mi-cta{background:linear-gradient(120deg,#101a12,#091014);border:1px solid var(--lineg);border-radius:18px;padding:32px}
.mi-form-control{background:#081014!important;border-color:var(--line)!important;color:#fff!important;border-radius:8px!important}.mi-form-control:focus{box-shadow:0 0 0 .2rem rgba(111,189,31,.15)!important;border-color:var(--green)!important}
footer{background:#030607;border-top:1px solid rgba(111,189,31,.16)}.mi-footer-link{color:#aeb9bd}.mi-footer-link:hover{color:var(--green2)}.mi-small{font-size:.84rem}
@media(max-width:991.98px){.mi-hero-img{min-height:340px;max-height:420px}}
@media(max-width:575.98px){.mi-brand-claim{font-size:.38rem;letter-spacing:.055em}.mi-brand-name{font-size:.9rem}.mi-brand-mark{width:36px;height:36px;flex-basis:36px}.mi-section{padding:58px 0}.mi-hero-card{border-radius:16px}}


/* =========================================================
   MATCHINSIGHT REFINED — Professional production pass
   ========================================================= */

:root{
  --mi-green:#72c624;
  --mi-green-soft:#9ad75f;
  --mi-bg:#05090b;
  --mi-bg-2:#081014;
  --mi-panel:#0c1418;
  --mi-panel-2:#10191e;
  --mi-border:rgba(255,255,255,.09);
  --mi-border-green:rgba(114,198,36,.28);
  --mi-text:#f7f9f8;
  --mi-muted:#a8b2b6;
}

body{background:var(--mi-bg)!important}
.mi-navbar{min-height:76px}
.mi-shell{max-width:1260px}
.mi-navbar .dropdown-menu{
  background:#081014;border:1px solid var(--mi-border);border-radius:12px;
  box-shadow:0 18px 55px rgba(0,0,0,.35);padding:.55rem;
}
.mi-navbar .dropdown-item{color:#e7ebec;border-radius:8px;padding:.65rem .8rem;font-weight:700}
.mi-navbar .dropdown-item:hover,.mi-navbar .dropdown-item:focus{background:#10191e;color:var(--mi-green-soft)}
.mi-navbar .dropdown-divider{border-color:var(--mi-border)}

.mi-hero-card{
  border-radius:20px;
  background:linear-gradient(135deg,#071014,#0c1519);
}
.mi-hero-copy{padding:clamp(36px,5vw,68px)}
.mi-display{font-size:clamp(2.65rem,4.8vw,4.65rem)}
.mi-lead{font-size:1.08rem;line-height:1.65}
.mi-hero-img{
  min-height:440px;
  height:100%;
  object-fit:cover;
  filter:saturate(.78) contrast(1.06) brightness(.78);
}
.mi-hero-image-wrap{position:relative;height:100%;min-height:440px}
.mi-hero-image-wrap::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(5,9,11,.20),rgba(5,9,11,.02)),
             linear-gradient(0deg,rgba(5,9,11,.22),transparent 50%);
  pointer-events:none;
}

.mi-section{padding:72px 0}
.mi-section-tight{padding:44px 0}
.mi-h2{max-width:900px}
.mi-card{padding:26px;border-radius:15px}
.mi-card h3{font-size:1.08rem}
.mi-card p{line-height:1.65}
.mi-card-icon{font-size:1.6rem}

.mi-value-strip{
  border-top:1px solid var(--mi-border);border-bottom:1px solid var(--mi-border);
  background:#071014;
}
.mi-value{
  padding:26px 22px;height:100%;
  border-right:1px solid var(--mi-border);
}
.mi-value:last-child{border-right:0}
.mi-value .bi{font-size:1.55rem;color:var(--mi-green)}
.mi-value strong{display:block;margin:.6rem 0 .35rem;font-size:1rem}
.mi-value p{margin:0;color:#b5c0c3;font-size:.91rem;line-height:1.55}

.mi-info-block{
  border:1px solid var(--mi-border);
  background:linear-gradient(145deg,#0a1216,#071014);
  border-radius:18px;padding:30px;height:100%;
}
.mi-info-block .number{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--mi-green);color:#071006;font-weight:900;margin-bottom:18px;
}
.mi-info-block p{color:#b9c3c6;margin-bottom:0}

.mi-highlight{
  padding:30px;border:1px solid var(--mi-border-green);border-radius:18px;
  background:radial-gradient(circle at 90% 20%,rgba(114,198,36,.10),transparent 35%),#091014;
}
.mi-highlight p{color:#c7d0d3}
.mi-highlight .bi{color:var(--mi-green);font-size:1.4rem}

.mi-quote{
  font-size:clamp(1.45rem,2.3vw,2.05rem);line-height:1.3;font-weight:800;
  letter-spacing:-.02em;
}
.mi-quote .green{color:var(--mi-green)}

.mi-sport-card{
  height:100%;padding:26px;border-radius:16px;border:1px solid var(--mi-border);
  background:#0b1317;transition:.2s ease;
}
.mi-sport-card:hover{transform:translateY(-3px);border-color:var(--mi-border-green)}
.mi-sport-card .bi{font-size:1.7rem;color:var(--mi-green)}
.mi-sport-card h3{font-size:1.15rem;margin-top:1rem}
.mi-sport-card p{color:#b8c2c5}

.mi-section-lead{max-width:800px;color:#c7d0d3;font-size:1.03rem;line-height:1.7}

.mi-note{
  border-left:3px solid var(--mi-green);padding:18px 20px;background:#081014;color:#c7d0d3;border-radius:0 10px 10px 0
}

@media(max-width:991.98px){
  .mi-hero-image-wrap,.mi-hero-img{min-height:330px}
  .mi-value{border-right:0;border-bottom:1px solid var(--mi-border)}
}


/* =========================================================
   AI VISUAL + ALL-TEXT-IN-BOXES PASS
   ========================================================= */
.mi-heading-box{
  background:linear-gradient(180deg,#0d1519,#091014);
  border:1px solid var(--mi-border);
  border-radius:16px;
  padding:24px 26px;
  box-shadow:0 10px 32px rgba(0,0,0,.14);
}
.mi-heading-box .mi-kicker{margin-bottom:10px}
.mi-heading-box .mi-h2{margin-bottom:12px}
.mi-heading-box .mi-section-lead{margin-bottom:0}

.mi-hero-copy{
  margin:24px;
  padding:clamp(28px,4vw,50px)!important;
  border:1px solid var(--mi-border);
  border-radius:16px;
  background:rgba(5,9,11,.88);
  box-shadow:0 16px 48px rgba(0,0,0,.26);
}
.mi-hero-card{padding:0}
.mi-hero-image-wrap{
  margin:24px 24px 24px 0;
  border:1px solid var(--mi-border);
  border-radius:16px;
  overflow:hidden;
}
.mi-feature-copy{
  margin:24px;
  border:1px solid var(--mi-border);
  border-radius:16px;
  background:#0a1216;
  padding:30px!important;
}
.mi-feature-img{
  margin:24px 0 24px 24px;
  width:calc(100% - 24px);
  height:calc(100% - 48px);
  min-height:330px;
  border-radius:16px;
  border:1px solid var(--mi-border);
}
.mi-value{
  margin:12px 6px;
  border:1px solid var(--mi-border);
  border-radius:14px;
  background:#0b1317;
}
.mi-value-strip{padding:12px 0}
.mi-note,.mi-highlight,.mi-cta,.mi-card,.mi-info-block,.mi-stat{
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}
.mi-legal-box{
  background:#0b1317;
  border:1px solid var(--mi-border);
  border-radius:16px;
  padding:28px;
}
@media(max-width:991.98px){
  .mi-hero-copy{margin:16px}
  .mi-hero-image-wrap{margin:0 16px 16px}
  .mi-feature-img{margin:16px;width:calc(100% - 32px);height:auto;min-height:280px}
  .mi-feature-copy{margin:16px}
}


/* =========================================================
   FINAL COLOR / CARD / ICON HARMONY
   ========================================================= */
body{
  background:
    radial-gradient(circle at 85% 6%,rgba(114,198,36,.035),transparent 22%),
    #05090b!important;
}
.mi-section:nth-of-type(even){background-color:#081014}
.mi-section:nth-of-type(odd){background-color:#05090b}
.mi-heading-box,
.mi-card,
.mi-info-block,
.mi-highlight,
.mi-cta,
.mi-legal-box{
  background:
    radial-gradient(circle at 100% 0%,rgba(114,198,36,.055),transparent 30%),
    linear-gradient(180deg,#0d1519,#091014)!important;
  border-color:rgba(255,255,255,.095)!important;
}
.mi-card-icon,
.mi-info-block .number,
.mi-value .bi,
.mi-sport-card .bi{
  filter:drop-shadow(0 0 10px rgba(114,198,36,.12));
}
.mi-info-block{
  position:relative;
  padding-top:28px;
}
.mi-info-block .number{
  width:42px;height:42px;
  background:rgba(114,198,36,.14);
  border:1px solid rgba(114,198,36,.42);
  color:var(--mi-green);
}
.mi-step-icon{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(114,198,36,.11);
  border:1px solid rgba(114,198,36,.34);
  color:var(--mi-green);
  font-size:1.15rem;
  margin-bottom:16px;
}
.mi-card .mi-card-icon{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(114,198,36,.10);
  border:1px solid rgba(114,198,36,.30);
  margin-bottom:16px;
}
.mi-value{
  background:
    radial-gradient(circle at 100% 0%,rgba(114,198,36,.055),transparent 34%),
    #0b1317!important;
}
.mi-hero-card{
  border-color:rgba(114,198,36,.14)!important;
}
.mi-hero-image-wrap{
  border-color:rgba(114,198,36,.18)!important;
}
.mi-legal-box h1,.mi-legal-box h2,.mi-legal-box h3{color:#f7f9f8}
.mi-legal-box p,.mi-legal-box li{color:#c4ced1}
.mi-legal-box a{color:var(--mi-green-2)}


/* === FINAL HARMONY PASS === */
.mi-heading-box{
  background:linear-gradient(180deg,#0e171b,#091014)!important;
  border:1px solid rgba(114,198,36,.16)!important;
}
.mi-card,.mi-info-block,.mi-highlight,.mi-legal-box,.mi-cta{
  background:linear-gradient(180deg,#0d1519,#091014)!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
.mi-card:hover,.mi-info-block:hover{
  border-color:rgba(114,198,36,.35)!important;
}
.mi-card-icon,.mi-step-icon{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(114,198,36,.11);
  border:1px solid rgba(114,198,36,.32);
  color:var(--mi-green);
  margin-bottom:16px;
}
.mi-info-block .number{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--mi-green);
  color:#071006;
  font-weight:900;
  margin-bottom:14px;
}
.mi-kicker{color:var(--mi-green)!important}
.mi-display .green,.mi-quote .green{color:var(--mi-green)!important}
.mi-section-alt{background:#081014!important}
.mi-legal-box{padding:30px!important}
.mi-legal-box h2{margin-top:1.8rem}


/* =========================================================
   CLIENT-READY CARD PASS
   ========================================================= */
.mi-card,
.mi-info-block,
.mi-sport-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 0%,rgba(114,198,36,.08),transparent 34%),
    linear-gradient(180deg,#0e171b 0%,#091014 100%)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:16px!important;
}
.mi-card::before,
.mi-info-block::before,
.mi-sport-card::before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--mi-green),rgba(114,198,36,.08));
}
.mi-card-icon,
.mi-step-icon{
  width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,rgba(114,198,36,.20),rgba(114,198,36,.07))!important;
  border:1px solid rgba(114,198,36,.45)!important;
  color:var(--mi-green)!important;
  font-size:1.35rem!important;
  margin-bottom:18px!important;
  box-shadow:0 0 24px rgba(114,198,36,.08);
}
.mi-card h3,.mi-info-block h3{color:#fff!important}
.mi-card p,.mi-info-block p{color:#bdc8cb!important}
.mi-card-link{
  display:inline-flex;align-items:center;gap:.45rem;
  color:var(--mi-green)!important;font-weight:800;font-size:.82rem;
  text-transform:uppercase;letter-spacing:.035em;margin-top:auto;
}
.mi-audience-card{min-height:250px;display:flex;flex-direction:column}
.mi-audience-card p{flex:1}
.mi-section-tight{padding:34px 0 50px}
.mi-card:hover,.mi-info-block:hover,.mi-sport-card:hover{
  transform:translateY(-3px);
  border-color:rgba(114,198,36,.42)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}
.mi-hero-img{
  filter:saturate(.88) contrast(1.06) brightness(.80)!important;
}

/* =========================================================
   SCREENSHOT CORRECTION PASS
   ========================================================= */
.mi-display{
  font-size:clamp(2.2rem,3.7vw,3.65rem)!important;
  line-height:1.02!important;
  max-width:720px;
}
.mi-h2{
  font-size:clamp(1.75rem,2.7vw,2.7rem)!important;
  line-height:1.08!important;
}
.mi-hero-copy{
  padding:clamp(30px,4vw,52px)!important;
}
.mi-hero-img{
  min-height:390px!important;
  max-height:520px!important;
  object-fit:cover!important;
}
.mi-hero-image-wrap{min-height:390px!important}
.mi-section{padding:58px 0!important}
.mi-section-tight{padding:30px 0 44px!important}
.mi-card-grid-title{
  background:linear-gradient(180deg,#0e171b,#091014);
  border:1px solid rgba(114,198,36,.18);
  border-radius:15px;
  padding:24px 26px;
}
.mi-card,.mi-info-block,.mi-sport-card{
  border:1px solid rgba(255,255,255,.11)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(114,198,36,.07),transparent 34%),
    linear-gradient(180deg,#0e171b,#091014)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.16);
}
.mi-card-icon,.mi-step-icon,.mi-sport-card > i{
  width:46px!important;height:46px!important;
  display:grid!important;place-items:center!important;
  border-radius:13px!important;
  border:1px solid rgba(114,198,36,.42)!important;
  background:rgba(114,198,36,.11)!important;
  color:var(--mi-green)!important;
  font-size:1.28rem!important;
  margin-bottom:16px!important;
}
.mi-card h3,.mi-info-block h3,.mi-sport-card h3{
  font-size:1.05rem!important;
  font-weight:800!important;
}
.mi-card p,.mi-info-block p,.mi-sport-card p{
  line-height:1.6!important;
  color:#bec8cb!important;
}
.mi-audience-card{min-height:235px!important}
.mi-info-block{
  min-height:245px;
}
.mi-info-block .number{
  position:absolute!important;
  right:18px!important;
  top:18px!important;
  width:34px!important;height:34px!important;
  margin:0!important;
  background:rgba(114,198,36,.16)!important;
  border:1px solid rgba(114,198,36,.42)!important;
  color:var(--mi-green)!important;
}
@media(max-width:991.98px){
  .mi-display{font-size:clamp(2rem,8vw,3.25rem)!important}
  .mi-hero-img,.mi-hero-image-wrap{min-height:300px!important}
}


/* =========================================================
   ETAPPE 2 — Startseite: Ablauf im identischen Kartenstil
   ========================================================= */
.mi-process-card{
  min-height:245px;
  position:relative;
}
.mi-process-card .mi-process-number{
  position:absolute;
  top:18px;
  right:18px;
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(114,198,36,.16);
  border:1px solid rgba(114,198,36,.42);
  color:var(--mi-green);
  font-weight:900;
  font-size:.92rem;
}
.mi-process-card .mi-card-icon i{
  color:var(--mi-green)!important;
}


/* =========================================================
   ETAPPE 3 — Startbild + Sportarten Lesbarkeit / Karten
   ========================================================= */
.mi-sports-display{
  font-size:clamp(2rem,3vw,2.85rem)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  max-width:100%!important;
}
.mi-sport-card{
  min-height:270px;
}
.mi-sport-card .mi-sport-icon{
  flex:0 0 46px;
}
.mi-sport-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:var(--mi-green);
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mi-sport-card .mi-card-link .bi{
  width:auto!important;
  height:auto!important;
  display:inline!important;
  border:0!important;
  background:transparent!important;
  margin:0!important;
  font-size:.9rem!important;
  color:var(--mi-green)!important;
}
@media (min-width:992px) and (max-width:1199.98px){
  .mi-sports-display{font-size:2.05rem!important;}
}
@media (max-width:991.98px){
  .mi-sports-display{font-size:clamp(2rem,7vw,3rem)!important;}
}


/* =========================================================
   ETAPPE 4 — Startseiten-Kartenstil websiteweit
   ========================================================= */
/* Sportarten-Hero bewusst kompakter, damit die Headline vollständig im Textfeld bleibt. */
.mi-sports-display{
  font-size:clamp(1.72rem,2.25vw,2.22rem)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  max-width:540px!important;
}
/* Sportarten-Karten verwenden exakt die normale MatchInsight-Karte. */
.mi-sport-overview-card{min-height:270px!important;}
.mi-sport-overview-card p{flex:1;}
.mi-sport-overview-card .mi-sport-icon{flex:0 0 46px;}
.mi-sport-overview-card .mi-sport-icon svg{
  display:block;width:26px;height:26px;fill:none;stroke:var(--mi-green)!important;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
/* Ablauf auf allen Unterseiten = derselbe Kartenstil wie auf der Startseite. */
.mi-process-card{min-height:245px!important;position:relative!important;}
.mi-process-card .mi-card-icon{color:var(--mi-green)!important;}
.mi-process-card .mi-card-icon i{color:var(--mi-green)!important;}
.mi-process-card .mi-process-number{
  position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:rgba(114,198,36,.16);
  border:1px solid rgba(114,198,36,.42);color:var(--mi-green);font-weight:900;font-size:.92rem;
}
@media(max-width:991.98px){
  .mi-sports-display{font-size:clamp(1.75rem,5.4vw,2.15rem)!important;max-width:620px!important;}
}
@media(max-width:575.98px){
  .mi-sports-display{font-size:1.72rem!important;line-height:1.1!important;}
}

/* Final: language flags + branded social */
.mi-lang-toggle{display:flex;align-items:center;gap:.45rem;white-space:nowrap}
.mi-lang-menu{min-width:176px;padding:.4rem}
.mi-lang-menu .dropdown-item{display:flex;align-items:center;gap:.6rem;border-radius:8px;padding:.55rem .7rem}
.mi-flag{display:inline-block;flex:0 0 auto;width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18);overflow:hidden;vertical-align:-2px}
.mi-flag-de{background:linear-gradient(to bottom,#000 0 33.333%,#dd0000 33.333% 66.666%,#ffce00 66.666% 100%)}
.mi-flag-nl{background:linear-gradient(to bottom,#ae1c28 0 33.333%,#fff 33.333% 66.666%,#21468b 66.666% 100%)}
.mi-flag-gb{background:
linear-gradient(90deg,transparent 42%,#fff 42% 58%,transparent 58%),
linear-gradient(transparent 35%,#fff 35% 65%,transparent 65%),
linear-gradient(90deg,transparent 46%,#c8102e 46% 54%,transparent 54%),
linear-gradient(transparent 42%,#c8102e 42% 58%,transparent 58%),
linear-gradient(34deg,transparent 44%,#fff 44% 56%,transparent 56%),
linear-gradient(-34deg,transparent 44%,#fff 44% 56%,transparent 56%),
linear-gradient(34deg,transparent 48%,#c8102e 48% 52%,transparent 52%),
linear-gradient(-34deg,transparent 48%,#c8102e 48% 52%,transparent 52%),#012169}

.mi-footer-social{display:flex;gap:10px}
.mi-social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0!important;border-radius:11px;color:#fff!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;text-decoration:none!important;overflow:hidden}
.mi-social-link i{font-size:1.15rem;line-height:1;color:#fff!important}
.mi-social-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0 5%,#fd5949 35%,#d6249f 62%,#285aeb 90%);box-shadow:0 6px 18px rgba(214,36,159,.18)}
.mi-social-facebook{background:#1877f2;box-shadow:0 6px 18px rgba(24,119,242,.18);border-radius:50%}
@media(hover:hover) and (pointer:fine){.mi-social-link:hover{transform:translateY(-2px) scale(1.04);filter:brightness(1.08);box-shadow:0 8px 22px rgba(0,0,0,.28)}}
.mi-social-link:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Stays visible while the page scrolls */
.mi-social-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:1060;display:flex;flex-direction:column;gap:9px}
.mi-social-rail .mi-social-link{width:44px;height:44px}

.mi-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mi-consent{color:#aeb9bd;font-size:.88rem;line-height:1.45}.mi-consent a{color:var(--green)}.mi-consent .form-check-input{background-color:#071014;border-color:#465055}.mi-consent .form-check-input:checked{background-color:var(--green);border-color:var(--green)}

@media(max-width:1199.98px){.navbar-nav .nav-link{font-size:.88rem}.navbar-nav{gap:0!important}.mi-lang-toggle{padding-left:.5rem!important;padding-right:.5rem!important}}
@media(max-width:991.98px){
  .mi-lang-select{margin-top:.25rem;margin-bottom:.35rem}.mi-lang-menu{min-width:100%}
  .mi-social-rail{display:flex;right:12px;top:auto;bottom:14px;transform:none;flex-direction:row;gap:8px}
  .mi-social-rail .mi-social-link{width:42px;height:42px}
}
@media(max-width:575.98px){
  .mi-social-rail{right:10px;bottom:10px}
  .mi-social-rail .mi-social-link{width:40px;height:40px}
  .mi-social-link i{font-size:1.08rem}
  .mi-flag{width:20px;height:14px}
}


/* Multilingual 2026-09-06 */
.mi-lang-menu{min-width:260px;max-height:min(72vh,560px);overflow-y:auto;overscroll-behavior:contain;padding:.45rem}
.mi-lang-menu .dropdown-item{display:flex;align-items:center;gap:.65rem;border-radius:8px;padding:.55rem .7rem}
.mi-lang-menu .dropdown-item[aria-current="true"]{background:rgba(114,198,36,.13);color:#fff}
.mi-lang-menu .dropdown-item[aria-current="true"]::after{content:"✓";margin-left:auto;color:var(--mi-green);font-weight:900}
.mi-flag-en{background:url('../brand/flag-en-uk-us.png') center/cover no-repeat}
.mi-flag-es{background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%)}
.mi-flag-fr{background:linear-gradient(90deg,#0055a4 0 33.333%,#fff 33.333% 66.666%,#ef4135 66.666% 100%)}
.mi-flag-it{background:linear-gradient(90deg,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666% 100%)}
.mi-flag-pt{background:linear-gradient(90deg,#046a38 0 40%,#da291c 40% 100%)}
.mi-flag-pl{background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50% 100%)}
.mi-flag-sv{background:linear-gradient(90deg,transparent 0 31%,#fecc00 31% 43%,transparent 43%),linear-gradient(transparent 0 42%,#fecc00 42% 58%,transparent 58%),#006aa7}
.mi-flag-da{background:linear-gradient(90deg,transparent 0 30%,#fff 30% 42%,transparent 42%),linear-gradient(transparent 0 42%,#fff 42% 58%,transparent 58%),#c60c30}
.mi-flag-no{background:linear-gradient(90deg,transparent 0 27%,#fff 27% 45%,transparent 45%),linear-gradient(transparent 0 38%,#fff 38% 62%,transparent 62%),linear-gradient(90deg,transparent 0 32%,#00205b 32% 40%,transparent 40%),linear-gradient(transparent 0 44%,#00205b 44% 56%,transparent 56%),#ba0c2f}
.mi-flag-fi{background:linear-gradient(90deg,transparent 0 31%,#003580 31% 43%,transparent 43%),linear-gradient(transparent 0 40%,#003580 40% 58%,transparent 58%),#fff}
.mi-flag-ar{background:linear-gradient(transparent 0 44%,#fff 44% 52%,transparent 52%),#006c35}
.mi-flag-zh{background:radial-gradient(circle at 27% 32%,#ffde00 0 14%,transparent 15%),#de2910}
.mi-language-suggest{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1085;display:flex;align-items:center;gap:.7rem;max-width:min(92vw,520px);padding:.75rem .9rem;border:1px solid rgba(114,198,36,.45);border-radius:14px;background:rgba(5,9,11,.96);box-shadow:0 14px 40px rgba(0,0,0,.42);color:#e8eff1;font-size:.92rem;backdrop-filter:blur(10px)}
.mi-language-suggest a{color:var(--mi-green);font-weight:800;text-decoration:none}.mi-language-suggest button{border:0;background:transparent;color:#aeb9bd;font-size:1.2rem;line-height:1;padding:.1rem .2rem}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .mi-lang-menu{direction:rtl;text-align:right}
html[dir="rtl"] .mi-lang-menu .dropdown-item[aria-current="true"]::after{margin-left:0;margin-right:auto}
html[dir="rtl"] .mi-display,html[dir="rtl"] .mi-h2,html[dir="rtl"] .mi-lead,html[dir="rtl"] .mi-kicker{text-align:right}
@media(max-width:991.98px){.mi-lang-menu{min-width:100%;max-height:48vh}}
