/* site palette */
html:root {
    --bg: #F7F4EB;
    --surface: #FFFFFF;
    --surface-alt: #F7F0EE;
    --text: #2B2618;
    --text-muted: #726C5A;
    --border: #E4E0D8;
    --primary: #C35028;
    --primary-hover: #A54422;
    --on-primary: #FFFFFF;
    --primary-text: #B34A24;
    --accent: #35514A;
    --on-accent: #FFFFFF;
    --accent-text: #35514A;
    --dark-band: #102A23;
    --on-dark: #FFFFFF;
    --on-dark-muted: #C3C0B6;
    --brand-btn-bg: #FFFFFF;
    --brand-btn-text: #102A23;
    --section-alt-bg: #F7F0EE;
    --dark-band-bg: #102A23;
    --brand-band-bg: #C35028;
    --hero-bg: #102A23;
}

html:root {
    --bs-primary: #C35028;
    --bs-primary-rgb: 195, 80, 40;
    --bs-link-color: #B34A24;
    --bs-link-color-rgb: 179, 74, 36;
    --bs-link-hover-color: #A54422;
    --mdb-primary: #C35028;
    --mdb-primary-rgb: 195, 80, 40;
}

.btn-primary {
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-color: var(--on-primary);
    --bs-btn-hover-bg: var(--primary-hover);
    --bs-btn-hover-border-color: var(--primary-hover);
    --bs-btn-hover-color: var(--on-primary);
    --bs-btn-active-bg: var(--primary-hover);
    --bs-btn-active-border-color: var(--primary-hover);
    --bs-btn-active-color: var(--on-primary);
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--on-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--primary-text);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-hover-color: var(--on-primary);
    color: var(--primary-text);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    background-color: var(--primary);
    color: var(--on-primary);
}

.text-primary,
.link-primary {
    color: var(--primary-text) !important;
}

.bg-primary,
.text-bg-primary,
.badge.bg-primary {
    color: var(--on-primary) !important;
}

/* /site palette */

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Lexend', sans-serif;
    background-color: var(--bg);
    color: var(--text);
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.text-muted {
    color: var(--text-muted) !important;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 150ms ease-out;
}

a:hover,
a:focus {
    color: var(--primary-text);
}

.xvh-eyebrow {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--primary-text);
    margin-bottom: 8px;
    display: inline-block;
    text-transform: none;
}

.xvh-title {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text);
    margin-bottom: 16px;
    text-transform: none;
}

@media (max-width: 768px) {
    .xvh-title {
        font-size: 28px;
        line-height: 1.3;
    }
}

.xvh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--dark-band);
    color: var(--on-dark);
    border-radius: 9999px;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.0;
    border: none;
    cursor: pointer;
    transition: background-color 150ms ease-out, color 150ms ease-out, border-color 150ms ease-out;
}

.xvh-btn:hover {
    background: #2B2618;
    color: #FFFFFF;
}

.xvh-btn i {
    font-size: 18px;
    transform: rotate(45deg);
    transition: transform 150ms ease-out;
}

.xvh-btn:hover i {
    transform: rotate(45deg) translate(2px, -2px);
}

.xvh-btn-alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 9999px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.0;
    cursor: pointer;
    transition: background-color 150ms ease-out, color 150ms ease-out, border-color 150ms ease-out;
}

.xvh-btn-alt:hover {
    background: var(--surface-alt);
    color: var(--text);
}

.xvh-card {
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 24px rgba(43, 38, 24, 0.04);
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out;
}

@media (max-width: 768px) {
    .xvh-card {
        padding: 18px;
        border-radius: 16px;
    }
}

.xvh-card .xvh-btn,
.xvh-card .xvh-btn-alt {
    margin-top: auto;
}

.xvh-media {
    aspect-ratio: 16 / 10;
    border-radius: 16px;
    overflow: hidden;
    flex-shrink: 0;
    width: 100%;
    margin-bottom: 18px;
    position: relative;
}

.xvh-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.xvh-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--surface);
    color: var(--primary);
    border: 1px solid var(--border);
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: 0 4px 14px rgba(43, 38, 24, 0.08);
}

.xvh-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--surface);
    border: 1.5px solid var(--border);
    color: var(--primary);
    font-size: 20px;
    flex-shrink: 0;
}

.xvh-section {
    background: var(--bg);
    padding: 96px 0;
}

.xvh-section-alt {
    background: var(--section-alt-bg, var(--surface-alt));
    padding: 96px 0;
}

.xvh-section-dark {
    background: var(--dark-band-bg, var(--dark-band));
    color: var(--on-dark);
    padding: 96px 0;
}

.xvh-section-brand {
    background: var(--brand-band-bg, var(--primary));
    color: var(--on-primary);
    padding: 96px 0;
}

@media (max-width: 768px) {

    .xvh-section,
    .xvh-section-alt,
    .xvh-section-dark,
    .xvh-section-brand {
        padding: 56px 0;
    }
}

.xvh-section-brand .xvh-btn {
    background: var(--brand-btn-bg, #FFFFFF);
    color: var(--brand-btn-text, #102A23);
}

.xvh-section-brand .xvh-btn:hover {
    background: var(--bg);
    color: #102A23;
}

.xvh-section-brand .xvh-btn-alt {
    background: transparent;
    color: var(--on-primary);
    border-color: var(--on-primary);
}

.xvh-section-brand .xvh-btn-alt:hover {
    background: rgba(255, 255, 255, 0.1);
}

.xvh-section-dark,
.xvh-on-dark {
    color: var(--on-dark);
}

.xvh-section-dark h1,
.xvh-section-dark h2,
.xvh-section-dark h3,
.xvh-section-dark h4,
.xvh-section-dark h5,
.xvh-section-dark h6,
.xvh-on-dark h1,
.xvh-on-dark h2,
.xvh-on-dark h3,
.xvh-on-dark h4,
.xvh-on-dark h5,
.xvh-on-dark h6 {
    color: var(--on-dark);
}

.xvh-section-dark .xvh-title,
.xvh-on-dark .xvh-title {
    color: var(--on-dark);
}

.xvh-section-dark .xvh-eyebrow,
.xvh-on-dark .xvh-eyebrow {
    color: var(--on-dark-muted);
}

.xvh-section-dark .text-muted,
.xvh-on-dark .text-muted {
    color: var(--on-dark-muted) !important;
}

.xvh-section-dark a:hover,
.xvh-on-dark a:hover {
    color: #FFFFFF;
}

.xvh-section-dark .xvh-btn-alt,
.xvh-on-dark .xvh-btn-alt {
    background: transparent;
    color: var(--on-dark);
    border-color: var(--on-dark-muted);
}

.xvh-section-dark .xvh-btn-alt:hover,
.xvh-on-dark .xvh-btn-alt:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
}

.xvh-section-dark .xvh-card,
.xvh-on-dark .xvh-card {
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
}

.xvh-section-dark .xvh-card h1,
.xvh-section-dark .xvh-card h2,
.xvh-section-dark .xvh-card h3,
.xvh-section-dark .xvh-card h4,
.xvh-section-dark .xvh-card h5,
.xvh-section-dark .xvh-card h6,
.xvh-on-dark .xvh-card h1,
.xvh-on-dark .xvh-card h2,
.xvh-on-dark .xvh-card h3,
.xvh-on-dark .xvh-card h4,
.xvh-on-dark .xvh-card h5,
.xvh-on-dark .xvh-card h6,
.xvh-section-dark .xvh-card p,
.xvh-on-dark .xvh-card p,
.xvh-section-dark .xvh-card span,
.xvh-on-dark .xvh-card span {
    color: var(--text);
}

.xvh-section-dark .xvh-card .text-muted,
.xvh-on-dark .xvh-card .text-muted {
    color: var(--text-muted) !important;
}

/* ===== header ===== */
.lux-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: var(--bg);
    border-bottom: 1px solid var(--border);
    width: 100%;
    font-family: 'Lexend', sans-serif
}

.lux-header .navbar {
    padding: 14px 0
}

.lux-header .lux-brand-img {
    width: 40px;
    height: 40px;
    max-width: 40px;
    object-fit: contain;
    border-radius: 8px
}

.lux-header .lux-brand-title {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--text);
    line-height: 1
}

.lux-header .navbar-toggler.lux-toggler {
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--accent);
    color: var(--on-accent);
    border: 1px solid var(--accent);
    box-shadow: none;
    transition: background-color 150ms ease-out
}

.lux-header .navbar-toggler.lux-toggler:hover,
.lux-header .navbar-toggler.lux-toggler:focus {
    background-color: #263c37;
    color: var(--on-accent)
}

.lux-header .navbar-toggler.lux-toggler i {
    font-size: 22px;
    color: var(--on-accent)
}

.lux-header .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    padding: 8px 14px;
    border-radius: 9999px;
    transition: color 150ms ease-out, background-color 150ms ease-out
}

.lux-header .nav-link:hover,
.lux-header .nav-link:focus {
    color: var(--primary-text);
    background-color: rgba(195, 80, 40, 0.08)
}

.lux-header .lux-cta-btn {
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 9999px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    box-shadow: none;
    transition: background-color 150ms ease-out
}

.lux-header .lux-cta-btn:hover,
.lux-header .lux-cta-btn:focus {
    background-color: var(--primary-hover);
    color: var(--on-primary)
}

.lux-header .lux-cta-btn i {
    font-size: 18px;
    transform: rotate(45deg);
    transition: transform 150ms ease-out
}

.lux-header .lux-cta-btn:hover i {
    transform: rotate(45deg) translate(2px, -2px)
}

@media (min-width:992px) {
    .lux-header .navbar-brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 10
    }

    .lux-header .lux-nav-left {
        padding-right: 60px
    }

    .lux-header .lux-nav-right {
        padding-left: 60px
    }
}

@media (max-width:991.98px) {
    .lux-header .navbar-collapse {
        background-color: var(--surface);
        border-radius: 18px;
        padding: 20px;
        margin-top: 14px;
        border: 1px solid var(--border);
        box-shadow: 0 12px 32px rgba(43, 38, 24, 0.08)
    }

    .lux-header .nav-link {
        padding: 10px 14px;
        font-size: 0.8rem;
        border-radius: 8px
    }

    .lux-header .lux-cta-btn {
        width: 100%
    }
}

/* ===== hero ===== */
.lx-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--surface-alt) 0%, var(--bg) 100%);
    padding-top: 56px;
    padding-bottom: 56px;
}

@media (min-width: 992px) {
    .lx-hero {
        padding-top: 96px;
        padding-bottom: 96px;
    }
}

.lx-hero-content {
    position: relative;
    z-index: 2;
}

.lx-hero-title {
    font-family: 'Lexend', sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--text);
    overflow-wrap: anywhere;
    hyphens: auto;
}

@media (min-width: 768px) {
    .lx-hero-title {
        font-size: 38px;
        line-height: 1.15;
    }
}

@media (min-width: 1200px) {
    .lx-hero-title {
        font-size: 52px;
        line-height: 1.1;
    }
}

.lx-hero-desc {
    font-family: 'Lexend', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 580px;
}

@media (min-width: 992px) {
    .lx-hero-desc {
        font-size: 17px;
    }
}

.lx-hero-actions {
    position: relative;
    z-index: 3;
}

.lx-hero .lx-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: var(--dark-band);
    color: var(--on-dark);
    border-radius: 9999px;
    padding: 14px 28px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid var(--dark-band);
    transition: background-color 150ms ease-out, border-color 150ms ease-out;
}

.lx-hero .lx-btn-primary:hover,
.lx-hero .lx-btn-primary:focus {
    background-color: var(--text);
    border-color: var(--text);
    color: var(--on-dark);
}

.lx-hero .lx-btn-primary .lx-btn-icon {
    display: inline-flex;
    align-items: center;
    transform: rotate(45deg);
    font-size: 18px;
}

.lx-hero .lx-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--surface);
    color: var(--text);
    border-radius: 9999px;
    padding: 13px 26px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid var(--border);
    transition: background-color 150ms ease-out, border-color 150ms ease-out;
}

.lx-hero .lx-btn-secondary:hover,
.lx-hero .lx-btn-secondary:focus {
    background-color: var(--surface-alt);
    border-color: var(--text-muted);
    color: var(--text);
}

.lx-check-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 6px;
    font-size: 15px;
    flex-shrink: 0;
}

.lx-meta-text {
    font-size: 14px;
    font-weight: 500;
    color: var(--text);
}

.lx-dot-divider {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--border);
}

.lx-visual-stage {
    position: relative;
    width: 100%;
    max-width: 440px;
    height: 440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px) {
    .lx-visual-stage {
        height: 500px;
        max-width: 480px;
    }
}

.lx-primary-disc {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: var(--primary);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media (min-width: 768px) {
    .lx-primary-disc {
        width: 360px;
        height: 360px;
    }
}

.lx-accent-plate {
    position: absolute;
    width: 240px;
    height: 280px;
    border-radius: 24px;
    background-color: var(--accent);
    top: 15%;
    right: 5%;
    transform: rotate(6deg);
    z-index: 0;
}

.lx-cutout-frame {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.lx-cutout-img {
    width: auto;
    max-width: 100%;
    max-height: 94%;
    object-fit: contain;
    object-position: bottom center;
}

.lx-confetti-ring {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 26px;
    height: 26px;
    border: 2.5px solid var(--accent);
    border-radius: 50%;
    z-index: 3;
}

.lx-confetti-star {
    position: absolute;
    top: 35px;
    right: 25px;
    color: var(--primary);
    font-size: 26px;
    z-index: 3;
}

.lx-confetti-dots {
    position: absolute;
    bottom: 40px;
    left: -10px;
    display: grid;
    grid-template-columns: repeat(4, 5px);
    gap: 6px;
    z-index: 3;
    opacity: 0.35;
}

.lx-confetti-dots span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--primary);
}

