/* ============================================================
   TWO TREE FINANCIAL: MASTER ARCHITECT CSS
   ============================================================ */

/* 1. TEXT-SWAP LOGIC */
.tax-text-swap {
    position: relative;
    overflow: hidden !important;
    color: transparent !important; 
    background-color: transparent !important; 
}

.tax-text-swap::before,
.tax-text-swap::after {
    font-family: 'Inter', sans-serif !important; 
    font-size: inherit !important;  
    line-height: inherit !important; 
    text-align: center;
    position: absolute;
    top: 0; left: 0; 
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.6s ease !important;
    pointer-events: none !important;
}

.tax-text-swap::before {
    content: "The Highest ROI You'll Ever Find Isn't in Your Portfolio...";
    color: #000000 !important; 
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.tax-text-swap::after {
    content: "It's Found in Your Tax Architecture.";
    color: #efbf78 !important; /* BRAND GOLD */
    transform: translateY(100%) !important;
    opacity: 0 !important;
}

/* Reveal the 4 floating images when the hologram text is hovered */
.gsbp-3764bcf:has(.hologram-container:hover) .gsbp-86a6b1d > * {
    opacity: 1 !important;
    transform: translateZ(0) !important;
    filter: blur(0px) !important;
}
/* Give the image container a real, centered footprint so the
   absolute image offsets scatter around the headline */
.gsbp-3764bcf {
    position: relative !important;
}
.gsbp-1d729a0 {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    max-width: 1200px !important;
    transform: translate(-50%, -50%) !important;
    z-index: 0 !important;
}

/* 2. HOVER TRIGGERS */
.gs-parent-hover:hover .tax-text-swap::before { transform: translateY(-100%) !important; opacity: 0 !important; }
.gs-parent-hover:hover .tax-text-swap::after { transform: translateY(0) !important; opacity: 1 !important; }

/* 3. ARROW VANISH */
.gs-parent-hover:hover svg, 
.gs-parent-hover:hover [class*="icon"], 
.gs-parent-hover:hover .gspb-icon {
    display: none !important;
}

/* 4. THE FORCEFIELD */
.gs-parent-hover {
    border: 300px solid transparent !important;
    margin: -300px !important;
    position: relative !important;
    z-index: 10 !important;
}

/* ============================================================
   SECTION 5: THE MONOLITH FOLD (Structural Levers)
   ============================================================ */

/* 1. Target the parent container to collapse the line gaps */
.gsbp-f39515f {
    line-height: 0.7 !important; /* Extremely tight 'fold' */
    display: block !important;
}

/* 2. Target the animated words inside to match the collapse */
.gsbp-f39515f .gs_split_word,
.gsbp-f39515f span {
    font-size: clamp(32px, 8vw, 90px); /* Adjust size in Editor if needed */
    line-height: 0.7 !important; 
    letter-spacing: -0.05em !important; /* Tighter letter spacing */
    margin-top: 0 !important;
    margin-bottom: -10px !important; /* Pulls lines into each other */
    display: inline-block !important;
    text-transform: uppercase;
}

/* 3. Ensure the 'Blur' effect doesn't add extra height */
.gsbp-f39515f div {
    line-height: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 6. GREENSHIFT TABS & BRAND COLORS */
.gspb-tabs, .gs-tabs-wrapper { --tab-active-bg: #efbf78 !important; --active-bg: #efbf78 !important; }
.gs_tab_bg, .gs-tab-bg, .gs-active-indicator { background-color: #efbf78 !important; border-radius: 99px !important; }

/* 7. THE TITAN BEACON */
@keyframes titan-pulse-aura {
    0%, 100% { box-shadow: 0 0 10px rgba(239, 191, 120, 0.2); }
    50% { box-shadow: 0 0 80px 25px rgba(239, 191, 120, 0.8); }
}

body .gsbp-365e698.gs_button_w_icon {
    display: inline-flex !important;
    font-size: 32px !important; 
    font-weight: 800 !important;
    padding: 30px 80px !important;
    background-color: #efbf78 !important;
    animation: titan-pulse-aura 3s infinite ease-in-out !important;
    border: 0px none transparent !important;
    margin: 40px auto !important;
    white-space: nowrap !important;
}

body .gsbp-365e698:hover {
    animation: none !important;
    transform: scale(1.05) translateY(-5px) !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.3) !important;
}

/* 8. THE SCROLL & STICKY REPAIR */
html, body {
    max-width: 100% !important;
    overflow-x: clip !important; 
    position: relative !important;
}

/* 9. MANIFESTO SPACING CONTROL */
.manifesto-container.gsbp-03e134f {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.manifesto-container.gsbp-03e134f .line:last-child {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/* Pull the next section UP by using a NEGATIVE margin */
.gsbp-e6c96ea {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important; 
}
/* ============================================================
   FAQ FINAL LOCKDOWN: White Text, Left Align, Black Background
   ============================================================ */

/* 1. FORCE THE BLACK BACKGROUND & THE TEXT COLOR */
.gsbp-a6da4f8,
.gsbp-a6da4f8 .gs_item,
.gsbp-a6da4f8 .gs_title,
.gsbp-a6da4f8 button.gs_click_sync,
.gsbp-a6da4f8 .gs_content,
.gsbp-a6da4f8 .gs_content_inner {
    background-color: #000000 !important;
    color: #ffffff !important; /* Force all text to white */
    border-color: #222222 !important;
}

/* 2. ALIGNMENT & SPACING (The 'Folded' Left Look) */
.gsbp-a6da4f8 button.gs_click_sync {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-align: left !important;
    width: 100% !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* 3. THE QUESTION TEXT (Forcing it to be visible) */
.gsbp-a6da4f8 .gs_name {
    color: #ffffff !important; /* The 'Missing' White Text */
    font-size: 18px !important;
    line-height: 1.2 !important;
    text-align: left !important;
    flex: 1 !important;
    margin: 0 !important;
}

/* 4. THE ICON (Locked to the right wall) */
.gsbp-a6da4f8 .gs_icon {
    fill: #ffffff !important;
    color: #ffffff !important;
    margin-left: 20px !important;
    flex-shrink: 0 !important;
}

/* 5. THE ANSWER TEXT (Slightly softer white for readability) */
.gsbp-a6da4f8 .gs_content p {
    color: #cccccc !important;
    text-align: left !important;
    padding-top: 5px !important;
    padding-bottom: 15px !important;
}