:root{--ink:#111827;--muted:#667085;--line:#e5e7eb;--paper:#f6f8fb;--dark:#07101f;--blue:#0f5cff;--max:1160px;--radius:24px;--shadow:0 18px 50px rgba(16,24,40,.08)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Aptos,"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 36px));margin:0 auto}
.top{background:#050914;color:#dbeafe;font-size:14px}.top-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.top a{color:#fff;font-weight:850}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;line-height:1.05}.brand b{font-size:23px;letter-spacing:-.8px;font-weight:950}.brand span{font-size:13px;color:var(--muted);font-weight:750;margin-top:6px}nav ul{list-style:none;display:flex;gap:22px;align-items:center;font-size:15px;font-weight:850;color:#273449}nav a:hover{color:var(--blue)}.nav-cta{background:var(--dark);color:#fff;padding:12px 18px;border-radius:999px}
.mobile-nav{display:none;background:#fff;border-bottom:1px solid var(--line);overflow-x:auto}.mobile-nav-inner{width:min(var(--max),calc(100% - 20px));margin:0 auto;display:flex;gap:8px;padding:10px 0;white-space:nowrap}.mobile-nav a{padding:10px 13px;border:1px solid var(--line);background:#f3f5f8;border-radius:999px;font-weight:850;font-size:14px}.mobile-nav a.hot{background:var(--dark);color:#fff;border-color:var(--dark)}
.hero{background:linear-gradient(135deg,#06101f,#0b1730);color:#fff}.hero-grid{min-height:540px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:68px 0}.badge{display:inline-flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:8px 13px;border-radius:999px;font-size:13px;font-weight:900;margin-bottom:18px;color:#dbeafe}h1{font-size:clamp(40px,5.4vw,68px);line-height:1;letter-spacing:-2.8px;margin-bottom:20px}.hero p{font-size:19px;color:#cbd5e1;max-width:690px;margin-bottom:28px}.actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font-weight:950;border:1px solid transparent}.btn-white{background:#fff;color:#07101f}.btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.hero-card img{max-height:300px;object-fit:contain;margin:auto;filter:drop-shadow(0 24px 34px rgba(0,0,0,.35))}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.quick div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:15px}.quick strong{display:block;color:#fff}.quick span{color:#b8c4d8;font-size:14px}
section{padding:70px 0}.light{background:var(--paper)}.section-head{max-width:760px;margin-bottom:32px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.4px;font-weight:950;color:var(--blue);margin-bottom:8px}h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-1.4px;margin-bottom:12px}.section-head p{font-size:17px;color:var(--muted)}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:245px}.card img{height:128px;object-fit:contain;margin:0 auto 20px}.card h3{font-size:22px;margin-bottom:8px}.card p{color:var(--muted);margin-bottom:18px}.card a{margin-top:auto;font-weight:950;color:var(--blue)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.step b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--dark);color:#fff;margin-bottom:14px}.step h3{font-size:19px;margin-bottom:7px}.step p{color:var(--muted);font-size:15px}
.contact{background:#07101f;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.contact h2{color:#fff}.contact p{color:#cbd5e1}.contact-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:28px}.row{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12)}.row:last-child{border-bottom:none}.row small{display:block;color:#94a3b8;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:1px;margin-bottom:4px}.row a,.row span{font-size:19px;font-weight:900;color:#fff}
footer{background:#030712;color:#cbd5e1;padding:30px 0;font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.mobile-sticky{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:50;background:rgba(7,16,31,.94);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px;gap:8px;box-shadow:0 16px 44px rgba(0,0,0,.28)}.mobile-sticky a{flex:1;text-align:center;border-radius:999px;padding:11px 8px;font-weight:950;color:#fff}.mobile-sticky a:first-child{background:#fff;color:#07101f}.mobile-sticky a:last-child{background:#16a34a}
@media(max-width:960px){nav ul{display:none}.mobile-nav{display:block}.mobile-sticky{display:flex}body{padding-bottom:74px}.hero-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:54px 0}.services,.steps,.quick{grid-template-columns:1fr}section{padding:52px 0}.brand b{font-size:21px}.hero-card img{max-height:230px}}

/* TOPSAT24 BLUE HEADER BEGIN */

.top {
    background: #050d17;
    color: #d6e1eb;
    border-bottom: 1px solid rgba(67, 184, 235, 0.12);
}

.top a {
    color: #ffffff;
}

header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #061426;
    border-bottom: 1px solid rgba(61, 190, 239, 0.20);
    box-shadow: 0 14px 38px rgba(0, 7, 18, 0.30);
}

header .nav {
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
}

header .topsat24-main-brand {
    display: block;
    width: min(760px, 65vw);
    flex: 0 1 760px;
    line-height: 0;
}

header .topsat24-main-logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 168px;
    object-fit: contain;
    object-position: left center;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

header nav ul {
    gap: 25px;
}

header nav a {
    color: #ffffff;
    font-weight: 850;
}

header nav a:hover {
    color: #36c5f4;
}

header .nav-cta {
    color: #ffffff;
    background: transparent;
    border: 1px solid #28b8ef;
    padding: 12px 20px;
    border-radius: 999px;
}

header .nav-cta:hover {
    background: rgba(40, 184, 239, 0.15);
}

@media (max-width: 1100px) {
    header .nav {
        min-height: 155px;
    }

    header .topsat24-main-brand {
        width: min(620px, 62vw);
        flex-basis: 620px;
    }

    header .topsat24-main-logo {
        max-height: 132px;
    }
}

@media (max-width: 960px) {
    header .nav {
        min-height: 120px;
        justify-content: center;
    }

    header .topsat24-main-brand {
        width: min(680px, 94vw);
        flex-basis: auto;
    }

    header .topsat24-main-logo {
        max-height: 102px;
        object-position: center;
    }
}

@media (max-width: 560px) {
    header .nav {
        min-height: 94px;
    }

    header .topsat24-main-logo {
        max-height: 76px;
    }
}

/* TOPSAT24 BLUE HEADER END */

/* TOPSAT24 FINAL LOGO BLEND BEGIN */

.top {
    position: relative;
    z-index: 30;
    min-height: 40px;
    background: #07101d;
}

header {
    position: sticky;
    top: 0;
    z-index: 20;
    overflow: hidden;

    background:
        radial-gradient(
            ellipse 760px 230px at 35% 50%,
            rgba(0, 104, 226, 0.28) 0%,
            rgba(0, 73, 164, 0.17) 40%,
            rgba(0, 42, 96, 0.06) 67%,
            transparent 82%
        ),
        linear-gradient(
            90deg,
            #07172b 0%,
            #082443 48%,
            #07182d 100%
        ) !important;
}

header .nav {
    min-height: 166px !important;
    align-items: center !important;
    gap: 30px !important;
}

header .topsat24-main-brand {
    position: relative !important;
    display: block !important;

    width: 660px !important;
    height: 158px !important;
    flex: 0 0 660px !important;

    overflow: hidden !important;
    background: transparent !important;
    line-height: 0 !important;
}

/* Weicher blauer Schein hinter dem Logo */
header .topsat24-main-brand::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 13% 5%;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at center,
            rgba(0, 119, 255, 0.30) 0%,
            rgba(0, 88, 205, 0.16) 48%,
            transparent 78%
        );

    filter: blur(18px);
}

/* Alle vier Bildkanten weich abdunkeln */
header .topsat24-main-brand::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(
            to right,
            #071a32 0%,
            rgba(7, 26, 50, 0.82) 3%,
            rgba(7, 26, 50, 0.28) 8%,
            transparent 15%,
            transparent 85%,
            rgba(7, 26, 50, 0.28) 92%,
            rgba(7, 26, 50, 0.82) 97%,
            #071a32 100%
        ),
        linear-gradient(
            to bottom,
            #071a32 0%,
            rgba(7, 26, 50, 0.75) 6%,
            rgba(7, 26, 50, 0.22) 15%,
            transparent 25%,
            transparent 75%,
            rgba(7, 26, 50, 0.22) 85%,
            rgba(7, 26, 50, 0.75) 94%,
            #071a32 100%
        );
}