.lx-floating-card {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    max-width: 320px;
    z-index: 4;
    border-radius: 20px;
    background-color: var(--surface);
    border: 1px solid var(--border);
    box-shadow: 0 10px 30px rgba(43, 38, 24, 0.08);
    padding: 14px 18px;
}

@media (min-width: 768px) {
    .lx-floating-card {
        left: 0;
        transform: none;
        bottom: 20px;
    }
}

.lx-score-circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--dark-band);
    color: var(--on-dark);
    flex-shrink: 0;
}

.lx-score-val {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.lx-score-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    line-height: 1.2;
    margin-bottom: 2px;
}

.lx-stars-row {
    font-size: 12px;
    color: var(--primary);
}

.lx-review-count {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 500;
    margin-left: 2px;
}

/* ===== statistics ===== */
.lux-stats-section {
    position: relative;
    overflow: hidden;
}

.lux-stats-section .lux-stats-section__star {
    color: #FFFFFF;
    font-size: 16px;
}

.lux-stats-section .lux-stats-section__eyebrow {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.lux-stats-section .lux-stats-section__title {
    color: #FFFFFF;
    font-weight: 700;
    line-height: 1.25;
}

.lux-stats-section .lux-stats-section__cta {
    background-color: #FFFFFF;
    color: #102A23;
    border: 1px solid #FFFFFF;
    border-radius: 9999px;
    padding: 12px 26px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: background-color 150ms ease-out, color 150ms ease-out, border-color 150ms ease-out;
}

.lux-stats-section .lux-stats-section__cta:hover,
.lux-stats-section .lux-stats-section__cta:focus {
    background-color: #F7F4EB;
    color: #102A23;
    border-color: #F7F4EB;
}

.lux-stats-section .lux-stats-section__cta-icon {
    font-size: 20px;
    transform: rotate(45deg);
    transition: transform 150ms ease-out;
}

.lux-stats-section .lux-stats-section__card {
    background-color: #FFFFFF;
    border: 1px solid #E4E0D8;
    border-radius: 20px;
    padding: 28px 24px;
    box-shadow: 0 8px 24px rgba(43, 38, 24, 0.04);
    transition: transform 150ms ease-out, border-color 150ms ease-out;
}

.lux-stats-section .lux-stats-section__card:hover {
    transform: translateY(-4px);
    border-color: #C35028;
}

.lux-stats-section .lux-stats-section__icon-box {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-color: #F7F0EE;
    color: #C35028;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.lux-stats-section .lux-stats-section__value-wrap {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.lux-stats-section .lux-stats-section__num {
    font-size: 38px;
    font-weight: 800;
    line-height: 1.1;
    color: #C35028;
    letter-spacing: -0.02em;
}

.lux-stats-section .lux-stats-section__unit {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
    color: #C35028;
}

.lux-stats-section .lux-stats-section__label {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #2B2618;
}

.lux-stats-section .lux-stats-section__desc {
    font-size: 14px;
    line-height: 1.5;
    color: #726C5A;
    margin-top: auto;
}

@media (max-width: 767px) {
    .lux-stats-section .lux-stats-section__title {
        font-size: 16px;
        hyphens: auto;
    }

    .lux-stats-section .lux-stats-section__label {
        font-size: 14px;
        hyphens: auto;
    }

    .lux-stats-section .lux-stats-section__num {
        font-size: 30px;
    }

    .lux-stats-section .lux-stats-section__unit {
        font-size: 22px;
    }

    .lux-stats-section .lux-stats-section__card {
        padding: 20px 18px;
    }
}

/* ===== comparison-table ===== */
.comparison-block {
    padding: 80px 0;
    background-color: var(--bg);
    color: var(--text);
    font-family: var(--typography-font-family, 'Lexend', sans-serif);
    position: relative;
}

.comparison-block__header {
    max-width: 760px;
}

.comparison-block__header .xvh-title {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--text);
    letter-spacing: -0.01em;
    margin-bottom: 16px;
}

.comparison-block__lead {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 620px;
}

.comparison-block__table-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(43, 38, 24, 0.04);
}

.comparison-block .table-responsive-wrapper {
    width: 100%;
    overflow-x: auto;
}

.comparison-block__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
}

.comparison-block__table thead th {
    background: var(--surface-alt);
    padding: 22px 20px;
    border-bottom: 1px solid var(--border);
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    vertical-align: middle;
}

.comparison-block__th-feature {
    width: 34%;
    text-align: left;
}

.comparison-block__th-brand {
    width: 26%;
    text-align: left;
    background-color: #fbeee8 !important;
    border-left: 2px solid var(--primary);
    border-right: 2px solid var(--primary);
    border-top: 3px solid var(--primary);
}

.comparison-block__th-competitor {
    width: 20%;
    text-align: left;
    color: var(--text-muted);
}

.comparison-block__brand-badge {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.comparison-block__brand-badge .xvh-badge {
    width: fit-content;
    font-size: 11px;
    padding: 3px 8px;
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 9999px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.comparison-block__brand-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary);
}

.comparison-block__competitor-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
}

.comparison-block__table tbody td {
    padding: 20px;
    border-bottom: 1px solid var(--border);
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.5;
}

.comparison-block__table tbody tr:last-child td {
    border-bottom: none;
}

.comparison-block__feature-cell {
    background: var(--surface);
}

.comparison-block__feature-name {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 4px;
}

.comparison-block__feature-desc {
    display: block;
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.45;
}

.comparison-block__cell.is-featured {
    background-color: #fdfaf8;
    border-left: 2px solid var(--primary);
    border-right: 2px solid var(--primary);
}

.comparison-block__cell-value {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.comparison-block__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 16px;
    flex-shrink: 0;
}

.comparison-block__icon-wrap.is-positive {
    background: #fae7de;
    color: var(--primary);
}

.comparison-block__icon-wrap.is-negative {
    background: #edeae3;
    color: var(--text-muted);
}

.comparison-block__icon-wrap.is-warning {
    background: #edeae3;
    color: var(--text-muted);
}

.comparison-block__cell-text {
    color: var(--text);
    font-size: 14px;
}

.comparison-block__cell-text.font-bold {
    font-weight: 600;
    color: var(--text);
}

.comparison-block__cta .xvh-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--dark-band, #102A23);
    color: #ffffff;
    border-radius: 9999px;
    padding: 14px 28px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: background-color 150ms ease-out;
}

.comparison-block__cta .xvh-btn:hover {
    background: #2B2618;
    color: #ffffff;
}

.comparison-block__cta .xvh-btn i {
    font-size: 18px;
    transform: rotate(45deg);
}

.comparison-block__cta .xvh-btn-alt {
    display: inline-flex;
    align-items: center;
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 9999px;
    padding: 13px 26px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: background-color 150ms ease-out;
}

.comparison-block__cta .xvh-btn-alt:hover {
    background: var(--surface-alt);
    color: var(--text);
}

@media (max-width: 767px) {
    .comparison-block {
        padding: 56px 0;
    }

    .comparison-block__header .xvh-title {
        font-size: 16px;
        hyphens: auto;
    }

    .comparison-block__table thead {
        display: none;
    }

    .comparison-block__table,
    .comparison-block__table tbody,
    .comparison-block__table tr,
    .comparison-block__table td {
        display: block;
        width: 100%;
    }

    .comparison-block__table tr {
        margin-bottom: 20px;
        border: 1px solid var(--border);
        border-radius: 16px;
        overflow: hidden;
        background: var(--surface);
    }

    .comparison-block__table tr:last-child {
        margin-bottom: 0;
    }

    .comparison-block__feature-cell {
        background: var(--surface-alt);
        border-bottom: 1px solid var(--border);
        padding: 16px;
    }

    .comparison-block__table tbody td {
        padding: 14px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--border);
        text-align: right;
    }

    .comparison-block__table tbody td:last-child {
        border-bottom: none;
    }

    .comparison-block__table tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        font-size: 13px;
        color: var(--text-muted);
        text-align: left;
        padding-right: 12px;
    }

    .comparison-block__feature-cell::before {
        display: none;
    }

    .comparison-block__cell.is-featured {
        border-left: none;
        border-right: none;
        background-color: #fdfaf8;
    }

    .comparison-block__cell.is-featured::before {
        color: var(--primary);
        font-weight: 700;
    }
}

/* ===== category-grid ===== */
.category-grid-block {
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

.category-grid-block__header {
    max-width: 760px;
    margin: 0 auto 40px auto
}

.category-grid-block .xvh-title {
    color: var(--text);
    margin-top: 8px;
    margin-bottom: 12px
}

.category-grid-block__subtitle {
    color: var(--text-muted);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px
}

.category-grid-block__chip {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color .15s ease-out, color .15s ease-out
}

.category-grid-block__chip:hover {
    background: var(--primary);
    color: var(--on-primary)
}

.category-grid-block__item {
    background: var(--surface);
    border-radius: 20px;
    border: 1px solid var(--border);
    padding: 20px;
    box-shadow: 0 8px 24px rgba(43, 38, 24, 0.04);
    transition: border-color .15s ease-out, transform .15s ease-out
}

.category-grid-block__item:hover {
    border-color: var(--primary)
}

.category-grid-block__media-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 14px;
    overflow: hidden;
    background: var(--surface-alt)
}

.category-grid-block__img-link {
    width: 100%;
    height: 100%
}

.category-grid-block__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.category-grid-block__tag-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--surface);
    color: var(--primary-text);
    font-size: 13px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 9999px;
    box-shadow: 0 4px 12px rgba(43, 38, 24, 0.08);
    pointer-events: none
}

.category-grid-block__content {
    padding-top: 18px
}

.category-grid-block__meta-rating {
    color: var(--primary);
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 3px
}

.category-grid-block__meta-category {
    color: var(--accent-text);
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.category-grid-block__meta-label {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 500
}

.category-grid-block__item-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    overflow-wrap: anywhere
}

.category-grid-block__title-link {
    color: var(--text);
    text-decoration: none;
    transition: color .15s ease-out
}

.category-grid-block__title-link:hover {
    color: var(--primary-text)
}

.category-grid-block__excerpt {
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
    overflow-wrap: anywhere
}

.category-grid-block__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    background: var(--dark-band);
    color: var(--on-dark);
    text-decoration: none;
    border-radius: 9999px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;
    transition: background-color .15s ease-out, color .15s ease-out
}

.category-grid-block__btn:hover {
    background: var(--primary);
    color: var(--on-primary)
}

.category-grid-block__btn i {
    font-size: 18px
}

.category-grid-block__directory-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 9999px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out
}

.category-grid-block__directory-link:hover {
    background: var(--surface-alt);
    color: var(--primary-text);
    border-color: var(--primary)
}

@media (max-width:767px) {
    .category-grid-block {
        padding: 48px 0
    }

    .category-grid-block .xvh-title {
        font-size: 16px;
        hyphens: auto;
        overflow-wrap: anywhere
    }

    .category-grid-block__item-title {
        font-size: 14px;
        hyphens: auto
    }

    .category-grid-block__item {
        padding: 14px
    }

    .category-grid-block__header {
        margin-bottom: 28px
    }

    .category-grid-block__directory-link {
        width: 100%
    }
}

/* ===== interactive-tour ===== */
.interactive-tour-block .interactive-tour-panel {
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
}

.interactive-tour-block .tour-tab-btn {
    border: 1px solid var(--border);
    background-color: var(--surface);
    color: var(--text);
    border-radius: 9999px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.interactive-tour-block .tour-tab-btn:hover {
    background-color: #ede7e3;
    color: var(--text);
}

.interactive-tour-block .tour-tab-btn.active {
    background-color: var(--dark-band);
    border-color: var(--dark-band);
    color: #ffffff;
}

.interactive-tour-block .tour-counter-chip {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    color: var(--text);
}

.interactive-tour-block .tour-select {
    border: 1px solid var(--border);
    background-color: var(--surface);
    color: var(--text);
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    outline: none;
}

.interactive-tour-block .tour-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 20px;
    transition: transform 150ms ease-out, border-color 150ms ease-out;
}

.interactive-tour-block .tour-card:hover {
    border-color: var(--primary);
}

.interactive-tour-block .tour-media-wrap {
    height: 240px;
    width: 100%;
}

.interactive-tour-block .tour-img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
}

.interactive-tour-block .tour-score-badge {
    background-color: var(--surface);
    color: var(--primary);
    border-radius: 9999px;
    padding: 6px 12px;
    font-size: 14px;
}

.interactive-tour-block .tour-type-chip {
    background-color: rgba(16, 42, 35, 0.85);
    color: #ffffff;
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 500;
}

.interactive-tour-block .tour-card-title {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--text);
}

.interactive-tour-block .tour-card-title a:hover {
    color: var(--primary-text);
}

.interactive-tour-block .tour-desc {
    font-size: 14px;
    line-height: 1.5;
}

.interactive-tour-block .tour-metric-box {
    background-color: var(--surface-alt);
    border: 1px solid var(--border);
}

.interactive-tour-block .tour-progress-bar {
    width: 100%;
    height: 6px;
    border-radius: 9999px;
    background-color: var(--border);
    overflow: hidden;
}

