/* Landlords Page Custom Styles */
 :root {
     --landlord-gold: #c9a962;
     --landlord-gold-hover: #d4b76a;
     --landlord-dark: #10151c;
     --landlord-text-muted: rgba(255, 255, 255, 0.7);
 }

 .landlords-page-wrapper {
     background-color: var(--landlord-dark);
     color: var(--primitive-color--white, white);
     min-height: 100vh;
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
 }

 /* Navbar */
 .landlords-navbar {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 1000;
     padding: 20px 40px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     background: linear-gradient(to bottom, rgba(16, 21, 28, 0.95), transparent);
 }

 .landlords-navbar img {
     height: 40px;
     width: auto;
     object-fit: contain;
 }

 .navbar-links {
     display: flex;
     gap: 30px;
     align-items: center;
 }

 .navbar-links a {
     color: var(--primitive-color--white, white);
     text-decoration: none;
     font-size: var(--_font---font-size--text-small, 14px);
     opacity: 0.8;
     transition: opacity 0.3s;
 }

 .navbar-links a:hover {
     opacity: 1;
 }

 .navbar-login {
     padding: 8px 18px;
     border: 1px solid rgba(255,255,255,0.35);
     border-radius: 8px;
     opacity: 0.9 !important;
     transition: all 0.3s !important;
 }

 .navbar-login:hover {
     border-color: rgba(255,255,255,0.7);
     background: rgba(255,255,255,0.1);
 }

 .navbar-cta {
     padding: 10px 24px;
     background: var(--landlord-gold);
     color: var(--landlord-dark);
     border: none;
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-weight: var(--_font---font-weight--600, 600);
     cursor: pointer;
     transition: all 0.3s;
     border-radius: var(--_size-variables---border-radius--radius-12, 12px);
 }

 .navbar-cta:hover {
     background: var(--landlord-gold-hover);
 }

 /* Navbar Dropdown */
 .navbar-dropdown {
     position: relative;
 }

 .navbar-dropdown__toggle {
     display: flex;
     align-items: center;
     gap: 4px;
     color: var(--primitive-color--white, white);
     text-decoration: none;
     font-size: var(--_font---font-size--text-small, 14px);
     opacity: 0.8;
     transition: opacity 0.3s;
     cursor: pointer;
     background: none;
     border: none;
     font-family: inherit;
     padding: 0;
 }

 .navbar-dropdown__toggle:hover {
     opacity: 1;
 }

 .navbar-dropdown__toggle svg {
     width: 14px;
     height: 14px;
     transition: transform 0.3s ease;
 }

 .navbar-dropdown.open .navbar-dropdown__toggle svg {
     transform: rotate(180deg);
 }

 .navbar-dropdown__menu {
     position: absolute;
     top: calc(100% + 12px);
     left: 50%;
     transform: translateX(-50%);
     min-width: 280px;
     background: var(--landlord-dark, #10151c);
     border: 1px solid rgba(201, 169, 98, 0.25);
     border-radius: 12px;
     padding: 8px 0;
     box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
     opacity: 0;
     visibility: hidden;
     transform: translateX(-50%) translateY(8px);
     transition: all 0.25s ease;
     z-index: 1001;
 }

 .navbar-dropdown.open .navbar-dropdown__menu {
     opacity: 1;
     visibility: visible;
     transform: translateX(-50%) translateY(0);
 }

 .navbar-dropdown__item {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 12px 20px;
     color: rgba(255, 255, 255, 0.8);
     text-decoration: none;
     font-size: 13px;
     transition: all 0.2s ease;
     line-height: 1.4;
 }

 .navbar-dropdown__item:hover {
     background: rgba(201, 169, 98, 0.1);
     color: var(--landlord-gold);
 }

 .navbar-dropdown__item svg {
     width: 18px;
     height: 18px;
     stroke: var(--landlord-gold);
     flex-shrink: 0;
 }

 /* Hamburger Menu */
 .navbar-hamburger {
     display: none;
     background: none;
     border: none;
     cursor: pointer;
     padding: 8px;
     z-index: 1001;
 }

 .navbar-hamburger span {
     display: block;
     width: 24px;
     height: 2px;
     background: white;
     margin: 5px 0;
     border-radius: 2px;
     transition: all 0.3s ease;
 }

 .navbar-hamburger.active span:nth-child(1) {
     transform: rotate(45deg) translate(5px, 5px);
 }

 .navbar-hamburger.active span:nth-child(2) {
     opacity: 0;
 }

 .navbar-hamburger.active span:nth-child(3) {
     transform: rotate(-45deg) translate(5px, -5px);
 }

 @media (max-width: 768px) {
     .navbar-hamburger {
         display: block;
     }

     .navbar-links {
         position: fixed;
         top: 0;
         right: -100%;
         width: 280px;
         height: 100vh;
         background: var(--landlord-dark, #10151c);
         flex-direction: column;
         padding: 80px 24px 32px;
         gap: 0;
         transition: right 0.35s ease;
         border-left: 1px solid rgba(201, 169, 98, 0.2);
         z-index: 1000;
         overflow-y: auto;
         display: flex !important;
     }

     .navbar-links.mobile-open {
         right: 0;
     }

     .navbar-links a,
     .navbar-dropdown__toggle {
         padding: 14px 0;
         border-bottom: 1px solid rgba(255, 255, 255, 0.06);
         width: 100%;
         font-size: 15px;
         opacity: 1;
     }

     .navbar-dropdown__menu {
         position: static;
         transform: none;
         min-width: unset;
         box-shadow: none;
         border: none;
         border-radius: 0;
         padding: 0 0 0 16px;
         background: transparent;
         max-height: 0;
         overflow: hidden;
         transition: max-height 0.3s ease, opacity 0.3s ease;
         opacity: 0;
         visibility: visible;
     }

     .navbar-dropdown.open .navbar-dropdown__menu {
         max-height: 300px;
         opacity: 1;
         transform: none;
     }

     .navbar-dropdown__item {
         padding: 10px 0;
         font-size: 13px;
     }

     .navbar-login {
         margin-top: 8px;
         text-align: center;
     }

     .navbar-cta {
         margin-top: 8px;
         width: 100%;
         text-align: center;
     }

     .mobile-overlay {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.5);
         z-index: 999;
         opacity: 0;
         visibility: hidden;
         transition: all 0.3s ease;
     }

     .mobile-overlay.active {
         opacity: 1;
         visibility: visible;
     }
 }

 /* Hero with Calculator */
 .hero-calculator {
     min-height: 100vh;
     display: flex;
     align-items: center;
     padding: 120px 40px 80px;
     position: relative;
     overflow: hidden;
 }

 .hero-calculator::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=1920&q=80') center/cover;
     opacity: 0.15;
     z-index: 0;
 }

 .hero-content {
     position: relative;
     z-index: 1;
     max-width: 1400px;
     margin: 0 auto;
     width: 100%;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 80px;
     align-items: center;
 }

 .hero-text h1 {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--h2);
     font-weight: var(--_font---font-weight--500);
     line-height: var(--_font---line-height--h2);
     margin-bottom: var(--_size-variables---element-spacing--spacing-24, 24px);
 }

 .hero-text h1 span {
     color: var(--landlord-gold);
 }

 .hero-text p {
     font-size: var(--_font---font-size--text-medium, 18px);
     color: var(--landlord-text-muted);
     margin-bottom: var(--_size-variables---element-spacing--spacing-40, 40px);
     max-width: 500px;
     line-height: var(--_font---line-height--body-font, 150%);
 }

 .hero-stats {
     display: flex;
     gap: 32px;
     margin-top: var(--_size-variables---element-spacing--spacing-40, 40px);
     flex-wrap: wrap;
 }

 .stat-item {
     text-align: left;
     min-width: 100px;
 }

 .stat-number {
     font-family: var(--font-family--heading);
     font-size: clamp(28px, 4vw, 36px);
     font-weight: var(--_font---font-weight--500);
     color: var(--landlord-gold);
     line-height: 1.1;
 }

 .stat-label {
     font-size: var(--_font---font-size--text-small, 14px);
     color: var(--landlord-text-muted);
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-top: 4px;
 }

 /* Calculator Card */
 .calculator-card {
     background: rgba(255, 255, 255, 0.05);
     backdrop-filter: blur(20px);
     border: 1px solid rgba(255, 255, 255, 0.1);
     padding: 40px;
     border-radius: var(--_size-variables---border-radius--radius-16, 16px);
 }

 .calculator-title {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--h5);
     font-weight: var(--_font---font-weight--500);
     margin-bottom: 8px;
 }

 .calculator-subtitle {
     color: var(--landlord-text-muted);
     font-size: var(--_font---font-size--text-small, 14px);
     margin-bottom: 30px;
 }

 .form-group {
     margin-bottom: 24px;
 }

 .form-group label {
     display: block;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: var(--landlord-text-muted);
     margin-bottom: 8px;
 }

 .form-group select,
 .form-group input {
     width: 100%;
     padding: 14px 16px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.2);
     color: var(--primitive-color--white, white);
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-regular, 16px);
     border-radius: var(--_size-variables---border-radius--radius-12, 12px);
     transition: border-color 0.3s;
 }

 .form-group select:focus,
 .form-group input:focus {
     outline: none;
     border-color: var(--landlord-gold);
 }

 .form-group select option {
     background: var(--landlord-dark);
 }

 .form-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 16px;
 }

 .calculate-btn {
     width: 100%;
     padding: 16px;
     background: var(--landlord-gold);
     color: var(--landlord-dark);
     border: none;
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-small, 14px);
     font-weight: var(--_font---font-weight--600, 600);
     text-transform: uppercase;
     letter-spacing: 1px;
     cursor: pointer;
     transition: all 0.3s;
     margin-top: 10px;
     border-radius: var(--_size-variables---border-radius--radius-12, 12px);
 }

 .calculate-btn:hover {
     background: var(--landlord-gold-hover);
 }

 /* Results */
 .calculator-results {
     display: none;
     margin-top: 30px;
     padding-top: 30px;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
 }

 .calculator-results.show {
     display: block;
 }

 .result-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 16px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

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

 .result-label {
     color: var(--landlord-text-muted);
     font-size: var(--_font---font-size--text-small, 14px);
 }

 .result-value {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--text-large, 20px);
     font-weight: var(--_font---font-weight--600, 600);
 }

 .result-value.highlight {
     color: var(--landlord-gold);
     font-size: var(--_font---font-size--text-large, 20px);
 }

 .result-note {
     font-family: var(--font-family--body);
     font-size: var(--_font---font-size--text-small, 13px);
     color: var(--landlord-text-muted);
     text-align: center;
     margin: 8px 0 16px;
     font-style: italic;
 }

 .viandco-row .result-value {
     font-size: var(--_font---font-size--text-medium, 18px);
 }

 .result-comparison {
     background: rgba(201, 169, 98, 0.1);
     padding: 20px;
     margin-top: 20px;
     text-align: center;
     border-radius: var(--_size-variables---border-radius--radius-12, 12px);
 }

 .result-comparison .extra {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--h4);
     font-weight: var(--_font---font-weight--500);
     color: var(--landlord-gold);
 }

 .result-comparison p {
     color: var(--landlord-text-muted);
     font-size: var(--_font---font-size--text-small, 14px);
     margin-top: 8px;
 }

 /* Services Section */
 .services-section {
     padding: var(--_size-variables---section-padding--size-120, 120px) 40px;
     background: #111;
 }

 .section-container {
     max-width: 1400px;
     margin: 0 auto;
 }

 .section-header {
     text-align: center;
     margin-bottom: var(--_size-variables---element-spacing--spacing-80, 80px);
 }

 .section-label {
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 3px;
     color: var(--landlord-gold);
     margin-bottom: 16px;
 }

 .section-title {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--h3);
     font-weight: var(--_font---font-weight--500);
     line-height: var(--_font---line-height--h3);
 }

 .services-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 40px;
 }

 .service-card {
     background: rgba(255, 255, 255, 0.05);
     padding: 40px;
     border: 1px solid rgba(255, 255, 255, 0.05);
     border-radius: var(--_size-variables---border-radius--radius-16, 16px);
     transition: all 0.3s;
 }

 .service-card:hover {
     border-color: var(--landlord-gold);
     transform: translateY(-5px);
 }

 .service-icon {
     width: 60px;
     height: 60px;
     margin-bottom: 24px;
     color: var(--landlord-gold);
 }

 .service-card h3 {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--text-large, 20px);
     font-weight: var(--_font---font-weight--500);
     margin-bottom: 16px;
 }

 .service-card p {
     color: var(--landlord-text-muted);
     font-size: var(--_font---font-size--text-small, 14px);
     line-height: 1.8;
 }

 /* How It Works */
 .how-it-works {
     padding: var(--_size-variables---section-padding--size-120, 120px) 40px;
     background: var(--landlord-dark);
     position: relative;
     overflow: hidden;
 }

 .how-it-works::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 800px;
     height: 800px;
     background: radial-gradient(circle, rgba(201, 169, 98, 0.05) 0%, transparent 70%);
     z-index: 0;
 }

 .how-it-works .section-container {
     position: relative;
     z-index: 1;
 }

 .steps-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px;
     margin-top: 60px;
     position: relative;
 }

 /* Connector line between steps */
 .steps-grid::before {
     content: '';
     position: absolute;
     top: 60px;
     left: 12%;
     right: 12%;
     height: 2px;
     background: linear-gradient(90deg, 
         transparent 0%, 
         rgba(201, 169, 98, 0.3) 10%, 
         rgba(201, 169, 98, 0.3) 90%, 
         transparent 100%);
     z-index: 0;
 }

 .step-card {
     text-align: center;
     position: relative;
     z-index: 1;
     padding: 0 16px;
 }

 .step-card__icon {
     width: 80px;
     height: 80px;
     margin: 0 auto 24px;
     background: linear-gradient(135deg, rgba(201, 169, 98, 0.15) 0%, rgba(201, 169, 98, 0.05) 100%);
     border: 2px solid rgba(201, 169, 98, 0.3);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     transition: all 0.4s ease;
 }

 .step-card:hover .step-card__icon {
     background: linear-gradient(135deg, rgba(201, 169, 98, 0.3) 0%, rgba(201, 169, 98, 0.15) 100%);
     border-color: var(--landlord-gold);
     transform: scale(1.1);
     box-shadow: 0 0 40px rgba(201, 169, 98, 0.3);
 }

 .step-card__icon svg {
     width: 32px;
     height: 32px;
     stroke: var(--landlord-gold);
 }

 .step-number {
     position: absolute;
     top: -8px;
     right: -8px;
     width: 28px;
     height: 28px;
     background: var(--landlord-gold);
     color: var(--landlord-dark);
     font-family: var(--font-family--heading);
     font-size: 13px;
     font-weight: 600;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     line-height: 1;
 }

 .step-card h3 {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--text-large, 20px);
     font-weight: var(--_font---font-weight--500);
     margin-bottom: 12px;
     color: white;
     transition: color 0.3s ease;
 }

 .step-card:hover h3 {
     color: var(--landlord-gold);
 }

 .step-card p {
     color: var(--landlord-text-muted);
     font-size: var(--_font---font-size--text-small, 14px);
     line-height: 1.7;
 }

 .step-card p strong {
     color: var(--landlord-gold);
     font-weight: 500;
 }

 @media (max-width: 1024px) {
     .steps-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 40px;
     }
     
     .steps-grid::before {
         display: none;
     }
 }

 @media (max-width: 600px) {
     .steps-grid {
         grid-template-columns: 1fr;
     }
     
     .step-card {
         max-width: 320px;
         margin: 0 auto;
     }
 }

 /* Why Choose Us Section */
 .why-choose-us {
     padding: var(--_size-variables---section-padding--size-120, 120px) 40px;
     background: linear-gradient(180deg, rgba(201, 169, 98, 0.05) 0%, var(--landlord-dark) 100%);
 }

 .why-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
     margin-top: 60px;
 }

 .why-card {
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(255, 255, 255, 0.08);
     border-radius: var(--_size-variables---border-radius--radius-16, 16px);
     padding: 40px;
     display: flex;
     gap: 24px;
     transition: all 0.3s ease;
 }

 .why-card:hover {
     background: rgba(255, 255, 255, 0.05);
     border-color: var(--landlord-gold);
     transform: translateY(-5px);
 }

 .why-card__icon {
     width: 60px;
     height: 60px;
     min-width: 60px;
     border-radius: 16px;
     background: linear-gradient(135deg, var(--landlord-gold), rgba(201, 169, 98, 0.7));
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--landlord-dark);
 }

 .why-card__content h3 {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--text-large, 20px);
     font-weight: var(--_font---font-weight--600, 600);
     color: var(--primitive-color--white, white);
     margin: 0 0 12px 0;
 }

 .why-card__content p {
     color: var(--landlord-text-muted);
     font-size: var(--_font---font-size--text-small, 14px);
     line-height: 1.7;
     margin: 0;
 }

 .why-card__highlight {
     display: inline-block;
     background: rgba(201, 169, 98, 0.15);
     color: var(--landlord-gold);
     padding: 4px 12px;
     border-radius: 20px;
     font-size: 12px;
     font-weight: 600;
     margin-top: 12px;
 }

 @media (max-width: 768px) {
     .why-grid {
         grid-template-columns: 1fr;
     }

     .why-card {
         flex-direction: column;
         text-align: center;
         padding: 30px;
     }

     .why-card__icon {
         margin: 0 auto;
     }
 }

 /* Platform Distribution Section - VI&CO Style */
 .platforms-section {
     background: var(--primitive-color--black, #10151c);
     padding: var(--_size-variables---section-padding--size-120, 120px) 40px;
     position: relative;
     overflow: hidden;
 }

 .platforms-section::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: url('../custom/images/london.png') center center / cover no-repeat;
     opacity: 0.15;
     z-index: 0;
 }

 .platforms-section .section-container {
     position: relative;
     z-index: 1;
 }

 .platforms-section .section-header {
     text-align: center;
     margin-bottom: var(--_size-variables---element-spacing--spacing-60, 60px);
 }

 .platforms-section .section-label {
     color: var(--landlord-gold);
 }

 .platforms-section .section-title {
     color: var(--primitive-color--white, white);
 }

 .platforms-section .section-subtitle {
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-large, 20px);
     color: var(--landlord-text-muted);
     max-width: 800px;
     margin: var(--_size-variables---element-spacing--spacing-16, 16px) auto 0;
     line-height: var(--_font---line-height--body-font, 150%);
 }

 .platforms-section .section-subtitle strong {
     color: var(--landlord-gold);
     font-weight: 600;
 }

 /* Platform Logos Grid */
 .platforms-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: var(--_size-variables---element-spacing--spacing-20, 20px);
     max-width: 900px;
     margin: 0 auto;
 }

 .platform-card {
     background: var(--primitive-color--white, white);
     border-radius: var(--_size-variables---border-radius--radius-16, 16px);
     padding: var(--_size-variables---element-spacing--spacing-24, 24px) var(--_size-variables---element-spacing--spacing-20, 20px);
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 90px;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .platform-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 12px 40px rgba(201, 169, 98, 0.2);
 }

 .platform-logo {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-weight: 700;
     font-size: 20px;
     letter-spacing: -0.5px;
     text-align: center;
     line-height: 1.2;
 }

 .platform-logo--airbnb {
     color: #FF5A5F;
 }

 .platform-logo--booking {
     color: #003580;
     font-size: 17px;
 }

 .platform-logo--vrbo {
     color: #3D5AFE;
     font-size: 22px;
     letter-spacing: 1px;
 }

 .platform-logo--expedia {
     color: #FFCC00;
     background: #003580;
     padding: 8px 16px;
     border-radius: 6px;
     font-size: 17px;
 }

 .platform-logo--tripadvisor {
     color: #00AF87;
     font-size: 16px;
 }

 .platform-logo--google span {
     font-size: 22px;
 }

 .platform-logo--google .g1 {
     color: #4285F4;
 }

 .platform-logo--google .g2 {
     color: #EA4335;
 }

 .platform-logo--google .g3 {
     color: #FBBC05;
 }

 .platform-logo--google .g4 {
     color: #4285F4;
 }

 .platform-logo--google .g5 {
     color: #34A853;
 }

 .platform-logo--google .g6 {
     color: #EA4335;
 }

 .platform-logo--hotels {
     color: #D32F2F;
     font-size: 17px;
 }

 .platform-card--viandco {
     background: linear-gradient(135deg, var(--primitive-color--primary, #324158) 0%, var(--landlord-dark) 100%);
     border: 1px solid var(--landlord-gold);
 }

 .platform-card--viandco .platform-logo {
     color: var(--landlord-gold);
     font-weight: var(--_font---font-weight--500, 500);
     font-size: var(--_font---font-size--text-regular, 16px);
 }

 @media (max-width: 768px) {
     .platforms-section {
         padding: var(--_size-variables---section-padding--size-80, 80px) 20px;
     }

     .platforms-grid {
         grid-template-columns: repeat(2, 1fr);
     }

     .platform-logo {
         font-size: 16px;
     }

     .platform-logo--booking,
     .platform-logo--expedia,
     .platform-logo--tripadvisor,
     .platform-logo--hotels {
         font-size: 14px;
     }
 }

 /* Investment Section */
 .investment-section {
     padding: var(--_size-variables---section-padding--size-120, 120px) 40px;
     background: var(--primitive-color--black, #10151c);
     position: relative;
     overflow: hidden;
 }

 .investment-section::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?q=80&w=2070') center center / cover no-repeat;
     opacity: 0.08;
     z-index: 0;
 }

 .investment-section .section-container {
     position: relative;
     z-index: 1;
 }

 .investment-section .section-label {
     color: var(--landlord-gold, #c9a962);
 }

 .investment-section .section-title {
     color: var(--primitive-color--white, white);
 }

 .investment-section .section-subtitle {
     color: rgba(255, 255, 255, 0.7);
     max-width: 650px;
     margin-left: auto;
     margin-right: auto;
 }

 .investment-intro {
     text-align: center;
     max-width: 700px;
     margin: 0 auto var(--_size-variables---element-spacing--spacing-48, 48px);
 }

 .investment-intro p {
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-medium, 18px);
     color: rgba(255, 255, 255, 0.7);
     line-height: 1.7;
     margin-bottom: var(--_size-variables---element-spacing--spacing-32, 32px);
 }

 .investment-services {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: var(--_size-variables---element-spacing--spacing-32, 32px);
     max-width: 1400px;
     margin: 0 auto var(--_size-variables---element-spacing--spacing-80, 80px);
 }

 .investment-service-card {
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(201, 169, 98, 0.2);
     border-radius: var(--_size-variables---border-radius--radius-24, 24px);
     padding: var(--_size-variables---element-spacing--spacing-40, 40px) var(--_size-variables---element-spacing--spacing-32, 32px);
     text-align: center;
     transition: all 0.4s ease;
     backdrop-filter: blur(10px);
 }

 .investment-service-card:hover {
     transform: translateY(-8px);
     background: rgba(201, 169, 98, 0.08);
     border-color: var(--landlord-gold, #c9a962);
     box-shadow: 0 24px 64px rgba(201, 169, 98, 0.15);
 }

 .investment-service-icon {
     width: 80px;
     height: 80px;
     background: linear-gradient(135deg, rgba(201, 169, 98, 0.25) 0%, rgba(201, 169, 98, 0.1) 100%);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto var(--_size-variables---element-spacing--spacing-24, 24px);
     transition: transform 0.3s ease;
 }

 .investment-service-card:hover .investment-service-icon {
     transform: scale(1.1);
 }

 .investment-service-icon svg {
     width: 36px;
     height: 36px;
     stroke: var(--landlord-gold, #c9a962);
 }

 .investment-service-card h4 {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-large, 20px);
     font-weight: var(--_font---font-weight--500, 500);
     color: var(--primitive-color--white, white);
     margin-bottom: var(--_size-variables---element-spacing--spacing-16, 16px);
     line-height: 1.3;
 }

 .investment-service-card p {
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-regular, 16px);
     color: rgba(255, 255, 255, 0.7);
     line-height: 1.7;
 }

 /* Featured Opportunity */
 .featured-opportunity {
     background: linear-gradient(135deg, var(--primitive-color--primary, #324158) 0%, var(--landlord-dark, #1a2332) 100%);
     border-radius: var(--_size-variables---border-radius--radius-24, 24px);
     padding: var(--_size-variables---element-spacing--spacing-64, 64px);
     max-width: 1400px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: var(--_size-variables---element-spacing--spacing-64, 64px);
     align-items: center;
 }

 .opportunity-content {
     color: white;
 }

 .opportunity-badge {
     display: inline-block;
     background: rgba(201, 169, 98, 0.2);
     color: var(--landlord-gold, #c9a962);
     padding: 8px 16px;
     border-radius: 20px;
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: 13px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: var(--_size-variables---element-spacing--spacing-20, 20px);
 }

 .opportunity-content h3 {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--h4, 32px);
     font-weight: var(--_font---font-weight--500, 500);
     margin-bottom: var(--_size-variables---element-spacing--spacing-16, 16px);
     line-height: 1.2;
 }

 .opportunity-content>p {
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-medium, 18px);
     color: rgba(255, 255, 255, 0.8);
     line-height: 1.7;
     margin-bottom: var(--_size-variables---element-spacing--spacing-24, 24px);
 }

 .opportunity-features {
     display: flex;
     flex-direction: column;
     gap: 12px;
     margin-bottom: var(--_size-variables---element-spacing--spacing-32, 32px);
 }

 .opportunity-feature {
     display: flex;
     align-items: center;
     gap: 12px;
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-regular, 16px);
     color: rgba(255, 255, 255, 0.9);
 }

 .opportunity-feature svg {
     width: 20px;
     height: 20px;
     stroke: var(--landlord-gold, #c9a962);
     flex-shrink: 0;
 }

 .opportunity-image {
     position: relative;
     border-radius: var(--_size-variables---border-radius--radius-16, 16px);
     overflow: hidden;
     aspect-ratio: 4/3;
 }

 .opportunity-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .opportunity-image::before {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(45deg, rgba(201, 169, 98, 0.3), transparent);
     z-index: 1;
 }

 .opportunity-stats {
     position: absolute;
     bottom: 16px;
     left: 16px;
     right: 16px;
     display: flex;
     gap: 12px;
     z-index: 2;
 }

 .opportunity-stat {
     background: rgba(0, 0, 0, 0.7);
     backdrop-filter: blur(10px);
     padding: 10px 14px;
     border-radius: 8px;
     text-align: center;
     flex: 1;
 }

 .opportunity-stat-value {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: 18px;
     font-weight: 600;
     color: var(--landlord-gold, #c9a962);
     display: block;
 }

 .opportunity-stat-label {
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: 11px;
     color: rgba(255, 255, 255, 0.7);
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 @media (max-width: 900px) {
     .investment-services {
         grid-template-columns: 1fr;
         max-width: 400px;
     }

     .featured-opportunity {
         grid-template-columns: 1fr;
         padding: var(--_size-variables---element-spacing--spacing-32, 32px);
     }

     .opportunity-image {
         order: -1;
     }
 }

 /* Detailed Report Modal */
 .report-modal {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 10000;
     background: var(--primitive-color--black, #10151c);
     overflow-y: auto;
 }

 .report-modal.active {
     display: block;
     animation: fadeIn 0.3s ease;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 .report-modal__close {
     position: fixed;
     top: 24px;
     right: 24px;
     width: 48px;
     height: 48px;
     background: rgba(255, 255, 255, 0.1);
     border: none;
     border-radius: 50%;
     color: white;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 10001;
     transition: all 0.3s ease;
 }

 .report-modal__close:hover {
     background: var(--landlord-gold, #c9a962);
     color: var(--primitive-color--black);
 }

 .report-hero {
     background: linear-gradient(135deg, var(--landlord-gold, #c9a962) 0%, #a88a4a 100%);
     padding: 80px 40px 60px;
     text-align: center;
 }

 .report-hero__title {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: clamp(1.75rem, 1rem + 3vw, 2.75rem);
     font-weight: 600;
     color: var(--primitive-color--black, #10151c);
     margin-bottom: 12px;
     line-height: 1.2;
 }

 .report-hero__subtitle {
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-medium, 18px);
     color: rgba(0, 0, 0, 0.7);
 }

 .report-content {
     max-width: 1200px;
     margin: 0 auto;
     padding: 60px 40px;
 }

 .report-grid {
     display: grid;
     grid-template-columns: 1.2fr 1fr;
     gap: 48px;
     margin-bottom: 60px;
 }

 /* Monthly Chart */
 .report-chart {
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(201, 169, 98, 0.2);
     border-radius: 20px;
     padding: 32px;
 }

 .report-chart__title {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-large, 20px);
     font-weight: 500;
     color: white;
     margin-bottom: 24px;
 }

 .chart-container {
     display: flex;
     align-items: flex-end;
     gap: 8px;
     height: 200px;
     padding: 20px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .chart-bar {
     flex: 1;
     background: linear-gradient(to top, var(--landlord-gold, #c9a962), #d4b876);
     border-radius: 6px 6px 0 0;
     position: relative;
     min-height: 20px;
     transition: all 0.3s ease;
 }

 .chart-bar:hover {
     filter: brightness(1.1);
 }

 .chart-bar__value {
     position: absolute;
     top: -28px;
     left: 50%;
     transform: translateX(-50%);
     font-family: var(--font-family--body);
     font-size: 11px;
     font-weight: 600;
     color: var(--landlord-gold);
     white-space: nowrap;
     opacity: 0;
     transition: opacity 0.3s ease;
 }

 .chart-bar:hover .chart-bar__value {
     opacity: 1;
 }

 .chart-labels {
     display: flex;
     gap: 8px;
     padding-top: 12px;
 }

 .chart-label {
     flex: 1;
     text-align: center;
     font-family: var(--font-family--body);
     font-size: 11px;
     color: rgba(255, 255, 255, 0.5);
 }

 /* Report CTA */
 .report-cta {
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(201, 169, 98, 0.2);
     border-radius: 20px;
     padding: 32px;
 }

 .report-cta__title {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-large, 20px);
     font-weight: 500;
     color: white;
     margin-bottom: 24px;
 }

 .report-cta__features {
     margin-bottom: 24px;
 }

 .report-cta__feature {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-bottom: 16px;
     font-family: var(--font-family--body);
     font-size: var(--_font---font-size--text-regular, 16px);
     color: rgba(255, 255, 255, 0.8);
     line-height: 1.5;
 }

 .report-cta__feature svg {
     width: 20px;
     height: 20px;
     stroke: var(--landlord-gold);
     flex-shrink: 0;
     margin-top: 2px;
 }

 .report-cta__text {
     font-family: var(--font-family--body);
     font-size: var(--_font---font-size--text-regular, 16px);
     color: rgba(255, 255, 255, 0.6);
     line-height: 1.6;
     margin-bottom: 24px;
 }

 .report-cta__btn {
     display: block;
     width: 100%;
     padding: 16px 32px;
     background: var(--primitive-color--black, #10151c);
     color: white;
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--text-regular, 16px);
     font-weight: 500;
     text-align: center;
     text-decoration: none;
     border-radius: 8px;
     transition: all 0.3s ease;
     border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .report-cta__btn:hover {
     background: var(--landlord-gold);
     color: var(--primitive-color--black);
     border-color: var(--landlord-gold);
 }

 /* Comparison Table */
 .report-comparison {
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(201, 169, 98, 0.2);
     border-radius: 20px;
     overflow: hidden;
 }

 .report-comparison__header {
     background: rgba(201, 169, 98, 0.1);
     padding: 24px 32px;
     border-bottom: 1px solid rgba(201, 169, 98, 0.2);
 }

 .report-comparison__title {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-large, 20px);
     font-weight: 500;
     color: white;
     margin: 0;
 }

 .comparison-table {
     width: 100%;
     border-collapse: collapse;
 }

 .comparison-table thead th {
     padding: 16px 20px;
     text-align: center;
     font-family: var(--font-family--heading);
     font-size: 14px;
     font-weight: 500;
     color: white;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .comparison-table thead th:first-child {
     text-align: left;
     width: 40%;
 }

 .comparison-table thead th.highlight {
     background: var(--landlord-gold);
     color: var(--primitive-color--black);
 }

 .comparison-table tbody td {
     padding: 14px 20px;
     text-align: center;
     font-family: var(--font-family--body);
     font-size: 14px;
     color: rgba(255, 255, 255, 0.8);
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }

 .comparison-table tbody td:first-child {
     text-align: left;
     color: white;
 }

 .comparison-table tbody td.highlight {
     background: rgba(201, 169, 98, 0.08);
 }

 .comparison-table .check {
     color: var(--landlord-gold);
 }

 .comparison-table .cross {
     color: rgba(255, 255, 255, 0.3);
 }

 /* FAQ Section */
 .report-faq {
     margin-top: 60px;
 }

 .report-faq__title {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--h4, 28px);
     font-weight: 500;
     color: white;
     margin-bottom: 32px;
     text-align: center;
 }

 .faq-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 24px;
 }

 .faq-item {
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(201, 169, 98, 0.15);
     border-radius: 16px;
     padding: 24px;
 }

 .faq-item__question {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--text-medium, 18px);
     font-weight: 500;
     color: white;
     margin-bottom: 12px;
 }

 .faq-item__answer {
     font-family: var(--font-family--body);
     font-size: var(--_font---font-size--text-regular, 16px);
     color: rgba(255, 255, 255, 0.7);
     line-height: 1.6;
 }

 /* Report Footer CTA */
 .report-footer-cta {
     margin-top: 60px;
     background: linear-gradient(135deg, var(--primitive-color--primary, #324158) 0%, var(--landlord-dark, #1a2332) 100%);
     border-radius: 20px;
     padding: 48px;
     text-align: center;
 }

 .report-footer-cta__title {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--h4, 28px);
     font-weight: 500;
     color: white;
     margin-bottom: 16px;
 }

 .report-footer-cta__text {
     font-family: var(--font-family--body);
     font-size: var(--_font---font-size--text-medium, 18px);
     color: rgba(255, 255, 255, 0.7);
     max-width: 600px;
     margin: 0 auto 32px;
     line-height: 1.6;
 }

 .report-footer-cta .cta-buttons {
     justify-content: center;
 }

 @media (max-width: 900px) {
     .report-grid {
         grid-template-columns: 1fr;
     }

     .faq-grid {
         grid-template-columns: 1fr;
     }

     .report-hero {
         padding: 60px 20px 40px;
     }

     .report-content {
         padding: 40px 20px;
     }

     .report-footer-cta {
         padding: 32px 24px;
     }
 }

 @media (max-width: 600px) {
     .report-modal__close {
         top: 10px;
         right: 10px;
         width: 38px;
         height: 38px;
     }

     .report-hero {
         padding: 48px 16px 28px;
     }

     .report-hero__title {
         font-size: 1.35rem;
     }

     .report-hero__subtitle {
         font-size: 14px;
     }

     .report-content {
         padding: 20px 12px;
     }

     .report-grid {
         gap: 20px;
         margin-bottom: 28px;
     }

     .report-chart {
         padding: 16px 12px;
     }

     .report-chart__title {
         font-size: 16px;
     }

     .chart-container {
         height: 140px;
         gap: 4px;
     }

     .chart-labels {
         gap: 3px;
     }

     .chart-label {
         font-size: 9px;
     }

     .chart-bar__value {
         font-size: 9px;
         top: -22px;
     }

     .report-cta {
         padding: 20px 14px;
     }

     .report-cta__title {
         font-size: 16px;
     }

     .report-cta__feature {
         font-size: 14px;
         gap: 8px;
     }

     .report-cta__text {
         font-size: 14px;
     }

     .report-comparison {
         border-radius: 12px;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
     }

     .report-comparison__header {
         padding: 14px 12px;
     }

     .report-comparison__title {
         font-size: 16px;
     }

     .comparison-table thead th {
         padding: 10px 8px;
         font-size: 11px;
         white-space: nowrap;
     }

     .comparison-table tbody td {
         padding: 10px 8px;
         font-size: 12px;
         white-space: nowrap;
     }

     .comparison-table thead th:first-child {
         min-width: 120px;
     }

     .report-faq {
         margin-top: 32px;
     }

     .report-faq__title {
         font-size: 20px;
         margin-bottom: 20px;
     }

     .faq-item {
         padding: 16px;
     }

     .faq-item__question {
         font-size: 15px;
     }

     .faq-item__answer {
         font-size: 13px;
     }

     .report-footer-cta {
         padding: 24px 14px;
         border-radius: 14px;
     }

     .report-footer-cta__title {
         font-size: 20px;
     }

     .report-footer-cta__text {
         font-size: 14px;
     }
 }

 /* ── About Us + Deck Section ────────────────────────── */
 .about-us-section {
     padding: var(--_size-variables---section-padding--size-120, 120px) 40px;
     background: linear-gradient(135deg, rgba(201, 169, 98, 0.06), transparent 60%);
 }

 .about-us-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 60px;
     align-items: center;
 }

 .about-us-content .section-label {
     margin-bottom: 12px;
 }

 .about-us-text {
     font-size: 17px;
     line-height: 1.8;
     color: var(--landlord-text-muted);
     margin-top: 20px;
 }

 .deck-card {
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(201, 169, 98, 0.2);
     border-radius: 16px;
     padding: 40px;
     text-align: center;
     transition: border-color 0.3s;
 }

 .deck-card:hover {
     border-color: rgba(201, 169, 98, 0.5);
 }

 .deck-card__icon {
     margin-bottom: 20px;
     color: var(--landlord-gold);
 }

 .deck-card__title {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 12px;
     color: #fff;
 }

 .deck-card__text {
     font-size: 15px;
     color: var(--landlord-text-muted);
     line-height: 1.6;
     margin-bottom: 24px;
 }

 .deck-card__form {
     display: flex;
     gap: 10px;
     margin-bottom: 12px;
 }

 .deck-card__form input[type="email"] {
     flex: 1;
     padding: 12px 16px;
     border: 1px solid rgba(255, 255, 255, 0.15);
     background: rgba(255, 255, 255, 0.06);
     color: #fff;
     border-radius: 8px;
     font-size: 14px;
     outline: none;
     transition: border-color 0.3s;
 }

 .deck-card__form input[type="email"]:focus {
     border-color: var(--landlord-gold);
 }

 .deck-card__btn {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 12px 20px;
     background: var(--landlord-gold);
     color: #fff;
     border: none;
     border-radius: 8px;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
     white-space: nowrap;
     transition: background 0.3s, transform 0.2s;
 }

 .deck-card__btn:hover {
     background: var(--landlord-gold-hover);
     transform: translateY(-1px);
 }

 .deck-card__btn:disabled {
     opacity: 0.7;
     cursor: not-allowed;
     transform: none;
 }

 .deck-card__note {
     font-size: 12px;
     color: rgba(255, 255, 255, 0.4);
     margin: 0;
 }

 .deck-success {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 12px;
     padding: 16px;
 }

 .deck-success p {
     font-size: 15px;
     color: var(--landlord-text-muted);
     margin: 0;
 }

 @media (max-width: 768px) {
     .about-us-section {
         padding: 60px 20px;
     }

     .about-us-grid {
         grid-template-columns: 1fr;
         gap: 36px;
     }

     .about-us-text {
         font-size: 15px;
     }

     .deck-card {
         padding: 28px 20px;
     }

     .deck-card__title {
         font-size: 19px;
     }

     .deck-card__form {
         flex-direction: column;
     }

     .deck-card__btn {
         justify-content: center;
     }
 }

 /* CTA Section */
 .cta-section {
     padding: var(--_size-variables---section-padding--size-120, 120px) 40px;
     background: linear-gradient(to right, rgba(201, 169, 98, 0.1), transparent);
     text-align: center;
 }

 .cta-section h2 {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--h4);
     font-weight: var(--_font---font-weight--500);
     margin-bottom: 24px;
 }

 .cta-section p {
     color: var(--landlord-text-muted);
     max-width: 600px;
     margin: 0 auto 40px;
 }

 .cta-buttons {
     display: flex;
     gap: 20px;
     justify-content: center;
 }

 .btn-primary {
     padding: 16px 40px;
     background: var(--landlord-gold);
     color: var(--landlord-dark);
     text-decoration: none;
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-small, 14px);
     font-weight: var(--_font---font-weight--600, 600);
     text-transform: uppercase;
     letter-spacing: 1px;
     transition: all 0.3s;
     border-radius: var(--_size-variables---border-radius--radius-12, 12px);
 }

 .btn-primary:hover {
     background: var(--landlord-gold-hover);
 }

 .btn-secondary {
     padding: 16px 40px;
     background: transparent;
     color: var(--primitive-color--white, white);
     text-decoration: none;
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-small, 14px);
     font-weight: var(--_font---font-weight--600, 600);
     text-transform: uppercase;
     letter-spacing: 1px;
     border: 1px solid rgba(255, 255, 255, 0.3);
     transition: all 0.3s;
     border-radius: var(--_size-variables---border-radius--radius-12, 12px);
 }

 .btn-secondary:hover {
     border-color: var(--primitive-color--white, white);
 }

 .btn-whatsapp {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 16px 40px;
     background: #25D366;
     color: #fff;
     text-decoration: none;
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-small, 14px);
     font-weight: var(--_font---font-weight--600, 600);
     text-transform: uppercase;
     letter-spacing: 1px;
     transition: all 0.3s;
     border-radius: var(--_size-variables---border-radius--radius-12, 12px);
 }

 .btn-whatsapp:hover {
     background: #20BA5C;
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(37, 211, 102, 0.3);
 }

 .btn-primary {
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 /* Footer */
 .landlords-footer {
     padding: 60px 40px;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     text-align: center;
     background: var(--landlord-dark);
 }

 .landlords-footer p {
     color: var(--landlord-text-muted);
     font-size: var(--_font---font-size--text-small, 14px);
 }

 .landlords-footer a {
     color: var(--landlord-text-muted);
     text-decoration: none;
 }

 .landlords-footer a:hover {
     color: var(--primitive-color--white, white);
 }

 /* Detailed Report Styles */
 .detailed-report {
     margin-top: 24px;
     padding-top: 24px;
     border-top: 1px solid rgba(201, 169, 98, 0.2);
 }

 .detailed-report__header {
     display: flex;
     align-items: center;
     gap: 10px;
     color: var(--landlord-gold);
     font-weight: 600;
     margin-bottom: 8px;
 }

 .detailed-report__text {
     color: var(--landlord-text-muted);
     font-size: 13px;
     margin-bottom: 16px;
 }

 .detailed-report__form {
     display: flex;
     gap: 10px;
 }

 .detailed-report__form input {
     flex: 1;
     padding: 12px 16px;
     border: 1px solid rgba(255, 255, 255, 0.15);
     border-radius: 8px;
     background: rgba(255, 255, 255, 0.05);
     color: white;
     font-size: 14px;
 }

 .detailed-report__form input::placeholder {
     color: var(--landlord-text-muted);
 }

 .detailed-report__btn {
     padding: 12px 20px;
     background: var(--landlord-gold);
     color: var(--primitive-color--black, #10151c);
     border: none;
     border-radius: 8px;
     font-weight: 600;
     font-size: 14px;
     cursor: pointer;
     white-space: nowrap;
     transition: all 0.3s ease;
 }

 .detailed-report__btn:hover {
     background: #d4b76a;
     transform: translateY(-2px);
 }

 .detailed-report__note {
     margin-top: 12px;
     font-size: 12px;
     color: var(--landlord-text-muted);
     font-style: italic;
 }

 /* Owner Testimonials Section - VI&CO Style */
 .owner-testimonials {
     background: var(--primitive-color--black, #10151c);
     padding: var(--_size-variables---section-padding--size-120, 120px) 40px;
     overflow: hidden;
     position: relative;
 }

 .owner-testimonials::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: radial-gradient(ellipse at 50% 0%, rgba(201, 169, 98, 0.08) 0%, transparent 60%);
     z-index: 0;
 }

 .owner-testimonials .section-container {
     position: relative;
     z-index: 1;
 }

 .owner-testimonials .section-header {
     text-align: center;
     margin-bottom: var(--_size-variables---element-spacing--spacing-60, 60px);
 }

 .owner-testimonials .section-label {
     display: inline-block;
     background: rgba(201, 169, 98, 0.15);
     color: var(--landlord-gold, #c9a962);
     padding: 8px 20px;
     border-radius: var(--_size-variables---border-radius--radius-99, 99px);
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-small, 14px);
     font-weight: var(--_font---font-weight--500, 500);
     letter-spacing: 0.5px;
     margin-bottom: var(--_size-variables---element-spacing--spacing-16, 16px);
 }

 .owner-testimonials .section-title {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--h2, clamp(2.25rem, 1.3929rem + 3.8095vw, 4.25rem));
     font-weight: var(--_font---font-weight--500, 500);
     line-height: var(--_font---line-height--h2, 110%);
     color: var(--primitive-color--white, white);
     margin: 0;
 }

 .owner-stats {
     display: flex;
     justify-content: center;
     gap: var(--_size-variables---element-spacing--spacing-40, 40px);
     flex-wrap: wrap;
     margin-bottom: var(--_size-variables---element-spacing--spacing-60, 60px);
     padding: var(--_size-variables---element-spacing--spacing-40, 40px);
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(201, 169, 98, 0.2);
     border-radius: var(--_size-variables---border-radius--radius-16, 16px);
     backdrop-filter: blur(10px);
 }

 .owner-stat {
     text-align: center;
 }

 .owner-stat__number {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--h4, clamp(1.5rem, 1.0714rem + 1.9048vw, 2.5rem));
     font-weight: var(--_font---font-weight--500, 500);
     color: var(--landlord-gold, #c9a962);
     line-height: 1;
 }

 .owner-stat__label {
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-small, 14px);
     color: rgba(255, 255, 255, 0.6);
     margin-top: 8px;
     font-weight: var(--_font---font-weight--400, 400);
 }

 /* Testimonials Grid - VI&CO Style */
 .testimonials-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: var(--_size-variables---element-spacing--spacing-24, 24px);
 }

 .testimonial-card {
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(201, 169, 98, 0.15);
     border-radius: var(--_size-variables---border-radius--radius-16, 16px);
     padding: var(--_size-variables---element-spacing--spacing-32, 32px);
     position: relative;
     transition: all 0.4s ease;
     display: flex;
     flex-direction: column;
     backdrop-filter: blur(10px);
 }

 .testimonial-card:hover {
     transform: translateY(-4px);
     background: rgba(201, 169, 98, 0.06);
     border-color: var(--landlord-gold, #c9a962);
     box-shadow: 0 20px 50px rgba(201, 169, 98, 0.12);
 }

 .testimonial-card__highlight {
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-medium, 18px);
     font-weight: var(--_font---font-weight--500, 500);
     color: var(--landlord-gold, #c9a962);
     margin-bottom: var(--_size-variables---element-spacing--spacing-12, 12px);
     display: block;
 }

 .testimonial-card__text {
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-regular, 16px);
     line-height: var(--_font---line-height--body-font, 150%);
     color: rgba(255, 255, 255, 0.75);
     margin-bottom: var(--_size-variables---element-spacing--spacing-24, 24px);
     flex-grow: 1;
 }

 .testimonial-card__quote {
     position: absolute;
     bottom: 24px;
     right: 24px;
     color: var(--landlord-gold);
     opacity: 0.15;
 }

 .testimonial-card__quote svg {
     width: 32px;
     height: 32px;
 }

 .testimonial-card__author {
     display: flex;
     align-items: center;
     gap: var(--_size-variables---element-spacing--spacing-12, 12px);
     margin-top: auto;
     padding-top: var(--_size-variables---element-spacing--spacing-16, 16px);
     border-top: 1px solid rgba(201, 169, 98, 0.2);
 }

 .testimonial-card__avatar {
     width: 44px;
     height: 44px;
     border-radius: var(--_size-variables---border-radius--radius-50, 50%);
     background: linear-gradient(135deg, var(--landlord-gold, #c9a962) 0%, #a88a4a 100%);
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-weight: var(--_font---font-weight--500, 500);
     color: var(--primitive-color--black, #10151c);
     font-size: var(--_font---font-size--text-small, 14px);
 }

 .testimonial-card__info strong {
     display: block;
     font-family: var(--font-family--heading, "GeneralSans Variable", sans-serif);
     font-size: var(--_font---font-size--text-regular, 16px);
     font-weight: var(--_font---font-weight--500, 500);
     color: var(--primitive-color--white, white);
 }

 .testimonial-card__info span {
     font-family: var(--font-family--body, "Inter Variable", sans-serif);
     font-size: var(--_font---font-size--text-small, 14px);
     color: rgba(255, 255, 255, 0.5);
 }

 /* Mobile Responsive */
 @media (max-width: 1024px) {
     .testimonials-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (max-width: 768px) {
     .owner-testimonials {
         padding: var(--_size-variables---section-padding--size-80, 80px) 20px;
     }

     .testimonials-grid {
         grid-template-columns: 1fr;
     }

     .owner-stats {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
         padding: 20px;
     }

     .owner-stat:last-child {
         grid-column: 1 / -1;
     }

     .owner-stat__number {
         font-size: 26px;
     }

     .owner-stat__label {
         font-size: 12px;
     }
 }

 /* Mobile Responsive */
 @media (max-width: 1024px) {
     .hero-content {
         grid-template-columns: 1fr;
         gap: 60px;
     }

     .services-grid {
         grid-template-columns: 1fr;
     }

     .steps-grid {
         grid-template-columns: repeat(2, 1fr);
     }

     .testimonials-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (max-width: 768px) {
     .hero-calculator {
         padding: 100px 20px 60px;
     }

     .calculator-card {
         padding: 30px 20px;
     }

     .form-row {
         grid-template-columns: 1fr;
     }

     .hero-stats {
         flex-direction: column;
         gap: 20px;
     }

     .steps-grid {
         grid-template-columns: 1fr;
     }

     .cta-buttons {
         flex-direction: column;
     }

     .detailed-report__form {
         flex-direction: column;
     }

     .owner-stats {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
         padding: 20px;
     }

     .owner-stat:last-child {
         grid-column: 1 / -1;
     }

     .owner-stat__number {
         font-size: 26px;
     }

     .owner-stat__label {
         font-size: 12px;
     }
 }

 /* Available Investment Opportunities */
 .available-opportunities {
     margin-top: var(--_size-variables---element-spacing--spacing-60, 60px);
 }

 .opportunities-title {
     display: flex;
     align-items: center;
     gap: 12px;
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--h5, 24px);
     font-weight: var(--_font---font-weight--500);
     color: var(--landlord-gold);
     margin-bottom: var(--_size-variables---element-spacing--spacing-32, 32px);
 }

 .opportunities-title svg {
     color: var(--landlord-gold);
 }

 .opportunities-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
     gap: var(--_size-variables---element-spacing--spacing-24, 24px);
 }

 .opportunity-card {
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: var(--_size-variables---border-radius--radius-16, 16px);
     overflow: hidden;
     transition: all 0.3s ease;
 }

 .opportunity-card:hover {
     border-color: var(--landlord-gold);
     transform: translateY(-4px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
 }

 .opportunity-card__image {
     position: relative;
     height: 200px;
     overflow: hidden;
 }

 .opportunity-card__image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s ease;
 }

 .opportunity-card:hover .opportunity-card__image img {
     transform: scale(1.05);
 }

 .opportunity-card__badge {
     position: absolute;
     top: 16px;
     left: 16px;
     background: var(--landlord-gold);
     color: var(--landlord-dark);
     padding: 6px 14px;
     border-radius: 20px;
     font-size: 12px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .opportunity-card__content {
     padding: 24px;
 }

 .opportunity-card__content h4 {
     font-family: var(--font-family--heading);
     font-size: var(--_font---font-size--h6, 20px);
     font-weight: var(--_font---font-weight--500);
     color: white;
     margin-bottom: 12px;
 }

 .opportunity-card__content > p {
     font-size: 14px;
     color: var(--landlord-text-muted);
     line-height: 1.6;
     margin-bottom: 20px;
 }

 .opportunity-card__stats {
     display: flex;
     gap: 24px;
     margin-bottom: 20px;
     padding-bottom: 20px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .opportunity-card__stat {
     display: flex;
     flex-direction: column;
     gap: 4px;
 }

 .opportunity-card__stat .stat-value {
     font-family: var(--font-family--heading);
     font-size: 18px;
     font-weight: 600;
     color: var(--landlord-gold);
 }

 .opportunity-card__stat .stat-label {
     font-size: 12px;
     color: var(--landlord-text-muted);
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .opportunity-card__features {
     display: flex;
     flex-direction: column;
     gap: 8px;
     margin-bottom: 24px;
 }

 .opportunity-card__features span {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 13px;
     color: rgba(255, 255, 255, 0.8);
 }

 .opportunity-card__features svg {
     color: var(--landlord-gold);
     flex-shrink: 0;
 }

 .btn-brochure {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     width: 100%;
     padding: 14px 24px;
     background: var(--landlord-gold);
     color: var(--landlord-dark);
     border: none;
     border-radius: 10px;
     font-family: var(--font-family--heading);
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .btn-brochure:hover {
     background: #d4b76a;
     transform: translateY(-2px);
 }

 /* Coming Soon Card */
 .opportunity-card--coming-soon {
     background: rgba(255, 255, 255, 0.02);
     border-style: dashed;
 }

 .coming-soon-placeholder {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100%;
     background: linear-gradient(135deg, rgba(201, 169, 98, 0.1) 0%, rgba(201, 169, 98, 0.05) 100%);
     color: var(--landlord-gold);
     gap: 12px;
 }

 .coming-soon-placeholder span {
     font-family: var(--font-family--heading);
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .opportunity-card__notify {
     text-align: center;
     padding-top: 20px;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
 }

 .opportunity-card__notify p {
     font-size: 13px;
     color: var(--landlord-text-muted);
     margin-bottom: 16px;
 }

 .btn-notify {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 12px 24px;
     background: transparent;
     color: var(--landlord-gold);
     border: 1px solid var(--landlord-gold);
     border-radius: 10px;
     font-family: var(--font-family--heading);
     font-size: 14px;
     font-weight: 600;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .btn-notify:hover {
     background: var(--landlord-gold);
     color: var(--landlord-dark);
 }

 /* Brochure Modal */
 .brochure-modal {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.8);
     backdrop-filter: blur(8px);
     z-index: 10000;
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
     padding: 20px;
 }

 .brochure-modal.active {
     opacity: 1;
     visibility: visible;
 }

 .brochure-modal__content {
     background: var(--landlord-dark);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 20px;
     padding: 40px;
     max-width: 450px;
     width: 100%;
     position: relative;
     transform: translateY(20px);
     transition: transform 0.3s ease;
 }

 .brochure-modal.active .brochure-modal__content {
     transform: translateY(0);
 }

 .brochure-modal__close {
     position: absolute;
     top: 16px;
     right: 16px;
     background: rgba(255, 255, 255, 0.1);
     border: none;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     color: white;
     transition: all 0.3s ease;
 }

 .brochure-modal__close:hover {
     background: rgba(255, 255, 255, 0.2);
 }

 .brochure-modal__header {
     text-align: center;
     margin-bottom: 32px;
 }

 .brochure-modal__header svg {
     color: var(--landlord-gold);
     margin-bottom: 16px;
 }

 .brochure-modal__header h3 {
     font-family: var(--font-family--heading);
     font-size: 24px;
     font-weight: 600;
     color: white;
     margin-bottom: 8px;
 }

 .brochure-modal__header p {
     font-size: 14px;
     color: var(--landlord-text-muted);
 }

 .brochure-modal__header strong {
     color: var(--landlord-gold);
 }

 .brochure-form-group {
     margin-bottom: 20px;
 }

 .brochure-form-group label {
     display: block;
     font-size: 13px;
     font-weight: 500;
     color: rgba(255, 255, 255, 0.8);
     margin-bottom: 8px;
 }

 .brochure-form-group input {
     width: 100%;
     padding: 14px 16px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 10px;
     font-size: 15px;
     color: white;
     transition: all 0.3s ease;
 }

 .brochure-form-group input:focus {
     outline: none;
     border-color: var(--landlord-gold);
     background: rgba(255, 255, 255, 0.08);
 }

 .brochure-form-group input::placeholder {
     color: rgba(255, 255, 255, 0.4);
 }

 .brochure-submit-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     width: 100%;
     padding: 16px 24px;
     background: var(--landlord-gold);
     color: var(--landlord-dark);
     border: none;
     border-radius: 12px;
     font-family: var(--font-family--heading);
     font-size: 15px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
     margin-bottom: 16px;
 }

 .brochure-submit-btn:hover {
     background: #d4b76a;
     transform: translateY(-2px);
 }

 .brochure-form-note {
     font-size: 12px;
     color: var(--landlord-text-muted);
     text-align: center;
 }

 .brochure-success {
     text-align: center;
     padding: 20px 0;
 }

 .brochure-success svg {
     color: #22c55e;
     margin-bottom: 20px;
 }

 .brochure-success h4 {
     font-family: var(--font-family--heading);
     font-size: 22px;
     font-weight: 600;
     color: white;
     margin-bottom: 12px;
 }

 .brochure-success p {
     font-size: 14px;
     color: var(--landlord-text-muted);
     margin-bottom: 8px;
 }

 .brochure-success strong {
     color: var(--landlord-gold);
 }

 .brochure-success__note {
     font-size: 12px;
     color: rgba(255, 255, 255, 0.5);
     margin-top: 16px;
 }

 @media (max-width: 768px) {
     .opportunities-grid {
         grid-template-columns: 1fr;
     }

     .brochure-modal__content {
         padding: 24px;
     }
 }

     .testimonials-grid {
         grid-template-columns: 1fr;
     }
 }