/* ════════════════════════════════════════════════════════════
   BASE
════════════════════════════════════════════════════════════ */
*, *::before, *::after {
    margin: 0; padding: 0; box-sizing: border-box;
}
* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body { background: #fcfcfc; color: #333; line-height: 1.6; overflow-x: hidden; }

:root {
    --gold:        #b39b60;
    --dark-gold:   #9a824e;
    --white:       #ffffff;
    --text-dark:   #222;
    --text-light:  #666;
    --border:      #e0e0e0;
    --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
    --ease-std:    cubic-bezier(0.4, 0, 0.2, 1);
}

/* ════════════════════════════════════════════════════════════
   SCROLL PROGRESS BAR
════════════════════════════════════════════════════════════ */
#scroll-progress {
    position: fixed; top: 0; left: 0; height: 3px; width: 0%;
    background: linear-gradient(90deg, var(--gold), #f0d080, var(--gold));
    background-size: 200% 100%;
    animation: progressShimmer 2s linear infinite;
    z-index: 9999;
    transition: width 0.1s linear;
}
@keyframes progressShimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ════════════════════════════════════════════════════════════
   KEYFRAMES
════════════════════════════════════════════════════════════ */
@keyframes navSlideDown {
    from { opacity: 0; transform: translateY(-100%); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes heroLeft {
    from { opacity: 0; transform: translateX(-60px) scale(0.96); filter: blur(6px); }
    to   { opacity: 1; transform: translateX(0)     scale(1);    filter: blur(0); }
}
@keyframes heroRight {
    from { opacity: 0; transform: translateX(60px)  scale(0.96); filter: blur(6px); }
    to   { opacity: 1; transform: translateX(0)     scale(1);    filter: blur(0); }
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-20px); }
}
@keyframes pulseDot {
    0%, 100% { box-shadow: 0 0 0 4px rgba(179,155,96,0.35); }
    50%       { box-shadow: 0 0 0 10px rgba(179,155,96,0.08); }
}
@keyframes greenBlink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.3; }
}
@keyframes shimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes rippleAnim {
    to { transform: scale(5); opacity: 0; }
}
@keyframes underlineSweep {
    from { transform: scaleX(0); transform-origin: left; }
    to   { transform: scaleX(1); transform-origin: left; }
}
@keyframes drawLine {
    from { transform: scaleY(0); transform-origin: top; }
    to   { transform: scaleY(1); transform-origin: top; }
}
@keyframes dotPop {
    0%   { transform: scale(0); opacity: 0; }
    70%  { transform: scale(1.3); }
    100% { transform: scale(1);   opacity: 1; }
}

/* ════════════════════════════════════════════════════════════
   SCROLL REVEAL SYSTEM
   — uses CSS custom prop --stagger set by JS
════════════════════════════════════════════════════════════ */
.reveal {
    opacity: 0;
    transform: translateY(72px) scale(0.94);
    filter: blur(6px);
    transition:
        opacity  0.85s var(--ease-out),
        transform 0.85s var(--ease-out),
        filter   0.85s var(--ease-out);
    transition-delay: var(--stagger, 0ms);
    will-change: transform, opacity, filter;
}
.reveal.reveal-left {
    transform: translateX(-80px) scale(0.95);
    filter: blur(5px);
}
.reveal.reveal-right {
    transform: translateX(80px) scale(0.95);
    filter: blur(5px);
}
.reveal.visible {
    opacity: 1;
    transform: translate(0) scale(1);
    filter: blur(0);
}