.interactive-tour-block .tour-progress-fill {
    height: 100%;
    background-color: var(--primary);
    border-radius: 9999px;
}

.interactive-tour-block .interactive-empty-state {
    background-color: var(--surface-alt);
    border: 1px dashed var(--border);
}

@media (max-width: 767px) {
    .interactive-tour-block .xvh-title {
        font-size: 16px;
        hyphens: auto;
    }

    .interactive-tour-block .tour-card-title {
        font-size: 14px;
        hyphens: auto;
    }

    .interactive-tour-block .tour-media-wrap,
    .interactive-tour-block .tour-img {
        height: 190px;
    }

    .interactive-tour-block .tour-card {
        padding: 14px;
    }
}

/* ===== press-mentions ===== */
.press-mentions-section {
    padding: 96px 0;
    position: relative;
    overflow: hidden;
}

.press-mentions-section__eyebrow {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--primary-text);
    margin-bottom: 8px;
}

.press-mentions-section__title {
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--text);
    letter-spacing: -0.01em;
    margin-bottom: 16px;
    overflow-wrap: anywhere;
}

.press-mentions-section__subtitle {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 680px;
    margin: 0 auto;
}

.press-mentions-section__filter-bar {
    padding: 6px;
    background: rgba(228, 224, 216, 0.45);
    border: 1px solid var(--border);
    border-radius: 9999px;
    display: inline-flex;
}

.press-mentions-section__tab {
    border: none;
    background: transparent;
    color: var(--text);
    font-family: var(--font-family, inherit);
    font-size: 14px;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: 9999px;
    transition: background-color 150ms ease-out, color 150ms ease-out;
    cursor: pointer;
}

.press-mentions-section__tab:hover {
    background: rgba(255, 255, 255, 0.7);
    color: var(--text);
}

.press-mentions-section__tab.is-active {
    background: var(--dark-band);
    color: var(--on-dark);
    box-shadow: 0 4px 14px rgba(16, 42, 35, 0.15);
}

.press-mentions-section__card {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.press-mentions-section__bubble {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 28px;
    position: relative;
    flex: 1 0 auto;
    box-shadow: 0 8px 24px rgba(43, 38, 24, 0.04);
    display: flex;
    flex-direction: column;
}

.press-mentions-section__bubble-tail {
    position: absolute;
    bottom: -10px;
    left: 36px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--surface);
    filter: drop-shadow(0 2px 1px rgba(228, 220, 216, 0.7));
}

.press-mentions-section__stars i {
    color: var(--primary);
    font-size: 18px;
}

.press-mentions-section__quote-icon i {
    color: var(--primary-text);
    font-size: 28px;
    opacity: 0.85;
}

.press-mentions-section__quote-text {
    font-size: 15px;
    line-height: 1.6;
    color: var(--text);
    font-style: normal;
    margin: 0;
    flex-grow: 1;
}

.press-mentions-section__outlet-meta {
    padding-left: 12px;
    margin-top: 16px;
}

.press-mentions-section__outlet-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--surface);
    border: 1.5px solid var(--border);
    color: var(--accent);
    font-size: 22px;
    flex-shrink: 0;
}

.press-mentions-section__outlet-name {
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 2px 0;
    overflow-wrap: anywhere;
}

.press-mentions-section__outlet-sub {
    font-size: 13px;
    line-height: 1.4;
    color: var(--text-muted);
    display: block;
}

.press-mentions-section__badge-holder {
    padding-left: 12px;
}

.press-mentions-section__badge {
    background: rgba(195, 80, 40, 0.12);
    color: var(--primary-text);
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 9999px;
    display: inline-block;
}

.press-mentions-section__footer-banner {
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: 0 8px 24px rgba(43, 38, 24, 0.04);
}

.press-mentions-section__dot-glyph i {
    color: var(--primary);
    font-size: 15px;
}

.press-mentions-section__banner-eyebrow {
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-text);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.press-mentions-section__banner-title {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--text);
    overflow-wrap: anywhere;
}

.press-mentions-section__banner-desc {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-muted);
}

.press-mentions-section__action-btn {
    background: var(--dark-band);
    color: var(--on-dark);
    border-radius: 9999px;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

.press-mentions-section__action-btn:hover {
    background: #2B2618;
    color: var(--on-dark);
}

.press-mentions-section__btn-icon {
    font-size: 18px;
    transform: rotate(45deg);
    display: inline-block;
}

.press-mentions-section__secondary-btn {
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 9999px;
    padding: 13px 26px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

.press-mentions-section__secondary-btn:hover {
    background: var(--surface-alt);
    color: var(--text);
}

@media (max-width: 767px) {
    .press-mentions-section {
        padding: 56px 0;
    }

    .press-mentions-section__title {
        font-size: 16px;
        line-height: 1.3;
        hyphens: auto;
    }

    .press-mentions-section__outlet-name {
        font-size: 14px;
    }

    .press-mentions-section__banner-title {
        font-size: 14px;
        line-height: 1.3;
        hyphens: auto;
    }

    .press-mentions-section__filter-bar {
        width: 100%;
        border-radius: 20px;
        justify-content: stretch;
    }

    .press-mentions-section__tab {
        flex: 1 1 100%;
        text-align: center;
        font-size: 13px;
        padding: 8px 12px;
    }

    .press-mentions-section__bubble {
        padding: 20px;
    }

    .press-mentions-section__footer-banner {
        padding: 24px !important;
    }

    .press-mentions-section__action-btn,
    .press-mentions-section__secondary-btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* ===== terms-summary ===== */
.terms-summary-block {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.terms-summary-lead {
    font-size: 17px;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0 auto;
    max-width: 680px;
}

.terms-summary-pill-nav {
    background: var(--surface-alt);
    padding: 8px;
    border-radius: 9999px;
    display: inline-flex;
    max-width: 100%;
}

.terms-nav-btn {
    border: none;
    outline: none;
    background: transparent;
    color: var(--text);
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

.terms-nav-btn i {
    font-size: 18px;
}

.terms-nav-btn:hover {
    background: rgba(195, 80, 40, 0.1);
    color: var(--primary-text);
}

.terms-nav-btn.active {
    background: var(--dark-band);
    color: var(--on-dark);
    box-shadow: 0 4px 14px rgba(16, 42, 35, 0.15);
}

.terms-nav-btn.active:hover {
    background: var(--text);
    color: var(--on-dark);
}

.terms-main-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 32px;
}

.terms-tag-badge {
    background: var(--surface-alt);
    color: var(--primary);
    font-size: 13px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.terms-meta-sub {
    font-size: 13px;
    color: var(--text-muted);
}

.terms-card-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
}

.terms-card-text {
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
}

.terms-checklist span {
    font-size: 14.5px;
    color: var(--text);
    line-height: 1.5;
}

.terms-check-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: var(--primary);
    color: var(--on-primary);
    border-radius: 6px;
    font-size: 15px;
    flex-shrink: 0;
    margin-top: 2px;
}

.terms-card-footer {
    border-color: var(--border) !important;
}

.terms-note {
    font-size: 13.5px;
    color: var(--text-muted);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.terms-side-card {
    background: var(--surface-alt);
    border-radius: 20px;
    padding: 32px;
    border: 1px solid var(--border);
}

.terms-accent-circle {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--surface);
    border: 1.5px solid var(--border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 26px;
}

.terms-mini-title {
    font-size: 19px;
    font-weight: 700;
    color: var(--text);
}

.terms-mini-desc {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.5;
}

.terms-stat-label {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text);
}

.terms-stat-value {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--primary);
}

.terms-stat-bar {
    width: 100%;
    height: 7px;
    background: var(--surface);
    border-radius: 9999px;
    overflow: hidden;
}

.terms-stat-fill {
    height: 100%;
    background: var(--primary);
    border-radius: 9999px;
}

.terms-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--dark-band);
    color: var(--on-dark);
    padding: 13px 26px;
    border-radius: 9999px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: background-color 150ms ease-out;
}

.terms-action-btn:hover {
    background: var(--text);
    color: var(--on-dark);
}

.terms-arrow-icon {
    font-size: 18px;
    transform: rotate(45deg);
}

.terms-split-tile {
    background: var(--surface-alt);
    border-radius: 14px;
    padding: 16px;
    height: 100%;
}

.terms-split-number {
    font-size: 12px;
    font-weight: 800;
    color: var(--primary);
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.terms-split-heading {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 4px;
}

.terms-split-copy {
    font-size: 13px;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.45;
}

.terms-step-badge {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--accent);
    color: var(--on-accent);
    font-weight: 700;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.terms-step-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
}

.terms-step-desc {
    font-size: 13px;
    color: var(--text-muted);
}

.terms-clause-plate {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 10px 14px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 8px;
}

.terms-process-box {
    background: var(--surface-alt);
    border-radius: 14px;
    padding: 14px 16px;
}

.terms-process-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
}

.terms-process-text {
    font-size: 13.5px;
    color: var(--text-muted);
    line-height: 1.45;
}

.terms-highlight-plate {
    background: var(--surface);
    border-radius: 14px;
    padding: 16px;
    border: 1px solid var(--border);
}

.text-muted-custom {
    color: var(--text-muted);
    line-height: 1.45;
}

@media (max-width: 767px) {
    .terms-summary-block {
        padding: 56px 0;
    }

    .terms-summary-pill-nav {
        flex-direction: column;
        width: 100%;
        border-radius: 16px;
    }

    .terms-nav-btn {
        width: 100%;
        justify-content: center;
    }

    .terms-main-card,
    .terms-side-card {
        padding: 22px 18px;
    }

    .terms-card-title {
        font-size: 19px;
    }
}

/* ===== footer ===== */
.lxr-footer {
    background-color: var(--dark-band, #102A23);
    color: var(--on-dark, #FFFFFF);
    padding: 72px 0 32px;
    border-top: 1px solid rgba(228, 224, 216, 0.15);
    overflow-wrap: anywhere;
}

.lxr-footer-brand {
    margin-bottom: 16px;
}

.lxr-footer .lxr-brand-link {
    font-family: 'Lexend', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: var(--on-dark, #FFFFFF);
    text-decoration: none;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    transition: color 150ms ease-out;
}

.lxr-footer .lxr-brand-link:hover,
.lxr-footer .lxr-brand-link:focus {
    color: var(--primary, #C35028);
    outline: none;
}

.lxr-footer-desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--on-dark-muted, #C3C0B6);
    max-width: 440px;
    margin-bottom: 20px;
}

.lxr-footer-tag {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--on-dark, #FFFFFF);
}

.lxr-footer-tag i {
    color: var(--primary, #C35028);
    font-size: 16px;
}

.lxr-footer-heading {
    font-family: 'Lexend', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--on-dark, #FFFFFF);
    margin-bottom: 20px;
    letter-spacing: -0.01em;
}

.lxr-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lxr-footer .lxr-footer-link {
    font-size: 15px;
    color: var(--on-dark-muted, #C3C0B6);
    text-decoration: none;
    transition: color 150ms ease-out, transform 150ms ease-out;
    display: inline-block;
}

.lxr-footer .lxr-footer-link:hover,
.lxr-footer .lxr-footer-link:focus {
    color: var(--on-dark, #FFFFFF);
    text-decoration: underline;
    transform: translateX(3px);
    outline: none;
}

.lxr-footer-bottom {
    margin-top: 56px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.lxr-footer-copy {
    font-size: 14px;
    color: var(--on-dark-muted, #C3C0B6);
    font-weight: 400;
}

.lxr-footer-note {
    font-size: 13px;
    color: rgba(195, 192, 182, 0.7);
    max-width: 500px;
}

@media (max-width: 767px) {
    .lxr-footer {
        padding: 48px 0 28px;
    }

    .lxr-footer-bottom {
        margin-top: 40px;
        padding-top: 20px;
    }

    .lxr-footer-main {
        row-gap: 32px;
    }
}

.lux-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: var(--bg);
    border-bottom: 1px solid var(--border);
    width: 100%;
    font-family: 'Lexend', sans-serif
}

.lux-header .navbar {
    padding: 14px 0
}

.lux-header .lux-brand-img {
    width: 40px;
    height: 40px;
    max-width: 40px;
    object-fit: contain;
    border-radius: 8px
}

.lux-header .lux-brand-title {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--text);
    line-height: 1
}

.lux-header .navbar-toggler.lux-toggler {
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--accent);
    color: var(--on-accent);
    border: 1px solid var(--accent);
    box-shadow: none;
    transition: background-color 150ms ease-out
}

.lux-header .navbar-toggler.lux-toggler:hover,
.lux-header .navbar-toggler.lux-toggler:focus {
    background-color: #263c37;
    color: var(--on-accent)
}

.lux-header .navbar-toggler.lux-toggler i {
    font-size: 22px;
    color: var(--on-accent)
}

.lux-header .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    padding: 8px 14px;
    border-radius: 9999px;
    transition: color 150ms ease-out, background-color 150ms ease-out
}

.lux-header .nav-link:hover,
.lux-header .nav-link:focus {
    color: var(--primary-text);
    background-color: rgba(195, 80, 40, 0.08)
}

.lux-header .lux-cta-btn {
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 9999px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    box-shadow: none;
    transition: background-color 150ms ease-out
}

.lux-header .lux-cta-btn:hover,
.lux-header .lux-cta-btn:focus {
    background-color: var(--primary-hover);
    color: var(--on-primary)
}

.lux-header .lux-cta-btn i {
    font-size: 18px;
    transform: rotate(45deg);
    transition: transform 150ms ease-out
}

.lux-header .lux-cta-btn:hover i {
    transform: rotate(45deg) translate(2px, -2px)
}

@media (min-width:992px) {
    .lux-header .navbar-brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 10
    }

    .lux-header .lux-nav-left {
        padding-right: 60px
    }

    .lux-header .lux-nav-right {
        padding-left: 60px
    }
}

@media (max-width:991.98px) {
    .lux-header .navbar-collapse {
        background-color: var(--surface);
        border-radius: 18px;
        padding: 20px;
        margin-top: 14px;
        border: 1px solid var(--border);
        box-shadow: 0 12px 32px rgba(43, 38, 24, 0.08)
    }

    .lux-header .nav-link {
        padding: 10px 14px;
        font-size: 0.8rem;
        border-radius: 8px
    }

    .lux-header .lux-cta-btn {
        width: 100%
    }
}

.lx-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--surface-alt) 0%, var(--bg) 100%);
    padding-top: 56px;
    padding-bottom: 56px;
}