header .topsat24-main-logo {
    position: absolute !important;
    z-index: 1 !important;

    top: 50% !important;
    left: 50% !important;

    display: block !important;
    width: 660px !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transform: translate(-50%, -50%) !important;
}

header nav {
    position: relative;
    z-index: 4;
    flex: 0 0 auto;
}

header nav ul {
    gap: 20px !important;
}

@media (max-width: 1100px) {
    header .nav {
        min-height: 145px !important;
    }

    header .topsat24-main-brand {
        width: 560px !important;
        height: 138px !important;
        flex-basis: 560px !important;
    }

    header .topsat24-main-logo {
        width: 575px !important;
    }
}

@media (max-width: 960px) {
    header .nav {
        min-height: 138px !important;
        justify-content: center !important;
    }

    header .topsat24-main-brand {
        width: min(650px, 94vw) !important;
        height: 130px !important;
        flex-basis: auto !important;
    }

    header .topsat24-main-logo {
        width: min(650px, 94vw) !important;
    }
}

@media (max-width: 560px) {
    header .nav {
        min-height: 100px !important;
    }

    header .topsat24-main-brand {
        width: 94vw !important;
        height: 94px !important;
    }

    header .topsat24-main-logo {
        width: 94vw !important;
    }
}

/* TOPSAT24 FINAL LOGO BLEND END */