/* ════════════════════════════════════════════════════════════
   TYPOGRAPHY
════════════════════════════════════════════════════════════ */
h1 { font-size: 2.5rem; color: #888; font-weight: 500; }
h1 span { color: var(--gold); font-weight: 700; }

.section-title {
    text-align: center; font-size: 2rem; font-weight: 600;
    margin-bottom: 10px; position: relative; display: block;
}
.section-title span { color: var(--gold); }
/* Gold underline that sweeps in from center */
.section-title::after {
    content: '';
    display: block; margin: 8px auto 0;
    width: 60px; height: 2px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.7s 0.3s var(--ease-out);
}
.section-title.title-animated::after { transform: scaleX(1); }

.section-subtitle { text-align: center; color: var(--text-light); margin-bottom: 40px; margin-top: 18px; }

/* ════════════════════════════════════════════════════════════
   LAYOUT
════════════════════════════════════════════════════════════ */
section {
    padding: 70px 5%;
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    transition: background 0.5s ease;
}
section.section-active { background: #fdfcfa; }


/* ════════════════════════════════════════════════════════════
   NAVBAR
════════════════════════════════════════════════════════════ */
.navbar {
    display: flex; justify-content: space-between; align-items: center;
    padding: 18px 5%;
    background: transparent;
    box-shadow: none;
    position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000;
    animation: navSlideDown 0.7s var(--ease-out) both;
    transition: box-shadow 0.4s ease, background 0.4s ease;
}
.navbar.scrolled {
    box-shadow: 0 6px 32px rgba(0,0,0,0.13);
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(8px);
}

/* Logo readable on dark hero video */
.navbar:not(.scrolled) .logo-name {
    background: linear-gradient(90deg, #fff 0%, var(--gold) 50%, #fff 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.navbar:not(.scrolled) .logo-tagline { color: var(--gold); }

.logo { display: flex; align-items: center; gap: 12px; cursor: default; }
.logo-symbol svg {
    display: block;
    transition: transform 0.5s var(--ease-out), filter 0.4s ease;
}
.logo:hover .logo-symbol svg {
    transform: rotate(12deg) scale(1.1);
    filter: drop-shadow(0 2px 8px rgba(179,155,96,0.4));
}
.logo-text { display: flex; flex-direction: column; }
.logo-name {
    font-size: 1.2rem; font-weight: 800; letter-spacing: 1px;
    background: linear-gradient(90deg, var(--text-dark) 0%, var(--gold) 50%, var(--text-dark) 100%);
    background-size: 200% auto;
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
.logo:hover .logo-name { animation: shimmer 1.2s linear; }
.logo-tagline { font-size: 0.72rem; color: var(--gold); font-weight: 500; letter-spacing: 0.5px; margin-top: 1px; }

.compliance-pill {
    padding: 8px 18px; border: 1.5px solid #4caf50;
    color: #2e7d32; background: #f0fdf0; border-radius: 50px;
    font-size: 0.78rem; font-weight: 700; letter-spacing: 0.5px;
    cursor: default; user-select: none;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.compliance-pill:hover { box-shadow: 0 0 0 4px rgba(76,175,80,0.2); transform: scale(1.04); }

/* ════════════════════════════════════════════════════════════
   HERO SECTION
════════════════════════════════════════════════════════════ */
.hero {
    display: flex; align-items: flex-start;
    position: relative; overflow: hidden; max-width: none;
    min-height: 520px; z-index: 0;
    padding-top: 80px;
}
.hero-video {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover; z-index: 0; pointer-events: none;
}
.hero-overlay {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.29);
    z-index: 1;
}
.hero-content {
    max-width: 780px;
    padding-top: 10vh;
    animation: heroLeft 1s 0.15s var(--ease-out) both;
    position: relative; z-index: 2;
}
.subtitle { margin-top: 16px; font-size: 1.1rem; color: var(--text-dark); font-weight: 600; }
.compliance-rule {
    margin-top: 18px; font-size: 0.88rem; color: #555; line-height: 1.7;
    border-left: 3px solid var(--gold);
    padding: 14px 16px;
    background: #faf8f3; border-radius: 0 6px 6px 0;
    transition: border-color 0.35s ease, background 0.35s ease, transform 0.35s var(--ease-out);
}
.compliance-rule:hover {
    border-left-color: var(--dark-gold);
    background: #f5f0e5;
    transform: translateX(4px);
}

/* Hero text — overrides for dark video background */
.hero h1 { color: #f0ece0; }
.hero .subtitle { color: #ccc8b8; }
.hero .compliance-rule {
    background: rgba(0, 0, 0, 0.34);
    color: #c8c4b0;
}
.hero .compliance-rule:hover {
    background: rgba(0, 0, 0, 0.674);
}
.hero-icon {
    margin-top: 28px; display: inline-block;
    animation: float 3s ease-in-out infinite;
    filter: drop-shadow(0 8px 20px rgba(179,155,96,0.3));
    transition: filter 0.4s ease;
}
.hero-icon:hover { filter: drop-shadow(0 14px 28px rgba(179,155,96,0.55)); }

/* ── Form Section (standalone after FAQ) ───────────────────── */
.form-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ── Form Card ────────────────────────────────────────────── */
.hero-form-container {
    width: 100%; max-width: 580px;
    background: var(--white); border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); padding: 20px;
    transition: box-shadow 0.45s ease, transform 0.45s var(--ease-out);
}
.hero-form-container:hover {
    box-shadow: 0 20px 56px rgba(0,0,0,0.14);
    transform: translateY(-3px);
}

.form-tabs { display: flex; background: var(--white); border-radius: 6px 6px 0 0; overflow: hidden; border: 1px solid var(--border); border-bottom: none; }
.tab-btn {
    flex: 1; padding: 15px; border: none; cursor: pointer;
    font-weight: bold; color: var(--text-dark); font-size: 0.82rem;
    background: var(--white);
    transition: background 0.35s var(--ease-std), color 0.3s ease,
                letter-spacing 0.25s ease, transform 0.2s ease;
    position: relative; overflow: hidden;
}
.tab-btn:hover:not(.active) { background: #faf6ec; }
.tab-btn:active { transform: scale(0.97); }
.tab-btn.active { background: var(--gold); color: var(--white); }
#btn-seller { background: var(--white); color: var(--text-dark); }
#btn-seller.active { background: var(--gold); color: var(--white); }
#btn-buyer  { background: var(--white); color: var(--text-dark); }
#btn-buyer.active  { background: var(--gold); color: var(--white); }

.hidden { display: none !important; }

.radio-group { margin-bottom: 13px; }
.radio-label { font-size: 0.78rem; font-weight: 700; color: #555; margin-bottom: 8px; }
.radio-group label {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.84rem; color: #444; margin-bottom: 6px; cursor: pointer;
    transition: color 0.25s ease, transform 0.25s var(--ease-out);
}
.radio-group label:hover { color: var(--gold); transform: translateX(4px); }
.radio-group input[type="radio"] { width: auto; margin-bottom: 0; accent-color: var(--gold); }

.btn-primary {
    width: 100%; padding: 15px; background: var(--gold); color: var(--white);
    border: none; border-radius: 4px; font-weight: bold; font-size: 0.9rem;
    cursor: pointer; letter-spacing: 0.5px; position: relative; overflow: hidden;
    transition: background 0.35s ease, transform 0.3s var(--ease-out), box-shadow 0.3s ease;
}
.btn-primary:hover {
    background: var(--dark-gold);
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(154,130,78,0.38);
}
.btn-primary:active { transform: translateY(0); box-shadow: none; }
.ripple-circle {
    position: absolute; border-radius: 50%;
    background: rgba(255,255,255,0.35);
    width: 10px; height: 10px; transform: scale(0);
    animation: rippleAnim 0.65s linear;
    pointer-events: none;
}

.form-footer-icons {
    display: flex; justify-content: center; gap: 15px; font-size: 0.7rem;
    color: #888; margin-top: 15px; font-weight: bold; text-align: center; flex-wrap: wrap;
}
.form-footer-icons span {
    transition: color 0.25s ease, transform 0.25s var(--ease-out);
    cursor: default;
}
.form-footer-icons span:hover { color: var(--gold); transform: translateY(-2px); }
.ecosystem-text { text-align: center; font-size: 0.8rem; margin-top: 15px; color: #555; }

/* ════════════════════════════════════════════════════════════
   BUYER / SELLER MANDATE FORMS
════════════════════════════════════════════════════════════ */
.mandate-panel.hidden { display: none; }

.dynamic-form { padding: 20px; border: 1px solid var(--border); border-top: none; }
.form-field { margin-bottom: 16px; }
.form-field label, .form-field .radio-label {
    display: block; font-size: 0.8rem; font-weight: 700; color: #555; margin-bottom: 6px;
}
.form-field input[type="text"],
.form-field input[type="tel"],
.form-field select,
.form-field textarea {
    width: 100%; padding: 11px 12px;
    border: 1.5px solid var(--border); border-radius: 4px;
    font-size: 0.88rem; color: #333; background: #fafafa; outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.form-field textarea { resize: vertical; min-height: 56px; font-family: inherit; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 4px rgba(179,155,96,0.18);
    background: #fffdf8;
}
.form-field input:hover:not(:focus),
.form-field select:hover:not(:focus),
.form-field textarea:hover:not(:focus) { border-color: #c8b880; }
.form-field select { cursor: pointer; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-row > div { min-width: 0; }
.field-error { display: block; font-size: 0.74rem; color: #c0392b; margin-top: 4px; }
.optional-tag { font-weight: 500; color: #999; text-transform: none; letter-spacing: 0; }

/* Multi-select (city picker) */
.multiselect { position: relative; }
.multiselect-toggle {
    width: 100%; display: flex; justify-content: space-between; align-items: center;
    padding: 11px 12px; border: 1.5px solid var(--border); border-radius: 4px;
    background: #fafafa; font-size: 0.88rem; color: #333; cursor: pointer; text-align: left;
    transition: border-color 0.25s ease;
}
.multiselect-toggle:hover { border-color: #c8b880; }
.multiselect-panel {
    position: absolute; z-index: 20; top: calc(100% + 6px); left: 0; right: 0;
    max-height: 220px; overflow-y: auto; background: #fff;
    border: 1.5px solid var(--border); border-radius: 6px;
    box-shadow: 0 12px 28px rgba(0,0,0,0.12); padding: 8px 0;
}
.multiselect-panel label {
    display: flex; align-items: center; gap: 8px; padding: 8px 14px;
    font-size: 0.84rem; color: #444; cursor: pointer;
}
.multiselect-panel label:hover { background: #faf6ec; }
.multiselect-panel input[type="checkbox"] { accent-color: var(--gold); width: auto; }

/* Locality add + pills */
.locality-add-row { display: flex; gap: 8px; }
.locality-add-row input { flex: 1; }
.btn-add {
    padding: 0 18px; border: none; border-radius: 4px; background: var(--gold); color: var(--white);
    font-weight: 700; font-size: 0.82rem; cursor: pointer; transition: background 0.25s ease;
}
.btn-add:hover { background: var(--dark-gold); }
.locality-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.pill {
    display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
    background: #f5f0e5; color: var(--dark-gold); font-size: 0.78rem; font-weight: 600;
}
.pill button {
    border: none; background: none; color: var(--dark-gold);
    font-size: 0.95rem; cursor: pointer; line-height: 1;
}

/* Map */
.map-wrap { margin-top: 14px; }
.map-box { width: 100%; height: 240px; border-radius: 8px; border: 1.5px solid var(--border); overflow: hidden; }
.map-pin-note { font-size: 0.76rem; color: #777; margin-top: 6px; }

/* Seller wizard */
.wizard-progress { padding: 18px 20px 0; }
.wizard-progress-bar { width: 100%; height: 6px; border-radius: 999px; background: #eee; overflow: hidden; }
.wizard-progress-fill {
    height: 100%; width: 12.5%;
    background: linear-gradient(90deg, var(--gold), var(--dark-gold));
    border-radius: 999px; transition: width 0.4s var(--ease-out);
}
.wizard-progress-label { margin-top: 8px; font-size: 0.78rem; font-weight: 700; color: var(--dark-gold); letter-spacing: 0.4px; }
.wizard-step-hint { font-size: 0.78rem; color: #888; margin-bottom: 14px; }
.wizard-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; }
.wizard-nav .btn-primary, .wizard-nav .btn-secondary { width: auto; flex: 1; }
.btn-secondary {
    padding: 15px; background: #fff; color: #555; border: 1.5px solid var(--border); border-radius: 4px;
    font-weight: bold; font-size: 0.9rem; cursor: pointer;
    transition: border-color 0.25s ease, color 0.25s ease;
}
.btn-secondary:hover { border-color: var(--gold); color: var(--dark-gold); }

/* Amenity / document toggles */
.amenity-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.amenity-chip {
    display: flex; align-items: center; gap: 8px; padding: 10px 12px;
    border: 1.5px solid var(--border); border-radius: 8px;
    font-size: 0.8rem; color: #444; cursor: pointer;
    transition: border-color 0.25s ease, background 0.25s ease;
}
.amenity-chip:hover { border-color: #c8b880; }
.amenity-chip input { accent-color: var(--gold); width: auto; }
.amenity-chip:has(input:checked) { border-color: var(--gold); background: #faf6ec; color: var(--dark-gold); font-weight: 600; }

/* Area + unit row */
.area-row { display: flex; gap: 8px; }
.area-row input { flex: 2; }
.area-row select { flex: 1; }

/* Success state */
.form-success { padding: 40px 24px; text-align: center; }
.form-success i { font-size: 2.6rem; color: #2e7d32; margin-bottom: 14px; display: block; }
.form-success h3 { font-size: 1.2rem; margin-bottom: 10px; color: var(--text-dark); }
.form-success p { font-size: 0.85rem; color: var(--text-light); line-height: 1.6; margin-bottom: 20px; }
.form-success .btn-primary { max-width: 260px; margin: 0 auto; }

@media (max-width: 520px) {
    .form-row { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════════════════════
   4-PILLAR GRID
════════════════════════════════════════════════════════════ */
.features-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 28px; margin-top: 36px;
}
.feature-card {
    padding: 26px; border: 1px solid #a0843c; border-radius: 12px;
    background: #fdfbf6; cursor: default;
    transition:
        transform  0.45s var(--ease-out),
        box-shadow 0.45s var(--ease-out),
        border-color 0.35s ease,
        background  0.35s ease;
}
.feature-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 48px rgba(179,155,96,0.2);
    border-color: var(--gold);
    background: #fffdf8;
}
.icon-gold {
    font-size: 2.2rem; color: var(--gold); margin-bottom: 14px; display: block;
    transition: transform 0.45s var(--ease-out);
}
.feature-card:hover .icon-gold { transform: scale(1.2) rotate(-8deg); }
.feature-card h3 { font-size: 0.95rem; margin-bottom: 10px; color: var(--text-dark); font-weight: 700; }
.feature-card p  { font-size: 0.88rem; color: var(--text-light); line-height: 1.65; }

/* ════════════════════════════════════════════════════════════
   TRANSACTION PROTOCOL — TIMELINE
════════════════════════════════════════════════════════════ */
.protocol { text-align: center; }

/* Animated line draw */
.timeline {
    max-width: 620px; margin: 44px auto; text-align: left;
    padding-left: 30px; position: relative;
}
.timeline::before {
    content: '';
    position: absolute; left: 0; top: 0; bottom: 0; width: 2px;
    background: var(--gold);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s var(--ease-out);
}
.timeline.line-drawn::before { transform: scaleY(1); }

.timeline-item {
    position: relative; margin-bottom: 44px;
    transition: transform 0.4s var(--ease-out);
}
.timeline-item:hover { transform: translateX(8px); }

.timeline-dot {
    position: absolute; left: -37px; top: 4px;
    width: 14px; height: 14px;
    background: var(--gold); border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px rgba(179,155,96,0.25);
    transition: transform 0.35s var(--ease-out), box-shadow 0.35s ease;
    /* Dots pop in with line draw */
    opacity: 0;
    transform: scale(0);
}
.timeline.line-drawn .timeline-dot {
    animation: dotPop 0.5s var(--ease-out) forwards;
}
.timeline.line-drawn .timeline-item:nth-child(1) .timeline-dot { animation-delay: 0.1s; }
.timeline.line-drawn .timeline-item:nth-child(2) .timeline-dot { animation-delay: 0.4s; }
.timeline.line-drawn .timeline-item:nth-child(3) .timeline-dot { animation-delay: 0.7s; }
.timeline.line-drawn .timeline-item:nth-child(4) .timeline-dot { animation-delay: 1.0s; }
.active-dot { animation: pulseDot 2s ease-in-out infinite !important; }
.timeline-item:hover .timeline-dot {
    transform: scale(1.4);
    box-shadow: 0 0 0 6px rgba(179,155,96,0.2);
}

.timeline-content h3 { font-size: 1.05rem; margin-bottom: 6px; font-weight: 700; color: var(--text-dark); }
.timeline-content p  { font-size: 0.9rem; color: var(--text-light); line-height: 1.65; }

/* ════════════════════════════════════════════════════════════
   SYSTEM RESPONSE TIMELINE
════════════════════════════════════════════════════════════ */
.response-timeline { text-align: center; }
.response-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px; margin-top: 36px;
}
.response-card {
    background: var(--white); border: 1px solid var(--border);
    border-radius: 14px; padding: 34px 24px; text-align: center;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04); cursor: default;
    transition:
        transform  0.45s var(--ease-out),
        box-shadow 0.45s var(--ease-out),
        border-color 0.35s ease;
}
.response-card:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 20px 44px rgba(0,0,0,0.11);
    border-color: var(--gold);
}
.response-card:hover .icon-gold { animation: float 1.2s ease-in-out infinite; }
.response-card .icon-gold { font-size: 2rem; margin-bottom: 12px; }
.response-card h3 { font-size: 1rem; font-weight: 700; color: var(--text-dark); margin-bottom: 10px; }
.response-card p  { font-size: 0.88rem; color: var(--text-light); line-height: 1.65; }

/* ════════════════════════════════════════════════════════════
   FAQ
════════════════════════════════════════════════════════════ */
.faq { max-width: 900px; }
.faq-list { margin-top: 36px; display: flex; flex-direction: column; gap: 12px; }
.faq-item {
    border: 1px solid var(--border); border-radius: 10px; overflow: hidden;
    transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s var(--ease-out);
}
.faq-item:hover {
    border-color: var(--gold);
    box-shadow: 0 6px 24px rgba(179,155,96,0.15);
    transform: translateX(4px);
}
.faq-question {
    width: 100%; text-align: left; background: #fafafa; border: none;
    padding: 18px 20px; font-size: 0.95rem; font-weight: 600; color: var(--text-dark);
    cursor: pointer; display: flex; justify-content: space-between; align-items: center;
    gap: 12px;
    transition: background 0.3s ease, color 0.3s ease;
}
.faq-question:hover { background: #f5f0e8; }
.faq-question.open  { background: #f5f0e8; color: var(--gold); }
.faq-icon {
    font-size: 0.8rem; color: var(--gold); flex-shrink: 0;
    transition: transform 0.4s var(--ease-out);
}
.faq-question.open .faq-icon { transform: rotate(180deg); }
.faq-answer {
    max-height: 0; overflow: hidden;
    padding: 0 20px; font-size: 0.9rem; color: #555; line-height: 1.78;
    background: var(--white);
    transition: max-height 0.5s var(--ease-out), padding 0.4s ease, border-top-width 0.3s ease;
    border-top: 0px solid var(--border);
}
.faq-answer.open { max-height: 600px; padding: 18px 20px; border-top-width: 1px; }

/* ════════════════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .hero { min-height: 400px; }
    .hero-content { animation: none; opacity: 1; transform: none; filter: none; }
    .form-footer-icons { flex-direction: column; gap: 5px; }
    h1 { font-size: 1.9rem; }
    .compliance-pill { font-size: 0.7rem; padding: 6px 12px; }
    /* Simpler reveal on mobile */
    .reveal { transform: translateY(40px) scale(0.97); filter: blur(2px); }
}

/* ════════════════════════════════════════════════════════════
   SALEDEED-STYLE FOOTER — recolored to FullCheque's gold theme
════════════════════════════════════════════════════════════ */
.saledeed-footer {
    --navy: #211c14;
    --navy-dark: #17130d;
    --gold: #b39b60;
    --gold-light: #d3bc8c;
    --gold-dark: #9a824e;
    --cream: #faf8f3;
    --text-light: #f4efe4;
    --text-muted: #b9ac91;
    --text-dark: #241f18;
    --border-gold: rgba(179,155,96,0.35);
    --gray: var(--text-muted);
}
.saledeed-footer * {box-sizing:border-box}
.saledeed-footer button,
  .saledeed-footer input {font:inherit}
.saledeed-footer a {text-decoration:none;color:inherit}
/* neutralize the site-wide `section{max-width:1200px;margin:0 auto;...}` rule
   so each footer block can run the full width of the viewport */
.saledeed-footer section {
    max-width:none;
    width:100%;
    margin:0;
    padding:0;
    border-bottom:0;
  }
.saledeed-footer .footer {
    width:100%;
    background:var(--navy);
    color:#fff;
    border-top:6px solid var(--gold);
    overflow:hidden;
  }
.saledeed-footer .gold {color:var(--gold)}
.saledeed-footer .gray {color:var(--gray)}
.saledeed-footer .bold {font-weight:700}

.saledeed-footer .contact-cta {
    --maroon:var(--gold);
    --maroon-dark:var(--gold-dark);
    padding:56px 16px;
    background:#f6ece0;
    color:var(--navy);
    border-top:3px solid var(--maroon);
    border-bottom:1px solid rgba(255,255,255,.10);
  }
.saledeed-footer .contact-cta-inner {
    max-width:1000px;
    margin:0 auto;
    display:grid;
    grid-template-columns:0.85fr 1.15fr;
    gap:40px;
    align-items:center;
  }
.saledeed-footer .contact-cta-text h2 {
    margin:0 0 16px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(28px,4vw,40px);
    font-weight:700;
    color:var(--navy);
  }
.saledeed-footer .contact-cta-text h2 .maroon {color:var(--maroon)}
.saledeed-footer .contact-cta-text p {margin:0;font-size:15px;line-height:1.6;color:#3f3f3f}
.saledeed-footer .contact-cta-text p strong {color:var(--maroon)}
.saledeed-footer .contact-form {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    background:#fff;
    border:1px solid #e2e2e2;
    border-radius:12px;
    padding:24px;
  }
.saledeed-footer .contact-form input,
  .saledeed-footer .contact-form textarea {
    min-height:48px;
    padding:0 16px;
    border:1px solid #e0e0e0;
    border-radius:8px;
    background:#fff;
    color:var(--navy);
    font-size:14px;
    outline:none;
    transition:border-color .2s ease;
  }
.saledeed-footer .contact-form textarea {
    grid-column:1 / -1;
    padding:12px 16px;
    resize:none;
  }
.saledeed-footer .contact-form input:focus,
  .saledeed-footer .contact-form textarea:focus {border-color:var(--maroon)}
.saledeed-footer .contact-form button {
    grid-column:1 / -1;
    justify-self:start;
    padding:14px 28px;
    border:0;
    border-radius:8px;
    background:var(--maroon);
    color:#fff;
    font-weight:700;
    font-size:15px;
    cursor:pointer;
    transition:background .2s ease;
  }
.saledeed-footer .contact-form button:hover {background:var(--maroon-dark)}
.saledeed-footer .contact-form-note {
    grid-column:1 / -1;
    margin:0;
    font-size:13px;
    font-weight:600;
    color:#1e7a3c;
  }
@media(max-width:767px) {
.saledeed-footer .contact-cta-inner {grid-template-columns:1fr;text-align:center}
.saledeed-footer .contact-form {grid-template-columns:1fr}
.saledeed-footer .contact-form button {justify-self:center}
}

.saledeed-footer .call-challenge {
    padding:56px 16px;
    text-align:center;
    background:var(--navy-dark);
    border-bottom:1px solid rgba(255,255,255,.10);
  }
.saledeed-footer .call-challenge-inner {max-width:640px;margin:0 auto}
.saledeed-footer .call-challenge-icon {
    width:64px;
    height:64px;
    margin:0 auto 24px;
    border-radius:50%;
    background:rgba(179,155,96,.14);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gold);
    font-size:26px;
  }
.saledeed-footer .call-challenge h2 {
    margin:0 0 20px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(28px,5vw,44px);
    font-weight:700;
    color:#fff;
  }
.saledeed-footer .call-challenge-lead {margin:0 0 8px;font-size:17px;color:#fff}
.saledeed-footer .call-challenge-sub {margin:0 0 32px;font-size:14px;line-height:1.6;color:var(--gray)}
.saledeed-footer .challenge-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 40px;
    background:var(--gold);
    color:#fff;
    font-weight:700;
    font-size:16px;
    border-radius:12px;
    transition:background .2s ease;
  }
.saledeed-footer .challenge-btn:hover {background:var(--gold-dark)}

.saledeed-footer .property-baap {
    padding:56px 16px;
    background:var(--navy);
    border-bottom:1px solid rgba(255,255,255,.10);
  }
.saledeed-footer .property-baap-inner {max-width:900px;margin:0 auto}
.saledeed-footer .property-baap-heading {text-align:center;margin-bottom:32px}
.saledeed-footer .property-baap-badge {
    display:inline-block;
    margin:0 auto 20px;
    padding:10px 24px;
    border-radius:999px;
    background:var(--gold);
    color:#fff;
    font-size:clamp(18px,3vw,22px);
    font-weight:700;
  }
.saledeed-footer .property-baap-title {
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(30px,6vw,48px);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#fff;
  }
.saledeed-footer .property-baap-tagline {margin:8px 0 0;font-size:clamp(16px,2.5vw,20px);font-weight:700;color:var(--gold)}
.saledeed-footer .property-baap-subtitle {margin:12px 0 0;font-size:14px;color:var(--gray)}
.saledeed-footer .property-baap-divider {display:flex;align-items:center;gap:16px;margin-bottom:24px}
.saledeed-footer .property-baap-divider .line {flex:1;height:1px;background:var(--border-gold)}
.saledeed-footer .property-baap-divider p {margin:0;font-size:15px;font-weight:700;color:#fff;white-space:nowrap}
.saledeed-footer .property-baap-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:32px;
  }
.saledeed-footer .property-baap-item {
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 16px;
    background:rgba(255,255,255,.05);
    border:1px solid var(--border-gold);
    border-radius:12px;
    font-size:13px;
    font-weight:600;
    color:#fff;
    transition:border-color .2s ease;
  }
.saledeed-footer .property-baap-item:hover {border-color:var(--gold)}
.saledeed-footer .property-baap-item i {color:var(--gold);font-size:16px}
.saledeed-footer .property-baap-cta {text-align:center}
.saledeed-footer .property-baap-cta a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 44px;
    border:1px solid var(--gold);
    background:var(--gold);
    color:#fff;
    font-weight:700;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:.08em;
    border-radius:10px;
    transition:background .2s ease;
  }
.saledeed-footer .property-baap-cta a:hover {background:var(--gold-dark)}
@media(max-width:639px) {
.saledeed-footer .call-challenge {padding:40px 16px}
.saledeed-footer .property-baap {padding:40px 16px}
.saledeed-footer .property-baap-grid {grid-template-columns:repeat(1,1fr)}
}
@media(min-width:640px) and (max-width:767px) {
.saledeed-footer .property-baap-grid {grid-template-columns:repeat(2,1fr)}
}

.saledeed-footer .brand-story {
    padding:56px 16px;
    background:var(--navy);
    border-bottom:1px solid rgba(255,255,255,.10);
    text-align:center;
  }
.saledeed-footer .brand-story-inner {max-width:700px;margin:0 auto}
.saledeed-footer .brand-story-title {
    margin:0 0 20px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(26px,5vw,36px);
    font-weight:700;
    color:#fff;
  }
.saledeed-footer .brand-story-text {margin:0 0 16px;font-size:15px;line-height:1.7;color:var(--gray)}
.saledeed-footer .brand-story-text strong {color:var(--gold)}
.saledeed-footer .brand-story-prompt {
    margin:0 0 20px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--gold);
  }
.saledeed-footer .brand-story-full {
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:.35s;
    text-align:left;
  }
.saledeed-footer .brand-story-full.open {max-height:3200px;opacity:1;margin-bottom:24px}
.saledeed-footer .brand-story-full p {margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--gray)}
.saledeed-footer .brand-story-full p strong {color:#fff}
.saledeed-footer .brand-story-full p strong.gold {color:var(--gold)}
.saledeed-footer .brand-story-full p.center {text-align:center}
.saledeed-footer .brand-story-full p.gold {color:var(--gold)}
.saledeed-footer .brand-story-full p.bold {font-weight:700}
.saledeed-footer .brand-story-full h3 {
    margin:24px 0 10px;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    text-align:center;
    color:#fff;
  }
.saledeed-footer .brand-story-full h3:first-child {margin-top:0}
.saledeed-footer .brand-story-full h3.lg {
    margin:32px 0 14px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(18px,3vw,22px);
    text-transform:none;
    letter-spacing:0;
  }
.saledeed-footer .brand-story-full .check-line {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:center;
    font-weight:700;
    color:var(--gold);
  }
.saledeed-footer .brand-story-toggle {
    border:1px solid var(--border-gold);
    background:none;
    color:var(--gold);
    font-weight:700;
    font-size:14px;
    padding:12px 28px;
    border-radius:10px;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:border-color .2s ease;
  }
.saledeed-footer .brand-story-toggle:hover {border-color:var(--gold)}
.saledeed-footer .brand-story-toggle .chevron {transition:.3s;font-size:12px}
.saledeed-footer .brand-story-toggle.open .chevron {transform:rotate(180deg)}
@media(max-width:639px) {
.saledeed-footer .brand-story {padding:40px 16px}
}

.saledeed-footer .ecosystem {
    padding:40px 16px 80px;
    background:var(--navy);
    border-top:1px solid var(--border-gold);
    border-bottom:1px solid rgba(255,255,255,.10);
  }
.saledeed-footer .ecosystem-inner {
    max-width:1152px;
    margin:0 auto;
  }
.saledeed-footer .ecosystem-heading {
    text-align:center;
    margin-bottom:56px;
  }
.saledeed-footer .ecosystem-heading h2 {
    margin:0;
    padding:0 8px;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(20px,3vw,36px);
    font-weight:400;
  }
.saledeed-footer .ecosystem-parent-wrap {
    display:flex;
    justify-content:center;
    position:relative;
    margin-bottom:0;
  }
.saledeed-footer .ecosystem-parent {
    position:relative;
    background:var(--navy);
    border:1px solid var(--gold);
    border-radius:16px;
    padding:20px 40px;
    z-index:10;
  }
.saledeed-footer .ecosystem-parent h3 {
    margin:0;
    text-align:center;
    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    font-weight:700;
  }
.saledeed-footer .ecosystem-parent .white {color:#fff}
.saledeed-footer .ecosystem-parent .gold {color:var(--gold)}
.saledeed-footer .ecosystem-parent-subtitle {
    margin:8px 0 0;
    text-align:center;
    font-size:13px;
    font-weight:500;
    color:var(--gray);
  }
.saledeed-footer .desktop-tree {
    position:relative;
    height:64px;
  }
.saledeed-footer .desktop-tree svg {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
.saledeed-footer .mobile-tree {display:none}
.saledeed-footer .ecosystem-children {
    position:relative;
  }
.saledeed-footer .ecosystem-grid {
    position:relative;
    z-index:10;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
  }
.saledeed-footer .ecosystem-card {
    display:block;
    border:1px solid rgba(255,255,255,.08);
    background:var(--navy-dark);
    border-radius:16px;
    padding:24px;
    text-align:center;
    transition:all .3s ease;
  }
.saledeed-footer .ecosystem-card:hover {
    transform:translateY(-8px);
    border-color:var(--gold);
    box-shadow:0 20px 35px rgba(0,0,0,.35);
  }
.saledeed-footer .ecosystem-icon {
    width:48px;
    height:48px;
    margin:0 auto 16px;
    border-radius:50%;
    background:rgba(179,155,96,.14);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gold);
  }
.saledeed-footer .ecosystem-icon svg {width:24px;height:24px}
.saledeed-footer .ecosystem-card h4 {
    margin:0;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
  }
.saledeed-footer .ecosystem-card:hover h4 {color:var(--gold)}
.saledeed-footer .ecosystem-card p {
    margin:8px 0 0;
    color:var(--gray);
    font-size:14px;
    line-height:1.35;
  }
.saledeed-footer .ecosystem-connector { display:none; }
@media(max-width:1023px) {
.saledeed-footer .ecosystem {
      padding:40px 16px 64px;
    }
.saledeed-footer .ecosystem-heading {margin-bottom:40px}
.saledeed-footer .desktop-tree {display:none}
.saledeed-footer .mobile-tree {
      display:block;
      width:100%;
      max-width:260px;
      height:32px;
      margin:0 auto;
    }
.saledeed-footer .ecosystem-children {
      min-height:0;
    }
.saledeed-footer .ecosystem-grid {
      grid-template-columns:repeat(2,1fr);
      gap:12px;
    }
.saledeed-footer .ecosystem-card {
      padding:16px;
      border-radius:12px;
    }
.saledeed-footer .ecosystem-card:last-child {
      grid-column:span 2;
      width:calc(50% - 6px);
      margin:0 auto;
    }
.saledeed-footer .ecosystem-card h4 {font-size:16px}
.saledeed-footer .ecosystem-card p {font-size:12px}
.saledeed-footer .ecosystem-icon {
      width:44px;height:44px;margin-bottom:12px;
    }
.saledeed-footer .ecosystem-icon svg {width:22px;height:22px}
}
@media(min-width:640px) and (max-width:1023px) {
.saledeed-footer .ecosystem {
      padding:64px 24px 80px;
    }
.saledeed-footer .ecosystem-heading h2 {font-size:30px}
.saledeed-footer .ecosystem-heading {margin-bottom:40px}
.saledeed-footer .ecosystem-grid {
      grid-template-columns:repeat(3,1fr);
      gap:20px;
    }
.saledeed-footer .ecosystem-card:last-child {
      grid-column:span 1;
      width:100%;
    }
.saledeed-footer .ecosystem-card {padding:20px}
}
@media(max-width:639px) {
.saledeed-footer .ecosystem {
      padding:56px 16px 72px;
      background:var(--cream);
      border-top:1px solid var(--border-gold);
      border-bottom:1px solid #e5ddc9;
    }
.saledeed-footer .ecosystem-heading {margin-bottom:36px}
.saledeed-footer .ecosystem-heading h2 {
      color:var(--text-dark);
      font-family:'Segoe UI',sans-serif;
      font-weight:700;
    }
.saledeed-footer .ecosystem-parent {
      background:#fff;
      border:1.5px solid var(--gold);
      border-radius:18px;
      padding:22px 28px;
      box-shadow:0 4px 16px rgba(0,0,0,.04);
    }
.saledeed-footer .ecosystem-parent h3 {
      font-family:'Segoe UI',sans-serif;
      font-weight:800;
      font-size:24px;
    }
.saledeed-footer .ecosystem-parent .white {color:var(--text-dark)}
.saledeed-footer .ecosystem-parent-subtitle {color:#75705f}
.saledeed-footer .ecosystem-parent .gold {color:var(--gold-dark)}
.saledeed-footer .mobile-tree {max-width:371px;height:32px}
.saledeed-footer .ecosystem-grid {
      grid-template-columns:repeat(2,1fr);
      column-gap:16px;
      row-gap:0;
    }
.saledeed-footer .ecosystem-card {
      background:#fff;
      border:1px solid #e5ddc9;
      border-radius:18px;
      padding:22px 16px;
      box-shadow:0 4px 14px rgba(0,0,0,.05);
    }
.saledeed-footer .ecosystem-card:hover {
      border-color:var(--gold);
      box-shadow:0 12px 26px rgba(0,0,0,.08);
    }
.saledeed-footer .ecosystem-card:last-child {
      grid-column:span 2;
      width:75%;
      margin:0 auto;
    }
.saledeed-footer .ecosystem-icon {
      width:52px;height:52px;margin-bottom:14px;
      background:rgba(179,155,96,.15);
      color:var(--gold-dark);
    }
.saledeed-footer .ecosystem-icon svg {width:24px;height:24px}
.saledeed-footer .ecosystem-card h4 {
      font-size:17px;
      color:var(--text-dark);
      font-family:'Segoe UI',sans-serif;
      font-weight:700;
    }
.saledeed-footer .ecosystem-card:hover h4 {color:var(--gold-dark)}
.saledeed-footer .ecosystem-card p {
      font-size:13px;
      color:#75705f;
      font-family:'Segoe UI',sans-serif;
    }
.saledeed-footer .ecosystem-connector {
      display:block;
      grid-column:1 / -1;
      height:28px;
    }
.saledeed-footer .ecosystem-connector svg { width:100%; height:100%; display:block; }
}
/* Partner Network */
.saledeed-footer .partner-network {
    padding:64px 16px;
    background:var(--navy);
    border-top:1px solid rgba(255,255,255,.10);
    border-bottom:1px solid rgba(255,255,255,.10);
    text-align:center;
  }
.saledeed-footer .partner-network-inner {max-width:720px;margin:0 auto}
.saledeed-footer .partner-network-eyebrow {
    margin:0 0 14px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--gold-light);
  }
.saledeed-footer .partner-network-title {
    margin:0 0 16px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(24px,4vw,32px);
    font-weight:700;
    line-height:1.3;
    color:#fff;
  }
.saledeed-footer .partner-network-sub {margin:0 0 28px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.75)}
.saledeed-footer .partner-network-tags {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-bottom:32px;
  }
.saledeed-footer .partner-network-tags span {
    padding:8px 18px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    background:rgba(255,255,255,.05);
    font-size:13px;
    font-weight:600;
    color:var(--gold-light);
  }
.saledeed-footer .partner-network-cta {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 40px;
    background:linear-gradient(90deg,var(--gold-dark),var(--gold));
    color:#fff;
    font-weight:700;
    font-size:15px;
    border-radius:10px;
    box-shadow:0 4px 14px rgba(179,155,96,0.25);
    transition:transform .2s ease,box-shadow .2s ease;
  }
.saledeed-footer .partner-network-cta:hover {transform:translateY(-1px);box-shadow:0 6px 18px rgba(179,155,96,0.35)}

/* Referral Network */
.saledeed-footer .referral-network {
    padding:64px 16px;
    background:var(--cream);
    text-align:center;
  }
.saledeed-footer .referral-network-inner {max-width:960px;margin:0 auto}
.saledeed-footer .referral-network-eyebrow {
    margin:0 0 16px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--gold-dark);
  }
.saledeed-footer .referral-network-title {
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(36px,7vw,56px);
    font-weight:700;
    color:var(--text-dark);
  }
.saledeed-footer .referral-network-punchline {margin:14px 0 0;font-size:clamp(18px,2.6vw,24px);font-weight:700;color:var(--text-dark)}
.saledeed-footer .referral-network-tagline {margin:10px 0 0;font-size:15px;font-weight:700;color:var(--gold-dark)}
.saledeed-footer .referral-network-lead {margin:24px 0 0;font-size:16px;font-weight:600;color:var(--text-dark)}
.saledeed-footer .referral-network-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    margin-top:40px;
    padding-top:40px;
    border-top:1px solid var(--border-gold);
    text-align:left;
  }
.saledeed-footer .referral-network-col h3 {
    margin:0 0 14px;
    font-size:19px;
    font-weight:700;
    color:var(--text-dark);
    line-height:1.4;
  }
.saledeed-footer .referral-network-col p {margin:0 0 20px;font-size:14px;line-height:1.7;color:#6b6153}
.saledeed-footer .referral-network-col p.referral-network-cta-line {
    margin:-4px 0 20px;
    font-size:16px;
    font-weight:800;
    line-height:1.5;
    color:var(--gold);
    text-shadow:0 0 1px rgba(184,134,11,.3);
  }
.saledeed-footer .referral-network-tags {display:flex;flex-wrap:wrap;gap:10px}
.saledeed-footer .referral-network-tags span {
    padding:7px 16px;
    border:1px solid var(--border-gold);
    border-radius:999px;
    font-size:12px;
    font-weight:600;
    color:var(--gold-dark);
  }
.saledeed-footer .referral-network-col--actions {display:flex;flex-direction:column;justify-content:center}
.saledeed-footer .btn-referral {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    border-radius:10px;
    font-weight:700;
    font-size:14px;
    margin-bottom:14px;
    transition:all .2s ease;
  }
.saledeed-footer .btn-referral--solid {background:var(--gold);color:#fff}
.saledeed-footer .btn-referral--solid:hover {background:var(--gold-dark)}
.saledeed-footer .btn-referral--outline {border:1px solid var(--border-gold);color:var(--gold-dark)}
.saledeed-footer .btn-referral--outline:hover {border-color:var(--gold-dark);color:var(--gold-dark)}
.saledeed-footer .referral-network-footer {margin-top:48px;text-align:center}
.saledeed-footer .referral-network-footer-eyebrow {
    margin:0 0 8px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--gold-dark);
  }
.saledeed-footer .referral-network-footer-title {
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(26px,5vw,38px);
    font-weight:700;
    color:var(--text-dark);
  }
@media(max-width:767px) {
.saledeed-footer .referral-network-grid {grid-template-columns:1fr;gap:32px}
}

@media(max-width:639px) {
.saledeed-footer .partner-network {padding:40px 16px}
.saledeed-footer .referral-network {padding:40px 16px}
}

.saledeed-footer .main {
    display:flex;
    justify-content:center;
    max-width:1280px;
    margin:auto;
    padding:48px 32px 56px;
  }
.saledeed-footer .brand {min-width:0;text-align:center}
.saledeed-footer .brand-wordmark {
    display:inline-flex;
    align-items:baseline;
    line-height:1;
  }
.saledeed-footer .brand-wordmark .sale {
    font:700 26px Georgia,"Times New Roman",serif;
    text-transform:uppercase;
    color:#fff;
  }
.saledeed-footer .brand-wordmark .com {
    color:var(--gold);
    font:700 24px Georgia,"Times New Roman",serif;
    text-transform:uppercase;
  }
.saledeed-footer .tagline {
    margin:8px 0 0;
    color:#fff;
    font-size:11px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
.saledeed-footer .brand-unit {margin:10px 0 0;font-size:13px}
.saledeed-footer .brand-redefine {
    margin:8px 0 0;
    font-size:11px;
    font-weight:700;
    letter-spacing:.2em;
    text-transform:uppercase;
  }
.saledeed-footer .brand-redefine .white {color:#fff}
.saledeed-footer .footer-divider {
    width:100%;
    max-width:420px;
    height:1px;
    margin:24px auto;
    background:linear-gradient(to right,transparent,var(--border-gold),transparent);
  }
.saledeed-footer .footer-nav {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:16px 32px;
  }
.saledeed-footer .footer-nav a {
    color:var(--gray);
    font-size:13px;
    font-weight:600;
    transition:color .2s ease;
  }
.saledeed-footer .footer-nav a:hover {color:var(--gold)}
.saledeed-footer .disclaimer {
    padding:16px;
    border-top:1px solid rgba(255,255,255,.05);
  }
.saledeed-footer .disclaimer-inner {
    max-width:896px;
    margin:auto;
    text-align:center;
    color:var(--gray);
    font-size:11px;
    line-height:1.6;
  }
.saledeed-footer .disclaimer-inner p {margin:0 0 8px}
.saledeed-footer .footer-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px;
    padding:18px 32px;
    background:var(--navy-dark);
    border-top:1px solid rgba(255,255,255,.08);
    color:var(--gray);
    font-size:14px;
  }
.saledeed-footer .footer-bottom__copyright {white-space:nowrap}
.saledeed-footer .india {font-size:16px;font-weight:500;color:#fff}
.saledeed-footer .india .orange {color:#FF9933}
.saledeed-footer .india .green {color:#138808}
@media(max-width:639px) {
.saledeed-footer .footer-bottom {justify-content:center;text-align:center;padding:16px}
.saledeed-footer .main {padding:32px 16px 40px}
}

/* ════════════════════════════════════════════════════════════
   SHARED LEAD-CAPTURE MODAL
════════════════════════════════════════════════════════════ */
.lead-modal-overlay {
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(23,19,13,0.72);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease;
  }
.lead-modal-overlay[hidden] {display:none}
.lead-modal-overlay.open {opacity:1;visibility:visible}
body.modal-open {overflow:hidden}

.lead-modal {
    position:relative;
    width:100%;
    max-width:440px;
    max-height:90vh;
    overflow-y:auto;
    background:#fff;
    border-radius:16px;
    padding:32px 28px 28px;
    box-shadow:0 20px 60px rgba(0,0,0,0.35);
    transform:translateY(24px) scale(0.97);
    opacity:0;
    transition:transform .25s ease, opacity .25s ease;
  }
.lead-modal-overlay.open .lead-modal {transform:translateY(0) scale(1);opacity:1}

.lead-modal-close {
    position:absolute;
    top:14px;
    right:14px;
    width:32px;
    height:32px;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#8a8378;
    font-size:22px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .2s ease, color .2s ease;
  }
.lead-modal-close:hover {background:#f3efe6;color:#241f18}

.lead-modal-eyebrow {
    margin:0 0 8px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    color:var(--gold);
  }
.lead-modal-title {
    margin:0 0 10px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(20px,3vw,26px);
    font-weight:700;
    color:#241f18;
    line-height:1.25;
  }
.lead-modal-sub {
    margin:0 0 22px;
    font-size:14px;
    line-height:1.55;
    color:#6b6459;
  }

.lead-modal-form {
    display:grid;
    gap:14px;
  }
.lead-modal-form input,
.lead-modal-form select,
.lead-modal-form textarea {
    width:100%;
    padding:13px 16px;
    border:1px solid #e2ddd0;
    border-radius:10px;
    background:#faf8f3;
    color:#241f18;
    font-size:14px;
    font-family:inherit;
    outline:none;
    transition:border-color .2s ease, background .2s ease;
  }
.lead-modal-form select {appearance:auto}
.lead-modal-form textarea {resize:none}
.lead-modal-form input:focus,
.lead-modal-form select:focus,
.lead-modal-form textarea:focus {border-color:var(--gold);background:#fff}
.lead-modal-form button {
    margin-top:4px;
    padding:14px;
    border:0;
    border-radius:10px;
    background:var(--gold);
    color:#fff;
    font-size:15px;
    font-weight:700;
    letter-spacing:.2px;
    cursor:pointer;
    transition:background .2s ease;
  }
.lead-modal-form button:hover {background:var(--dark-gold)}

@media(max-width:480px) {
  .lead-modal {padding:26px 20px 22px}
}