@media (min-width: 992px) {
    .lx-hero {
        padding-top: 96px;
        padding-bottom: 96px;
    }
}

.lx-hero-content {
    position: relative;
    z-index: 2;
}

.lx-hero-title {
    font-family: 'Lexend', sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--text);
    overflow-wrap: anywhere;
    hyphens: auto;
}

@media (min-width: 768px) {
    .lx-hero-title {
        font-size: 38px;
        line-height: 1.15;
    }
}

@media (min-width: 1200px) {
    .lx-hero-title {
        font-size: 52px;
        line-height: 1.1;
    }
}

.lx-hero-desc {
    font-family: 'Lexend', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 580px;
}

@media (min-width: 992px) {
    .lx-hero-desc {
        font-size: 17px;
    }
}

.lx-check-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 6px;
    font-size: 15px;
    flex-shrink: 0;
}

.lx-meta-text {
    font-size: 14px;
    font-weight: 500;
    color: var(--text);
}

.lx-dot-divider {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--border);
}

.lx-visual-stage {
    position: relative;
    width: 100%;
    max-width: 440px;
    height: 440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px) {
    .lx-visual-stage {
        height: 500px;
        max-width: 480px;
    }
}

.lx-primary-disc {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: var(--primary);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media (min-width: 768px) {
    .lx-primary-disc {
        width: 360px;
        height: 360px;
    }
}

.lx-accent-plate {
    position: absolute;
    width: 240px;
    height: 280px;
    border-radius: 24px;
    background-color: var(--accent);
    top: 15%;
    right: 5%;
    transform: rotate(6deg);
    z-index: 0;
}

.lx-cutout-frame {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.lx-cutout-img {
    width: auto;
    max-width: 100%;
    max-height: 94%;
    object-fit: contain;
    object-position: bottom center;
}

.lx-confetti-ring {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 26px;
    height: 26px;
    border: 2.5px solid var(--accent);
    border-radius: 50%;
    z-index: 3;
}

.lx-confetti-star {
    position: absolute;
    top: 35px;
    right: 25px;
    color: var(--primary);
    font-size: 26px;
    z-index: 3;
}

.lx-confetti-dots {
    position: absolute;
    bottom: 40px;
    left: -10px;
    display: grid;
    grid-template-columns: repeat(4, 5px);
    gap: 6px;
    z-index: 3;
    opacity: 0.35;
}

.lx-confetti-dots span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--primary);
}

.lx-floating-card {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    max-width: 320px;
    z-index: 4;
    border-radius: 20px;
    background-color: var(--surface);
    border: 1px solid var(--border);
    box-shadow: 0 10px 30px rgba(43, 38, 24, 0.08);
    padding: 14px 18px;
}

@media (min-width: 768px) {
    .lx-floating-card {
        left: 0;
        transform: none;
        bottom: 20px;
    }
}

.lx-score-circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--dark-band);
    color: var(--on-dark);
    flex-shrink: 0;
}

.lx-score-val {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.lx-score-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    line-height: 1.2;
    margin-bottom: 2px;
}

.lx-stars-row {
    font-size: 12px;
    color: var(--primary);
}

.lx-review-count {
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 500;
    margin-left: 2px;
}

.tb-listing-section {
    padding: 72px 0;
}

@media (min-width: 992px) {
    .tb-listing-section {
        padding: 96px 0;
    }
}

.tb-heading-line-wrap {
    position: relative;
    overflow: hidden;
}

.tb-decorative-line {
    height: 1.5px;
    background: linear-gradient(90deg, var(--border) 0%, rgba(228, 224, 216, 0.1) 100%);
    border-radius: 9999px;
}

.tb-filter-bar {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
}

.tb-filter-pill {
    background-color: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 9999px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 150ms ease-out, color 150ms ease-out, border-color 150ms ease-out;
}

.tb-filter-pill:hover,
.tb-filter-pill:focus {
    background-color: var(--surface-alt);
    color: var(--primary-text);
    border-color: var(--primary);
}

.tb-filter-pill.active {
    background-color: var(--dark-band);
    color: var(--on-dark);
    border-color: var(--dark-band);
}

.tb-masonry {
    column-count: 3;
    column-gap: 24px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .tb-masonry {
        column-count: 2;
    }
}

@media (max-width: 767.98px) {
    .tb-masonry {
        column-count: 1;
    }
}

.tb-masonry-item {
    break-inside: avoid;
    margin-bottom: 24px;
    display: block;
    width: 100%;
}

.tb-card {
    background-color: var(--surface);
    border-radius: 20px;
    border: 1px solid var(--border);
    padding: 20px;
    box-shadow: 0 8px 24px rgba(43, 38, 24, 0.04);
    transition: transform 150ms ease-out, box-shadow 150ms ease-out;
}

.tb-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(43, 38, 24, 0.08);
}

.tb-img-link {
    display: block;
    border-radius: 16px;
    overflow: hidden;
}

.tb-media-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--surface-alt);
}

.tb-article-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
    transition: transform 250ms ease-out;
}

.tb-card:hover .tb-article-img {
    transform: scale(1.03);
}

.tb-dot-separator {
    color: var(--border);
    font-size: 13px;
}

.tb-meta-date {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-muted);
}

.tb-card-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--text);
}

.tb-title-link {
    color: var(--text);
    text-decoration: none;
    transition: color 150ms ease-out;
}

.tb-title-link:hover,
.tb-title-link:focus {
    color: var(--primary-text);
}

.tb-card-desc {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-muted);
}

.tb-author-row {
    font-size: 13px;
    color: var(--accent-text);
    font-weight: 500;
}

.tb-author-row i {
    font-size: 15px;
    color: var(--primary);
}

.tb-card-btn {
    background-color: var(--dark-band);
    color: var(--on-dark);
    border-radius: 9999px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid var(--dark-band);
    transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.tb-card-btn:hover,
.tb-card-btn:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

.tb-card-btn i {
    font-size: 17px;
    transform: rotate(45deg);
    transition: transform 150ms ease-out;
}

.tb-card-btn:hover i {
    transform: rotate(45deg) translate(2px, -2px);
}

.tb-newsletter-section {
    padding: 72px 0;
    background-color: var(--surface-alt);
}

.tb-newsletter-card {
    background-color: var(--surface);
    border-radius: 24px;
    border: 1px solid var(--border);
    padding: 36px 24px;
    box-shadow: 0 10px 30px rgba(43, 38, 24, 0.05);
}

@media (min-width: 768px) {
    .tb-newsletter-card {
        padding: 48px 44px;
    }
}

.tb-newsletter-desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
}

.tb-input {
    background-color: var(--bg);
    border: 1px solid var(--border);
    border-radius: 9999px;
    padding: 12px 20px;
    font-size: 14px;
    color: var(--text);
    width: 100%;
    outline: none;
    transition: border-color 150ms ease-out;
}

.tb-input::placeholder {
    color: var(--text-muted);
    opacity: 0.85;
}

.tb-input:focus {
    border-color: var(--primary);
    background-color: var(--surface);
}

.tb-submit-btn {
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 9999px;
    padding: 12px 26px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    white-space: nowrap;
    transition: background-color 150ms ease-out;
}

.tb-submit-btn:hover,
.tb-submit-btn:focus {
    background-color: var(--primary-hover);
    color: var(--on-primary);
}

.tb-consent-wrapper {
    font-size: 13px;
    color: var(--text-muted);
}

.tb-checkbox-label {
    cursor: pointer;
}

.tb-consent-checkbox {
    margin-top: 3px;
    accent-color: var(--primary);
    cursor: pointer;
    flex-shrink: 0;
}

.tb-privacy-link {
    color: var(--primary-text);
    text-decoration: underline;
}

.tb-privacy-link:hover {
    color: var(--primary-hover);
}

.tb-form-feedback {
    font-size: 13px;
    margin-top: 8px;
    display: none;
}

.tb-form-feedback.is-error {
    display: block;
    color: var(--primary);
}

.tb-form-feedback.is-success {
    display: block;
    color: var(--accent);
}

