/* Codex polish pass - 2026-07-05 */
.toast-global {
    display: none !important;
}

.welkynd-trust-rail {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 18px 24px;
    background: linear-gradient(90deg, #020617, #07111f 45%, #020617);
    border-top: 1px solid rgba(34, 211, 238, 0.16);
    border-bottom: 1px solid rgba(59, 130, 246, 0.16);
}

.welkynd-trust-rail span {
    color: #d9faff;
    font-weight: 700;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 999px;
    padding: 9px 14px;
    background: rgba(15, 23, 42, 0.72);
    box-shadow: 0 10px 28px rgba(8, 145, 178, 0.12);
}

button,
a {
    touch-action: manipulation;
}

@media (max-width: 768px) {
    .welkynd-trust-rail {
        padding: 14px 12px;
        gap: 8px;
    }

    .welkynd-trust-rail span {
        font-size: 0.75rem;
        padding: 8px 10px;
    }
}

/* Codex mobile viewport fixes - 2026-07-05 */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (max-width: 768px) {
    nav {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        overflow: hidden;
    }

    nav button {
        display: none !important;
    }

    #hero {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 100svh !important;
        padding: 76px 20px 42px !important;
        overflow: hidden !important;
    }

    #hero .relative.z-10,
    #hero [class*="max-w-4xl"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #hero h1 {
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(2.1rem, 9.8vw, 2.75rem) !important;
        line-height: 1.12 !important;
        overflow-wrap: break-word;
        text-wrap: balance;
    }

    #hero h1 span {
        display: block;
    }

    #hero p {
        max-width: 100% !important;
        font-size: 1rem !important;
        line-height: 1.62 !important;
    }

    #hero button {
        max-width: 100%;
        white-space: normal;
    }

    .welkynd-trust-rail {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
}

/* Codex viewport-width mobile lock - 2026-07-05 */
@media (max-width: 768px) {
    #hero .relative.z-10,
    #hero [class*="max-w-4xl"] {
        width: calc(100vw - 40px) !important;
        max-width: 350px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow: hidden;
    }

    #hero h1 {
        max-width: 320px !important;
        font-size: clamp(1.95rem, 8vw, 2.25rem) !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    #hero p {
        max-width: 320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }
}

/* Codex narrow mobile finishing pass - 2026-07-05 */
@media (max-width: 768px) {
    #hero .relative.z-10,
    #hero [class*="max-w-4xl"] {
        max-width: 300px !important;
    }

    #hero h1 {
        max-width: 285px !important;
        font-size: clamp(1.78rem, 7.4vw, 2.05rem) !important;
    }

    #hero p {
        max-width: 270px !important;
        font-size: 0.94rem !important;
    }
}