Active KeytruckbrRefGEttruck<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Adobe Fonts - DIN 2014 -->
<link rel="stylesheet" href="https://use.typekit.net/rwa0xzc.css">

<!-- Google Fonts - Supporting Typography -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700;900&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>
    header#header,
    .site-header,
    .region-header,
    header[role="banner"],
    footer,
    .site-footer,
    .region-footer,
    #footer {
        display: none !important;
    }

    aside,
    .sidebar,
    .region-sidebar-first,
    .region-sidebar-second,
    .layout-sidebar-first,
    .layout-sidebar-second,
    #sidebar-first,
    .social-share-bar {
        display: none !important;
    }

    html,
    body {
        margin: 0 !important;
        padding: 0 !important;
    }

    .dialog-off-canvas-main-canvas,
    .layout-container,
    .main-container,
    #main-content,
    .layout-content,
    .region-content,
    main {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 100% !important;
    }

    :root {
        --sema-red: #E31E24;
        --west-hall-blue: #0074D9;
        --west-hall-blue-dark: #005AA6;
        --hero-image: url("https://semashow.com/assets/img/landing-pages/off-road-race-truck-jump-dust.jpeg");
        --ps-black: #000000;
        --ps-coal: #0A0A0A;
        --ps-iron: #2A2A2A;
        --ps-chrome: #E5E5E5;
        --ps-white: #FFFFFF;
        --font-race: "din-2014", "Arial Black", sans-serif;
        --font-condensed: "Roboto Condensed", "Arial Narrow", sans-serif;
        --font-body: "Inter", -apple-system, sans-serif;
    }

    #semaPowersportsSignup {
        width: 100% !important;
        max-width: none !important;
        margin-top: -35px !important;
        background: var(--ps-black);
        color: var(--ps-white);
        font-family: var(--font-body);
        min-height: 100vh;
    }

    .ps-navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.88);
        backdrop-filter: blur(8px);
        border-bottom: 2px solid var(--ps-iron);
        padding: 14px 0;
    }

    .ps-navbar-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
    }

    .ps-navbar-logo {
        display: inline-flex;
        align-items: center;
        gap: 16px;
        text-decoration: none;
        color: inherit;
    }

    .ps-sema-logo {
        width: 140px;
        max-width: 38vw;
        height: auto;
        display: block;
    }

    .ps-navbar-divider {
        width: 2px;
        height: 42px;
        background: var(--ps-iron);
    }

    .ps-navbar-title {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .ps-navbar-brand {
        font-family: var(--font-race);
        font-size: clamp(1rem, 2.2vw, 1.5rem);
        font-weight: 700;
        letter-spacing: 0.05em;
        color: var(--west-hall-blue);
        text-transform: uppercase;
        line-height: 1;
    }

    .ps-navbar-subtitle {
        font-family: var(--font-condensed);
        font-size: 0.72rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--ps-chrome);
        margin-top: 3px;
    }

    .ps-navbar-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .ps-nav-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0.55rem 1rem;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 7px;
        color: var(--ps-white);
        text-decoration: none;
        font-family: var(--font-condensed);
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        font-size: 0.75rem;
        transition: all 0.2s ease;
    }

    .ps-nav-btn:hover {
        color: var(--ps-white);
        border-color: rgba(255, 255, 255, 0.5);
        background: rgba(255, 255, 255, 0.08);
    }

    .ps-nav-btn-primary {
        border-color: rgba(0, 116, 217, 0.8);
        background: linear-gradient(120deg, #0074D9, #005AA6);
    }

    .ps-signup-hero {
        position: relative;
        min-height: 100vh;
        padding: 130px 0 70px;
        overflow: hidden;
    }

    .ps-signup-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: var(--hero-image);
        background-size: cover;
        background-position: center center;
        opacity: 0.35;
        transform: scale(1.02);
    }

    .ps-signup-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at center, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.82)),
            linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.8));
    }

    .ps-signup-content {
        position: relative;
        z-index: 5;
    }

    .ps-eyebrow {
        font-family: var(--font-condensed);
        font-size: 0.75rem;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: var(--sema-red);
        font-weight: 800;
    }

    .ps-title {
        margin: 10px 0 12px;
        font-family: var(--font-race);
        font-size: clamp(2rem, 5vw, 4rem);
        letter-spacing: 0.03em;
        text-transform: uppercase;
        line-height: 0.95;
    }

    .ps-subtitle {
        max-width: 760px;
        color: var(--ps-chrome);
        font-size: clamp(1rem, 1.8vw, 1.2rem);
        line-height: 1.6;
        margin: 0 auto 28px;
    }

    .ps-form-shell {
        width: min(100%, 980px);
        margin: 0 auto;
        padding: clamp(16px, 2vw, 26px);
        background: rgba(10, 10, 10, 0.88);
        border: 1px solid rgba(0, 116, 217, 0.25);
        border-radius: 14px;
        box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45);
    }

    .ps-form-shell .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .ps-embed-fallback {
        margin-top: 12px;
        text-align: left;
    }

    .ps-embed-fallback.is-hidden {
        display: none;
    }

    .ps-backup-form {
        width: min(100%, 375px);
        margin: 0 auto;
    }

    .ps-backup-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .ps-backup-field,
    .ps-backup-choice,
    .ps-backup-consent {
        margin: 0 0 8px;
    }

    .ps-backup-label,
    .ps-backup-legend {
        display: block;
        margin: 0 0 8px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: 700;
    }

    .ps-backup-input {
        width: 100%;
        min-height: 55px;
        padding: 0 15px;
        border: 1px solid rgb(217, 217, 217);
        border-radius: 1px;
        background: #ffffff;
        color: #000000;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
    }

    .ps-backup-input::placeholder {
        color: #A9A9A9;
    }

    .ps-backup-choice {
        border: 0;
        padding: 0;
    }

    .ps-backup-radio-group {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .ps-backup-radio-option {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #ffffff;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
    }

    .ps-backup-radio-option input,
    .ps-backup-consent input {
        accent-color: #ffffff;
    }

    .ps-backup-consent {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        color: rgb(217, 217, 217);
        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        line-height: 1.55;
    }

    .ps-backup-consent a {
        color: #ffffff;
    }

    .ps-backup-submit {
        width: 100%;
        min-height: 55px;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 1px;
        background: #000000;
        color: #ffffff;
        font-family: "Open Sans Condensed", sans-serif;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    @media (max-width: 575px) {
        .ps-backup-grid {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 991px) {
        .ps-navbar-content {
            gap: 12px;
        }

        .ps-navbar-logo {
            gap: 10px;
        }

        .ps-sema-logo {
            width: 108px;
            max-width: 34vw;
        }

        .ps-navbar-divider {
            width: 1px;
            height: 30px;
        }

        .ps-navbar-brand {
            font-size: clamp(0.74rem, 2.9vw, 1rem);
            letter-spacing: 0.04em;
        }

        .ps-navbar-subtitle {
            font-size: 0.62rem;
            letter-spacing: 0.1em;
        }

        .ps-signup-hero {
            padding-top: 116px;
            padding-bottom: 56px;
        }

        #semaPowersportsSignup {
            margin-top: -20px !important;
        }
    }

    @media (max-width: 575px) {
        .ps-navbar {
            padding: 10px 0;
        }

        .ps-sema-logo {
            width: 96px;
            max-width: 30vw;
        }

        .ps-navbar-divider {
            height: 24px;
        }

        .ps-navbar-brand {
            font-size: 0.68rem;
        }

        .ps-navbar-subtitle {
            font-size: 0.56rem;
            letter-spacing: 0.08em;
        }

        .ps-signup-hero {
            padding-top: 102px;
        }
    }
</style>

<nav class="ps-navbar" id="psNavbar">
    <div class="container">
        <div class="ps-navbar-content">
            <a href="#" class="ps-navbar-logo">
                <img src="https://www.semashow.com/sonnygordo2022/img/ShowLogo_noBox_W_Large.png" alt="SEMA Show" class="ps-sema-logo">
                <div class="ps-navbar-divider"></div>
                <div class="ps-navbar-title">
                                        <div class="ps-navbar-brand">TRUCK &amp; OFF-ROAD</div>
                                        <div class="ps-navbar-subtitle">SEMA SHOW • 2026</div>
                </div>
            </a>
        </div>
    </div>
</nav>
<div id="semaPowersportsSignup">
    <section class="ps-signup-hero">
        <div class="container ps-signup-content text-center">
            <div class="ps-eyebrow">Built For The Aftermarket</div>
            <h1 class="ps-title">Get Show Updates</h1>
            <p class="ps-subtitle">Get updates for truck and off-road trends, exhibitors, and SEMA Show announcements.</p>
            <div class="ps-form-shell">
                <div class="container-fluid pb-5 pt-5  justify-content-center">
                    <div class="container">
                        <div class="row" align="center">
                            <div class="col-12">
                              <div id="lightbox-inline-form-b490d89e-1a62-4f59-8f8b-344f2ef62a01" style="width: 100%;">&nbsp;</div>
                              <!--<div class="ps-embed-fallback is-hidden" id="psFallbackForm"></div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<script async type="text/javascript" src='https://www.lightboxcdn.com/vendor/87fb8843-09cb-477c-8910-02f9e2ee29b7/lightbox_speed.js'></script>
<script>
    /*(function () {
        var liveSlot = document.getElementById('lightbox-inline-form-f801cf01-faf1-4e5f-a025-958b61da2611');
        var fallback = document.getElementById('psFallbackForm');
        var backupFormHtml = ;

        if (!fallback) {
            return;
        }

        function liveFormRendered() {
            return !!(
                liveSlot &&
                (
                    liveSlot.querySelector('iframe, form, input, select, textarea, button') !== null ||
                    liveSlot.children.length > 0
                )
            );
        }

        function revealFallbackIfNeeded() {
            if (!liveFormRendered()) {
                fallback.innerHTML = backupFormHtml;
                fallback.classList.remove('is-hidden');
            }
        }

        window.setTimeout(revealFallbackIfNeeded, 4500);
    }());*/
</script>