.lxr-footer {
    background-color: var(--dark-band, #102A23);
    color: var(--on-dark, #FFFFFF);
    padding: 72px 0 32px;
    border-top: 1px solid rgba(228, 224, 216, 0.15);
    overflow-wrap: anywhere;
}

.lxr-footer-brand {
    margin-bottom: 16px;
}

.lxr-footer .lxr-brand-link {
    font-family: 'Lexend', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: var(--on-dark, #FFFFFF);
    text-decoration: none;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    transition: color 150ms ease-out;
}

.lxr-footer .lxr-brand-link:hover,
.lxr-footer .lxr-brand-link:focus {
    color: var(--primary, #C35028);
    outline: none;
}

.lxr-footer-desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--on-dark-muted, #C3C0B6);
    max-width: 440px;
    margin-bottom: 20px;
}

.lxr-footer-tag {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--on-dark, #FFFFFF);
}

.lxr-footer-tag i {
    color: var(--primary, #C35028);
    font-size: 16px;
}

.lxr-footer-heading {
    font-family: 'Lexend', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--on-dark, #FFFFFF);
    margin-bottom: 20px;
    letter-spacing: -0.01em;
}

.lxr-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lxr-footer .lxr-footer-link {
    font-size: 15px;
    color: var(--on-dark-muted, #C3C0B6);
    text-decoration: none;
    transition: color 150ms ease-out, transform 150ms ease-out;
    display: inline-block;
}

.lxr-footer .lxr-footer-link:hover,
.lxr-footer .lxr-footer-link:focus {
    color: var(--on-dark, #FFFFFF);
    text-decoration: underline;
    transform: translateX(3px);
    outline: none;
}

.lxr-footer-bottom {
    margin-top: 56px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.lxr-footer-copy {
    font-size: 14px;
    color: var(--on-dark-muted, #C3C0B6);
    font-weight: 400;
}

.lxr-footer-note {
    font-size: 13px;
    color: rgba(195, 192, 182, 0.7);
    max-width: 500px;
}

@media (max-width: 767px) {
    .lxr-footer {
        padding: 48px 0 28px;
    }

    .lxr-footer-bottom {
        margin-top: 40px;
        padding-top: 20px;
    }

    .lxr-footer-main {
        row-gap: 32px;
    }
}


/* ===== PAGE: about-us ===== */
.about-block{padding:72px 0;background-color:var(--bg);color:var(--text);overflow:hidden}.about-intro-content{position:relative;z-index:2}.about-text-lead{font-size:18px;line-height:1.6;font-weight:500;color:var(--text);margin-top:16px;margin-bottom:12px;overflow-wrap:anywhere}.about-text-sub{font-size:16px;line-height:1.6;color:var(--text-muted);margin-bottom:0;overflow-wrap:anywhere}.about-visual-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.about-geometric-backdrop{position:absolute;width:320px;height:320px;border-radius:50%;background-color:var(--surface-alt);top:10%;right:5%;z-index:1}.about-media-card{position:relative;z-index:2;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px rgba(43,38,24,0.06);background:var(--surface);border:1px solid var(--border)}.about-feature-img{width:100%;height:340px;object-fit:cover;display:block}.about-stat-pill{position:absolute;bottom:0;left:10%;z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:9999px;padding:10px 20px;box-shadow:0 8px 24px rgba(43,38,24,0.08);display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}.about-strip-container{background-color:var(--surface-alt);border:1px solid var(--border)}.strip-heading{font-size:20px;line-height:1.3;font-weight:700;color:var(--text);margin-top:6px;margin-bottom:0;overflow-wrap:anywhere}.about-mini-plate{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;height:100%}.plate-icon-box{width:32px;height:32px;border-radius:8px;background:var(--primary);color:var(--on-primary);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.plate-title{font-size:15px;font-weight:700;color:var(--text);display:block;margin-bottom:4px;overflow-wrap:anywhere}.plate-desc{font-size:13px;line-height:1.5;color:var(--text-muted);margin:0;overflow-wrap:anywhere}.about-methodology-section{background-color:var(--surface-alt);border:1px solid var(--border);overflow:hidden}.about-watermark{position:absolute;top:-40px;right:20px;font-size:240px;font-weight:900;line-height:1;color:#E4E0D8;opacity:0.25;user-select:none;pointer-events:none;z-index:0}.max-w-700{max-w-width:700px}.about-subtitle{font-size:16px;line-height:1.6;color:var(--text-muted);margin-bottom:0;overflow-wrap:anywhere}.card-title-sm{font-size:17px;font-weight:700;color:var(--text);overflow-wrap:anywhere}.card-copy-text{font-size:14px;line-height:1.55;color:var(--text-muted);margin-bottom:0;overflow-wrap:anywhere}.about-interactive-guide{background-color:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px rgba(43,38,24,0.03)}.faq-container{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--surface-alt);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color 0.2s ease}.faq-item.active{border-color:var(--primary)}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;text-align:left;cursor:pointer;gap:12px;font-family:inherit}.faq-question-text{font-size:16px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.faq-chevron{font-size:20px;color:var(--primary);transition:transform 0.2s ease;flex-shrink:0}.faq-item.active .faq-chevron{transform:rotate(180deg)}.faq-body{padding:0 20px 18px 20px;display:none;font-size:14px;line-height:1.6;color:var(--text-muted);overflow-wrap:anywhere}.faq-item.active .faq-body{display:block}@media (max-width:767px){.about-block{padding:44px 0}.about-feature-img{height:240px}.about-stat-pill{position:static;margin-top:16px;display:flex;justify-content:center}.about-watermark{font-size:140px;top:0;right:-10px}}

/* ===== PAGE: privacy ===== */
.lux-privacy-block { background-color: var(--bg); color: var(--text); }
.lux-privacy-block__sidebar { position: sticky; top: 96px; }
.lux-privacy-block__nav-card { background-color: var(--surface); border: 1px solid var(--border); border-radius: 20px; box-shadow: 0 8px 24px rgba(43, 38, 24, 0.04); }
.lux-privacy-block__nav-link { display: flex; align-items: center; padding: 10px 14px; border-radius: 9999px; font-size: 14px; font-weight: 500; color: var(--text_muted); text-decoration: none; transition: background-color 150ms ease-out, color 150ms ease-out; }
.lux-privacy-block__nav-link:hover { background-color: var(--surface_alt); color: var(--primary_text); }
.lux-privacy-block__nav-link.active { background-color: var(--surface_alt); color: var(--primary); font-weight: 600; }
.lux-privacy-block__card { background-color: var(--surface); border: 1px solid var(--border); border-radius: 20px; box-shadow: 0 8px 24px rgba(43, 38, 24, 0.04); scroll-margin-top: 100px; }
.lux-privacy-block__mini-card { background-color: var(--surface_alt); border: 1px solid var(--border); border-radius: 12px; }
.lux-privacy-block__list li { margin-bottom: 8px; }
.lux-privacy-block .form-control { background-color: var(--surface); color: var(--text); border-color: var(--border); border-radius: 9999px; font-size: 14px; }
.lux-privacy-block .form-control:focus { background-color: var(--surface); color: var(--text); border-color: var(--primary); box-shadow: none; }
.lux-privacy-block .input-group-text { border-color: var(--border); border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
@media (max-width: 991px) {
  .lux-privacy-block__sidebar { position: static; margin-bottom: 24px; }
}
@media (max-width: 767px) {
  .lux-privacy-block .row { flex-direction: column; }
  .lux-privacy-block__card { padding: 20px !important; }
  .lux-privacy-block__nav-card { padding: 20px !important; }
}

/* ===== PAGE: terms ===== */
.lx-terms-wrapper {
  background-color: var(--bg);
  color: var(--text);
}

.lx-terms-wrapper .lx-terms-lead {
  max-width: 680px;
  font-size: 16px;
  line-height: 1.6;
}

.lx-terms-wrapper .lx-search-box {
  background-color: var(--surface);
  border: 1px solid var(--border);
  border-radius: 9999px;
  transition: border-color 0.15s ease-out, box-shadow 0.15s ease-out;
}

.lx-terms-wrapper .lx-search-box:focus-within {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);
}

.lx-terms-wrapper .lx-search-box input {
  outline: none;
  box-shadow: none;
  color: var(--text);
  font-size: 15px;
}

.lx-terms-wrapper .lx-search-box input::placeholder {
  color: var(--text-muted);
  opacity: 0.85;
}

.lx-terms-wrapper .lx-filter-pill {
  background-color: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 9999px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease-out;
}

.lx-terms-wrapper .lx-filter-pill:hover {
  background-color: var(--surface-alt);
  border-color: var(--border);
  color: var(--primary-text);
}

.lx-terms-wrapper .lx-filter-pill.active {
  background-color: var(--primary);
  color: var(--on-primary);
  border-color: var(--primary);
}

.lx-terms-wrapper .lx-toc-sticky {
  position: sticky;
  top: 90px;
  border-radius: 20px;
  border: 1px solid var(--border);
  background-color: var(--surface);
}

.lx-terms-wrapper .lx-toc-item {
  color: var(--text-muted);
  text-decoration: none;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 8px;
  transition: all 0.15s ease-out;
}

.lx-terms-wrapper .lx-toc-item:hover,
.lx-terms-wrapper .lx-toc-item.active {
  color: var(--primary-text);
  background-color: var(--surface-alt);
  font-weight: 500;
}

.lx-terms-wrapper .lx-term-card {
  background-color: var(--surface);
  border-radius: 20px;
  border: 1px solid var(--border);
  box-shadow: 0 4px 18px rgba(43, 38, 24, 0.03);
  scroll-margin-top: 100px;
}

.lx-terms-wrapper .lx-term-checklist li {
  color: var(--text);
  font-size: 15px;
  line-height: 1.5;
}

.lx-terms-wrapper .lx-note-card {
  background-color: var(--surface-alt);
  border-left: 3px solid var(--primary);
}

.lx-terms-wrapper .lx-sub-tile {
  background-color: var(--surface-alt);
  border: 1px solid var(--border);
}

.lx-terms-wrapper .lx-cta-banner {
  background: linear-gradient(135deg, var(--dark-band) 0%, #1c453a 100%);
  border-radius: 24px;
}

.lx-terms-wrapper .lx-cta-desc {
  max-width: 540px;
}

@media (max-width: 767px) {
  .lx-terms-wrapper h2.xvh-title {
    font-size: 22px;
    hyphens: auto;
  }
  .lx-terms-wrapper .lx-term-card {
    padding: 20px !important;
  }
  .lx-terms-wrapper .lx-filter-pill {
    font-size: 13px;
    padding: 6px 14px;
  }
}

/* ===== PAGE: disclaimer ===== */
.disclaimer-page-block{padding:48px 0 96px;color:var(--text);background-color:var(--bg);position:relative;overflow:hidden}.disclaimer-page-block .disclaimer-hero-strip{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:32px 36px}.disclaimer-page-block .disclaimer-lead{font-size:16px;line-height:1.6;color:var(--text-muted);max-width:720px}.disclaimer-page-block .disclaimer-status-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:9999px;padding:10px 20px}.disclaimer-page-block .disclaimer-status-dot{width:10px;height:10px;border-radius:50%;background-color:#35514A;display:inline-block;flex-shrink:0}.disclaimer-page-block .disclaimer-status-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.disclaimer-page-block .disclaimer-status-val{font-size:14px;font-weight:700;color:var(--text)}.disclaimer-page-block .disclaimer-nav-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;position:sticky;top:100px}.disclaimer-page-block .disclaimer-nav-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.disclaimer-page-block .disclaimer-nav-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:0}.disclaimer-page-block .disclaimer-anchor-list{display:flex;flex-direction:column;gap:6px}.disclaimer-page-block .disclaimer-nav-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:500;color:var(--text-muted);transition:background-color 150ms ease-out,color 150ms ease-out}.disclaimer-page-block .disclaimer-nav-link i{font-size:16px;color:var(--primary-text);flex-shrink:0}.disclaimer-page-block .disclaimer-nav-link:hover{background-color:var(--surface-alt);color:var(--text)}.disclaimer-page-block .disclaimer-nav-link.active{background-color:var(--surface-alt);color:var(--primary-text);font-weight:600}.disclaimer-page-block .disclaimer-nav-foot{border-top:1px solid var(--border)}.disclaimer-page-block .disclaimer-nav-foot-text{font-size:13px;line-height:1.5;color:var(--text-muted)}.disclaimer-page-block .disclaimer-article{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px 32px}.disclaimer-page-block .disclaimer-icon{width:40px;height:40px;border-radius:12px;background:var(--surface-alt);color:var(--primary-text);display:inline-flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.disclaimer-page-block .disclaimer-section-title{font-size:20px;font-weight:700;line-height:1.3;color:var(--text)}.disclaimer-page-block .disclaimer-article-body p{font-size:15px;line-height:1.7;color:var(--text-muted);margin-bottom:14px}.disclaimer-page-block .disclaimer-article-body p:last-child{margin-bottom:0}.disclaimer-page-block .disclaimer-inline-link{color:var(--primary-text);text-decoration:underline;text-underline-offset:3px;font-weight:500}.disclaimer-page-block .disclaimer-inline-link:hover{color:var(--primary-hover)}@media (max-width:767px){.disclaimer-page-block{padding:32px 0 64px}.disclaimer-page-block .disclaimer-hero-strip{padding:20px}.disclaimer-page-block .disclaimer-nav-card{position:static;margin-bottom:24px;padding:18px}.disclaimer-page-block .disclaimer-article{padding:20px}.disclaimer-page-block .disclaimer-section-title{font-size:18px;hyphens:auto}.disclaimer-page-block .disclaimer-lead{font-size:14px}}

/* ===== PAGE TEMPLATE: hotel-ratings-list ===== */
.lx-body {
    background-color: var(--bg);
    color: var(--text);
    font-family: 'Lexend', sans-serif;
    overflow-x: hidden;
}

.lux-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: var(--bg);
    border-bottom: 1px solid var(--border);
    width: 100%;
    font-family: 'Lexend', sans-serif;
}

.lux-header .navbar {
    padding: 14px 0;
}

.lux-header .lux-brand-img {
    width: 40px;
    height: 40px;
    max-width: 40px;
    object-fit: contain;
    border-radius: 8px;
}

.lux-header .lux-brand-title {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--text);
    line-height: 1;
}

.lux-header .navbar-toggler.lux-toggler {
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--accent);
    color: var(--on-accent);
    border: 1px solid var(--accent);
    box-shadow: none;
    transition: background-color 150ms ease-out;
}

.lux-header .navbar-toggler.lux-toggler:hover,
.lux-header .navbar-toggler.lux-toggler:focus {
    background-color: #263c37;
    color: var(--on-accent);
}

.lux-header .navbar-toggler.lux-toggler i {
    font-size: 22px;
    color: var(--on-accent);
}

.lux-header .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    padding: 8px 14px;
    border-radius: 9999px;
    transition: color 150ms ease-out, background-color 150ms ease-out;
}

.lux-header .nav-link:hover,
.lux-header .nav-link:focus {
    color: var(--primary-text);
    background-color: rgba(195, 80, 40, 0.08);
}

.lux-header .lux-cta-btn {
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 9999px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    box-shadow: none;
    transition: background-color 150ms ease-out;
}

.lux-header .lux-cta-btn:hover,
.lux-header .lux-cta-btn:focus {
    background-color: var(--primary-hover);
    color: var(--on-primary);
}

.lux-header .lux-cta-btn i {
    font-size: 18px;
    transform: rotate(45deg);
    transition: transform 150ms ease-out;
}

.lux-header .lux-cta-btn:hover i {
    transform: rotate(45deg) translate(2px, -2px);
}

@media (min-width: 992px) {
    .lux-header .navbar-brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 10;
    }

    .lux-header .lux-nav-left {
        padding-right: 60px;
    }

    .lux-header .lux-nav-right {
        padding-left: 60px;
    }
}

@media (max-width: 991.98px) {
    .lux-header .navbar-collapse {
        background-color: var(--surface);
        border-radius: 18px;
        padding: 20px;
        margin-top: 14px;
        border: 1px solid var(--border);
        box-shadow: 0 12px 32px rgba(43, 38, 24, 0.08);
    }

    .lux-header .nav-link {
        padding: 10px 14px;
        font-size: 0.8rem;
        border-radius: 8px;
    }

    .lux-header .lux-cta-btn {
        width: 100%;
    }
}

.lx-hero.lx-detail-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--surface-alt) 0%, var(--bg) 100%);
    padding-top: 48px;
    padding-bottom: 36px;
}

.lx-hero-title {
    font-family: 'Lexend', sans-serif;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--text);
    overflow-wrap: anywhere;
    hyphens: auto;
}

.lx-hero-desc {
    font-family: 'Lexend', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 620px;
    overflow-wrap: anywhere;
}

.lx-rating-capsule {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 9999px;
    box-shadow: 0 4px 14px rgba(43, 38, 24, 0.06);
}

.lx-rating-stars {
    color: var(--primary);
    font-size: 15px;
    letter-spacing: 2px;
}

.lx-rating-score {
    font-weight: 700;
    color: var(--text);
    font-size: 15px;
}

.lx-hero .lx-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: var(--dark-band);
    color: var(--on-dark);
    border-radius: 9999px;
    padding: 12px 26px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid var(--dark-band);
    transition: background-color 150ms ease-out, border-color 150ms ease-out;
}

.lx-hero .lx-btn-primary:hover,
.lx-hero .lx-btn-primary:focus {
    background-color: var(--text);
    border-color: var(--text);
    color: var(--on-dark);
}

.lx-hero .lx-btn-primary i {
    transform: rotate(45deg);
    font-size: 18px;
}

.lx-fullbleed-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 0 40px;
}

.lx-bg-shape-offset {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-48%, -48%) rotate(-1.5deg);
    width: 94%;
    max-width: 1360px;
    height: 90%;
    background-color: var(--surface-alt);
    border-radius: 28px;
    z-index: 1;
}

