:root {
    --mc4-tech-navy: #04111e;
    --mc4-tech-navy-2: #071a2c;
    --mc4-tech-text: #f4f8fc;
    --mc4-tech-muted: #aebed0;
    --mc4-tech-blue: #009FE3;
    --mc4-tech-blue-2: #33B5EA;
    --mc4-tech-orange: #F58220;
    --mc4-tech-line: rgba(108, 185, 230, .18);
    --mc4-tech-content: 1520px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    color: #0f2038;
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body.mc4-tech-search-open,
body.mc4-tech-menu-open { overflow: hidden; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
button, input { font: inherit; }
.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.mc4-tech-site { min-height: 100vh; overflow-x: clip; overflow-y: visible; }

/* Header */
.mc4-tech-header {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 10000;
    color: #fff;
    border-bottom: 1px solid rgba(143, 203, 238, .08);
    background: rgba(2, 12, 22, .22);
    transition: background-color .2s ease, box-shadow .2s ease, backdrop-filter .2s ease;
}
body.admin-bar .mc4-tech-header { top: 32px; }
.mc4-tech-header.is-scrolled,
body:not(.mc4-tech-front) .mc4-tech-header,
body.mc4-tech-menu-open .mc4-tech-header {
    background: rgba(3, 14, 26, .92);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .2);
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
}
.mc4-tech-header__inner {
    display: grid;
    grid-template-columns: minmax(210px, 255px) minmax(0, 1fr) auto;
    align-items: center;
    gap: 26px;
    width: min(var(--mc4-tech-content), calc(100% - 72px));
    min-height: 82px;
    margin: 0 auto;
}
.mc4-tech-brand,
.mc4-tech-brand .custom-logo-link { display: flex; align-items: center; min-width: 0; }
.mc4-tech-brand .custom-logo {
    display: block;
    width: auto;
    max-width: 225px;
    max-height: 60px;
    object-fit: contain;
}
.mc4-tech-brand__text {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    text-decoration: none;
    letter-spacing: -.03em;
}
.mc4-tech-brand__text span { color: var(--mc4-tech-blue-2); font-weight: 800; }
.mc4-tech-header, .mc4-tech-header__inner, .mc4-tech-nav { overflow: visible; }
.mc4-tech-nav { min-width: 0; }
.mc4-tech-nav__list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mc4-tech-nav__list > li { position: relative; margin: 0; padding: 0; }
.mc4-tech-nav__list li { position: relative; overflow: visible; }
.mc4-tech-nav__list > li > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    padding: 10px 13px;
    color: rgba(239, 247, 255, .78);
    font-size: 16px;
    font-weight: 450;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease;
}
.mc4-tech-nav__list > li > a:hover,
.mc4-tech-nav__list > li > a:focus,
.mc4-tech-nav__list > li.current-menu-item > a,
.mc4-tech-nav__list > li.current-menu-ancestor > a { color: #fff; }
.mc4-tech-nav__list > li.menu-item-has-children > a::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -3px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: .75;
}
.mc4-tech-nav__list li.has-js-submenu > a::after { display: none; }
.mc4-tech-nav__list li.has-js-submenu > a { padding-right: 38px; }
.mc4-tech-nav__list .sub-menu li.has-js-submenu > a { padding-right: 42px; }
.mc4-tech-submenu-toggle {
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(239, 247, 255, .72);
    cursor: pointer;
    transform: translateY(-50%);
    transition: color .15s ease, background-color .15s ease;
}
.mc4-tech-nav__list .sub-menu .mc4-tech-submenu-toggle { color: #91a8bd; }
.mc4-tech-submenu-toggle:hover,
.mc4-tech-submenu-toggle:focus-visible { color: #fff; background: rgba(28, 176, 231, .1); outline: 0; }
.mc4-tech-submenu-toggle > span {
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .16s ease, margin .16s ease;
}
.mc4-tech-nav__list .sub-menu .mc4-tech-submenu-toggle > span {
    margin: 0 3px 0 0;
    transform: rotate(-45deg);
}
.mc4-tech-nav__list li.is-submenu-open > .mc4-tech-submenu-toggle > span {
    margin-top: 3px;
    transform: rotate(225deg);
}
.mc4-tech-nav__list .sub-menu li.is-submenu-open > .mc4-tech-submenu-toggle > span {
    margin: 0 0 0 3px;
    transform: rotate(135deg);
}
.mc4-tech-nav__list .sub-menu {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    z-index: 100200;
    min-width: 260px;
    margin: 0;
    padding: 12px;
    list-style: none;
    border: 1px solid rgba(118, 190, 231, .18);
    border-radius: 16px;
    background: rgba(5, 22, 38, .98);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .34);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(5px);
    transition: opacity .16s ease, visibility .16s ease, transform .16s ease;
}
.mc4-tech-nav__list li:hover > .sub-menu,
.mc4-tech-nav__list li:focus-within > .sub-menu,
.mc4-tech-nav__list li.is-submenu-open > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
.mc4-tech-nav__list .sub-menu li { position: relative; }
.mc4-tech-nav__list .sub-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 9px;
    color: #b8c8d8;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color .14s ease, background-color .14s ease;
}
.mc4-tech-menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: #7ccdf0;
    opacity: .96;
}
.mc4-tech-menu-icon svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.mc4-tech-menu-icon--fa i {
    display: block;
    width: 18px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}
.mc4-tech-menu-label {
    display: inline-block;
    min-width: 0;
}
.mc4-tech-nav__list > li > .sub-menu > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 15px;
}
.mc4-tech-nav__list .sub-menu .sub-menu a {
    gap: 10px;
}
.mc4-tech-nav__list .sub-menu a:hover,
.mc4-tech-nav__list .sub-menu a:focus {
    color: #fff;
    background: rgba(28, 176, 231, .1);
}
.mc4-tech-nav__list .sub-menu .sub-menu { top: -12px; left: calc(100% - 4px); }
.mc4-tech-header__actions { display: flex; align-items: center; gap: 12px; }
.mc4-tech-search-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 10px 0 13px;
    border: 1px solid rgba(141, 199, 232, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .025);
    color: #9db1c7;
    cursor: pointer;
    transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}
