/* ==============================================
   Thank You Page — thank-you.css
   ============================================== */

/* Hard reset scoped to our page body class */
body.ty-page,
body.ty-page *,
body.ty-page *::before,
body.ty-page *::after {
    box-sizing: border-box;
}

body.ty-page {
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Sora", sans-serif !important;
    background: #f2f7ff !important;
    color: #0B1234 !important;
    -webkit-font-smoothing: antialiased;
}

body.ty-page a { text-decoration: none !important; }
body.ty-page img { max-width: 100% !important; height: auto !important; display: block !important; }
body.ty-page ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
body.ty-page p { margin: 0 !important; padding: 0 !important; }
body.ty-page h1,
body.ty-page h2,
body.ty-page h3 { margin: 0 !important; padding: 0 !important; background: none !important; }
body.ty-page section { overflow: visible !important; }

/* Container */
.ty-page .ty-container {
    width: 100% !important;
    max-width: 1164px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

/* ============================================
   HEADER
   ============================================ */
.ty-page .ty-header {
    background: #0D1641 !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ty-page .ty-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.ty-page .ty-logo img {
    width: 150px !important;
    height: auto !important;
    max-width: 150px !important;
}

.ty-page .ty-header-phone {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: rgba(255,255,255,0.80) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: "Sora", sans-serif !important;
    transition: color 0.2s !important;
}

.ty-page .ty-header-phone:hover { color: #FEC935 !important; }

/* ============================================
   HERO
   ============================================ */
.ty-page .ty-hero {
    background: linear-gradient(140deg, #08102e 0%, #0D1641 50%, #112060 100%) !important;
    padding: 80px 0 90px !important;
    display: block !important;
    overflow: visible !important;
}

.ty-page .ty-hero-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 24px !important;
}

.ty-page .ty-check {
    width: 72px !important;
    height: 72px !important;
    display: block !important;
    flex-shrink: 0 !important;
}

.ty-page .ty-eyebrow {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #FEC935 !important;
    font-family: "Sora", sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    line-height: normal !important;
}

.ty-page .ty-title {
    font-family: "Poppins", sans-serif !important;
    font-size: clamp(44px, 6vw, 68px) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.05 !important;
    letter-spacing: -1.5px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    text-shadow: none !important;
}

.ty-page .ty-body {
    font-size: 17px !important;
    line-height: 28px !important;
    color: rgba(255,255,255,0.58) !important;
    font-family: "Sora", sans-serif !important;
    max-width: 480px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

/* CTA Button */
.ty-page .ty-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 18px 36px !important;
    background: #FEC935 !important;
    color: #0D1641 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 100px !important;
    border: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    margin-top: 8px !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
    box-shadow: 0 8px 28px rgba(254,201,53,0.35) !important;
    line-height: 1 !important;
}

.ty-page .ty-cta-btn:hover {
    background: #ffd44d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 36px rgba(254,201,53,0.45) !important;
    color: #0D1641 !important;
}

.ty-page .ty-cta-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 16px rgba(254,201,53,0.30) !important;
}

.ty-page .ty-cta-note {
    font-size: 13px !important;
    color: rgba(255,255,255,0.35) !important;
    font-family: "Sora", sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    line-height: normal !important;
}

/* ============================================
   WHAT HAPPENS NEXT
   ============================================ */
.ty-page .ty-next {
    padding: 88px 0 !important;
    background: #f2f7ff !important;
    display: block !important;
}

.ty-page .ty-next .ty-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.ty-page .ty-next-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #173397 !important;
    font-family: "Sora", sans-serif !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: none !important;
    line-height: normal !important;
}

.ty-page .ty-next-title {
    font-family: "Poppins", sans-serif !important;
    font-size: clamp(26px, 3vw, 36px) !important;
    font-weight: 700 !important;
    color: #0B1234 !important;
    margin: 0 0 52px !important;
    padding: 0 !important;
    letter-spacing: -0.5px !important;
    background: none !important;
    line-height: 1.2 !important;
}