.lx-media-stage {
    position: relative;
    z-index: 2;
    width: 92%;
    max-width: 1240px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 36px rgba(43, 38, 24, 0.08);
}

.lx-lead-img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    display: block;
}

.lx-section-title {
    font-family: 'Lexend', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
    letter-spacing: -0.01em;
    overflow-wrap: anywhere;
}

.lx-table-card {
    border-radius: 20px;
    border: 1px solid var(--border);
    background-color: var(--surface);
}

.lx-compact-table {
    margin-bottom: 0;
    font-size: 15px;
}

.lx-compact-table tr:nth-of-type(odd) {
    background-color: rgba(247, 240, 238, 0.45);
}

.lx-compact-table tr:nth-of-type(even) {
    background-color: var(--surface);
}

.lx-table-label {
    padding: 16px 20px;
    width: 35%;
    color: var(--text-muted);
    font-weight: 600;
    border-bottom: 1px solid var(--border);
}

.lx-table-val {
    padding: 16px 20px;
    color: var(--text);
    font-weight: 500;
    border-bottom: 1px solid var(--border);
    overflow-wrap: anywhere;
}

.lx-rich-text p {
    font-size: 16px;
    line-height: 1.7;
    color: var(--text-muted);
    margin-bottom: 16px;
    overflow-wrap: anywhere;
}

.lx-check-box {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-color: var(--primary);
    color: var(--on-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
}

.lx-feature-text {
    font-size: 16px;
    font-weight: 500;
    color: var(--text);
    line-height: 1.5;
}

.lx-boxed-card {
    background: linear-gradient(135deg, var(--surface) 0%, var(--surface-alt) 100%);
    border-radius: 24px;
    border: 1px solid var(--border);
}

.lx-boxed-icon-holder {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background-color: var(--accent);
    color: var(--on-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

.lx-boxed-card-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
}

.lx-boxed-card-desc {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.5;
}

.lx-boxed-card .lx-btn-primary {
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 9999px;
    padding: 12px 24px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    transition: background-color 150ms ease-out;
    display: inline-flex;
}

.lx-boxed-card .lx-btn-primary:hover,
.lx-boxed-card .lx-btn-primary:focus {
    background-color: var(--primary-hover);
    color: var(--on-primary);
}

.lx-faq-item {
    border: 1px solid var(--border);
    border-radius: 16px !important;
    overflow: hidden;
    background-color: var(--surface);
}

.lx-faq-btn {
    background-color: var(--surface);
    color: var(--text);
    font-size: 16px;
    font-weight: 600;
    padding: 18px 20px;
    border: none;
    box-shadow: none !important;
}

.lx-faq-btn:not(.collapsed) {
    background-color: var(--surface-alt);
    color: var(--primary-text);
}

.lx-faq-body {
    padding: 18px 20px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    border-top: 1px solid var(--border);
}

.lx-inquiry-card {
    border-radius: 24px;
    background-color: var(--surface);
    border: 1px solid var(--border);
}

.lx-form-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
}

.lx-form-subtitle {
    font-size: 14px;
    color: var(--text-muted);
}

.lx-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 6px;
}

.lx-input,
.lx-textarea {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    color: var(--text);
}

.lx-input::placeholder,
.lx-textarea::placeholder {
    color: var(--text-muted);
    opacity: 0.85;
}

.lx-input:focus,
.lx-textarea:focus {
    background-color: var(--surface);
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(195, 80, 40, 0.15);
    color: var(--text);
}

.lx-check-wrap .form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

.lx-check-label {
    font-size: 13px;
    color: var(--text-muted);
}

.lx-text-link {
    color: var(--primary-text);
    text-decoration: underline;
}

.lx-submit-btn {
    background-color: var(--dark-band);
    color: var(--on-dark);
    border-radius: 9999px;
    padding: 12px 32px;
    font-weight: 600;
    border: none;
    transition: background-color 150ms ease-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.lx-submit-btn:hover,
.lx-submit-btn:focus {
    background-color: var(--text);
    color: var(--on-dark);
}

.lx-related-card {
    border-radius: 20px;
    border: 1px solid var(--border);
    background-color: var(--surface);
    overflow: hidden;
    transition: transform 150ms ease-out, border-color 150ms ease-out;
}

.lx-related-card:hover {
    transform: translateY(-4px);
    border-color: var(--primary);
}

.lx-related-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.lx-related-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lx-related-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--surface);
    color: var(--primary);
    font-weight: 700;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 9999px;
    box-shadow: 0 4px 12px rgba(43, 38, 24, 0.1);
}