.mc4-tech-search-button:hover { color: #fff; border-color: rgba(53, 199, 243, .42); background: rgba(255,255,255,.045); }
.mc4-tech-search-button__icon { display: inline-flex; }
.mc4-tech-search-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.mc4-tech-search-button__keys {
    padding: 3px 7px;
    border: 1px solid rgba(141, 199, 232, .15);
    border-radius: 7px;
    font-size: 11px;
    line-height: 1;
}
.mc4-tech-language { color: #d3dfeb; font-size: 14px; white-space: nowrap; }
.mc4-tech-header__cta,
.mc4-tech-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 999px;
    text-decoration: none;
}
.mc4-tech-header__cta {
    min-height: 46px;
    padding: 11px 20px;
    border: 1px solid rgba(57, 201, 246, .45);
    background: linear-gradient(135deg, #009FE3 0%, #33B5EA 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 10px 26px rgba(15, 169, 230, .25);
    transition: filter .15s ease, transform .15s ease, box-shadow .15s ease;
}
.mc4-tech-header__cta:hover { filter: brightness(1.06); transform: translateY(-1px); box-shadow: 0 15px 32px rgba(15,169,230,.34); }
.mc4-tech-header__cta span,
.mc4-tech-button span { display: inline-flex; }
.mc4-tech-header__cta svg,
.mc4-tech-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mc4-tech-menu-toggle { display: none; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(141,199,232,.2); border-radius: 11px; background: rgba(255,255,255,.03); color: #fff; cursor: pointer; }
.mc4-tech-menu-toggle span { display: inline-flex; }
.mc4-tech-menu-toggle svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.mc4-tech-menu-toggle__close { display: none !important; }
.mc4-tech-menu-toggle[aria-expanded="true"] .mc4-tech-menu-toggle__open { display: none !important; }
.mc4-tech-menu-toggle[aria-expanded="true"] .mc4-tech-menu-toggle__close { display: inline-flex !important; }

/* Hero */
.mc4-tech-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: max(850px, 100svh);
    overflow: hidden;
    padding: 132px 24px 92px;
    color: var(--mc4-tech-text);
    background:
        radial-gradient(circle at 50% 38%, rgba(18, 83, 126, .38), transparent 46%),
        linear-gradient(180deg, rgba(3, 16, 29, .1) 0%, rgba(3, 15, 27, .76) 100%),
        url("../images/network-bg.svg") center/cover no-repeat,
        var(--mc4-tech-navy);
}
.mc4-tech-hero::before,
.mc4-tech-hero::after {
    position: absolute;
    z-index: -1;
    content: "";
    pointer-events: none;
}
.mc4-tech-hero::before {
    inset: 0;
    background:
        linear-gradient(135deg, transparent 0 34%, rgba(17, 52, 80, .14) 34% 54%, transparent 54%),
        linear-gradient(225deg, transparent 0 35%, rgba(8, 42, 69, .24) 35% 57%, transparent 57%);
}
.mc4-tech-hero::after {
    left: 50%;
    bottom: -340px;
    width: 1120px;
    height: 640px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(23, 124, 180, .16), transparent 68%);
    transform: translateX(-50%);
}
.mc4-tech-hero__geometry { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.mc4-tech-hero__polygon { position: absolute; opacity: .34; background: linear-gradient(145deg, rgba(10, 38, 63, .8), rgba(5, 22, 38, .12)); clip-path: polygon(0 0, 100% 42%, 65% 100%, 12% 82%); }
.mc4-tech-hero__polygon--left { left: -90px; bottom: 70px; width: 480px; height: 540px; transform: rotate(-9deg); }
.mc4-tech-hero__polygon--right { right: -90px; top: 180px; width: 430px; height: 510px; transform: scaleX(-1) rotate(-7deg); }
.mc4-tech-hero__orb { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #a7eaff; box-shadow: 0 0 16px 5px rgba(57, 199, 243, .3); opacity: .56; }
.mc4-tech-hero__orb--one { left: 34.5%; top: 54%; }
.mc4-tech-hero__orb--two { right: 26%; bottom: 23%; width: 7px; height: 7px; }
.mc4-tech-hero__content { width: min(1040px, 100%); margin: 0 auto; text-align: center; }
.mc4-tech-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
    padding: 9px 18px;
    border: 1px solid rgba(34, 171, 225, .5);
    border-radius: 999px;
    background: rgba(8, 48, 76, .58);
    color: #63c9f2;
    font-size: 15px;
    font-weight: 650;
    letter-spacing: .01em;
    box-shadow: inset 0 0 18px rgba(20, 166, 225, .08);
}
.mc4-tech-hero__badge span { width: 7px; height: 7px; border-radius: 50%; background: var(--mc4-tech-blue-2); box-shadow: 0 0 11px rgba(53,199,243,.7); }
.mc4-tech-hero__title { margin: 0; color: #f6f9fd; font-size: clamp(50px, 5.2vw, 82px); font-weight: 310; line-height: 1.01; letter-spacing: -.046em; text-wrap: balance; }
.mc4-tech-hero__title > span,
.mc4-tech-hero__title > strong { display: block; }
.mc4-tech-hero__title > strong {
    margin: .12em 0 .13em;
    font-weight: 790;
    background: linear-gradient(90deg, #33B5EA 0%, #009FE3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.mc4-tech-hero__description { width: min(760px, 100%); margin: 30px auto 0; color: var(--mc4-tech-muted); font-size: clamp(18px, 1.45vw, 23px); font-weight: 400; line-height: 1.55; text-wrap: balance; }
.mc4-tech-hero__buttons { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 36px; }
.mc4-tech-button { min-height: 64px; padding: 15px 34px; font-size: 16px; font-weight: 700; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease; }
.mc4-tech-button--primary { min-width: 295px; border: 1px solid rgba(67,205,247,.55); background: linear-gradient(135deg, #009FE3 0%, #33B5EA 100%); color: #fff; box-shadow: 0 15px 36px rgba(15,169,230,.28); }
.mc4-tech-button--primary:hover { transform: translateY(-2px); box-shadow: 0 20px 44px rgba(15,169,230,.38); }
.mc4-tech-button--secondary { min-width: 265px; border: 1px solid rgba(151, 193, 220, .18); background: rgba(4, 18, 32, .38); color: #edf5fb; }
.mc4-tech-button--secondary:hover { transform: translateY(-2px); border-color: rgba(53,199,243,.36); background: rgba(7, 29, 49, .62); }
.mc4-tech-hero__trust { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 28px; margin: 42px auto 0; padding: 0; list-style: none; color: #879db4; font-size: 14px; }
.mc4-tech-hero__trust li { display: inline-flex; align-items: center; gap: 8px; }
.mc4-tech-hero__trust span { display: inline-flex; color: #28bff3; }
.mc4-tech-hero__trust svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mc4-tech-hero__section-label { position: absolute; left: max(32px, calc((100vw - var(--mc4-tech-content)) / 2)); bottom: 36px; display: flex; align-items: center; gap: 14px; color: #35bdf0; font-size: 13px; font-weight: 750; letter-spacing: .24em; }
.mc4-tech-hero__section-label span { width: 42px; height: 1px; background: #2bb7ec; }

/* Search overlay */
.mc4-tech-search-overlay { position: fixed; inset: 0; z-index: 12000; opacity: 0; transition: opacity .18s ease; }
.mc4-tech-search-overlay.is-open { opacity: 1; }
.mc4-tech-search-overlay__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(1, 9, 17, .78); backdrop-filter: blur(12px); cursor: default; }
.mc4-tech-search-overlay__panel { position: relative; width: min(760px, calc(100% - 32px)); margin: 16vh auto 0; padding: 24px; border: 1px solid rgba(113,188,230,.2); border-radius: 20px; background: #071a2c; box-shadow: 0 28px 70px rgba(0,0,0,.46); }
.mc4-tech-search-overlay__panel form { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; min-height: 64px; padding: 8px 9px 8px 18px; border: 1px solid rgba(113,188,230,.18); border-radius: 14px; background: rgba(255,255,255,.035); }
.mc4-tech-search-overlay__panel form > span { display: inline-flex; color: #8eb1c9; }
.mc4-tech-search-overlay__panel svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.mc4-tech-search-overlay__panel input { min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; font-size: 18px; }
.mc4-tech-search-overlay__panel input::placeholder { color: #7890a6; }
.mc4-tech-search-overlay__panel button[type="submit"] { min-height: 46px; padding: 10px 20px; border: 0; border-radius: 10px; background: var(--mc4-tech-blue); color: #fff; font-weight: 700; cursor: pointer; }
.mc4-tech-search-overlay__panel p { margin: 12px 2px 0; color: #71889c; font-size: 12px; }

/* Content */
.mc4-tech-page-content { background: #fff; }
.mc4-tech-footer { padding: 56px 24px; color: #aebed0; background: #04111e; border-top: 1px solid rgba(108,185,230,.12); }
.mc4-tech-footer__inner { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 32px; width: min(1240px, 100%); margin: 0 auto; }
.mc4-tech-footer strong { color: #fff; font-size: 18px; }
.mc4-tech-footer p { margin: 6px 0 0; }
.mc4-tech-footer__menu { display: flex; gap: 18px; margin: 0; padding: 0; list-style: none; }
.mc4-tech-footer__menu a { text-decoration: none; }
.mc4-tech-footer__copy { white-space: nowrap; }
.mc4-tech-inner { min-height: 70vh; background: #f6f8fa; }
.mc4-tech-inner-hero { display: flex; align-items: end; min-height: 390px; padding: 150px 24px 70px; color: #fff; background: radial-gradient(circle at 50% 35%, rgba(21,122,180,.25), transparent 48%), url("../images/network-bg.svg") center/cover no-repeat, #04111e; }
.mc4-tech-inner-hero__content { width: min(1200px, 100%); margin: 0 auto; }
.mc4-tech-inner-hero p { margin: 0 0 12px; color: #34bff1; font-size: 13px; font-weight: 750; letter-spacing: .18em; text-transform: uppercase; }
.mc4-tech-inner-hero h1 { max-width: 980px; margin: 0; font-size: clamp(40px, 5vw, 72px); line-height: 1.05; letter-spacing: -.04em; }
.mc4-tech-content { width: min(1080px, calc(100% - 40px)); margin: 0 auto; padding: 70px 0 90px; font-size: 17px; line-height: 1.7; }
.mc4-tech-content h2, .mc4-tech-content h3 { color: #071a33; line-height: 1.2; }
.mc4-tech-article__image { margin-bottom: 34px; overflow: hidden; border-radius: 20px; }
.mc4-tech-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: 70px 0 90px; }
.mc4-tech-post-card { overflow: hidden; border: 1px solid #e2e8ee; border-radius: 18px; background: #fff; box-shadow: 0 10px 26px rgba(15,32,56,.06); }
.mc4-tech-post-card img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.mc4-tech-post-card > div { padding: 22px; }
.mc4-tech-post-card p { color: #6d7d8e; font-size: 13px; }
.mc4-tech-post-card h2 { margin: 8px 0 12px; font-size: 22px; line-height: 1.25; }
.mc4-tech-post-card h2 a { text-decoration: none; }
.mc4-tech-error { display: grid; place-items: center; min-height: 100vh; padding: 120px 24px; color: #fff; text-align: center; background: url("../images/network-bg.svg") center/cover no-repeat, #04111e; }
.mc4-tech-error p { margin: 0; color: #29bdf0; font-size: 90px; font-weight: 800; }
.mc4-tech-error h1 { margin: 0 0 30px; font-size: 48px; }

@media (max-width: 1260px) {
    .mc4-tech-header__inner { width: calc(100% - 36px); grid-template-columns: minmax(170px, 210px) minmax(0, 1fr) auto; gap: 14px; }
    .mc4-tech-brand .custom-logo { max-width: 195px; }
    .mc4-tech-nav__list > li > a { padding-inline: 9px; font-size: 14px; }
    .mc4-tech-language { display: none; }
}

@media (max-width: 1023px) {
    body.admin-bar .mc4-tech-header { top: 46px; }
    .mc4-tech-header__inner { grid-template-columns: 1fr auto; min-height: 74px; }
    .mc4-tech-brand .custom-logo { max-height: 54px; }
    .mc4-tech-menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
    .mc4-tech-search-button__keys,
    .mc4-tech-header__cta { display: none; }
    .mc4-tech-nav {
        position: fixed;
        inset: 74px 0 auto 0;
        max-height: calc(100vh - 74px);
        padding: 18px;
        overflow-y: auto;
        border-top: 1px solid rgba(124,190,229,.12);
        background: rgba(3,14,26,.98);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-8px);
        transition: opacity .17s ease, visibility .17s ease, transform .17s ease;
    }
    body.admin-bar .mc4-tech-nav { top: 120px; }
    .mc4-tech-nav.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
    .mc4-tech-nav__list { display: block; }
    .mc4-tech-nav__list > li > a { width: 100%; min-height: 48px; padding: 12px 6px; font-size: 17px; }
    .mc4-tech-nav__list li.has-js-submenu > a { padding-right: 50px; }
    .mc4-tech-submenu-toggle { right: 4px; width: 42px; height: 42px; color: #aebed0; }
    .mc4-tech-nav__list .sub-menu .mc4-tech-submenu-toggle { color: #8fa6ba; }
    .mc4-tech-nav__list .sub-menu { position: static; display: none; min-width: 0; margin: 0 0 8px; padding: 0 0 0 14px; border: 0; border-radius: 0; background: transparent; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
    .mc4-tech-nav__list li.is-submenu-open > .sub-menu { display: block; }
    .mc4-tech-nav__list .sub-menu a { padding: 9px 10px; }
    .mc4-tech-nav__list .sub-menu .sub-menu { left: auto; top: auto; padding-left: 14px; }
    .mc4-tech-nav__list .sub-menu .mc4-tech-submenu-toggle > span { margin-top: -4px; transform: rotate(45deg); }
    .mc4-tech-nav__list .sub-menu li.is-submenu-open > .mc4-tech-submenu-toggle > span { margin-top: 3px; transform: rotate(225deg); }
    .mc4-tech-hero { min-height: 860px; padding-top: 125px; }
    .mc4-tech-hero__title { font-size: clamp(44px, 8vw, 68px); }
    .mc4-tech-hero__description { font-size: 19px; }
    .mc4-tech-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .mc4-tech-header__inner { width: calc(100% - 24px); }
    .mc4-tech-brand .custom-logo { max-width: 180px; max-height: 50px; }
    .mc4-tech-search-button { width: 42px; padding: 0; justify-content: center; }
    .mc4-tech-hero { min-height: 780px; padding: 112px 18px 86px; }
    .mc4-tech-hero__badge { margin-bottom: 24px; padding: 8px 13px; font-size: 12px; }
    .mc4-tech-hero__title { font-size: clamp(38px, 12vw, 54px); letter-spacing: -.04em; }
    .mc4-tech-hero__description { margin-top: 24px; font-size: 17px; line-height: 1.5; }
    .mc4-tech-hero__buttons { flex-direction: column; margin-top: 30px; }
    .mc4-tech-button { width: 100%; min-width: 0; min-height: 58px; padding: 14px 22px; }
    .mc4-tech-hero__trust { gap: 10px 18px; margin-top: 30px; font-size: 12px; }
    .mc4-tech-hero__section-label { left: 18px; bottom: 24px; font-size: 11px; }
    .mc4-tech-footer__inner { grid-template-columns: 1fr; }
    .mc4-tech-footer__menu { flex-wrap: wrap; }
    .mc4-tech-post-grid { grid-template-columns: 1fr; }
    .mc4-tech-inner-hero { min-height: 320px; padding-top: 125px; }
}

/* mc4 Tech 1.2.0 – vollständige Startseite */
.mc4-tech-home { background:#fff; }
.mc4-tech-section { position:relative; padding:112px 24px; }
.mc4-tech-section__inner { width:min(1380px,100%); margin:0 auto; }
.mc4-tech-section__copy { max-width:620px; }
.mc4-tech-section__copy--wide { max-width:920px; }
.mc4-tech-section__copy--center { max-width:820px; margin:0 auto 58px; text-align:center; }
.mc4-tech-eyebrow { display:flex; align-items:center; gap:13px; margin-bottom:22px; color:#17aee7; font-size:13px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; }
.mc4-tech-eyebrow::before { width:34px; height:1px; content:""; background:#1bb2ea; }
.mc4-tech-section h2 { margin:0; color:#071a33; font-size:clamp(38px,4vw,64px); font-weight:650; line-height:1.06; letter-spacing:-.04em; text-wrap:balance; }
.mc4-tech-section__copy > p { margin:26px 0 0; color:#65758a; font-size:19px; line-height:1.65; }
.mc4-tech-split { display:grid; grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr); align-items:center; gap:88px; }
.mc4-tech-checklist { display:grid; grid-template-columns:1fr 1fr; gap:15px 28px; margin:34px 0 30px; padding:0; list-style:none; }
.mc4-tech-checklist li { position:relative; padding-left:24px; color:#23364a; font-size:15px; line-height:1.45; }
.mc4-tech-checklist li::before { position:absolute; left:0; top:.38em; width:10px; height:6px; border-left:2px solid #18afe8; border-bottom:2px solid #18afe8; content:""; transform:rotate(-45deg); }
.mc4-tech-text-link { display:inline-flex; align-items:center; gap:9px; color:#0e8fc6; font-weight:750; text-decoration:none; }
.mc4-tech-text-link span { transition:transform .16s ease; }
.mc4-tech-text-link:hover span { transform:translateX(4px); }

.mc4-tech-console { overflow:hidden; border:1px solid #d9e5ed; border-radius:24px; background:#071a2c; box-shadow:0 30px 70px rgba(15,32,56,.2); transform:perspective(1200px) rotateY(-4deg) rotateX(2deg); }
.mc4-tech-console__top { display:flex; align-items:center; gap:7px; min-height:50px; padding:0 18px; border-bottom:1px solid rgba(138,196,229,.13); color:#6f8ba2; font-size:12px; }
.mc4-tech-console__top > span { width:9px; height:9px; border-radius:50%; background:#1d425e; }
.mc4-tech-console__top > span:first-child { background:#24aee5; }
.mc4-tech-console__top strong { margin-left:auto; color:#b7c9d8; font-weight:600; }
.mc4-tech-console__body { display:grid; grid-template-columns:150px 1fr; min-height:480px; }
.mc4-tech-console__nav { display:flex; flex-direction:column; gap:5px; padding:22px 14px; border-right:1px solid rgba(138,196,229,.1); background:#061625; }
.mc4-tech-console__nav span { padding:10px 12px; border-radius:8px; color:#718aa0; font-size:12px; }
.mc4-tech-console__nav span.is-active { color:#fff; background:rgba(24,175,232,.13); }
.mc4-tech-console__main { padding:24px; }
.mc4-tech-console__status { display:flex; align-items:center; gap:14px; padding:17px 18px; border:1px solid rgba(121,190,228,.13); border-radius:15px; background:rgba(255,255,255,.025); }
.mc4-tech-console__status i { width:12px; height:12px; border-radius:50%; background:#35d6a2; box-shadow:0 0 16px rgba(53,214,162,.55); }
.mc4-tech-console__status small,.mc4-tech-console__status span { display:block; color:#6f899e; font-size:11px; }
.mc4-tech-console__status strong { display:block; margin-top:3px; color:#eff8fc; font-size:14px; }
.mc4-tech-console__status b { margin-left:auto; color:#36cea6; font-size:18px; }
.mc4-tech-console__cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px; }
.mc4-tech-console__cards article { min-height:128px; padding:18px; border:1px solid rgba(121,190,228,.1); border-radius:14px; background:rgba(255,255,255,.022); }
.mc4-tech-console__cards small,.mc4-tech-console__cards span { display:block; color:#70899f; font-size:11px; }
.mc4-tech-console__cards strong { display:block; margin:18px 0 5px; color:#fff; font-size:22px; }
.mc4-tech-console__chart { display:flex; align-items:flex-end; gap:8px; height:120px; margin-top:16px; padding:20px 18px 0; border:1px solid rgba(121,190,228,.1); border-radius:14px; background:linear-gradient(180deg,rgba(18,76,111,.14),rgba(255,255,255,.015)); }
.mc4-tech-console__chart span { flex:1; height:var(--h); border-radius:5px 5px 0 0; background:linear-gradient(180deg,#25b8ee,#0d6fa2); opacity:.72; }

.mc4-tech-control { overflow:hidden; color:#fff; background:radial-gradient(circle at 75% 20%,rgba(17,112,164,.24),transparent 38%),url("../images/network-bg.svg") center/cover no-repeat,#04111e; }
.mc4-tech-control h2 { color:#fff; }
.mc4-tech-control .mc4-tech-section__copy > p { color:#9db0c4; }
.mc4-tech-control__grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr); gap:88px; margin-top:68px; }
.mc4-tech-control__benefits { display:flex; flex-direction:column; }
.mc4-tech-control__benefits article { display:grid; grid-template-columns:62px 1fr; gap:20px; padding:27px 0; border-top:1px solid rgba(119,190,228,.14); }
.mc4-tech-control__benefits article:last-child { border-bottom:1px solid rgba(119,190,228,.14); }
.mc4-tech-control__benefits span { color:#21b5ec; font-size:13px; font-weight:800; letter-spacing:.13em; }
.mc4-tech-control__benefits h3 { margin:0 0 7px; color:#f4f8fb; font-size:22px; }
.mc4-tech-control__benefits p { margin:0; color:#899fb4; font-size:15px; line-height:1.55; }
.mc4-tech-stats { display:grid; grid-template-columns:1fr 1fr; gap:1px; overflow:hidden; border:1px solid rgba(119,190,228,.14); border-radius:22px; background:rgba(119,190,228,.14); }
.mc4-tech-stats article { display:flex; min-height:170px; padding:28px; flex-direction:column; justify-content:flex-end; background:#071a2c; }
.mc4-tech-stats strong { color:#fff; font-size:clamp(38px,4vw,58px); line-height:1; letter-spacing:-.04em; }
.mc4-tech-stats span { margin-top:10px; color:#7f97ab; font-size:13px; }

.mc4-tech-deployment { background:#f7f9fb; }
.mc4-tech-deployment__cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.mc4-tech-deployment__cards article { position:relative; min-height:340px; padding:34px; border:1px solid #dfe8ee; border-radius:22px; background:#fff; box-shadow:0 10px 28px rgba(15,32,56,.045); }
.mc4-tech-deployment__cards article.is-featured { border-color:#22b5eb; box-shadow:0 18px 45px rgba(16,159,211,.12); }
.mc4-tech-deployment__icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border:1px solid #cfe0e9; border-radius:14px; color:#0e9ed7; font-size:12px; font-weight:800; }
.mc4-tech-deployment__cards h3 { margin:56px 0 14px; color:#071a33; font-size:27px; }
.mc4-tech-deployment__cards p { margin:0; color:#68788b; font-size:15px; line-height:1.65; }
.mc4-tech-deployment__cards a { position:absolute; left:34px; bottom:31px; color:#0b8fc5; font-weight:700; text-decoration:none; }

.mc4-tech-actions { padding-top:88px; padding-bottom:88px; }
.mc4-tech-actions__grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.mc4-tech-action-card { min-height:390px; padding:46px; border:1px solid #dfe7ed; border-radius:26px; background:#071a2c; color:#fff; overflow:hidden; }
.mc4-tech-action-card--blue { background:radial-gradient(circle at 85% 20%,rgba(62,210,240,.28),transparent 35%),linear-gradient(135deg,#0a76a8,#0aaade); }
.mc4-tech-action-card h2 { max-width:610px; margin-top:28px; color:#fff; font-size:clamp(34px,3vw,52px); }
.mc4-tech-action-card p { max-width:650px; margin:24px 0 42px; color:rgba(236,247,252,.77); font-size:17px; line-height:1.6; }
.mc4-tech-action-card a { display:inline-flex; align-items:center; gap:10px; color:#fff; font-weight:750; text-decoration:none; }

.mc4-tech-faq { padding-top:90px; background:#f8fafb; }
.mc4-tech-faq__layout { display:grid; grid-template-columns:380px 1fr; gap:95px; align-items:start; }
.mc4-tech-faq__items { border-top:1px solid #dce5eb; }
.mc4-tech-faq details { border-bottom:1px solid #dce5eb; }
.mc4-tech-faq summary { position:relative; padding:24px 44px 24px 0; color:#10243b; font-size:18px; font-weight:650; cursor:pointer; list-style:none; }
.mc4-tech-faq summary::-webkit-details-marker { display:none; }
.mc4-tech-faq summary::after { position:absolute; right:3px; top:23px; content:"+"; color:#149ed5; font-size:25px; font-weight:300; }
.mc4-tech-faq details[open] summary::after { content:"−"; }
.mc4-tech-faq details p { margin:-5px 0 24px; color:#69798b; line-height:1.7; }
.mc4-tech-page-content--legacy { border-top:6px solid #f0f3f6; }

.mc4-tech-footer { padding:0; color:#aebed0; background:#04111e; border-top:1px solid rgba(108,185,230,.12); }
.mc4-tech-footer__newsletter { display:flex; align-items:center; justify-content:space-between; gap:28px; width:min(1380px,calc(100% - 48px)); margin:0 auto; padding:70px 0; border-bottom:1px solid rgba(108,185,230,.13); }
.mc4-tech-footer__newsletter span { color:#2bb8ed; font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.mc4-tech-footer__newsletter h2 { margin:10px 0 0; color:#fff; font-size:clamp(30px,3vw,46px); letter-spacing:-.035em; }
.mc4-tech-footer__newsletter a { display:inline-flex; align-items:center; gap:13px; min-height:54px; padding:14px 24px; border:1px solid rgba(54,194,238,.35); border-radius:999px; background:#0ba9e2; color:#fff; font-weight:750; text-decoration:none; }
.mc4-tech-footer__inner { display:grid; grid-template-columns:1.45fr repeat(3,1fr); align-items:start; gap:55px; width:min(1380px,calc(100% - 48px)); margin:0 auto; padding:70px 0; }
.mc4-tech-footer__brand strong { color:#fff; font-size:24px; }
.mc4-tech-footer__brand p { max-width:360px; color:#7e94a8; line-height:1.65; }
.mc4-tech-footer__inner h3 { margin:0 0 18px; color:#fff; font-size:15px; }
.mc4-tech-footer__inner > div:not(.mc4-tech-footer__brand) { display:flex; flex-direction:column; gap:11px; }
.mc4-tech-footer__inner a { color:#8196a9; font-size:14px; text-decoration:none; }
.mc4-tech-footer__inner a:hover { color:#fff; }
.mc4-tech-footer__bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(1380px,calc(100% - 48px)); margin:0 auto; padding:22px 0 30px; border-top:1px solid rgba(108,185,230,.1); color:#60778b; font-size:12px; }

@media (max-width:1100px) {
  .mc4-tech-split,.mc4-tech-control__grid { grid-template-columns:1fr; gap:58px; }
  .mc4-tech-console { transform:none; }
  .mc4-tech-faq__layout { grid-template-columns:1fr; gap:45px; }
  .mc4-tech-footer__inner { grid-template-columns:1.4fr 1fr 1fr; }
  .mc4-tech-footer__inner > div:last-child { grid-column:2/4; }
}
@media (max-width:780px) {
  .mc4-tech-section { padding:78px 18px; }
  .mc4-tech-checklist,.mc4-tech-deployment__cards,.mc4-tech-actions__grid { grid-template-columns:1fr; }
  .mc4-tech-console__body { grid-template-columns:1fr; }
  .mc4-tech-console__nav { display:none; }
  .mc4-tech-control__grid { gap:44px; }
  .mc4-tech-stats { grid-template-columns:1fr 1fr; }
  .mc4-tech-action-card { min-height:0; padding:34px; }
  .mc4-tech-footer__newsletter { align-items:flex-start; flex-direction:column; }
  .mc4-tech-footer__inner { grid-template-columns:1fr 1fr; }
  .mc4-tech-footer__brand { grid-column:1/-1; }
  .mc4-tech-footer__inner > div:last-child { grid-column:auto; }
}
@media (max-width:520px) {
  .mc4-tech-console__cards,.mc4-tech-stats,.mc4-tech-footer__inner { grid-template-columns:1fr; }
  .mc4-tech-console__main { padding:16px; }
  .mc4-tech-footer__bottom { align-items:flex-start; flex-direction:column; }
}

/* =========================================================
   mc4 Tech 1.3.0 – Premium Tech UI
   ========================================================= */

:root {
    --mc4-tech-content: 1480px;
    --mc4-tech-section-width: 1360px;
}

/* Header: kompakter, näher am Hero und ruhiger */
.mc4-tech-header {
    background: linear-gradient(180deg, rgba(2, 11, 20, .58), rgba(2, 11, 20, .14));
    border-bottom-color: rgba(124, 201, 239, .055);
}
.mc4-tech-header.is-scrolled,
body:not(.mc4-tech-front) .mc4-tech-header,
body.mc4-tech-menu-open .mc4-tech-header {
    background: rgba(3, 14, 25, .86);
    border-bottom-color: rgba(124, 201, 239, .11);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
    backdrop-filter: blur(20px) saturate(145%);
    -webkit-backdrop-filter: blur(20px) saturate(145%);
}
.mc4-tech-header__inner {
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) auto;
    gap: 20px;
    width: min(var(--mc4-tech-content), calc(100% - 64px));
    min-height: 74px;
}
.mc4-tech-brand .custom-logo { max-width: 205px; max-height: 52px; }
.mc4-tech-nav__list { gap: 1px; }
.mc4-tech-nav__list > li > a {
    min-height: 40px;
    padding: 8px 12px;
    color: rgba(235, 244, 251, .76);
    font-size: 15px;
    font-weight: 460;
}
.mc4-tech-search-button { height: 38px; padding: 0 8px 0 11px; }
.mc4-tech-header__actions { gap: 10px; }
.mc4-tech-header__cta {
    min-height: 42px;
    padding: 9px 18px;
    font-size: 13.5px;
    box-shadow: 0 8px 22px rgba(15, 169, 230, .21);
}

/* Hero: klare 3-Zeilen-Hierarchie, deutlich mehr Tiefe */
.mc4-tech-hero {
    min-height: max(900px, 100svh);
    padding: 124px 24px 104px;
    background:
        radial-gradient(ellipse at 50% 34%, rgba(12, 85, 132, .18), transparent 48%),
        linear-gradient(180deg, rgba(2, 13, 24, .08) 0%, rgba(3, 15, 27, .16) 54%, rgba(3, 14, 25, .76) 100%),
        url("../images/mc4-traceroute-world-map.png") center center/cover no-repeat,
        #04111e;
}
.mc4-tech-hero::before {
    background:
        linear-gradient(137deg, transparent 0 30%, rgba(26, 74, 106, .12) 30% 47%, transparent 47%),
        linear-gradient(225deg, transparent 0 34%, rgba(10, 46, 75, .20) 34% 55%, transparent 55%),
        linear-gradient(32deg, transparent 0 62%, rgba(9, 40, 66, .17) 62% 78%, transparent 78%);
}
.mc4-tech-hero::after {
    bottom: -360px;
    width: 1320px;
    height: 720px;
    background: radial-gradient(circle, rgba(23, 124, 180, .19), transparent 67%);
}
.mc4-tech-hero__geometry { animation: mc4-tech-network-drift 18s ease-in-out infinite alternate; }
.mc4-tech-cybermap {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}
.mc4-tech-cybermap::after {
    position: absolute;
    inset: 0;
    content: "";
    z-index: 1;
    background:
        radial-gradient(ellipse at 50% 48%, transparent 18%, rgba(3, 14, 25, .1) 55%, rgba(3, 14, 25, .48) 100%),
        linear-gradient(180deg, rgba(3, 14, 25, .28), transparent 42%, rgba(3, 14, 25, .18));
}
.mc4-tech-cybermap__canvas { position: relative; z-index: 0; display: block; width: 100%; height: 100%; opacity: .92; }
.mc4-tech-firewall {
    position: absolute;
    left: 86%;
    top: 55%;
    z-index: 2;
    display: grid;
    justify-items: center;
    width: 112px;
    color: #7edbfb;
    text-align: center;
    transform: translate(-50%, -50%);
}
.mc4-tech-firewall__rings {
    position: absolute;
    left: 50%;
    top: 42px;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(53, 198, 244, .34);
    border-radius: 50%;
    box-shadow: 0 0 22px rgba(0, 159, 227, .25), inset 0 0 16px rgba(0, 159, 227, .12);
    transform: translate(-50%, -50%);
}
.mc4-tech-firewall__rings::before,
.mc4-tech-firewall__rings::after {
    position: absolute;
    inset: -12px;
    border: 1px solid rgba(53, 198, 244, .18);
    border-radius: 50%;
    content: "";
}
.mc4-tech-firewall__rings::after { inset: -25px; opacity: .55; }
.mc4-tech-firewall__shield {
    position: relative;
    display: grid;
    place-items: center;
    width: 58px;
    height: 68px;
    filter: drop-shadow(0 0 12px rgba(0, 159, 227, .62));
}
.mc4-tech-firewall__shield svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.mc4-tech-firewall__shield-outline { fill: rgba(5, 35, 57, .88); stroke: #35c6f4; stroke-width: 2.2; transition: fill .18s ease, stroke .18s ease; }
.mc4-tech-firewall__wall path { fill: none; stroke: #d9f7ff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: stroke .18s ease; }
.mc4-tech-firewall__label { margin-top: 4px; color: rgba(126, 219, 251, .78); font-size: 9px; font-weight: 800; letter-spacing: .22em; }
.mc4-tech-firewall__status {
    margin-top: 5px;
    padding: 3px 6px;
    border: 1px solid rgba(53, 198, 244, .34);
    border-radius: 4px;
    background: rgba(3, 24, 40, .82);
    color: #8be3ff;
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .12em;
    opacity: 0;
    transform: translateY(3px);
}
.mc4-tech-firewall.is-blocking .mc4-tech-firewall__shield { animation: mc4-tech-firewall-block .72s ease-out; }
.mc4-tech-firewall.is-blocking .mc4-tech-firewall__rings { animation: mc4-tech-firewall-wave .72s ease-out; }
.mc4-tech-firewall.is-blocking .mc4-tech-firewall__status { animation: mc4-tech-firewall-status .72s ease-out; }
.mc4-tech-firewall.is-blocking .mc4-tech-firewall__shield-outline { fill: rgba(92, 43, 4, .96); stroke: #F58220; }
.mc4-tech-firewall.is-blocking .mc4-tech-firewall__wall path { stroke: #fff2d4; }
.mc4-tech-hero__polygon { opacity: .28; }
.mc4-tech-hero__polygon--left { left: -115px; bottom: 86px; width: 560px; height: 620px; }
.mc4-tech-hero__polygon--right { right: -115px; top: 165px; width: 510px; height: 590px; }
.mc4-tech-hero__orb { animation: mc4-tech-orb-pulse 3.4s ease-in-out infinite; }
.mc4-tech-hero__orb--one { left: 35%; top: 53%; }
.mc4-tech-hero__orb--two { right: 24%; bottom: 24%; animation-delay: .8s; }
.mc4-tech-hero__orb--three { left: 17%; top: 31%; width: 6px; height: 6px; animation-delay: 1.6s; }
.mc4-tech-hero__content { width: min(1120px, 100%); transform: translateY(-5px); }
.mc4-tech-hero__badge {
    margin-bottom: 32px;
    padding: 8px 17px;
    border-color: rgba(34, 171, 225, .43);
    background: rgba(6, 43, 69, .56);
    color: #63c9f2;
    font-size: 14px;
    font-weight: 650;
}
.mc4-tech-hero__title {
    font-size: clamp(58px, 5.65vw, 92px);
    font-weight: 285;
    line-height: .99;
    letter-spacing: -.052em;
}
.mc4-tech-hero__title > strong {
    margin: .10em 0 .12em;
    font-weight: 820;
    background: linear-gradient(92deg, #3ac4f4 0%, #10ace7 48%, #41d3be 100%);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 10px 32px rgba(20, 174, 225, .10));
}
.mc4-tech-hero__description {
    width: min(790px, 100%);
    margin-top: 31px;
    color: #a8b9cb;
    font-size: clamp(18px, 1.35vw, 22px);
    line-height: 1.58;
}
.mc4-tech-hero__buttons { margin-top: 36px; gap: 14px; }
.mc4-tech-button { min-height: 60px; padding: 14px 31px; }
.mc4-tech-button--primary { min-width: 285px; }
.mc4-tech-button--secondary { min-width: 255px; background: rgba(4, 18, 32, .30); }
.mc4-tech-hero__trust {
    gap: 12px 30px;
    margin-top: 40px;
    color: #8198ae;
    font-size: 13.5px;
}
.mc4-tech-hero__section-label { bottom: 31px; font-size: 12px; }

@keyframes mc4-tech-network-drift {
    from { transform: translate3d(0, 0, 0) scale(1); }
    to { transform: translate3d(0, -7px, 0) scale(1.008); }
}
@keyframes mc4-tech-orb-pulse {
    0%, 100% { opacity: .38; box-shadow: 0 0 12px 3px rgba(57, 199, 243, .22); }
    50% { opacity: .8; box-shadow: 0 0 22px 8px rgba(57, 199, 243, .34); }
}
@keyframes mc4-tech-firewall-block {
    0% { filter: drop-shadow(0 0 9px rgba(0, 159, 227, .5)); transform: scale(.9); }
    28%, 68% { filter: drop-shadow(0 0 34px rgba(245, 158, 11, 1)); transform: scale(1.18); }
    100% { filter: drop-shadow(0 0 12px rgba(0, 159, 227, .62)); transform: scale(1); }
}
@keyframes mc4-tech-firewall-wave {
    0% { border-color: rgba(245, 158, 11, .9); opacity: 1; transform: translate(-50%, -50%) scale(.55); }
    55% { border-color: rgba(53, 198, 244, .85); opacity: .85; }
    100% { opacity: .15; transform: translate(-50%, -50%) scale(2.05); }
}
@keyframes mc4-tech-firewall-status {
    0%, 100% { opacity: 0; transform: translateY(3px); }
    20%, 78% { opacity: 1; transform: translateY(0); }
}

/* Sections genereller etwas grosszügiger und hochwertiger */
.mc4-tech-section { padding: 120px 24px; }
.mc4-tech-section__inner { width: min(var(--mc4-tech-section-width), 100%); }
.mc4-tech-split { grid-template-columns: minmax(360px, .82fr) minmax(650px, 1.18fr); gap: 86px; align-items: center; }
.mc4-tech-section__copy h2 { font-size: clamp(42px, 4vw, 66px); letter-spacing: -.045em; }
.mc4-tech-section__copy > p { font-size: 17px; line-height: 1.7; }

/* Control Center: echter visueller Anker */
.mc4-tech-console {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(103, 174, 215, .22);
    border-radius: 22px;
    background: #061625;
    box-shadow: 0 38px 85px rgba(15, 32, 56, .22), 0 1px 0 rgba(255, 255, 255, .04) inset;
    transform: perspective(1500px) rotateY(-2.8deg) rotateX(1.1deg);
}
.mc4-tech-console::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255,255,255,.04), transparent 18% 78%, rgba(38,183,235,.035));
}
.mc4-tech-console__top {
    min-height: 46px;
    padding: 0 16px;
    border-bottom-color: rgba(138,196,229,.11);
    background: #051421;
}
.mc4-tech-console__traffic { display: flex; gap: 6px; }
.mc4-tech-console__traffic span { width: 8px; height: 8px; border-radius: 50%; background: #17354c; }
.mc4-tech-console__traffic span:first-child { background: #18ace5; }
.mc4-tech-console__top > strong { margin-left: 8px; color: #8ca5b8; font-size: 11px; font-weight: 600; }
.mc4-tech-console__top > small { margin-left: auto; padding: 3px 7px; border: 1px solid rgba(53,214,162,.2); border-radius: 999px; color: #50d6ad; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.mc4-tech-console__body { grid-template-columns: 145px 1fr; min-height: 540px; }
.mc4-tech-console__nav { gap: 4px; padding: 18px 11px; background: #051421; }
.mc4-tech-console__brandmark { display: flex; align-items: center; gap: 5px; margin: 1px 7px 15px; color: #d4e4ef; font-size: 11px; }
.mc4-tech-console__brandmark i { width: 14px; height: 14px; border: 3px solid #24b6eb; border-radius: 4px; transform: rotate(45deg); opacity: .9; }
.mc4-tech-console__brandmark b { color: #fff; }
.mc4-tech-console__brandmark span { color: #658096; }
.mc4-tech-console__nav > span {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 7px;
    color: #607b91;
    font-size: 10px;
}
.mc4-tech-console__nav > span svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mc4-tech-console__nav > span.is-active { color: #dff6ff; background: rgba(24,175,232,.11); }
.mc4-tech-console__main { padding: 20px 22px 22px; }
.mc4-tech-console__headline { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 15px; }
.mc4-tech-console__headline small { display: block; color: #607c93; font-size: 9px; }
.mc4-tech-console__headline strong { display: block; margin-top: 2px; color: #e9f5fb; font-size: 15px; font-weight: 650; }
.mc4-tech-console__online { display: inline-flex; align-items: center; gap: 6px; color: #63ad96; font-size: 9px; }
.mc4-tech-console__online i { width: 6px; height: 6px; border-radius: 50%; background: #43d0a4; box-shadow: 0 0 10px rgba(67,208,164,.45); }
.mc4-tech-console__kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.mc4-tech-console__kpis article {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 13px;
    border: 1px solid rgba(121,190,228,.095);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
}
.mc4-tech-console__kpi-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 9px; background: rgba(22,171,228,.095); color: #30b8ea; }
.mc4-tech-console__kpi-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mc4-tech-console__kpis small, .mc4-tech-console__kpis em { display: block; color: #5f7b92; font-size: 8px; font-style: normal; white-space: nowrap; }
.mc4-tech-console__kpis strong { display: block; margin: 2px 0; overflow: hidden; color: #eaf6fb; font-size: 13px; font-weight: 680; text-overflow: ellipsis; white-space: nowrap; }
.mc4-tech-console__dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(160px, .55fr); gap: 11px; margin-top: 11px; }
.mc4-tech-console__activity, .mc4-tech-console__sidecards article { border: 1px solid rgba(121,190,228,.095); border-radius: 12px; background: rgba(255,255,255,.016); }
.mc4-tech-console__activity { position: relative; min-height: 280px; padding: 15px; overflow: hidden; }
.mc4-tech-console__activity header { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.mc4-tech-console__activity header small { display: block; color: #5d798f; font-size: 8px; }
.mc4-tech-console__activity header strong { display: block; margin-top: 2px; color: #cfe0eb; font-size: 11px; }
.mc4-tech-console__activity header > span { padding: 3px 6px; border: 1px solid rgba(121,190,228,.11); border-radius: 6px; color: #5d7a91; font-size: 8px; }
.mc4-tech-console__chart { height: 132px; margin-top: 22px; padding: 16px 0 0; border: 0; border-bottom: 1px solid rgba(121,190,228,.08); border-radius: 0; background: repeating-linear-gradient(to top, rgba(121,190,228,.05) 0 1px, transparent 1px 32px); }
.mc4-tech-console__chart span { min-width: 5px; border-radius: 3px 3px 0 0; background: linear-gradient(180deg,#32c5f1,#0b6f9f); opacity: .62; }
.mc4-tech-console__availability { display: flex; align-items: end; gap: 8px; margin-top: 13px; }
.mc4-tech-console__availability strong { color: #eef9fd; font-size: 24px; line-height: 1; }
.mc4-tech-console__availability span { color: #5f7b91; font-size: 8px; }
.mc4-tech-console__sidecards { display: flex; flex-direction: column; gap: 10px; }
.mc4-tech-console__sidecards article { display: flex; align-items: center; gap: 9px; flex: 1; min-height: 80px; padding: 12px; }
.mc4-tech-console__sidecards article > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 29px; width: 29px; height: 29px; border-radius: 8px; background: rgba(22,171,228,.075); color: #29afe2; }
.mc4-tech-console__sidecards svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mc4-tech-console__sidecards small, .mc4-tech-console__sidecards em { display: block; color: #59758c; font-size: 7.5px; font-style: normal; }
.mc4-tech-console__sidecards strong { display: block; margin: 2px 0; color: #cadde8; font-size: 9px; font-weight: 650; }

/* Sicherheit: keine Kartenwand, sondern drei ruhige Säulen und grosse Kennzahlen */
.mc4-tech-control {
    background:
        radial-gradient(circle at 74% 18%, rgba(17,112,164,.19), transparent 36%),
        url("../images/network-bg.svg") center/cover no-repeat,
        #04111e;
}
.mc4-tech-control__benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 68px;
    border-top: 1px solid rgba(119,190,228,.14);
    border-bottom: 1px solid rgba(119,190,228,.14);
}
.mc4-tech-control__benefits article {
    display: block;
    min-height: 260px;
    padding: 34px 42px 36px 0;
    border: 0;
}
.mc4-tech-control__benefits article + article { padding-left: 42px; border-left: 1px solid rgba(119,190,228,.14); }
.mc4-tech-control__benefits span { display: block; margin-bottom: 48px; color: #25b8ed; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.mc4-tech-control__benefits h3 { margin: 0 0 9px; font-size: 21px; font-weight: 650; }
.mc4-tech-control__benefits p { max-width: 350px; font-size: 14px; line-height: 1.65; }
.mc4-tech-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 62px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.mc4-tech-stats article {
    min-height: 0;
    padding: 0 34px;
    justify-content: flex-start;
    background: transparent;
}
.mc4-tech-stats article:first-child { padding-left: 0; }
.mc4-tech-stats article + article { border-left: 1px solid rgba(119,190,228,.13); }
.mc4-tech-stats strong { font-size: clamp(48px, 5vw, 76px); font-weight: 300; letter-spacing: -.055em; }
.mc4-tech-stats span { max-width: 220px; margin-top: 12px; color: #7f97ab; font-size: 12px; line-height: 1.5; }

/* Betriebsmodelle: dunkle technische Panels */
.mc4-tech-deployment { background: #f7f9fb; }
.mc4-tech-deployment__cards { gap: 18px; margin-top: 58px; }
.mc4-tech-deployment__cards article {
    position: relative;
    min-height: 400px;
    overflow: hidden;
    padding: 32px;
    border: 1px solid rgba(102, 179, 219, .18);
    border-radius: 20px;
    background:
        radial-gradient(circle at 75% 8%, rgba(22, 147, 203, .17), transparent 34%),
        linear-gradient(145deg, #071a2c, #04111e 72%);
    color: #fff;
    box-shadow: 0 18px 40px rgba(15,32,56,.10);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.mc4-tech-deployment__cards article::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(135deg, transparent 0 55%, rgba(34,174,226,.035) 55% 72%, transparent 72%); }
.mc4-tech-deployment__cards article:hover { transform: translateY(-4px); border-color: rgba(53,199,243,.35); box-shadow: 0 24px 50px rgba(15,32,56,.16); }
.mc4-tech-deployment__cards article.is-featured { border-color: rgba(53,199,243,.38); box-shadow: 0 20px 46px rgba(16,159,211,.14); }
.mc4-tech-deployment__visual { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; color: #30bcea; }
.mc4-tech-deployment__visual svg { width: 66px; height: 66px; fill: none; stroke: currentColor; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; opacity: .93; }
.mc4-tech-deployment__visual span { color: #42627a; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.mc4-tech-deployment__cards h3 { position: relative; z-index: 1; margin: 74px 0 13px; color: #eef8fc; font-size: 27px; font-weight: 650; }
.mc4-tech-deployment__cards p { position: relative; z-index: 1; color: #8da3b6; font-size: 14px; line-height: 1.7; }
.mc4-tech-deployment__cards a { z-index: 1; left: 32px; bottom: 29px; display: inline-flex; align-items: center; gap: 8px; color: #3bc3f1; font-size: 13px; font-weight: 700; }
.mc4-tech-deployment__cards a span { transition: transform .16s ease; }
.mc4-tech-deployment__cards a:hover span { transform: translateX(4px); }

@media (max-width: 1260px) {
    .mc4-tech-header__inner { width: min(var(--mc4-tech-content), calc(100% - 36px)); }
    .mc4-tech-split { grid-template-columns: 1fr 1.25fr; gap: 55px; }
    .mc4-tech-console__body { grid-template-columns: 125px 1fr; }
}
@media (max-width: 1100px) {
    .mc4-tech-split { grid-template-columns: 1fr; gap: 58px; }
    .mc4-tech-console { max-width: 850px; margin: 0 auto; transform: none; }
    .mc4-tech-control__benefits { grid-template-columns: 1fr; }
    .mc4-tech-control__benefits article { min-height: 0; padding: 28px 0; }
    .mc4-tech-control__benefits article + article { padding-left: 0; border-left: 0; border-top: 1px solid rgba(119,190,228,.14); }
    .mc4-tech-control__benefits span { margin-bottom: 20px; }
    .mc4-tech-stats { grid-template-columns: 1fr 1fr; row-gap: 40px; }
    .mc4-tech-stats article:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 780px) {
    .mc4-tech-section { padding: 84px 18px; }
    .mc4-tech-hero { min-height: 820px; padding-top: 110px; }
    .mc4-tech-hero { background-position: 61% center; }
    .mc4-tech-cybermap__canvas { opacity: .74; }
    .mc4-tech-firewall { top: 55%; transform: translate(-50%, -50%) scale(.78); }
    .mc4-tech-hero__title { font-size: clamp(45px, 12vw, 68px); }
    .mc4-tech-console__body { grid-template-columns: 1fr; min-height: 0; }
    .mc4-tech-console__nav { display: none; }
    .mc4-tech-console__kpis { grid-template-columns: 1fr; }
    .mc4-tech-console__dashboard-grid { grid-template-columns: 1fr; }
    .mc4-tech-console__sidecards { display: grid; grid-template-columns: repeat(3, 1fr); }
    .mc4-tech-console__sidecards article { min-height: 88px; }
    .mc4-tech-stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .mc4-tech-hero__buttons { flex-direction: column; }
    .mc4-tech-button--primary, .mc4-tech-button--secondary { width: 100%; min-width: 0; }
    .mc4-tech-console__sidecards { grid-template-columns: 1fr; }
    .mc4-tech-stats { grid-template-columns: 1fr; gap: 28px; }
    .mc4-tech-stats article, .mc4-tech-stats article:first-child, .mc4-tech-stats article:nth-child(3) { padding: 0; border-left: 0; }
    .mc4-tech-deployment__cards article { min-height: 360px; }
}
@media (prefers-reduced-motion: reduce) {
    .mc4-tech-hero__geometry, .mc4-tech-hero__orb { animation: none !important; }
    .mc4-tech-firewall * { animation: none !important; }
    .mc4-tech-deployment__cards article, .mc4-tech-button, .mc4-tech-header__cta { transition: none !important; }
}


/* 1.3.1 – mc4 Compliance Footer Integration */
.mc4-tech-footer__bottom{align-items:flex-end}.mc4-tech-footer__copyright{flex:0 0 auto}.mc4-tech-footer__compliance{display:flex;justify-content:flex-end;flex:1 1 auto;min-width:0;text-align:right}.mc4-tech-footer__compliance .mc4-compliance-theme-footer{color:#60778b}.mc4-tech-footer__compliance .mc4-site-info{color:inherit}.mc4-tech-footer__compliance .mc4-compliance-theme-footer__actions{border-left:1px solid rgba(108,185,230,.12);padding-left:18px}@media(max-width:900px){.mc4-tech-footer__bottom{align-items:flex-start}.mc4-tech-footer__compliance{justify-content:flex-start;text-align:left;width:100%}.mc4-tech-footer__compliance .mc4-compliance-theme-footer__actions{border-left:0;padding-left:0}}


/* 1.3.2 – mc4 Compliance 1.8.x native footer integration */
.mc4-tech-footer__bottom {
    align-items: flex-end;
}
.mc4-tech-footer__copyright {
    flex: 0 0 auto;
}
.mc4-tech-footer__compliance {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
    color: #60778b;
    text-align: right;
}
.mc4-tech-footer__compliance .mc4-compliance-theme-footer--compact {
    color: #60778b;
    font-size: 11px;
}
.mc4-tech-footer__compliance .mc4-compliance-theme-footer__actions {
    padding-left: 18px;
    border-left: 1px solid rgba(108,185,230,.12);
}
@media (max-width:900px) {
    .mc4-tech-footer__bottom {
        align-items: flex-start;
    }
    .mc4-tech-footer__compliance {
        width: 100%;
        justify-content: flex-start;
        text-align: left;
    }
    .mc4-tech-footer__compliance .mc4-compliance-theme-footer__actions {
        padding-left: 0;
        border-left: 0;
    }
}


/* 1.3.3 – native Integration der mc4 Compliance Premium-Leiste */
.mc4-tech-footer__bottom {
    display:block;
    width:min(1380px,calc(100% - 48px));
    margin:0 auto;
    padding:0;
    border-top:1px solid rgba(108,185,230,.10);
    color:#7f95a9;
    font-size:12px;
}
.mc4-tech-footer__bottom .mc4cf-wrap {
    width:100%;
    color:inherit;
}
.mc4-tech-footer__bottom .mc4cf-bar {
    min-height:76px;
    color:inherit;
}
.mc4-tech-footer__bottom .mc4cf-item,
.mc4-tech-footer__bottom .mc4cf-cookie {
    font-family:inherit;
    font-size:12px;
    color:inherit;
}
.mc4-tech-footer__bottom .mc4cf-more {
    color:#2bb8ed!important;
}
.mc4-tech-footer__bottom .mc4cf-details {
    margin:0;
    padding:18px 0 22px;
    border-top:1px solid rgba(108,185,230,.10);
    color:#8ea3b5;
}
.mc4-tech-footer__bottom .mc4cf-details-inner {
    font-size:12px;
}
.mc4-tech-footer__bottom .mc4cf-detail strong {
    color:#dce8f1;
}
.mc4-tech-footer__fallback-meta {
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
@media (max-width:1250px) {
    .mc4-tech-footer__bottom .mc4cf-bar { min-height:0; }
}
@media (max-width:767px) {
    .mc4-tech-footer__bottom { width:min(100% - 32px,1380px); }
    .mc4-tech-footer__bottom .mc4cf-item,
    .mc4-tech-footer__bottom .mc4cf-cookie { font-size:11.5px; }
    .mc4-tech-footer__fallback-meta { align-items:flex-start; flex-direction:column; justify-content:center; padding:18px 0; }
}

/* mc4 Tech 1.3.7: grommunio-inspirierte Dropdown-Hierarchie */
@media (min-width: 1024px) {
    .mc4-tech-nav__list > li > .sub-menu {
        min-width: 292px;
        padding: 14px;
    }

    .mc4-tech-nav__list > li.mc4-tech-menu-root--wide > .sub-menu {
        min-width: 340px;
    }

    .mc4-tech-nav__list .sub-menu .sub-menu {
        min-width: 320px;
        padding: 14px;
    }

    .mc4-tech-nav__list > li > .sub-menu > li > a {
        min-height: 52px;
        padding: 11px 13px;
    }

    .mc4-tech-nav__list > li > .sub-menu > li.mc4-tech-menu-category > a {
        color: #dce9f4;
        font-size: 15px;
        font-weight: 600;
    }

    .mc4-tech-nav__list > li > .sub-menu > li.mc4-tech-menu-category > a .mc4-tech-menu-icon {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
        color: #8edcff;
    }

    .mc4-tech-nav__list > li > .sub-menu > li.mc4-tech-menu-category > a .mc4-tech-menu-icon--fa i {
        width: 22px;
        font-size: 17px;
        line-height: 22px;
    }

    .mc4-tech-nav__list > li > .sub-menu > li.mc4-tech-menu-category:hover > a,
    .mc4-tech-nav__list > li > .sub-menu > li.mc4-tech-menu-category:focus-within > a,
    .mc4-tech-nav__list > li > .sub-menu > li.mc4-tech-menu-category.is-submenu-open > a {
        color: #fff;
        background: rgba(27, 176, 231, .11);
    }

    .mc4-tech-nav__list .sub-menu .sub-menu > li > a {
        min-height: 46px;
        padding: 10px 12px;
        color: #b7c8d8;
        font-size: 14px;
    }
}

.mc4-tech-menu-copy {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.mc4-tech-menu-label {
    display: block;
    min-width: 0;
    line-height: 1.25;
}

.mc4-tech-menu-description {
    display: block;
    margin-top: 3px;
    color: #71899e;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.35;
}

.mc4-tech-nav__list .sub-menu a:hover .mc4-tech-menu-description,
.mc4-tech-nav__list .sub-menu a:focus .mc4-tech-menu-description {
    color: #8da7bb;
}


@media (max-width: 1023px) {
    .mc4-tech-menu-description { display: none; }
    .mc4-tech-nav__list .sub-menu a { gap: 11px; }
    .mc4-tech-menu-icon { width: 20px; height: 20px; flex-basis: 20px; }
    .mc4-tech-menu-icon--fa i { width: 20px; font-size: 16px; line-height: 20px; }
}

/* 1.4.4 – CTAs bleiben im Logo-Hellblau.
   Die Hero-Hervorhebung „zuverlässig funktioniert.“ nutzt wieder den ursprünglichen Verlauf. */
.mc4-tech-header__cta,
.mc4-tech-button--primary {
    background: #6DC8F2 !important;
    border-color: #6DC8F2 !important;
    box-shadow: 0 10px 26px rgba(109, 200, 242, .22);
}
.mc4-tech-header__cta:hover,
.mc4-tech-button--primary:hover {
    background: #6DC8F2 !important;
    border-color: #6DC8F2 !important;
}

/* 1.4.5 – Unterlängen der Hero-Hervorhebung vollständig sichtbar.
   Der zusätzliche Innenraum erweitert die Fläche des Textverlaufs nach unten;
   die negative Aussenkorrektur hält den bisherigen Zeilenabstand optisch stabil. */
.mc4-tech-hero__title > strong {
    line-height: 1.14;
    padding-top: .02em;
    padding-bottom: .20em;
    margin-top: .06em;
    margin-bottom: -.02em;
    overflow: visible;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* ============================================================
   mc4 Tech 1.5.0 – compact Page Hero for normal pages
   ============================================================ */
.mc4-page-hero {
    --mc4-page-hero-image: none;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 70% 35%, rgba(26,139,198,.18), transparent 35%),
        linear-gradient(135deg, rgba(8,31,49,.96), rgba(3,17,29,.99));
    border-bottom: 1px solid rgba(109,200,242,.10);
}
.mc4-page-hero::before,
.mc4-page-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
}
.mc4-page-hero::before {
    background:
        linear-gradient(135deg, transparent 0 26%, rgba(109,200,242,.035) 26% 48%, transparent 48% 100%),
        linear-gradient(45deg, transparent 0 66%, rgba(109,200,242,.025) 66% 82%, transparent 82% 100%);
}
.mc4-page-hero::after {
    background: radial-gradient(circle at 11% 72%, rgba(245,130,32,.22) 0 2px, transparent 3px), radial-gradient(circle at 20% 84%, rgba(109,200,242,.42) 0 2px, transparent 3px);
    opacity: .85;
}
.mc4-page-hero__network {
    position: absolute;
    inset: auto 0 0 0;
    height: 62%;
    z-index: -1;
    opacity: .30;
    background: url("../images/network-bg.svg") center bottom/cover no-repeat;
    mask-image: linear-gradient(to bottom, transparent, #000 45%);
}
.mc4-page-hero__inner {
    position: relative;
    width: min(var(--mc4-tech-content), calc(100% - 72px));
    min-height: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(440px, 1.12fr);
    align-items: stretch;
}
.mc4-page-hero__copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 650px;
    padding: 52px 54px 48px 0;
}
.mc4-page-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: max-content;
    max-width: 100%;
    margin: 0 0 18px;
    color: #6DC8F2;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.mc4-page-hero__eyebrow span {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #6DC8F2;
    box-shadow: 0 0 14px rgba(109,200,242,.55);
}
.mc4-page-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(36px, 4.2vw, 62px);
    font-weight: 430;
    line-height: 1.05;
    letter-spacing: -.045em;
    text-wrap: balance;
}
.mc4-page-hero__description {
    max-width: 590px;
    margin: 20px 0 0;
    color: rgba(225,239,248,.76);
    font-size: clamp(15px, 1.35vw, 18px);
    line-height: 1.65;
}
.mc4-page-hero__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-top: 26px;
    color: rgba(204,224,237,.46);
    font-size: 12px;
}
.mc4-page-hero__breadcrumb a { color: rgba(204,224,237,.66); text-decoration: none; transition: color .2s ease; }
.mc4-page-hero__breadcrumb a:hover { color: #6DC8F2; }
.mc4-page-hero__breadcrumb span:last-child { color: #6DC8F2; }
.mc4-page-hero__visual {
    position: relative;
    min-height: 100%;
    margin-right: calc((100vw - min(var(--mc4-tech-content), calc(100vw - 72px))) / -2);
    background-image: var(--mc4-page-hero-image);
    background-position: center var(--mc4-page-hero-position, top);
    background-size: cover;
    background-repeat: no-repeat;
}
.mc4-page-hero__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #071c2c 0%, rgba(7,28,44,.74) 14%, rgba(7,28,44,.16) 44%, rgba(3,17,29,.06) 100%);
}
.mc4-page-hero__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 -45px 65px rgba(3,17,29,.28);
}
.mc4-page-hero.no-image .mc4-page-hero__inner { grid-template-columns: 1fr; }
.mc4-page-hero.no-image .mc4-page-hero__copy { max-width: 820px; }
.mc4-page-hero--compact { min-height: 285px; padding-top: 76px; }
.mc4-page-hero--standard { min-height: 360px; padding-top: 76px; }
.mc4-page-hero--large { min-height: 445px; padding-top: 76px; }
.mc4-page-hero--compact .mc4-page-hero__copy { padding-top: 34px; padding-bottom: 34px; }
.mc4-page-hero--compact h1 { font-size: clamp(34px, 3.5vw, 52px); }
.mc4-page-hero--large h1 { font-size: clamp(42px, 4.8vw, 70px); }

/* Elementor content follows the hero without the old oversized page-title block. */
body.elementor-page .mc4-tech-content { padding-top: 0; }

@media (max-width: 900px) {
    .mc4-page-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr); }
    .mc4-page-hero__copy { padding-right: 28px; }
}
@media (max-width: 767px) {
    .mc4-page-hero--compact,.mc4-page-hero--standard,.mc4-page-hero--large { min-height: auto; padding-top: 70px; }
    .mc4-page-hero__inner { width: min(100% - 32px, 1200px); grid-template-columns: 1fr; }
    .mc4-page-hero__copy { max-width: none; padding: 38px 0 32px; }
    .mc4-page-hero h1 { font-size: clamp(34px, 11vw, 48px); }
    .mc4-page-hero__description { margin-top: 15px; font-size: 15px; }
    .mc4-page-hero__breadcrumb { margin-top: 21px; }
    .mc4-page-hero__visual { min-height: 220px; margin: 0 -16px; border-top: 1px solid rgba(109,200,242,.10); }
    .mc4-page-hero__visual::before { background: linear-gradient(180deg, #071c2c 0%, rgba(7,28,44,.22) 34%, rgba(3,17,29,.08) 100%); }
}


/* mc4 Tech 1.5.2 – Page Hero alignment and seamless full-width page background */
.mc4-page-hero { width:100%; max-width:none; margin:0; }
body.elementor-page .mc4-tech-inner { background:#031522; }
body.elementor-page .mc4-tech-content { width:100%; max-width:none; margin:0; padding:0; }
@media (max-width: 767px){
  .mc4-page-hero__inner{width:min(100% - 32px,var(--mc4-tech-content));}
}

/* ============================================================
   mc4 Tech 1.5.3 – Transparent Sticky Header over Hero
   ============================================================ */
body.mc4-tech-transparent-header .mc4-tech-header:not(.is-scrolled) {
    background: transparent;
    border-bottom-color: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
body.mc4-tech-transparent-header.mc4-tech-menu-open .mc4-tech-header,
body.mc4-tech-transparent-header .mc4-tech-header.is-scrolled {
    background: rgba(3, 14, 25, .90);
    border-bottom-color: rgba(109, 200, 242, .12);
    backdrop-filter: blur(var(--mc4-header-scroll-blur, 20px)) saturate(145%);
    -webkit-backdrop-filter: blur(var(--mc4-header-scroll-blur, 20px)) saturate(145%);
}
body.mc4-tech-transparent-header.mc4-tech-header-shadow .mc4-tech-header.is-scrolled,
body.mc4-tech-transparent-header.mc4-tech-header-shadow.mc4-tech-menu-open .mc4-tech-header {
    box-shadow: 0 12px 34px rgba(0,0,0,.24);
}
body.mc4-tech-transparent-header:not(.mc4-tech-header-shadow) .mc4-tech-header.is-scrolled,
body.mc4-tech-transparent-header:not(.mc4-tech-header-shadow).mc4-tech-menu-open .mc4-tech-header {
    box-shadow: none;
}
/* Non-Hero pages stay dark from the first pixel. */
body:not(.mc4-tech-transparent-header):not(.mc4-tech-front) .mc4-tech-header {
    background: rgba(3, 14, 25, .90);
    border-bottom-color: rgba(109, 200, 242, .12);
    backdrop-filter: blur(var(--mc4-header-scroll-blur, 20px)) saturate(145%);
    -webkit-backdrop-filter: blur(var(--mc4-header-scroll-blur, 20px)) saturate(145%);
}


/* ============================================================
   mc4 Tech 1.5.4 – true transparent header + tighter Page Hero
   ============================================================ */
/* When a hero is present the fixed navigation must be a real overlay.
   No tint, gradient, blur or shadow until the scroll threshold is reached. */
body.mc4-tech-transparent-header .mc4-tech-header:not(.is-scrolled),
body.mc4-tech-transparent-header:not(.mc4-tech-menu-open) .mc4-tech-header:not(.is-scrolled) {
    background: transparent !important;
    background-image: none !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.mc4-tech-transparent-header .mc4-tech-header:not(.is-scrolled) .mc4-tech-header__inner,
body.mc4-tech-transparent-header .mc4-tech-header:not(.is-scrolled) .mc4-tech-header__actions,
body.mc4-tech-transparent-header .mc4-tech-header:not(.is-scrolled) .mc4-tech-nav {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Only after scrolling do we bring back the dark glass navigation. */
body.mc4-tech-transparent-header .mc4-tech-header.is-scrolled,
body.mc4-tech-transparent-header.mc4-tech-menu-open .mc4-tech-header {
    background: rgba(3,14,25,.92) !important;
    background-image: none !important;
    border-bottom-color: rgba(109,200,242,.12) !important;
    backdrop-filter: blur(var(--mc4-header-scroll-blur,20px)) saturate(145%) !important;
    -webkit-backdrop-filter: blur(var(--mc4-header-scroll-blur,20px)) saturate(145%) !important;
}

/* Tighter normal-page hero. The old version left too much empty dark area
   below the title/image. Keep enough room for the fixed navigation only. */
.mc4-page-hero--compact  { min-height: 245px; padding-top: 66px; }
.mc4-page-hero--standard { min-height: 310px; padding-top: 66px; }
.mc4-page-hero--large    { min-height: 385px; padding-top: 66px; }
.mc4-page-hero__copy { padding-top: 30px; padding-bottom: 30px; }
.mc4-page-hero--compact .mc4-page-hero__copy { padding-top: 24px; padding-bottom: 24px; }
.mc4-page-hero__eyebrow { margin-bottom: 12px; }
.mc4-page-hero__breadcrumb { margin-top: 20px; }

@media (max-width: 767px) {
    .mc4-page-hero--compact,.mc4-page-hero--standard,.mc4-page-hero--large {
        min-height: auto;
        padding-top: 64px;
    }
    .mc4-page-hero__copy { padding: 28px 0 26px; }
}


/* ============================================================
   mc4 Tech 1.5.5 – Page Hero image focus
   ============================================================ */
.mc4-page-hero__visual {
    background-position: center var(--mc4-page-hero-position, top);
}
/* On compact desktop heroes, favour the top of people photos so faces stay visible
   below the transparent navigation. */
.mc4-page-hero--compact .mc4-page-hero__visual,
.mc4-page-hero--standard .mc4-page-hero__visual {
    background-position: center var(--mc4-page-hero-position, top);
}

/* ============================================================
   mc4 Tech 1.5.6 – unified Page Hero composition
   Target: compact homepage-like page header with the fixed navigation
   floating transparently over the complete hero image.
   ============================================================ */

/* The hero itself owns the full visible height. Do not reserve a separate
   strip for the fixed header; the navigation overlays the hero instead. */
.mc4-page-hero--compact,
.mc4-page-hero--standard,
.mc4-page-hero--large {
    padding-top: 0 !important;
}
.mc4-page-hero--compact  { min-height: 285px; }
.mc4-page-hero--standard { min-height: 345px; }
.mc4-page-hero--large    { min-height: 425px; }

.mc4-page-hero__inner {
    min-height: inherit;
    align-items: stretch;
}

/* Copy starts below the transparent navigation while the visual continues
   behind the navigation from the very first pixel. */
.mc4-page-hero__copy {
    min-height: inherit;
    justify-content: center;
    padding-top: 94px;
    padding-bottom: 28px;
}
.mc4-page-hero--compact .mc4-page-hero__copy {
    padding-top: 88px;
    padding-bottom: 22px;
}
.mc4-page-hero--large .mc4-page-hero__copy {
    padding-top: 102px;
    padding-bottom: 34px;
}

/* Right-hand image always fills the complete hero height. This fixes the
   empty dark band that appeared below short background images. */
.mc4-page-hero__visual {
    align-self: stretch;
    min-height: inherit !important;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center var(--mc4-page-hero-position, top);
}

/* Softer blend between copy and image, matching the homepage visual language. */
.mc4-page-hero__visual::before {
    background: linear-gradient(
        90deg,
        #071c2c 0%,
        rgba(7,28,44,.88) 8%,
        rgba(7,28,44,.52) 24%,
        rgba(7,28,44,.12) 48%,
        rgba(3,17,29,.02) 100%
    );
}
.mc4-page-hero__visual::after {
    box-shadow:
        inset 0 -28px 46px rgba(3,17,29,.20),
        inset 0 1px 0 rgba(109,200,242,.04);
}

/* Keep the navigation completely clear over a Page Hero. */
body.mc4-tech-transparent-header .mc4-tech-header:not(.is-scrolled),
body.mc4-tech-transparent-header:not(.mc4-tech-menu-open) .mc4-tech-header:not(.is-scrolled),
body.mc4-tech-transparent-header .mc4-tech-header:not(.is-scrolled) .mc4-tech-header__inner,
body.mc4-tech-transparent-header .mc4-tech-header:not(.is-scrolled) .mc4-tech-header__actions,
body.mc4-tech-transparent-header .mc4-tech-header:not(.is-scrolled) .mc4-tech-nav {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Page content joins the hero without a light or transparent seam. */
.mc4-page-hero + .mc4-tech-content,
body.elementor-page .mc4-tech-content,
body.mc4-team-page .mc4-tech-content {
    background: #031522;
}

@media (max-width: 900px) and (min-width: 768px) {
    .mc4-page-hero--compact  { min-height: 300px; }
    .mc4-page-hero--standard { min-height: 360px; }
    .mc4-page-hero--large    { min-height: 430px; }
    .mc4-page-hero__copy { padding-top: 90px; padding-right: 24px; }
}

@media (max-width: 767px) {
    .mc4-page-hero--compact,
    .mc4-page-hero--standard,
    .mc4-page-hero--large {
        min-height: auto;
        padding-top: 0 !important;
    }
    .mc4-page-hero__inner {
        min-height: 0;
        grid-template-columns: 1fr;
    }
    .mc4-page-hero__copy,
    .mc4-page-hero--compact .mc4-page-hero__copy,
    .mc4-page-hero--large .mc4-page-hero__copy {
        min-height: 0;
        padding: 92px 0 28px;
    }
    .mc4-page-hero__visual {
        min-height: 235px !important;
        margin: 0 -16px;
        background-position: center var(--mc4-page-hero-position, top);
    }
    .mc4-page-hero__visual::before {
        background: linear-gradient(180deg, #071c2c 0%, rgba(7,28,44,.22) 28%, rgba(3,17,29,.06) 100%);
    }
}

/* ============================================================
   mc4 Tech 1.5.7 – slightly taller Page Hero
   Adds ~30px vertical breathing room while preserving the
   transparent navigation overlay and image composition.
   ============================================================ */
.mc4-page-hero--compact  { min-height: 315px; }
.mc4-page-hero--standard { min-height: 375px; }
.mc4-page-hero--large    { min-height: 455px; }

/* Keep copy optically centred in the slightly taller hero. */
.mc4-page-hero__copy {
    padding-bottom: 34px;
}
.mc4-page-hero--compact .mc4-page-hero__copy {
    padding-bottom: 28px;
}
.mc4-page-hero--large .mc4-page-hero__copy {
    padding-bottom: 40px;
}

@media (max-width: 767px) {
    .mc4-page-hero--compact,
    .mc4-page-hero--standard,
    .mc4-page-hero--large {
        min-height: auto;
    }
}


/* ============================================================
   mc4 Tech 1.5.8 – Global protected-area experience
   Applies to every native WordPress password-protected page.
   ============================================================ */
body.mc4-tech-password-page {
    background:#031522;
}
body.mc4-tech-password-page .mc4-tech-inner {
    position:relative;
    min-height:clamp(650px,76vh,860px);
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 30%, rgba(16,89,134,.20), transparent 40%),
        linear-gradient(180deg,#031522 0%,#041827 62%,#031522 100%);
}
body.mc4-tech-password-page .mc4-tech-inner::before {
    content:"";
    position:absolute;
    z-index:0;
    left:-8%;
    right:-8%;
    bottom:-170px;
    height:430px;
    opacity:.76;
    pointer-events:none;
    background:
        radial-gradient(circle at 2px 2px, rgba(43,177,241,.78) 1.15px, transparent 1.45px) 0 0/18px 18px;
    mask-image:linear-gradient(to top, #000 12%, rgba(0,0,0,.9) 48%, transparent 92%);
    -webkit-mask-image:linear-gradient(to top, #000 12%, rgba(0,0,0,.9) 48%, transparent 92%);
    transform:perspective(560px) rotateX(62deg) scaleX(1.35) rotateZ(-2deg);
    transform-origin:center bottom;
    filter:drop-shadow(0 0 16px rgba(0,159,227,.22));
}
body.mc4-tech-password-page .mc4-tech-inner::after {
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    bottom:0;
    height:260px;
    pointer-events:none;
    background:
        radial-gradient(ellipse at 20% 100%, rgba(0,159,227,.14), transparent 38%),
        radial-gradient(ellipse at 82% 100%, rgba(109,200,242,.10), transparent 38%);
}
body.mc4-tech-password-page .mc4-tech-content {
    position:relative;
    z-index:1;
    width:100%;
    max-width:none;
    margin:0;
    padding:clamp(95px,10vh,140px) 20px clamp(100px,12vh,150px);
    background:transparent!important;
}
body.mc4-tech-password-page .mc4-tech-content > p:empty { display:none; }
body.mc4-tech-password-page .mc4-page-hero { display:none!important; }

.mc4-protected {
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    width:100%;
    min-height:500px;
    margin:0 auto;
}
.mc4-protected__ambient {
    position:absolute;
    width:min(760px,88vw);
    height:min(520px,62vw);
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,159,227,.16),rgba(3,21,34,0) 68%);
    filter:blur(16px);
    pointer-events:none;
}
.mc4-protected__card {
    position:relative;
    z-index:2;
    width:min(620px,calc(100vw - 40px));
    padding:36px 50px 42px;
    color:#f7fbff;
    text-align:center;
    background:linear-gradient(180deg,rgba(8,34,51,.92) 0%,rgba(5,27,42,.96) 100%);
    border:1px solid rgba(109,200,242,.30);
    border-radius:24px;
    box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025),0 0 48px rgba(0,159,227,.06);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.mc4-protected__lock {
    display:grid;
    place-items:center;
    width:60px;
    height:60px;
    margin:0 auto 25px;
    color:#18b5f4;
    border:1px solid rgba(24,181,244,.55);
    border-radius:16px;
    background:rgba(5,34,51,.76);
    box-shadow:0 10px 30px rgba(0,159,227,.08),inset 0 0 20px rgba(0,159,227,.05);
}
.mc4-protected__lock svg,
.mc4-protected__field-lock svg {
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.mc4-protected__eyebrow {
    margin:0 0 14px!important;
    color:#29baf4!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.20em!important;
    text-transform:uppercase;
}
.mc4-protected__card h1 {
    margin:0!important;
    color:#fff!important;
    font-size:clamp(34px,4.4vw,48px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    font-weight:750!important;
}
.mc4-protected__intro {
    max-width:450px;
    margin:18px auto 31px!important;
    color:rgba(232,243,250,.72)!important;
    font-size:16px!important;
    line-height:1.65!important;
}
.mc4-protected__form {
    width:100%;
    text-align:left;
}
.mc4-protected__form > label {
    display:block;
    margin:0 0 9px;
    color:#fff;
    font-size:14px;
    font-weight:700;
}
.mc4-protected__field {
    position:relative;
    display:flex;
    align-items:center;
    min-height:58px;
    background:rgba(3,21,34,.68);
    border:1px solid rgba(123,181,216,.30);
    border-radius:12px;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.mc4-protected__field:focus-within {
    border-color:#36bdf5;
    background:rgba(4,26,41,.86);
    box-shadow:0 0 0 3px rgba(54,189,245,.10),0 10px 28px rgba(0,0,0,.12);
}
.mc4-protected__field-lock {
    display:grid;
    place-items:center;
    flex:0 0 50px;
    color:rgba(197,220,234,.62);
}
.mc4-protected__field-lock svg { width:20px;height:20px; }
.mc4-protected__field input {
    flex:1 1 auto;
    width:100%;
    min-width:0;
    height:56px;
    margin:0!important;
    padding:0 10px 0 0!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    font:inherit!important;
    font-size:15px!important;
}
.mc4-protected__field input::placeholder { color:rgba(197,220,234,.48); }
.mc4-protected__toggle {
    display:grid;
    place-items:center;
    flex:0 0 48px;
    width:48px;
    height:48px;
    margin:0 5px 0 0!important;
    padding:0!important;
    color:rgba(197,220,234,.58)!important;
    background:transparent!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
    cursor:pointer;
}
.mc4-protected__toggle:hover { color:#6DC8F2!important;background:rgba(109,200,242,.06)!important; }
.mc4-protected__eye {
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.mc4-protected__eye--hide { display:none; }
.mc4-protected__toggle[aria-pressed="true"] .mc4-protected__eye--show { display:none; }
.mc4-protected__toggle[aria-pressed="true"] .mc4-protected__eye--hide { display:block; }
.mc4-protected__actions {
    display:flex;
    justify-content:flex-end;
    margin-top:22px;
}
.mc4-protected__submit {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    padding:0 22px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#18b5f4 0%,#009FE3 58%,#087fbe 100%)!important;
    border:1px solid rgba(109,200,242,.25)!important;
    border-radius:12px!important;
    box-shadow:0 12px 30px rgba(0,159,227,.22)!important;
    font:inherit!important;
    font-size:14px!important;
    font-weight:750!important;
    cursor:pointer;
    transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
.mc4-protected__submit:hover {
    transform:translateY(-1px);
    filter:brightness(1.06);
    box-shadow:0 16px 34px rgba(0,159,227,.28)!important;
}
.mc4-protected__submit svg {
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
@media(max-width:767px) {
    body.mc4-tech-password-page .mc4-tech-inner { min-height:640px; }
    body.mc4-tech-password-page .mc4-tech-content { padding:78px 16px 90px; }
    .mc4-protected { min-height:480px; }
    .mc4-protected__card { padding:30px 24px 32px; border-radius:20px; }
    .mc4-protected__lock { width:54px;height:54px;margin-bottom:21px; }
    .mc4-protected__intro { margin-bottom:26px!important;font-size:15px!important; }
    .mc4-protected__actions { justify-content:stretch; }
    .mc4-protected__submit { width:100%; }
}


/* ============================================================
   mc4 Tech 1.5.9 – Erfahrungen / Beiträge im Dark Style
   ============================================================ */
body.blog .mc4-tech-inner,
body.single-post .mc4-tech-inner {
    background:#031522;
    color:#dbe8f5;
}

body.blog .mc4-tech-post-grid {
    position:relative;
    padding-top:72px;
    padding-bottom:96px;
}

body.blog .mc4-tech-post-card {
    overflow:hidden;
    border:1px solid rgba(109,200,242,.18);
    background:linear-gradient(180deg,#0b2537 0%,#071c2b 100%);
    box-shadow:0 16px 38px rgba(0,0,0,.24);
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.blog .mc4-tech-post-card:hover {
    transform:translateY(-4px);
    border-color:rgba(109,200,242,.52);
    box-shadow:0 22px 48px rgba(0,0,0,.34),0 0 0 1px rgba(109,200,242,.06);
}
body.blog .mc4-tech-post-card img {
    border-bottom:1px solid rgba(109,200,242,.12);
}
body.blog .mc4-tech-post-card > div {
    padding:24px;
}
body.blog .mc4-tech-post-card p {
    color:rgba(255,255,255,.66);
}
body.blog .mc4-tech-post-card > div > p:first-child {
    margin:0 0 8px;
    color:#6DC8F2;
    font-size:12px;
    font-weight:700;
    letter-spacing:.05em;
}
body.blog .mc4-tech-post-card h2 {
    margin:6px 0 13px;
}
body.blog .mc4-tech-post-card h2 a {
    color:#fff;
}
body.blog .mc4-tech-post-card h2 a:hover {
    color:#6DC8F2;
}
body.blog .mc4-tech-post-card .more-link {
    display:inline-flex;
    margin-top:8px;
    color:#6DC8F2;
    font-weight:700;
    text-decoration:none;
}

body.blog .navigation.pagination {
    grid-column:1/-1;
    margin-top:20px;
}
body.blog .nav-links {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
body.blog .nav-links .page-numbers {
    display:inline-flex;
    min-width:40px;
    min-height:40px;
    align-items:center;
    justify-content:center;
    padding:8px 13px;
    border:1px solid rgba(109,200,242,.20);
    border-radius:10px;
    background:#082233;
    color:#dbe8f5;
    text-decoration:none;
}
body.blog .nav-links .page-numbers.current,
body.blog .nav-links a.page-numbers:hover {
    border-color:#6DC8F2;
    background:#0b3047;
    color:#fff;
}

/* Einzelne Erfahrungs-/Blogbeiträge ebenfalls dunkel */
body.single-post .mc4-tech-content {
    color:#dbe8f5;
}
body.single-post .mc4-tech-content h1,
body.single-post .mc4-tech-content h2,
body.single-post .mc4-tech-content h3,
body.single-post .mc4-tech-content h4,
body.single-post .mc4-tech-content h5,
body.single-post .mc4-tech-content h6,
body.single-post .mc4-tech-content strong {
    color:#fff;
}
body.single-post .mc4-tech-content p,
body.single-post .mc4-tech-content li {
    color:#c4d4e2;
}
body.single-post .mc4-tech-content a {
    color:#6DC8F2;
}
body.single-post .mc4-tech-content blockquote {
    margin:28px 0;
    padding:20px 24px;
    border-left:3px solid #6DC8F2;
    background:#082233;
    color:#dbe8f5;
}
body.single-post .mc4-tech-content code,
body.single-post .mc4-tech-content pre {
    background:#082233;
    color:#eaf6ff;
}
body.single-post .mc4-tech-article__image {
    border:1px solid rgba(109,200,242,.16);
    box-shadow:0 18px 42px rgba(0,0,0,.28);
}

@media (max-width:680px) {
    body.blog .mc4-tech-post-grid { padding-top:42px; padding-bottom:64px; }
    body.blog .mc4-tech-post-card > div { padding:20px; }
}


/* ============================================================
   mc4 Tech 1.5.11 – Full-width 1920x360 Page Hero images
   Headerbilder sind als komplette Komposition aufgebaut:
   freie dunkle Fläche links, Motiv rechts. Deshalb darf das Bild
   nicht nochmals in eine separate rechte Spalte gequetscht werden.
   ============================================================ */
.mc4-page-hero.has-image .mc4-page-hero__inner {
    grid-template-columns: 1fr !important;
}

.mc4-page-hero.has-image .mc4-page-hero__copy {
    position: relative;
    z-index: 3;
    max-width: 650px;
    padding-right: 0;
}

/* Das bestehende Visual bleibt im Markup, wird aber über die gesamte
   Browserbreite hinter Text und Navigation gelegt. Dadurch bleibt das
   Seitenverhältnis des Headerbildes erhalten und die fertige Komposition
   wird nicht mehr in einer schmalen rechten Spalte stark beschnitten. */
.mc4-page-hero.has-image .mc4-page-hero__visual {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 0;
    width: 100vw;
    height: auto;
    min-height: 100% !important;
    margin: 0 !important;
    transform: translateX(-50%);
    background-image: var(--mc4-page-hero-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center var(--mc4-page-hero-position, center);
    border: 0;
}

/* Die neuen 1920x360 Header enthalten die mc4-Wellen bereits im Bild.
   Die zusätzliche generische Netzwerkebene würde die Komposition doppeln. */
.mc4-page-hero.has-image .mc4-page-hero__network {
    display: none;
}

/* Nur eine dezente Lesbarkeitsblende links. Rechts bleibt das Motiv klar. */
.mc4-page-hero.has-image .mc4-page-hero__visual::before {
    background: linear-gradient(
        90deg,
        rgba(3,21,34,.96) 0%,
        rgba(3,21,34,.86) 20%,
        rgba(3,21,34,.54) 38%,
        rgba(3,21,34,.16) 56%,
        rgba(3,21,34,.02) 74%,
        rgba(3,21,34,0) 100%
    );
}
.mc4-page-hero.has-image .mc4-page-hero__visual::after {
    box-shadow:
        inset 0 -24px 42px rgba(3,17,29,.16),
        inset 0 1px 0 rgba(109,200,242,.03);
}

/* Standard entspricht den neuen 1920x360 Headerbildern nahezu 1:1. */
.mc4-page-hero.has-image.mc4-page-hero--standard {
    min-height: 360px;
}

@media (max-width: 1100px) {
    /* Auf kleineren Displays bleibt das Motiv etwas weiter rechts sichtbar. */
    .mc4-page-hero.has-image .mc4-page-hero__visual {
        background-position: 58% var(--mc4-page-hero-position, center);
    }
    .mc4-page-hero.has-image .mc4-page-hero__visual::before {
        background: linear-gradient(
            90deg,
            rgba(3,21,34,.97) 0%,
            rgba(3,21,34,.89) 28%,
            rgba(3,21,34,.58) 50%,
            rgba(3,21,34,.18) 72%,
            rgba(3,21,34,.04) 100%
        );
    }
}

@media (max-width: 767px) {
    /* Mobile: Bild bleibt Hintergrund statt unter den Text zu springen.
       Eine stärkere Blende hält Titel und Breadcrumb gut lesbar. */
    .mc4-page-hero.has-image .mc4-page-hero__inner {
        min-height: 315px;
    }
    .mc4-page-hero.has-image .mc4-page-hero__copy,
    .mc4-page-hero.has-image.mc4-page-hero--compact .mc4-page-hero__copy,
    .mc4-page-hero.has-image.mc4-page-hero--large .mc4-page-hero__copy {
        min-height: 315px;
        padding: 90px 0 28px;
    }
    .mc4-page-hero.has-image .mc4-page-hero__visual {
        top: 0;
        bottom: 0;
        min-height: 100% !important;
        background-position: 66% center;
    }
    .mc4-page-hero.has-image .mc4-page-hero__visual::before {
        background: linear-gradient(
            90deg,
            rgba(3,21,34,.98) 0%,
            rgba(3,21,34,.93) 45%,
            rgba(3,21,34,.70) 72%,
            rgba(3,21,34,.42) 100%
        );
    }
}



/* =========================================================
   mc4 Tech 1.5.29 – Footer logo + Swiss hosting wording
   ========================================================= */
.mc4-tech-footer__brand-logo {
    display: inline-flex;
    align-items: center;
    width: min(330px, 100%);
    margin-top: 28px;
    text-decoration: none;
}
.mc4-tech-footer__brand-logo img {
    display: block;
    width: 100%;
    max-width: 330px;
    height: auto;
    object-fit: contain;
}
.mc4-tech-footer__brand-logo:hover img {
    opacity: .94;
}
@media (max-width: 780px) {
    .mc4-tech-footer__brand-logo {
        width: min(300px, 100%);
        margin-top: 22px;
    }
}
@media (max-width: 520px) {
    .mc4-tech-footer__brand-logo {
        width: min(270px, 100%);
    }
}