/* TOPSAT24 MOBILE CLEANUP BEGIN */

@media (max-width: 600px) {

    body {
        padding-bottom: 76px !important;
    }

    /*
     * Obere Kontaktleiste:
     * zwei saubere, kompakte Zeilen.
     */
    .top {
        position: relative !important;
        z-index: 30;
    }

    .top-inner {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 7px !important;
        padding: 10px 0 !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
        text-align: center !important;
    }

    .top-inner > div:last-child {
        font-size: 14px !important;
        white-space: nowrap;
    }

    /*
     * Der große Logo-Header soll auf dem Handy
     * nicht zusätzlich am Bildschirm kleben.
     */
    header {
        position: relative !important;
        top: auto !important;
    }

    header .nav {
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    /*
     * Logo über die komplette mobile Breite.
     * Der vorhandene weiche Verlauf bleibt erhalten.
     */
    header .topsat24-main-brand {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 2104 / 747;
        flex: 0 0 auto !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    header .topsat24-main-logo {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        transform: translate(-50%, -50%) !important;
    }

    /*
     * Weiße Navigation durch eine passende
     * dunkelblaue mobile Navigation ersetzen.
     */
    .mobile-nav {
        background:
            linear-gradient(
                90deg,
                #061426,
                #092542,
                #061426
            ) !important;

        border-top:
            1px solid rgba(50, 190, 241, 0.18) !important;

        border-bottom:
            1px solid rgba(50, 190, 241, 0.20) !important;

        overflow-x: auto !important;
        scrollbar-width: none;
    }

    .mobile-nav::-webkit-scrollbar {
        display: none;
    }

    .mobile-nav-inner {
        width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        gap: 8px !important;
        padding: 9px 10px !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    .mobile-nav a {
        flex: 0 0 auto !important;
        padding: 10px 16px !important;
        color: #f4f9ff !important;
        background: rgba(255, 255, 255, 0.07) !important;
        border:
            1px solid rgba(255, 255, 255, 0.14) !important;
        border-radius: 999px !important;
        font-size: 15px !important;
        font-weight: 850 !important;
    }

    .mobile-nav a.hot {
        color: #ffffff !important;
        background: #0a2848 !important;
        border-color: #31bff2 !important;
        box-shadow:
            0 0 18px rgba(49, 191, 242, 0.12);
    }

    /*
     * Doppelten Abstand über dem Text entfernen.
     */
    main .hero {
        padding: 0 !important;
    }

    .hero-grid {
        min-height: 0 !important;
        padding: 34px 0 105px !important;
        gap: 28px !important;
        align-items: start !important;
    }

    .hero-grid > div:first-child {
        min-width: 0 !important;
    }

    .badge {
        margin-bottom: 17px !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    /*
     * Überschrift etwas kleiner:
     * bessere Zeilenumbrüche auf dem iPhone.
     */
    .hero h1 {
        max-width: 100% !important;
        margin-bottom: 18px !important;
        font-size: clamp(35px, 9.5vw, 41px) !important;
        line-height: 1.04 !important;
        letter-spacing: -1.7px !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .hero p {
        margin-bottom: 22px !important;
        font-size: 17px !important;
        line-height: 1.52 !important;
    }

    /*
     * Die normalen Hero-Knöpfe werden mobil nicht
     * zusätzlich benötigt, weil unten die feste
     * Telefon-/WhatsApp-Leiste vorhanden ist.
     */
    .hero .actions {
        display: none !important;
    }

    .hero-card {
        margin-top: 26px !important;
        padding: 20px !important;
        border-radius: 22px !important;
    }

    /*
     * Untere Telefon-/WhatsApp-Leiste verkleinern.
     */
    .mobile-sticky {
        left: 12px !important;
        right: 12px !important;
        bottom:
            max(8px, env(safe-area-inset-bottom)) !important;

        padding: 5px !important;
        gap: 5px !important;
        border-radius: 21px !important;

        background: rgba(5, 15, 29, 0.93) !important;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    .mobile-sticky a {
        padding: 10px 6px !important;
        border-radius: 17px !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 360px) {

    .top-inner {
        font-size: 13px !important;
    }

    .top-inner > div:last-child {
        font-size: 12px !important;
    }

    .hero h1 {
        font-size: 34px !important;
    }

    .mobile-nav a {
        padding: 9px 13px !important;
        font-size: 14px !important;
    }
}

/* TOPSAT24 MOBILE CLEANUP END */

/* TOPSAT24 MOBILE LOGO CENTER FIX BEGIN */

@media (max-width: 600px) {

    header {
        width: 100% !important;
        overflow: hidden !important;
        border-bottom: 0 !important;

        background:
            linear-gradient(
                to bottom,
                #011432 0%,
                #011f53 52%,
                #01132d 100%
            ) !important;
    }

    header .nav {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    header .topsat24-main-brand {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        aspect-ratio: 2104 / 747;

        margin: 0 !important;
        overflow: hidden !important;

        background:
            linear-gradient(
                to bottom,
                #011432 0%,
                #011f53 52%,
                #01132d 100%
            ) !important;
    }

    /*
     * Exakt geometrisch zentriert.
     * Nicht mehr 104 Prozent und nicht mehr 51,2 Prozent.
     */
    header .topsat24-main-logo {
        position: absolute !important;
        z-index: 1 !important;

        top: 50% !important;
        left: 50% !important;

        width: calc(100% - 24px) !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        object-position: center center !important;

        transform: translate(-50%, -50%) !important;

        -webkit-mask-image: none !important;
        mask-image: none !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /*
     * Nur noch ein weicher Schein im Hintergrund.
     */
    header .topsat24-main-brand::before {
        content: "";
        position: absolute;
        z-index: 0;
        inset: 0;
        pointer-events: none;

        background:
            radial-gradient(
                ellipse at 50% 50%,
                rgba(0, 104, 230, 0.24) 0%,
                rgba(0, 74, 170, 0.12) 50%,
                transparent 80%
            ) !important;

        filter: blur(14px);
    }

    /*
     * Kein seitlicher Verlauf mehr:
     * Dadurch werden Globus und Zahl 4 nicht abgedunkelt.
     * Nur oben und unten wird weich verschmolzen.
     */
    header .topsat24-main-brand::after {
        content: "";
        position: absolute;
        z-index: 2;
        inset: 0;
        pointer-events: none;

        background:
            linear-gradient(
                to bottom,
                rgba(1, 20, 50, 0.88) 0%,
                rgba(1, 20, 50, 0.30) 6%,
                transparent 14%,
                transparent 86%,
                rgba(1, 19, 45, 0.28) 94%,
                rgba(1, 19, 45, 0.88) 100%
            ) !important;
    }
}

/* TOPSAT24 MOBILE LOGO CENTER FIX END */

/* TOPSAT24 LANDSCAPE CENTER FIX BEGIN */

@media
    (orientation: landscape)
    and (max-width: 1000px)
    and (max-height: 650px) {

    html,
    body {
        overflow-x: hidden !important;
    }

    header {
        width: 100% !important;
        overflow: hidden !important;

        background:
            linear-gradient(
                to bottom,
                #011432 0%,
                #012052 50%,
                #01142f 100%
            ) !important;
    }

    /*
     * Den normalen Container im Querformat aufheben.
     * Dadurch liegt die geometrische Mitte exakt
     * in der Mitte des Displays.
     */
    header .nav {
        display: block !important;

        width: 100vw !important;
        max-width: none !important;
        min-height: 0 !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;

        padding: 0 !important;
    }

    header nav {
        display: none !important;
    }

    header .topsat24-main-brand {
        position: relative !important;
        display: block !important;

        width: 100vw !important;
        max-width: none !important;
        height: 164px !important;
        flex: none !important;

        margin: 0 !important;
        overflow: hidden !important;

        background:
            linear-gradient(
                to bottom,
                #011432 0%,
                #012052 50%,
                #01142f 100%
            ) !important;
    }

    /*
     * Exakt 50 Prozent.
     * Das gesamte Bild bleibt mit Sicherheitsabstand sichtbar.
     */
    header .topsat24-main-logo {
        position: absolute !important;
        z-index: 1 !important;

        top: 50% !important;
        left: 50% !important;

        width: calc(100vw - 54px) !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        object-position: center center !important;

        transform: translate(-50%, -50%) !important;

        -webkit-mask-image: none !important;
        mask-image: none !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /*
     * Gleichmäßiger Lichtschein ohne Verschiebung.
     */
    header .topsat24-main-brand::before {
        content: "";
        position: absolute;
        z-index: 0;
        inset: 0;
        pointer-events: none;

        background:
            radial-gradient(
                ellipse at 50% 50%,
                rgba(0, 105, 230, 0.25) 0%,
                rgba(0, 73, 168, 0.12) 50%,
                transparent 82%
            ) !important;

        filter: blur(13px);
    }

    /*
     * Nur oben und unten weich überblenden.
     * Links und rechts bleibt alles vollständig sichtbar.
     */
    header .topsat24-main-brand::after {
        content: "";
        position: absolute;
        z-index: 2;
        inset: 0;
        pointer-events: none;

        background:
            linear-gradient(
                to bottom,
                rgba(1, 20, 50, 0.78) 0%,
                rgba(1, 20, 50, 0.20) 7%,
                transparent 15%,
                transparent 85%,
                rgba(1, 20, 48, 0.20) 93%,
                rgba(1, 20, 48, 0.78) 100%
            ) !important;
    }

    /*
     * Mobile Navigation ebenfalls über die
     * tatsächliche Bildschirmbreite zentrieren.
     */
    .mobile-nav {
        width: 100vw !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
}

/* TOPSAT24 LANDSCAPE CENTER FIX END */


/* TOPSAT24 SIDE BLEND BEGIN */

header {
    background: #020b16 !important;
}

header .nav,
header .container.nav {
    position: relative;
    background: linear-gradient(
        90deg,
        #020b16 0%,
        #031327 8%,
        #082c63 18%,
        #0b4cae 34%,
        #0e58cd 50%,
        #0b4cae 66%,
        #082c63 82%,
        #031327 92%,
        #020b16 100%
    ) !important;
    border-bottom: 1px solid rgba(33, 122, 214, 0.20) !important;
}

header .topsat24-main-brand {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    background: transparent !important;
}

header .topsat24-main-logo {
    display: block !important;
    width: min(100%, 1120px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
}

@media (max-width: 900px) {
    header .nav,
    header .container.nav {
        background: linear-gradient(
            90deg,
            #020b16 0%,
            #041a39 10%,
            #0a43a1 24%,
            #0d57ca 50%,
            #0a43a1 76%,
            #041a39 90%,
            #020b16 100%
        ) !important;
    }

    header .topsat24-main-logo {
        width: 100% !important;
        max-width: 100% !important;
        object-position: center center !important;
    }
}

@media (max-width: 900px) and (orientation: landscape) {
    header .nav,
    header .container.nav {
        background: linear-gradient(
            90deg,
            #020b16 0%,
            #031225 9%,
            #082d67 22%,
            #0c4eb8 50%,
            #082d67 78%,
            #031225 91%,
            #020b16 100%
        ) !important;
    }

    header .topsat24-main-logo {
        width: 94% !important;
        max-width: 94% !important;
        margin: 0 auto !important;
    }
}

/* TOPSAT24 SIDE BLEND END */