.lx-related-card-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.lx-related-card-desc {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.lx-related-link {
    background-color: var(--surface-alt);
    color: var(--text);
    border-radius: 9999px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid var(--border);
    transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.lx-related-link:hover,
.lx-related-link:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

.lxr-footer {
    background-color: var(--dark-band, #102A23);
    color: var(--on-dark, #FFFFFF);
    padding: 72px 0 32px;
    border-top: 1px solid rgba(228, 224, 216, 0.15);
    overflow-wrap: anywhere;
}

.lxr-footer-brand {
    margin-bottom: 16px;
}

.lxr-footer .lxr-brand-link {
    font-family: 'Lexend', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: var(--on-dark, #FFFFFF);
    text-decoration: none;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    transition: color 150ms ease-out;
}

.lxr-footer .lxr-brand-link:hover,
.lxr-footer .lxr-brand-link:focus {
    color: var(--primary, #C35028);
    outline: none;
}

.lxr-footer-desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--on-dark-muted, #C3C0B6);
    max-width: 440px;
    margin-bottom: 20px;
}

.lxr-footer-tag {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--on-dark, #FFFFFF);
}

.lxr-footer-tag i {
    color: var(--primary, #C35028);
    font-size: 16px;
}

.lxr-footer-heading {
    font-family: 'Lexend', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--on-dark, #FFFFFF);
    margin-bottom: 20px;
    letter-spacing: -0.01em;
}

.lxr-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lxr-footer .lxr-footer-link {
    font-size: 15px;
    color: var(--on-dark-muted, #C3C0B6);
    text-decoration: none;
    transition: color 150ms ease-out, transform 150ms ease-out;
    display: inline-block;
}

.lxr-footer .lxr-footer-link:hover,
.lxr-footer .lxr-footer-link:focus {
    color: var(--on-dark, #FFFFFF);
    text-decoration: underline;
    transform: translateX(3px);
    outline: none;
}

.lxr-footer-bottom {
    margin-top: 56px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.lxr-footer-copy {
    font-size: 14px;
    color: var(--on-dark-muted, #C3C0B6);
    font-weight: 400;
}

.lxr-footer-note {
    font-size: 13px;
    color: rgba(195, 192, 182, 0.7);
    max-width: 500px;
}

@media (max-width: 767.98px) {
    .lx-hero-title {
        font-size: 18px !important;
    }

    .lx-section-title {
        font-size: 16px !important;
    }

    .lx-boxed-card-title,
    .lx-form-title,
    .lx-related-card-title {
        font-size: 14px !important;
    }

    .lx-lead-img {
        height: 260px;
    }

    .lx-compact-table thead {
        display: none;
    }

    .lx-compact-table,
    .lx-compact-table tbody,
    .lx-compact-table tr,
    .lx-compact-table th,
    .lx-compact-table td {
        display: block;
        width: 100%;
    }

    .lx-compact-table th {
        padding-bottom: 4px;
        border-bottom: none;
    }

    .lx-compact-table td {
        padding-top: 0;
    }

    .lxr-footer {
        padding: 48px 0 28px;
    }

    .lxr-footer-bottom {
        margin-top: 40px;
        padding-top: 20px;
    }

    .lxr-footer-main {
        row-gap: 32px;
    }
}

/* ===== PAGE TEMPLATE: popular-resorts-list ===== */
.lux-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: var(--bg, #F7F4EB);
    border-bottom: 1px solid var(--border, #E4E0D8);
    width: 100%;
    font-family: 'Lexend', sans-serif;
}

.lux-header .navbar {
    padding: 14px 0;
}

.lux-header .lux-brand-img {
    width: 40px;
    height: 40px;
    max-width: 40px;
    object-fit: contain;
    border-radius: 8px;
}

.lux-header .lux-brand-title {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--text, #2B2618);
    line-height: 1;
}

.lux-header .navbar-toggler.lux-toggler {
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--accent, #35514A);
    color: var(--on-accent, #FFFFFF);
    border: 1px solid var(--accent, #35514A);
    box-shadow: none;
    transition: background-color 150ms ease-out;
}

.lux-header .navbar-toggler.lux-toggler:hover,
.lux-header .navbar-toggler.lux-toggler:focus {
    background-color: #263c37;
    color: var(--on-accent, #FFFFFF);
}

.lux-header .navbar-toggler.lux-toggler i {
    font-size: 22px;
    color: var(--on-accent, #FFFFFF);
}

.lux-header .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--text, #2B2618);
    padding: 8px 14px;
    border-radius: 9999px;
    transition: color 150ms ease-out, background-color 150ms ease-out;
}

.lux-header .nav-link:hover,
.lux-header .nav-link:focus {
    color: var(--primary-text, #B34A24);
    background-color: rgba(195, 80, 40, 0.08);
}

.lux-header .lux-cta-btn {
    background-color: var(--primary, #C35028);
    color: var(--on-primary, #FFFFFF);
    border-radius: 9999px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    box-shadow: none;
    transition: background-color 150ms ease-out;
}

.lux-header .lux-cta-btn:hover,
.lux-header .lux-cta-btn:focus {
    background-color: var(--primary-hover, #A54422);
    color: var(--on-primary, #FFFFFF);
}

.lux-header .lux-cta-btn i {
    font-size: 18px;
    transform: rotate(45deg);
    transition: transform 150ms ease-out;
}

.lux-header .lux-cta-btn:hover i {
    transform: rotate(45deg) translate(2px, -2px);
}

@media (min-width: 992px) {
    .lux-header .navbar-brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 10;
    }

    .lux-header .lux-nav-left {
        padding-right: 60px;
    }

    .lux-header .lux-nav-right {
        padding-left: 60px;
    }
}

@media (max-width: 991.98px) {
    .lux-header .navbar-collapse {
        background-color: var(--surface, #FFFFFF);
        border-radius: 18px;
        padding: 20px;
        margin-top: 14px;
        border: 1px solid var(--border, #E4E0D8);
        box-shadow: 0 12px 32px rgba(43, 38, 24, 0.08);
    }

    .lux-header .nav-link {
        padding: 10px 14px;
        font-size: 0.8rem;
        border-radius: 8px;
    }

    .lux-header .lux-cta-btn {
        width: 100%;
    }
}

.lx-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--surface-alt, #F7F0EE) 0%, var(--bg, #F7F4EB) 100%);
    padding-top: 56px;
    padding-bottom: 56px;
}

@media (min-width: 992px) {
    .lx-hero {
        padding-top: 84px;
        padding-bottom: 84px;
    }
}

.lx-hero-content {
    position: relative;
    z-index: 2;
}

.lx-hero-title {
    font-family: 'Lexend', sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--text, #2B2618);
    overflow-wrap: anywhere;
    hyphens: auto;
}

@media (min-width: 768px) {
    .lx-hero-title {
        font-size: 38px;
        line-height: 1.15;
    }
}

@media (min-width: 1200px) {
    .lx-hero-title {
        font-size: 48px;
        line-height: 1.1;
    }
}

.lx-hero-desc {
    font-family: 'Lexend', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted, #726C5A);
    max-width: 580px;
}

@media (min-width: 992px) {
    .lx-hero-desc {
        font-size: 17px;
    }
}

.lx-hero-actions {
    position: relative;
    z-index: 3;
}

.lx-hero .lx-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: var(--dark-band, #102A23);
    color: var(--on-dark, #FFFFFF);
    border-radius: 9999px;
    padding: 14px 28px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid var(--dark-band, #102A23);
    transition: background-color 150ms ease-out, border-color 150ms ease-out;
}

.lx-hero .lx-btn-primary:hover,
.lx-hero .lx-btn-primary:focus {
    background-color: var(--text, #2B2618);
    border-color: var(--text, #2B2618);
    color: var(--on-dark, #FFFFFF);
}

.lx-hero .lx-btn-primary .lx-btn-icon {
    display: inline-flex;
    align-items: center;
    transform: rotate(45deg);
    font-size: 18px;
}

.lx-hero .lx-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--surface, #FFFFFF);
    color: var(--text, #2B2618);
    border-radius: 9999px;
    padding: 13px 26px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid var(--border, #E4E0D8);
    transition: background-color 150ms ease-out, border-color 150ms ease-out;
}

.lx-hero .lx-btn-secondary:hover,
.lx-hero .lx-btn-secondary:focus {
    background-color: var(--surface-alt, #F7F0EE);
    border-color: var(--text-muted, #726C5A);
    color: var(--text, #2B2618);
}

.lx-check-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background-color: var(--primary, #C35028);
    color: var(--on-primary, #FFFFFF);
    border-radius: 6px;
    font-size: 15px;
    flex-shrink: 0;
}

.lx-meta-text {
    font-size: 14px;
    font-weight: 500;
    color: var(--text, #2B2618);
}

.lx-dot-divider {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--border, #E4E0D8);
}

.lx-visual-stage {
    position: relative;
    width: 100%;
    max-width: 440px;
    height: 420px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px) {
    .lx-visual-stage {
        height: 480px;
        max-width: 480px;
    }
}

.lx-primary-disc {
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background-color: var(--primary, #C35028);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media (min-width: 768px) {
    .lx-primary-disc {
        width: 340px;
        height: 340px;
    }
}

.lx-accent-plate {
    position: absolute;
    width: 230px;
    height: 270px;
    border-radius: 24px;
    background-color: var(--accent, #35514A);
    top: 15%;
    right: 5%;
    transform: rotate(6deg);
    z-index: 0;
}

.lx-cutout-frame {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.lx-cutout-img {
    width: auto;
    max-width: 100%;
    max-height: 92%;
    object-fit: contain;
    object-position: bottom center;
}

.lx-confetti-ring {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 26px;
    height: 26px;
    border: 2.5px solid var(--accent, #35514A);
    border-radius: 50%;
    z-index: 3;
}

.lx-confetti-star {
    position: absolute;
    top: 35px;
    right: 25px;
    color: var(--primary, #C35028);
    font-size: 26px;
    z-index: 3;
}

.lx-confetti-dots {
    position: absolute;
    bottom: 40px;
    left: -10px;
    display: grid;
    grid-template-columns: repeat(4, 5px);
    gap: 6px;
    z-index: 3;
    opacity: 0.35;
}

.lx-confetti-dots span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--primary, #C35028);
}

.lx-floating-card {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    max-width: 320px;
    z-index: 4;
    border-radius: 20px;
    background-color: var(--surface, #FFFFFF);
    border: 1px solid var(--border, #E4E0D8);
    box-shadow: 0 10px 30px rgba(43, 38, 24, 0.08);
    padding: 14px 18px;
}

@media (min-width: 768px) {
    .lx-floating-card {
        left: 0;
        transform: none;
        bottom: 20px;
    }
}

.lx-score-circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--dark-band, #102A23);
    color: var(--on-dark, #FFFFFF);
    flex-shrink: 0;
}

.lx-score-val {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.lx-score-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text, #2B2618);
    line-height: 1.2;
    margin-bottom: 2px;
}

.lx-stars-row {
    font-size: 12px;
    color: var(--primary, #C35028);
}

.lx-review-count {
    font-size: 11px;
    color: var(--text-muted, #726C5A);
    font-weight: 500;
    margin-left: 2px;
}

.lxd-hotel-page {
    font-family: 'Lexend', sans-serif;
    color: var(--text, #2B2618);
    overflow: hidden;
}

.lxd-section {
    padding: 64px 0;
    position: relative;
}

@media (min-width: 992px) {
    .lxd-section {
        padding: 84px 0;
    }
}

.lxd-section-divider {
    border-top: 1px solid var(--border, #E4E0D8);
}

.lxd-heading-col {
    position: sticky;
    top: 100px;
}

.lxd-section-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--text, #2B2618);
    border-left: 4px solid var(--primary, #C35028);
    padding-left: 14px;
    overflow-wrap: anywhere;
}

@media (min-width: 768px) {
    .lxd-section-title {
        font-size: 30px;
    }
}

.lxd-lead-text {
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted, #726C5A);
    margin: 0;
}

.lxd-content-col {
    position: relative;
}

.lxd-photo-wrapper {
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    border: 1px solid var(--border, #E4E0D8);
}

.lxd-sharp-image {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    border-radius: 0;
}

.lxd-text-block p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--text, #2B2618);
    margin-bottom: 1rem;
}

.lxd-subheading {
    font-size: 18px;
    font-weight: 700;
    color: var(--text, #2B2618);
}

.lxd-facts-grid {
    background-color: var(--surface, #FFFFFF);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 16px;
    padding: 12px 20px;
    margin: 0;
}

.lxd-fact-row {
    padding: 12px 0;
    border-bottom: 1px dashed var(--border, #E4E0D8);
}

.lxd-fact-row:last-child {
    border-bottom: none;
}

.lxd-fact-label {
    font-weight: 500;
    font-size: 14px;
    color: var(--text-muted, #726C5A);
    margin: 0;
}

.lxd-fact-val {
    font-weight: 600;
    font-size: 15px;
    color: var(--text, #2B2618);
    margin: 0;
}

.lxd-fact-val.lxd-price-highlight {
    color: var(--primary, #C35028);
    font-size: 18px;
    font-weight: 700;
}

.lxd-inquiry-card {
    background-color: var(--surface, #FFFFFF);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 20px;
    padding: 28px;
}

.lxd-inquiry-meta-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--text, #2B2618);
    line-height: 1.3;
}

.lxd-inquiry-meta-desc {
    font-size: 14px;
    color: var(--text-muted, #726C5A);
    margin-top: 4px;
}

.lxd-price-tag-badge {
    background-color: var(--surface-alt, #F7F0EE);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 14px;
    padding: 8px 16px;
}

.lxd-price-tag-sub {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted, #726C5A);
    text-transform: uppercase;
}

.lxd-price-tag-amount {
    font-size: 20px;
    font-weight: 800;
    color: var(--primary, #C35028);
    line-height: 1.1;
}

.lxd-form-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--text, #2B2618);
    margin-bottom: 6px;
}

.lxd-input {
    background-color: var(--bg, #F7F4EB);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 10px;
    color: var(--text, #2B2618);
    font-size: 14px;
    padding: 10px 14px;
}

.lxd-input:focus {
    background-color: #FFFFFF;
    border-color: var(--primary, #C35028);
    box-shadow: 0 0 0 3px rgba(195, 80, 40, 0.15);
    color: var(--text, #2B2618);
}

.lxd-input::placeholder {
    color: var(--text-muted, #726C5A);
    opacity: 0.85;
}

.lxd-textarea {
    resize: none;
}

.lxd-consent-check {
    padding-left: 1.8rem;
}

.lxd-checkbox {
    cursor: pointer;
    margin-top: 0.25rem;
    accent-color: var(--primary, #C35028);
}

.lxd-consent-label {
    font-size: 13px;
    line-height: 1.4;
    color: var(--text-muted, #726C5A);
    cursor: pointer;
}

.lxd-privacy-link {
    color: var(--primary, #C35028);
    text-decoration: underline;
}

.lxd-form-hint {
    font-size: 13px;
    color: var(--text-muted, #726C5A);
}

.lxd-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: var(--dark-band, #102A23);
    color: var(--on-dark, #FFFFFF);
    border-radius: 9999px;
    padding: 12px 28px;
    border: none;
    font-size: 15px;
    font-weight: 600;
    transition: background-color 150ms ease-out;
}

.lxd-submit-btn:hover,
.lxd-submit-btn:focus {
    background-color: var(--primary, #C35028);
    color: #FFFFFF;
}

.lxd-submit-btn i {
    font-size: 18px;
    transform: rotate(45deg);
}

.lxd-amenity-card {
    background-color: var(--surface, #FFFFFF);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 16px;
    padding: 16px 20px;
    height: 100%;
}

.lxd-amenity-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-color: var(--surface-alt, #F7F0EE);
    color: var(--primary, #C35028);
    font-size: 22px;
    flex-shrink: 0;
}

.lxd-amenity-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--text, #2B2618);
    line-height: 1.3;
}

.lxd-amenity-desc {
    font-size: 13px;
    color: var(--text-muted, #726C5A);
    margin-top: 3px;
}

.lxd-related-card {
    background-color: var(--surface, #FFFFFF);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
}

.lxd-related-media {
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
}

.lxd-related-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
    transition: transform 150ms ease-out;
}

.lxd-related-card:hover .lxd-related-img {
    transform: scale(1.03);
}

.lxd-related-body {
    padding: 18px 20px 20px;
}

.lxd-stars-mini {
    color: var(--primary, #C35028);
    font-size: 13px;
    font-weight: 700;
}

.lxd-related-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--text, #2B2618);
}

.lxd-related-text {
    font-size: 13px;
    line-height: 1.5;
    color: var(--text-muted, #726C5A);
}

.lxd-related-price {
    font-size: 15px;
    font-weight: 700;
    color: var(--primary, #C35028);
}

.lxd-btn-sm {
    background-color: var(--surface-alt, #F7F0EE);
    color: var(--text, #2B2618);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 9999px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

.lxd-btn-sm:hover {
    background-color: var(--dark-band, #102A23);
    color: #FFFFFF;
    border-color: var(--dark-band, #102A23);
}

.lxd-accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lxd-faq-item {
    background-color: var(--surface, #FFFFFF);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 150ms ease-out;
}

.lxd-faq-item.active {
    border-color: var(--primary, #C35028);
}

.lxd-faq-header {
    padding: 18px 22px;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
}

.lxd-faq-question {
    font-size: 16px;
    font-weight: 600;
    color: var(--text, #2B2618);
    line-height: 1.4;
}

.lxd-faq-toggle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--surface-alt, #F7F0EE);
    color: var(--text, #2B2618);
    flex-shrink: 0;
    transition: transform 150ms ease-out, background-color 150ms ease-out;
}

.lxd-faq-item.active .lxd-faq-toggle-icon {
    transform: rotate(180deg);
    background-color: var(--primary, #C35028);
    color: #FFFFFF;
}

.lxd-faq-body {
    display: none;
    padding: 0 22px 20px;
}

.lxd-faq-item.active .lxd-faq-body {
    display: block;
}

.lxd-faq-answer {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-muted, #726C5A);
    margin: 0;
}

.lxd-location-card {
    background-color: var(--surface, #FFFFFF);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 20px;
    padding: 28px;
}

.lxd-map-pin {
    font-size: 24px;
    color: var(--primary, #C35028);
}

.lxd-address-text {
    font-size: 17px;
    font-weight: 700;
    color: var(--text, #2B2618);
}

.lxd-location-description {
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted, #726C5A);
}

.lxd-transit-point {
    background-color: var(--bg, #F7F4EB);
    border: 1px solid var(--border, #E4E0D8);
    border-radius: 14px;
    padding: 14px 18px;
}

.lxd-transit-badge {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background-color: var(--surface, #FFFFFF);
    color: var(--accent, #35514A);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.lxd-transit-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--text, #2B2618);
}

.lxd-transit-time {
    font-size: 12px;
    color: var(--text-muted, #726C5A);
}

@media (max-width: 991.98px) {
    .lxd-heading-col {
        position: static;
        margin-bottom: 12px;
    }
}

@media (max-width: 767.98px) {
    .lxd-section {
        padding: 48px 0;
    }

    .lxd-inquiry-card,
    .lxd-location-card {
        padding: 20px 16px;
    }

    .lxd-section-title {
        font-size: 20px;
    }

    .lxd-faq-header {
        padding: 14px 16px;
    }

    .lxd-faq-body {
        padding: 0 16px 16px;
    }

    .lxd-faq-question {
        font-size: 15px;
    }
}

.lxr-footer {
    background-color: var(--dark-band, #102A23);
    color: var(--on-dark, #FFFFFF);
    padding: 72px 0 32px;
    border-top: 1px solid rgba(228, 224, 216, 0.15);
    overflow-wrap: anywhere;
}

.lxr-footer-brand {
    margin-bottom: 16px;
}

.lxr-footer .lxr-brand-link {
    font-family: 'Lexend', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: var(--on-dark, #FFFFFF);
    text-decoration: none;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    transition: color 150ms ease-out;
}

.lxr-footer .lxr-brand-link:hover,
.lxr-footer .lxr-brand-link:focus {
    color: var(--primary, #C35028);
    outline: none;
}

.lxr-footer-desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--on-dark-muted, #C3C0B6);
    max-width: 440px;
    margin-bottom: 20px;
}

.lxr-footer-tag {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--on-dark, #FFFFFF);
}

.lxr-footer-tag i {
    color: var(--primary, #C35028);
    font-size: 16px;
}

.lxr-footer-heading {
    font-family: 'Lexend', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--on-dark, #FFFFFF);
    margin-bottom: 20px;
    letter-spacing: -0.01em;
}

.lxr-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lxr-footer .lxr-footer-link {
    font-size: 15px;
    color: var(--on-dark-muted, #C3C0B6);
    text-decoration: none;
    transition: color 150ms ease-out, transform 150ms ease-out;
    display: inline-block;
}

.lxr-footer .lxr-footer-link:hover,
.lxr-footer .lxr-footer-link:focus {
    color: var(--on-dark, #FFFFFF);
    text-decoration: underline;
    transform: translateX(3px);
    outline: none;
}

.lxr-footer-bottom {
    margin-top: 56px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.lxr-footer-copy {
    font-size: 14px;
    color: var(--on-dark-muted, #C3C0B6);
    font-weight: 400;
}

.lxr-footer-note {
    font-size: 13px;
    color: rgba(195, 192, 182, 0.7);
    max-width: 500px;
}

@media (max-width: 767.98px) {
    .lxr-footer {
        padding: 48px 0 28px;
    }

    .lxr-footer-bottom {
        margin-top: 40px;
        padding-top: 20px;
    }

    .lxr-footer-main {
        row-gap: 32px;
    }
}

/* ===== PAGE TEMPLATE: travel-blog-list ===== */
.lux-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background-color: var(--bg);
    border-bottom: 1px solid var(--border);
    width: 100%;
    font-family: 'Lexend', sans-serif;
}

.lux-header .navbar {
    padding: 14px 0;
}

.lux-header .lux-brand-img {
    width: 40px;
    height: 40px;
    max-width: 40px;
    object-fit: contain;
    border-radius: 8px;
}

.lux-header .lux-brand-title {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--text);
    line-height: 1;
}

.lux-header .navbar-toggler.lux-toggler {
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--accent);
    color: var(--on-accent);
    border: 1px solid var(--accent);
    box-shadow: none;
    transition: background-color 150ms ease-out;
}

.lux-header .navbar-toggler.lux-toggler:hover,
.lux-header .navbar-toggler.lux-toggler:focus {
    background-color: #263c37;
    color: var(--on-accent);
}

.lux-header .navbar-toggler.lux-toggler i {
    font-size: 22px;
    color: var(--on-accent);
}

.lux-header .nav-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    padding: 8px 14px;
    border-radius: 9999px;
    transition: color 150ms ease-out, background-color 150ms ease-out;
}

.lux-header .nav-link:hover,
.lux-header .nav-link:focus {
    color: var(--primary-text);
    background-color: rgba(195, 80, 40, 0.08);
}

.lux-header .lux-cta-btn {
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 9999px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    box-shadow: none;
    transition: background-color 150ms ease-out;
}

.lux-header .lux-cta-btn:hover,
.lux-header .lux-cta-btn:focus {
    background-color: var(--primary-hover);
    color: var(--on-primary);
}

.lux-header .lux-cta-btn i {
    font-size: 18px;
    transform: rotate(45deg);
    transition: transform 150ms ease-out;
}

.lux-header .lux-cta-btn:hover i {
    transform: rotate(45deg) translate(2px, -2px);
}

@media (min-width: 992px) {
    .lux-header .navbar-brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 10;
    }

    .lux-header .lux-nav-left {
        padding-right: 60px;
    }

    .lux-header .lux-nav-right {
        padding-left: 60px;
    }
}

@media (max-width: 991.98px) {
    .lux-header .navbar-collapse {
        background-color: var(--surface);
        border-radius: 18px;
        padding: 20px;
        margin-top: 14px;
        border: 1px solid var(--border);
        box-shadow: 0 12px 32px rgba(43, 38, 24, 0.08);
    }

    .lux-header .nav-link {
        padding: 10px 14px;
        font-size: 0.8rem;
        border-radius: 8px;
    }

    .lux-header .lux-cta-btn {
        width: 100%;
    }
}

.lx-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--surface-alt) 0%, var(--bg) 100%);
    padding-top: 48px;
    padding-bottom: 40px;
}

@media (min-width: 992px) {
    .lx-hero {
        padding-top: 72px;
        padding-bottom: 56px;
    }
}

.lx-hero-content {
    position: relative;
    z-index: 2;
    max-width: 860px;
}

.lx-hero-title {
    font-family: 'Lexend', sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--text);
    overflow-wrap: anywhere;
    hyphens: auto;
}

@media (min-width: 768px) {
    .lx-hero-title {
        font-size: 34px;
        line-height: 1.2;
    }
}

@media (min-width: 1200px) {
    .lx-hero-title {
        font-size: 44px;
        line-height: 1.15;
    }
}

.lx-hero-desc {
    font-family: 'Lexend', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-muted);
    max-width: 680px;
}

@media (min-width: 992px) {
    .lx-hero-desc {
        font-size: 17px;
    }
}

.lx-check-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 6px;
    font-size: 14px;
    flex-shrink: 0;
}

.lx-meta-text {
    font-size: 14px;
    font-weight: 500;
    color: var(--text);
}

.lx-dot-divider {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--primary);
    display: inline-block;
}

.lx-bleed-media-wrap {
    width: 100%;
    overflow: hidden;
    background-color: var(--surface-alt);
}

.lx-bleed-frame {
    width: 100%;
    height: 280px;
    position: relative;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

@media (min-width: 768px) {
    .lx-bleed-frame {
        height: 420px;
    }
}

@media (min-width: 1200px) {
    .lx-bleed-frame {
        height: 520px;
    }
}

.lx-bleed-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    display: block;
}

.lx-article-section {
    padding: 56px 0;
    background-color: var(--bg);
}

@media (min-width: 992px) {
    .lx-article-section {
        padding: 80px 0;
    }
}

.lx-section-h2 {
    font-family: 'Lexend', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    overflow-wrap: anywhere;
    hyphens: auto;
}

@media (min-width: 768px) {
    .lx-section-h2 {
        font-size: 26px;
    }
}

.lx-section-h2::after {
    content: '';
    display: block;
    width: 44px;
    height: 3px;
    background-color: var(--primary);
    margin-top: 6px;
    border-radius: 2px;
}

.lx-section-h3 {
    font-family: 'Lexend', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    margin-top: 24px;
    margin-bottom: 12px;
    overflow-wrap: anywhere;
    hyphens: auto;
}

@media (min-width: 768px) {
    .lx-section-h3 {
        font-size: 20px;
    }
}

.lx-article-content p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--text);
    margin-bottom: 18px;
    overflow-wrap: anywhere;
}

@media (min-width: 768px) {
    .lx-article-content p {
        font-size: 16px;
    }
}

.lx-custom-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lx-custom-list li {
    position: relative;
    padding-left: 28px;
    font-size: 15px;
    color: var(--text);
    line-height: 1.6;
}

.lx-custom-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: var(--primary);
    color: var(--on-primary);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.lx-facts-box {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 24px;
}

.lx-striped-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.lx-striped-table th,
.lx-striped-table td {
    padding: 12px 16px;
    font-size: 14px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
    overflow-wrap: anywhere;
}

.lx-striped-table th {
    width: 38%;
    font-weight: 600;
    color: var(--accent);
    background-color: var(--surface-alt);
}

.lx-striped-table tbody tr:nth-child(even) td {
    background-color: rgba(247, 240, 238, 0.4);
}

@media (max-width: 767px) {
    .lx-striped-table thead {
        display: none;
    }

    .lx-striped-table,
    .lx-striped-table tbody,
    .lx-striped-table tr,
    .lx-striped-table td,
    .lx-striped-table th {
        display: block;
        width: 100%;
    }

    .lx-striped-table th {
        border-bottom: none;
        padding-bottom: 4px;
    }

    .lx-striped-table td {
        padding-top: 4px;
        padding-bottom: 12px;
    }
}

.lx-author-box {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 24px;
}

.lx-author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--accent);
    color: var(--on-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.lx-author-initials {
    font-size: 20px;
    font-weight: 700;
}

.lx-author-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--primary-text);
    font-weight: 600;
}

.lx-author-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
}

.lx-author-bio {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.5;
}

.lx-tags-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    display: inline-flex;
    align-items: center;
}

.lx-tag-pill {
    background-color: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
}

.lx-takeaways-box {
    background-color: var(--surface-alt);
    border-left: 4px solid var(--primary);
    border-radius: 16px;
    padding: 24px;
}

.lx-takeaway-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--primary);
    color: var(--on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.lx-takeaway-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
}

.lx-takeaways-list {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lx-takeaways-list li {
    position: relative;
    padding-left: 24px;
    font-size: 15px;
    line-height: 1.5;
    color: var(--text);
}

.lx-takeaways-list li::before {
    content: '•';
    position: absolute;
    left: 8px;
    color: var(--primary);
    font-size: 20px;
    line-height: 1;
    top: -2px;
}

.lx-cta-split-section {
    padding: 48px 0;
    background-color: var(--surface-alt);
}

.lx-split-cta-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 32px;
}

.lx-cta-title {
    font-size: 16px;
    font-weight: 800;
    color: var(--text);
    overflow-wrap: anywhere;
}

@media (min-width: 768px) {
    .lx-cta-title {
        font-size: 24px;
    }
}

.lx-cta-desc {
    font-size: 14px;
    color: var(--text-muted);
}

.lx-btn-dark {
    background-color: var(--dark-band);
    color: var(--on-dark);
    border-radius: 9999px;
    padding: 12px 24px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid var(--dark-band);
    transition: background-color 150ms ease-out;
}

.lx-btn-dark:hover,
.lx-btn-dark:focus {
    background-color: var(--text);
    color: var(--on-dark);
}

.lx-btn-dark i {
    font-size: 16px;
    transform: rotate(45deg);
}

.lx-related-section {
    padding: 56px 0;
    background-color: var(--bg);
}

@media (min-width: 992px) {
    .lx-related-section {
        padding: 80px 0;
    }
}

.lx-related-card {
    background-color: var(--surface);
    border: 1px solid var(--border);
    border-radius: 0;
    overflow: hidden;
    padding: 0;
}

.lx-related-media {
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
}

.lx-related-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    transition: transform 150ms ease-out;
}

.lx-related-card:hover .lx-related-img {
    transform: scale(1.03);
}

.lx-related-body {
    padding: 20px;
}

.lx-card-date {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 500;
}

.lx-related-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

@media (min-width: 768px) {
    .lx-related-title {
        font-size: 16px;
    }
}

.lx-card-link {
    color: var(--text);
    text-decoration: none;
    transition: color 150ms ease-out;
}

.lx-card-link:hover,
.lx-card-link:focus {
    color: var(--primary-text);
}

.lx-related-excerpt {
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.lx-read-more-link {
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-text);
    text-decoration: none;
    padding: 6px 0;
    transition: transform 150ms ease-out;
}

.lx-read-more-link:hover,
.lx-read-more-link:focus {
    transform: translateX(3px);
    color: var(--primary-hover);
}

.lx-read-more-link i {
    font-size: 16px;
}

.lxr-footer {
    background-color: var(--dark-band, #102A23);
    color: var(--on-dark, #FFFFFF);
    padding: 72px 0 32px;
    border-top: 1px solid rgba(228, 224, 216, 0.15);
    overflow-wrap: anywhere;
}

.lxr-footer-brand {
    margin-bottom: 16px;
}

.lxr-footer .lxr-brand-link {
    font-family: 'Lexend', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: var(--on-dark, #FFFFFF);
    text-decoration: none;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    transition: color 150ms ease-out;
}

.lxr-footer .lxr-brand-link:hover,
.lxr-footer .lxr-brand-link:focus {
    color: var(--primary, #C35028);
    outline: none;
}

.lxr-footer-desc {
    font-size: 15px;
    line-height: 1.6;
    color: var(--on-dark-muted, #C3C0B6);
    max-width: 440px;
    margin-bottom: 20px;
}

.lxr-footer-tag {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 9999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--on-dark, #FFFFFF);
}

.lxr-footer-tag i {
    color: var(--primary, #C35028);
    font-size: 16px;
}

.lxr-footer-heading {
    font-family: 'Lexend', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: var(--on-dark, #FFFFFF);
    margin-bottom: 20px;
    letter-spacing: -0.01em;
}

.lxr-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lxr-footer .lxr-footer-link {
    font-size: 15px;
    color: var(--on-dark-muted, #C3C0B6);
    text-decoration: none;
    transition: color 150ms ease-out, transform 150ms ease-out;
    display: inline-block;
}

.lxr-footer .lxr-footer-link:hover,
.lxr-footer .lxr-footer-link:focus {
    color: var(--on-dark, #FFFFFF);
    text-decoration: underline;
    transform: translateX(3px);
    outline: none;
}

.lxr-footer-bottom {
    margin-top: 56px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.lxr-footer-copy {
    font-size: 14px;
    color: var(--on-dark-muted, #C3C0B6);
    font-weight: 400;
}

.lxr-footer-note {
    font-size: 13px;
    color: rgba(195, 192, 182, 0.7);
    max-width: 500px;
}

@media (max-width: 767px) {
    .lxr-footer {
        padding: 48px 0 28px;
    }

    .lxr-footer-bottom {
        margin-top: 40px;
        padding-top: 20px;
    }

    .lxr-footer-main {
        row-gap: 32px;
    }
}

/* mobile-text-guard */
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, td, th, label {
    overflow-wrap: anywhere;
  }
  a, button, .btn {
    overflow-wrap: anywhere;
    white-space: normal;
  }
  img, video, iframe {
    max-width: 100%;
  }
}

/* ===== requested fixes ===== */
@media (min-width: 992px) {
    .lux-header .navbar-toggler.lux-toggler {
        display: none;
    }
}

/* floating rating card rendered below the hero image */
.lx-floating-card {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 340px;
    margin: 18px auto 0;
}

/* svg rating stars */
.rating-star-svg {
    width: 15px;
    height: 15px;
    display: inline-block;
    fill: currentColor;
    flex-shrink: 0;
    vertical-align: -2px;
}

.lx-rating-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

/* press mentions filter */
.js-press-card.is-hidden,
.js-press-empty.is-hidden {
    display: none !important;
}

.press-mentions-section__empty-text {
    text-align: center;
    color: var(--text-muted);
    font-size: 15px;
    padding: 36px 16px;
}

/* benchmark comparison mobile grid: name | icon | description */
@media (max-width: 767px) {
    .comparison-block__table tbody td.comparison-block__cell {
        display: grid;
        grid-template-columns: minmax(96px, 1fr) 44px minmax(0, 1.3fr);
        align-items: center;
        column-gap: 10px;
        text-align: left;
        padding: 12px 14px;
    }

    .comparison-block__table tbody td.comparison-block__cell::before {
        padding-right: 0;
        min-width: 0;
    }

    .comparison-block__cell .comparison-block__cell-value {
        display: contents;
    }

    .comparison-block__cell .comparison-block__icon-wrap {
        justify-self: center;
    }

    .comparison-block__cell .comparison-block__cell-text {
        text-align: left;
        min-width: 0;
    }

    .comparison-block__cell.is-featured::before {
        white-space: nowrap;
        overflow-wrap: normal;
    }
}