.ty-page .ty-next-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 0 40px !important;
    padding: 0 !important;
}

.ty-page .ty-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 32px 24px !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    box-shadow: 0 2px 12px rgba(13,22,65,0.08) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    border: none !important;
}

.ty-page .ty-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 28px rgba(13,22,65,0.13) !important;
}

.ty-page .ty-card-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: #FEC935 !important;
    color: #0D1641 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: 0 4px 12px rgba(254,201,53,0.30) !important;
    flex-shrink: 0 !important;
}

.ty-page .ty-card h3 {
    font-family: "Poppins", sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #0B1234 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.ty-page .ty-card p {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #5a6070 !important;
    font-family: "Sora", sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

/* Trust bar */
.ty-page .ty-trust {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 24px !important;
    padding: 20px 32px !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(13,22,65,0.07) !important;
    width: 100% !important;
    margin: 0 !important;
    list-style: none !important;
}

.ty-page .ty-trust span {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #173397 !important;
    font-family: "Sora", sans-serif !important;
    background: none !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}

.ty-page .ty-sep {
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #FEC935 !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* ============================================
   FOOTER
   ============================================ */
.ty-page .ty-footer {
    background: #0B1234 !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ty-page .ty-footer-cols {
    display: grid !important;
    grid-template-columns: 1.6fr 1fr 1fr 1fr !important;
    gap: 48px !important;
    padding: 60px 0 48px !important;
    margin: 0 !important;
}

.ty-page .ty-fcol {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.ty-page .ty-fbrand {
    font-family: "Poppins", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #FEC935 !important;
    letter-spacing: -0.3px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    line-height: normal !important;
}

.ty-page .ty-fdesc {
    font-size: 13px !important;
    color: rgba(255,255,255,0.42) !important;
    line-height: 21px !important;
    font-family: "Sora", sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.ty-page .ty-fcol-title {
    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.90) !important;
    letter-spacing: 0.3px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    line-height: normal !important;
}

.ty-page .ty-fcol ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ty-page .ty-fcol ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: rgba(255,255,255,0.40) !important;
    font-family: "Sora", sans-serif !important;
    line-height: 1.5 !important;
    background: none !important;
}

.ty-page .ty-fcol ul li a {
    font-size: 13px !important;
    color: rgba(255,255,255,0.40) !important;
    font-family: "Sora", sans-serif !important;
    line-height: 1.5 !important;
    transition: color 0.2s !important;
    text-decoration: none !important;
}

.ty-page .ty-fcol ul li a:hover { color: #FEC935 !important; }

.ty-page .ty-footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
    padding: 20px 0 24px !important;
    gap: 16px !important;
    margin: 0 !important;
}

.ty-page .ty-footer-bottom p {
    font-size: 12px !important;
    color: rgba(255,255,255,0.24) !important;
    font-family: "Sora", sans-serif !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1024px) {
    .ty-page .ty-footer-cols {
        grid-template-columns: 1fr 1fr !important;
        gap: 36px !important;
        padding: 48px 0 40px !important;
    }
}

@media (max-width: 768px) {
    .ty-page .ty-container { padding: 0 20px !important; }

    .ty-page .ty-hero { padding: 64px 0 72px !important; }

    .ty-page .ty-next { padding: 64px 0 !important; }
    .ty-page .ty-next-grid { grid-template-columns: 1fr !important; }

    .ty-page .ty-sep { display: none !important; }

    .ty-page .ty-footer-cols {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        padding: 40px 0 32px !important;
    }

    .ty-page .ty-footer-bottom {
        flex-direction: column !important;
        text-align: center !important;
        gap: 6px !important;
    }

    .ty-page .ty-cta-btn {
        padding: 16px 28px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    .ty-page .ty-title { font-size: 40px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .ty-page .ty-card,
    .ty-page .ty-cta-btn,
    .ty-page .ty-header-phone,
    .ty-page .ty-fcol ul li a { transition: none !important; }
    .ty-page .ty-card:hover { transform: none !important; }
    .ty-page .ty-cta-btn:hover { transform: none !important; }
}