/* Copied verbatim from the BuyAudioTour.aspx inline styles (with media queries intact).
   Used by the home page blocks carried over from that page. */

/* Hide WhatsApp floating widget on this page (per request) */
    a[aria-label="Contact us on WhatsApp"], a[href*="wa.me/61405808717"][style*="position:fixed"] { display: none !important; }

.bt-page { max-width: 560px; margin: 0 auto; padding: 0 14px 50px; }
        @media (min-width: 900px) {
            .bt-page { max-width: 1100px; padding: 0 24px 50px; }
            .bt-features-row { gap: 30px; align-items: stretch; }
            .bt-features-col { display: flex; flex-direction: column; }
            .bt-screenshot-col {
                flex: 0 0 38%;
                max-width: 38%;
                align-self: stretch;
                position: relative;
                min-height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .bt-screenshot-col img {
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                height: 100%;
                width: auto;
                max-width: 100%;
                object-fit: contain;
                border-radius: 12px;
            }
            .bt-feat-title { font-size: 18px; }
            .bt-feat-desc { font-size: 15.5px; }
        }
        @media (min-width: 1200px) {
            .bt-page { max-width: 1280px; }
            .bt-screenshot-col { flex: 0 0 35%; max-width: 35%; }
        }

        /* Hero */
        .bt-hero {
            background: linear-gradient(135deg, #004890 0%, #0070d8 100%);
            color: white;
            border-radius: 18px;
            padding: 30px 24px;
            text-align: center;
            margin: 20px 0;
        }
        .bt-hero h2 { font-size: 30px; margin: 0 0 10px; line-height: 1.2; }
        .bt-hero-br { display: none; }
        .bt-hero p  { font-size: 17px; opacity: 0.95; margin: 0; line-height: 1.5; }

        /* Features */
        .bt-features { margin: 24px 0; }
        .bt-feature {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            padding: 14px 0;
            border-bottom: 1px solid #eee;
        }
        .bt-feature:last-child { border-bottom: none; }
        .bt-feat-icon {
            width: 46px;
            height: 46px;
            background: #e8f0fe;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-size: 20px;
            color: #004890;
            font-weight: bold;
        }
        .bt-feat-title { font-weight: bold; color: #1a2e4a; font-size: 17px; line-height: 1.3; }
        .bt-feat-desc  { font-size: 15px; color: #555; margin-top: 4px; line-height: 1.5; }

        /* Attractions preview */
        .bt-attractions {
            background: #f8faff;
            border-radius: 14px;
            padding: 16px;
            margin: 20px 0;
        }
        .bt-attractions h3 { font-size: 14px; color: #004890; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 12px; }
        .bt-att-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
        }
        .bt-att-item {
            background: white;
            border-radius: 10px;
            padding: 10px 12px;
            font-size: 13px;
            color: #333;
            border: 1px solid #e0e8f5;
        }

        /* Plans row */
        .bt-plans-hint {
            text-align: center;
            font-size: 14px;
            color: #004890;
            font-weight: bold;
            margin: 20px 0 10px;
            letter-spacing: 0.2px;
        }
        .bt-plans-row {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 14px;
            margin-bottom: 18px;
        }
        @media (max-width: 500px) {
            .bt-plans-row {
                grid-template-columns: 1fr;
            }
        }

        /* Price box */
        .bt-price-box {
            background: white;
            border: 2px solid #004890;
            border-radius: 16px;
            padding: 20px 14px;
            text-align: center;
            cursor: pointer;
            transition: background 0.18s, border-color 0.18s, box-shadow 0.18s;
            position: relative;
            display: flex;
            flex-direction: column;
        }
        .bt-price-box:hover, .bt-price-box:active {
            background: #eef4ff;
            border-color: #0060c0;
            box-shadow: 0 4px 18px rgba(0,72,144,0.22);
        }
        .bt-price-box.popular {
            border-color: #d97706;
            background: #fffbf0;
        }
        .bt-price-box.popular:hover { background: #fff3d0; }
        .bt-price-box[style*="10b981"]:hover { background: #ecfdf5; }
        .bt-price-box[style*="7c3aed"]:hover { background: #f5f3ff; }
        .bt-plan-badge {
            display: inline-block;
            color: white;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            padding: 4px 12px;
            border-radius: 20px;
            margin-bottom: 8px;
            position: relative;
            animation: bt-badge-bounce 2s ease-in-out infinite;
        }
        .bt-plan-badge::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
        }
        .bt-badge-green  { background: #10b981; }
        .bt-badge-green::after  { border-top: 5px solid #10b981; }
        .bt-badge-orange { background: #d97706; }
        .bt-badge-orange::after { border-top: 5px solid #d97706; }
        .bt-badge-purple { background: #7c3aed; }
        .bt-badge-purple::after { border-top: 5px solid #7c3aed; }
        @keyframes bt-badge-bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-4px); }
        }
        .bt-price-label { font-size: 12px; color: #666; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }
        .bt-price-amount { font-size: 36px; font-weight: bold; color: #004890; line-height: 1.1; }
        .bt-price-currency { font-size: 18px; vertical-align: top; margin-top: 6px; display: inline-block; }
        .bt-price-note { font-size: 12px; color: #666; margin-top: 6px; }
        .bt-price-cta {
            display: inline-block;
            margin-top: auto;
            align-self: center;
            background: #004890;
            color: white;
            font-size: 13px;
            font-weight: bold;
            padding: 8px 18px;
            border-radius: 8px;
        }
        .bt-price-box.popular .bt-price-cta { background: #d97706; }

        .bt-secure {
            text-align: center;
            font-size: 13px;
            color: #777;
            margin-top: 10px;
        }
        .bt-terms-agree {
            background: #fff8e1;
            border: 2px solid #f59e0b;
            border-radius: 12px;
            padding: 12px 14px;
            margin: 0 0 14px;
            transition: border-color 0.2s, background 0.2s;
        }
        .bt-terms-agree.error { border-color: #dc2626; background: #fef2f2; }
        .bt-terms-agree label {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            font-size: 14.5px;
            color: #1a2e4a;
            line-height: 1.5;
            cursor: pointer;
        }
        .bt-terms-agree input[type="checkbox"] {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin-top: 1px;
            accent-color: #004890;
            cursor: pointer;
        }
        .bt-terms-agree a { color: #004890; font-weight: bold; }
        #termsErr { display: none; color: #dc2626; font-size: 13px; margin: -8px 0 10px; text-align: center; }

        /* Error box */
        .bt-error {
            background: #fef2f2;
            border: 1px solid #fca5a5;
            border-radius: 10px;
            padding: 14px;
            color: #dc2626;
            font-size: 14px;
            margin-bottom: 16px;
            display: none;
        }
        .bt-error.visible { display: block; }

        /* Email input */
        .bt-email-wrap { margin-bottom: 14px; }
        .bt-email-label {
            display: block;
            font-size: 13px;
            font-weight: bold;
            color: #1a2e4a;
            margin-bottom: 6px;
        }
        .bt-email-input {
            width: 100%;
            box-sizing: border-box;
            padding: 14px 16px;
            font-size: 15px;
            border: 2px solid #ccd9f0;
            border-radius: 12px;
            outline: none;
            transition: border-color 0.2s;
        }
        .bt-email-input:focus { border-color: #004890; }

        /* Hero image — show bottom 30% only */
        .bt-hero-img {
            margin: 0 -14px;
        }
        .bt-hero-img img {
            width: 100%;
            display: block;
        }

        /* Features + screenshot side-by-side */
        .bt-features-row {
            display: flex;
            gap: 16px;
            align-items: center;
        }
        .bt-features-col {
            flex: 1;
            min-width: 0;
        }
        .bt-screenshot-col {
            flex: 0 0 45%;
            max-width: 45%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .bt-screenshot-col img {
            width: 100%;
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.12);
        }
        @media (max-width: 480px) {
            .bt-screenshot-col {
                flex: 0 0 40%;
                max-width: 40%;
            }
        }

        /* Before You Start tips box */
        .bt-before-start { background: #fff8e1; border-left: 4px solid #f59e0b; border-radius: 8px; padding: 14px 16px; margin: 0 0 18px; font-size: 14px; line-height: 1.55; color: #1a2e4a; text-align: left; }
        .bt-before-start h3 { margin: 0 0 10px; font-size: 15px; color: #b45309; text-align: center; }
        .bt-before-start p { text-align: left; margin: 0 0 8px; }
        .bt-before-start ul { margin: 6px 0 0; padding-left: 20px; text-align: left; }
        .bt-before-start li { margin-bottom: 6px; text-align: left; }
        .bt-before-start strong { color: #004890; }

        /* FAQ */
        .bt-faq { margin-top: 30px; text-align: left; }
        .bt-faq h3 { font-size: 20px; color: #004890; margin-bottom: 14px; text-align: center; }
        .bt-faq-item { margin-bottom: 16px; }
        .bt-faq-q { font-weight: bold; font-size: 16px; color: #1a2e4a; margin-bottom: 6px; line-height: 1.4; text-align: center; }
        .bt-faq-a { font-size: 15px; color: #555; line-height: 1.6; text-align: left; }

        /* Comparison table — body cells left-aligned for readability */
        .bt-compare { width: 100%; border-collapse: collapse; font-size: 14.5px; text-align: left; }
        .bt-compare th, .bt-compare td { text-align: left; }

        /* Why-grid tile hover/tap glow */
        .bt-why-tile {
            background: white;
            border-radius: 10px;
            padding: 12px 14px;
            border: 2px solid transparent;
            transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
            cursor: default;
            text-align: left;
        }
        .bt-why-tile:hover, .bt-why-tile:focus-within, .bt-why-tile.tapped {
            border-color: #0070d8;
            box-shadow: 0 4px 18px rgba(0, 112, 216, 0.28);
            transform: translateY(-2px);
        }
        /* Only the FIRST strong (heading) becomes a centered block; inline strongs inside body text stay inline */
        .bt-why-tile > strong:first-child { display: block; margin-bottom: 8px; text-align: center; }

        /* Audio Demo Button Styles from default.aspx */
        .audio-banner-cta-demo {
            display: inline-block;
            background: #16a34a;
            color: #fff !important;
            font-weight: 700;
            padding: 12px 28px;
            border-radius: 30px;
            font-size: 16px;
            text-decoration: none;
            box-shadow: 0 2px 8px rgba(0,0,0,0.25);
            transition: background 0.2s, transform 0.15s;
            animation: agDemoPulse 2.4s ease-in-out infinite;
        }
        .audio-banner-cta-demo:hover {
            background: #15803d;
            transform: translateY(-1px);
        }
        @keyframes agDemoPulse {
            0%, 100% { box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 0 0 0 rgba(34,197,94,0.55); }
            50% { box-shadow: 0 2px 8px rgba(0,0,0,0.25), 0 0 0 8px rgba(34,197,94,0); }
        }

        /* Mobile layout — stack features/screenshot, bump typography, single-column Why grid */
        @media (max-width: 600px) {
            .bt-features-row { flex-direction: column; gap: 14px; }
            .bt-screenshot-col { flex: 1 1 auto; max-width: 100%; }
            .bt-hero { padding: 26px 18px; margin: 16px 0; }
            .bt-hero h2 { font-size: 26px; }
            .bt-hero-br { display: inline; }
            .bt-hero p  { font-size: 16px; }
            .bt-feat-title { font-size: 16px; }
            .bt-feat-desc  { font-size: 14.5px; }
            .bt-why-grid { grid-template-columns: 1fr !important; font-size: 15.5px !important; }
            .bt-car-steps { grid-template-columns: 1fr !important; }
        }