{"id":222,"date":"2026-04-06T19:22:04","date_gmt":"2026-04-06T19:22:04","guid":{"rendered":"https:\/\/invest.aurema-group.com\/?page_id=222"},"modified":"2026-06-17T19:32:15","modified_gmt":"2026-06-17T19:32:15","slug":"tokenized-real-estate-investments-for-qualified-investors","status":"publish","type":"page","link":"https:\/\/invest.aurema-group.com\/en\/tokenized-real-estate-investments-for-qualified-investors\/","title":{"rendered":"Tokenized Real Estate Investments for Qualified Investors"},"content":{"rendered":"<!DOCTYPE html>\n<?xml encoding=\"UTF-8\"?><!-- \nTemplate Name: Aurema Tokenization Landing Page - Full Width\nDescription: High-conversion full-width landing page for qualified investors\nCompatible: WordPress + Hostinger + ProfilePress + ACF\nLanguage: English (EN)\nCompliance: CNMV\/MiCA\/ADGM aware\nLayout: Full-width sections with centered content\n--><html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Aurema Group | Tokenized Real Estate Investments for Qualified Investors<\/title>\n    <meta name=\"description\" content=\"Invest in tokenized Spanish real estate assets. Institutional-grade opportunities for qualified investors. ADGM-regulated structure.\">\n    \n    <!-- Open Graph \/ Social -->\n    <meta property=\"og:title\" content=\"Aurema Group | Tokenized Real Estate Investments\">\n    <meta property=\"og:description\" content=\"Access premium Spanish real estate through blockchain tokenization. For qualified investors only.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/invest.aurema-group.com\">\n    \n    <!-- Favicon -->\n    <link rel=\"icon\" href=\"\/favicon.ico\" type=\"image\/x-icon\">\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* ===== CSS VARIABLES & RESET ===== *\/\n        :root {\n            --color-primary: #0f172a;\n            --color-primary-dark: #020617;\n            --color-primary-light: #1e293b;\n            --color-secondary: #6366f1;\n            --color-secondary-dark: #4f46e5;\n            --color-accent: #f59e0b;\n            --color-success: #10b981;\n            --color-warning: #f59e0b;\n            --color-error: #ef4444;\n            --color-text: #0f172a;\n            --color-text-muted: #64748b;\n            --color-text-light: #f8fafc;\n            --color-bg: #ffffff;\n            --color-bg-alt: #f8fafc;\n            --color-bg-dark: #0f172a;\n            --color-border: #e2e8f0;\n            --color-border-dark: #334155;\n            --shadow-sm: 0 1px 2px 0 rgb(0 0 0 \/ 0.05);\n            --shadow-md: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n            --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\n            --shadow-xl: 0 25px 50px -12px rgb(0 0 0 \/ 0.25);\n            --radius-sm: 6px;\n            --radius-md: 12px;\n            --radius-lg: 20px;\n            --radius-xl: 32px;\n            --container-max: 1280px;\n            --container-padding: 24px;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        \n        html { scroll-behavior: smooth; }\n        \n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: var(--color-text);\n            background: var(--color-bg);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            overflow-x: hidden;\n        }\n        \n        \/* ===== FULL-WIDTH UTILITIES ===== *\/\n        .section-fullwidth {\n            width: 100%;\n            padding: 100px 0;\n        }\n        \n        .section-fullwidth-lg {\n            padding: 140px 0;\n        }\n        \n        .section-fullwidth-sm {\n            padding: 60px 0;\n        }\n        \n        .content-center {\n            max-width: var(--container-max);\n            margin: 0 auto;\n            padding: 0 var(--container-padding);\n            width: 100%;\n        }\n        \n        .content-left {\n            max-width: var(--container-max);\n            margin: 0 auto;\n            padding: 0 var(--container-padding);\n            width: 100%;\n            text-align: left;\n        }\n        \n        .sr-only {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n        \n        .text-center { text-align: center; }\n        .text-gradient {\n            background: linear-gradient(135deg, var(--color-secondary), #8b5cf6);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .mb-4 { margin-bottom: 1rem; }\n        .mb-8 { margin-bottom: 2rem; }\n        .mb-12 { margin-bottom: 3rem; }\n        .mb-16 { margin-bottom: 4rem; }\n        .mb-20 { margin-bottom: 5rem; }\n        \n        \/* ===== BUTTONS ===== *\/\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 16px 32px;\n            border-radius: var(--radius-md);\n            font-weight: 600;\n            font-size: 1rem;\n            text-decoration: none;\n            transition: var(--transition);\n            cursor: pointer;\n            border: none;\n            white-space: nowrap;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .btn::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            transition: left 0.5s;\n        }\n        \n        .btn:hover::before {\n            left: 100%;\n        }\n        \n        .btn-primary {\n            background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));\n            color: white;\n            box-shadow: var(--shadow-md);\n        }\n        \n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-lg);\n        }\n        \n        .btn-secondary {\n            background: white;\n            color: var(--color-primary);\n            border: 2px solid var(--color-border);\n        }\n        \n        .btn-secondary:hover {\n            border-color: var(--color-secondary);\n            color: var(--color-secondary);\n            background: var(--color-bg-alt);\n        }\n        \n        .btn-outline {\n            background: transparent;\n            color: var(--color-secondary);\n            border: 2px solid var(--color-secondary);\n        }\n        \n        .btn-outline:hover {\n            background: var(--color-secondary);\n            color: white;\n        }\n        \n        .btn-white {\n            background: white;\n            color: var(--color-primary);\n            font-weight: 700;\n        }\n        \n        .btn-white:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-lg);\n        }\n        \n        .btn-sm {\n            padding: 12px 24px;\n            font-size: 0.875rem;\n        }\n        \n        .btn-lg {\n            padding: 18px 40px;\n            font-size: 1.125rem;\n        }\n        \n        .btn-block {\n            width: 100%;\n        }\n        \n        .btn-group {\n            display: flex;\n            gap: 16px;\n            flex-wrap: wrap;\n        }\n        \n        \/* ===== HEADER & NAV ===== *\/\n        .header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(20px);\n            border-bottom: 1px solid var(--color-border);\n            padding: 16px 0;\n            transition: var(--transition);\n        }\n        \n        .header.scrolled {\n            padding: 12px 0;\n            box-shadow: var(--shadow-md);\n        }\n        \n        .header-inner {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 24px;\n        }\n        \n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            text-decoration: none;\n            font-weight: 800;\n            font-size: 1.375rem;\n            color: var(--color-primary);\n        }\n        \n        .logo-icon {\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, var(--color-secondary), #8b5cf6);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 800;\n            font-size: 1.25rem;\n        }\n        \n        .nav-links {\n            display: flex;\n            align-items: center;\n            gap: 32px;\n            list-style: none;\n        }\n        \n        .nav-links a {\n            color: var(--color-text);\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 0.95rem;\n            transition: var(--transition);\n            position: relative;\n        }\n        \n        .nav-links a::after {\n            content: '';\n            position: absolute;\n            bottom: -4px;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--color-secondary);\n            transition: var(--transition);\n        }\n        \n        .nav-links a:hover {\n            color: var(--color-secondary);\n        }\n        \n        .nav-links a:hover::after {\n            width: 100%;\n        }\n        \n        .nav-cta {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        \n        .mobile-toggle {\n            display: none;\n            background: none;\n            border: none;\n            font-size: 1.75rem;\n            cursor: pointer;\n            color: var(--color-text);\n            padding: 8px;\n        }\n        \n        \/* ===== REGULATORY BANNER ===== *\/\n        .regulatory-banner {\n            background: linear-gradient(135deg, #fef3c7, #fde68a);\n            border-bottom: 1px solid #fcd34d;\n            padding: 14px 0;\n            font-size: 0.875rem;\n            color: #92400e;\n            width: 100%;\n        }\n        \n        .regulatory-banner a {\n            color: #b45309;\n            text-decoration: none;\n            font-weight: 600;\n            border-bottom: 1px dashed transparent;\n            transition: var(--transition);\n        }\n        \n        .regulatory-banner a:hover {\n            border-bottom-color: #b45309;\n        }\n        \n        \/* ===== HERO SECTION - FULL WIDTH ===== *\/\n        .hero {\n            width: 100%;\n            padding: 120px 0 100px;\n            background: \n                linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 50%, #1e1b4b 100%),\n                url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            background-size: cover, 60px 60px;\n            color: white;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .hero::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -20%;\n            width: 70%;\n            height: 150%;\n            background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.15) 0%, transparent 70%);\n            pointer-events: none;\n        }\n        \n        .hero::after {\n            content: '';\n            position: absolute;\n            bottom: -30%;\n            left: -10%;\n            width: 50%;\n            height: 100%;\n            background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.1) 0%, transparent 70%);\n            pointer-events: none;\n        }\n        \n        .hero-inner {\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 60px;\n            align-items: center;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .hero-content h1 {\n            font-size: 3.5rem;\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 28px;\n            letter-spacing: -0.02em;\n        }\n        \n        .hero-content p {\n            font-size: 1.25rem;\n            opacity: 0.95;\n            margin-bottom: 40px;\n            max-width: 580px;\n            color: rgba(255, 255, 255, 0.95);\n        }\n        \n        .hero-cta {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n            margin-bottom: 48px;\n        }\n        \n        .hero-trust {\n            display: flex;\n            align-items: center;\n            gap: 24px;\n            flex-wrap: wrap;\n            padding-top: 32px;\n            border-top: 1px solid rgba(255, 255, 255, 0.2);\n        }\n        \n        .hero-trust-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 0.875rem;\n            opacity: 0.9;\n        }\n        \n        .hero-trust-icon {\n            width: 24px;\n            height: 24px;\n            background: rgba(255, 255, 255, 0.15);\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.75rem;\n        }\n        \n        .hero-visual {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n        }\n        \n        .hero-card {\n            background: white;\n            border-radius: var(--radius-xl);\n            padding: 40px;\n            box-shadow: var(--shadow-xl);\n            max-width: 480px;\n            width: 100%;\n            position: relative;\n            z-index: 2;\n            animation: float 6s ease-in-out infinite;\n        }\n        \n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n        \n        .hero-card::before {\n            content: '';\n            position: absolute;\n            top: -2px;\n            left: -2px;\n            right: -2px;\n            bottom: -2px;\n            background: linear-gradient(135deg, var(--color-secondary), #8b5cf6, var(--color-accent));\n            border-radius: var(--radius-xl);\n            z-index: -1;\n            opacity: 0.5;\n            filter: blur(20px);\n        }\n        \n        .hero-card-title {\n            color: var(--color-primary);\n            font-weight: 700;\n            font-size: 1.125rem;\n            margin-bottom: 24px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .hero-stats {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-bottom: 32px;\n        }\n        \n        .hero-stat {\n            text-align: center;\n            padding: 20px;\n            background: var(--color-bg-alt);\n            border-radius: var(--radius-md);\n            border: 1px solid var(--color-border);\n        }\n        \n        .hero-stat-value {\n            font-size: 1.75rem;\n            font-weight: 800;\n            color: var(--color-secondary);\n            display: block;\n            margin-bottom: 4px;\n        }\n        \n        .hero-stat-label {\n            font-size: 0.8125rem;\n            color: var(--color-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            font-weight: 600;\n        }\n        \n        .hero-progress {\n            margin-bottom: 28px;\n        }\n        \n        .hero-progress-header {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 12px;\n            font-size: 0.875rem;\n        }\n        \n        .hero-progress-bar {\n            height: 10px;\n            background: var(--color-border);\n            border-radius: 10px;\n            overflow: hidden;\n            position: relative;\n        }\n        \n        .hero-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--color-secondary), #8b5cf6);\n            border-radius: 10px;\n            width: 65%;\n            position: relative;\n            animation: progressPulse 2s ease-in-out infinite;\n        }\n        \n        @keyframes progressPulse {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.8; }\n        }\n        \n        .hero-progress-text {\n            font-size: 0.8125rem;\n            color: var(--color-text-muted);\n            margin-top: 8px;\n            text-align: center;\n        }\n        \n        .hero-card-note {\n            font-size: 0.75rem;\n            color: var(--color-text-muted);\n            text-align: center;\n            padding-top: 16px;\n            border-top: 1px solid var(--color-border);\n        }\n        \n        \/* ===== TRUST BAR - FULL WIDTH ===== *\/\n        .trust-bar {\n            width: 100%;\n            padding: 20px 0;\n            background: var(--color-bg-alt);\n            border-bottom: 1px solid var(--color-border);\n        }\n        \n        .trust-inner {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 48px;\n            flex-wrap: wrap;\n            opacity: 0.8;\n        }\n        \n        .trust-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 0.9rem;\n            font-weight: 500;\n            color: var(--color-text-muted);\n        }\n        \n        .trust-icon {\n            width: 28px;\n            height: 28px;\n            background: linear-gradient(135deg, var(--color-secondary), #8b5cf6);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 0.875rem;\n        }\n        \n        \/* ===== VALUE PROPOSITION - FULL WIDTH ===== *\/\n        .value-prop {\n            width: 100%;\n            padding: 120px 0;\n            background: white;\n        }\n        \n        .section-header {\n            text-align: center;\n            max-width: 760px;\n            margin: 0 auto 72px;\n        }\n        \n        .section-header h2 {\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--color-primary);\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n        }\n        \n        .section-header p {\n            color: var(--color-text-muted);\n            font-size: 1.25rem;\n            line-height: 1.7;\n        }\n        \n        .value-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 32px;\n        }\n        \n        .value-card {\n            background: white;\n            border: 1px solid var(--color-border);\n            border-radius: var(--radius-lg);\n            padding: 40px 32px;\n            transition: var(--transition);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .value-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--color-secondary), #8b5cf6);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.3s ease;\n        }\n        \n        .value-card:hover {\n            border-color: var(--color-secondary);\n            box-shadow: var(--shadow-lg);\n            transform: translateY(-6px);\n        }\n        \n        .value-card:hover::before {\n            transform: scaleX(1);\n        }\n        \n        .value-icon {\n            width: 72px;\n            height: 72px;\n            background: linear-gradient(135deg, var(--color-secondary), #8b5cf6);\n            border-radius: var(--radius-md);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 2rem;\n            margin-bottom: 28px;\n            box-shadow: var(--shadow-md);\n        }\n        \n        .value-card h3 {\n            font-size: 1.375rem;\n            font-weight: 700;\n            color: var(--color-primary);\n            margin-bottom: 16px;\n            letter-spacing: -0.01em;\n        }\n        \n        .value-card p {\n            color: var(--color-text-muted);\n            font-size: 1rem;\n            line-height: 1.7;\n        }\n        \n        \/* ===== HOW IT WORKS - FULL WIDTH ===== *\/\n        .how-it-works {\n            width: 100%;\n            padding: 120px 0;\n            background: linear-gradient(180deg, var(--color-bg-alt) 0%, white 100%);\n        }\n        \n        .steps {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 32px;\n            position: relative;\n        }\n        \n        .steps::before {\n            content: '';\n            position: absolute;\n            top: 56px;\n            left: 8%;\n            right: 8%;\n            height: 3px;\n            background: linear-gradient(90deg, var(--color-secondary), #8b5cf6, var(--color-accent));\n            z-index: 0;\n            border-radius: 3px;\n        }\n        \n        .step {\n            position: relative;\n            z-index: 1;\n            text-align: center;\n            padding: 0 12px;\n        }\n        \n        .step-number {\n            width: 112px;\n            height: 112px;\n            background: white;\n            border: 4px solid var(--color-secondary);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 28px;\n            font-size: 2rem;\n            font-weight: 800;\n            color: var(--color-secondary);\n            box-shadow: var(--shadow-lg);\n            position: relative;\n            transition: var(--transition);\n        }\n        \n        .step:hover .step-number {\n            transform: scale(1.05);\n            background: linear-gradient(135deg, var(--color-secondary), #8b5cf6);\n            color: white;\n        }\n        \n        .step h3 {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: var(--color-primary);\n            margin-bottom: 14px;\n            letter-spacing: -0.01em;\n        }\n        \n        .step p {\n            font-size: 0.95rem;\n            color: var(--color-text-muted);\n            line-height: 1.6;\n        }\n        \n        \/* ===== FEATURED PROJECTS - FULL WIDTH ===== *\/\n        .projects {\n            width: 100%;\n            padding: 120px 0;\n            background: white;\n        }\n        \n        .projects-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 40px;\n        }\n        \n        .project-card {\n            background: white;\n            border: 1px solid var(--color-border);\n            border-radius: var(--radius-xl);\n            overflow: hidden;\n            transition: var(--transition);\n            box-shadow: var(--shadow-sm);\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .project-card:hover {\n            border-color: var(--color-secondary);\n            box-shadow: var(--shadow-xl);\n            transform: translateY(-8px);\n        }\n        \n        .project-image {\n            height: 240px;\n            background: linear-gradient(135deg, var(--color-secondary) 0%, #8b5cf6 50%, #a78bfa 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 4rem;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .project-image::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.3) 100%);\n        }\n        \n        .project-badge {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background: white;\n            color: var(--color-primary);\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            z-index: 2;\n            box-shadow: var(--shadow-md);\n        }\n        \n        .project-content {\n            padding: 32px;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .project-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 20px;\n            gap: 16px;\n        }\n        \n        .project-title {\n            font-size: 1.375rem;\n            font-weight: 700;\n            color: var(--color-primary);\n            line-height: 1.3;\n        }\n        \n        .project-location {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 0.9rem;\n            color: var(--color-text-muted);\n            margin-top: 8px;\n        }\n        \n        .project-stats {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            margin-bottom: 28px;\n        }\n        \n        .project-stat {\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .project-stat-label {\n            font-size: 0.75rem;\n            color: var(--color-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            font-weight: 600;\n            margin-bottom: 6px;\n        }\n        \n        .project-stat-value {\n            font-weight: 700;\n            color: var(--color-primary);\n            font-size: 1.125rem;\n        }\n        \n        .project-progress {\n            margin-bottom: 28px;\n            flex: 1;\n        }\n        \n        .progress-bar {\n            height: 10px;\n            background: var(--color-border);\n            border-radius: 10px;\n            overflow: hidden;\n            margin-bottom: 12px;\n        }\n        \n        .progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--color-secondary), #8b5cf6);\n            border-radius: 10px;\n            width: 65%;\n            transition: width 0.5s ease;\n        }\n        \n        .progress-text {\n            font-size: 0.875rem;\n            color: var(--color-text-muted);\n            font-weight: 500;\n        }\n        \n        .project-footer {\n            display: flex;\n            gap: 12px;\n            padding-top: 24px;\n            border-top: 1px solid var(--color-border);\n        }\n        \n        \/* ===== WHY AUREMA - FULL WIDTH ===== *\/\n        .why-aurema {\n            width: 100%;\n            padding: 120px 0;\n            background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);\n            color: white;\n        }\n        \n        .differentiator-grid {\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 80px;\n            align-items: center;\n        }\n        \n        .differentiator-content h3 {\n            font-size: 2rem;\n            font-weight: 800;\n            margin-bottom: 32px;\n            letter-spacing: -0.02em;\n        }\n        \n        .differentiator-list {\n            list-style: none;\n        }\n        \n        .differentiator-list li {\n            display: flex;\n            align-items: flex-start;\n            gap: 20px;\n            padding: 24px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n        }\n        \n        .differentiator-list li:last-child {\n            border-bottom: none;\n        }\n        \n        .differentiator-icon {\n            width: 32px;\n            height: 32px;\n            background: var(--color-success);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 0.875rem;\n            font-weight: 700;\n            flex-shrink: 0;\n            margin-top: 4px;\n        }\n        \n        .differentiator-text strong {\n            display: block;\n            color: white;\n            font-weight: 700;\n            font-size: 1.125rem;\n            margin-bottom: 8px;\n        }\n        \n        .differentiator-text span {\n            color: rgba(255, 255, 255, 0.85);\n            font-size: 1rem;\n            line-height: 1.6;\n        }\n        \n        .differentiator-visual {\n            background: rgba(255, 255, 255, 0.08);\n            border-radius: var(--radius-xl);\n            padding: 40px;\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            backdrop-filter: blur(10px);\n        }\n        \n        .expert-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: linear-gradient(135deg, var(--color-secondary), #8b5cf6);\n            color: white;\n            padding: 10px 20px;\n            border-radius: 24px;\n            font-size: 0.875rem;\n            font-weight: 700;\n            margin-bottom: 32px;\n            box-shadow: var(--shadow-md);\n        }\n        \n        .expert-card {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            padding: 24px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: var(--radius-md);\n            margin-bottom: 32px;\n            border: 1px solid rgba(255, 255, 255, 0.15);\n        }\n        \n        .expert-avatar {\n            width: 72px;\n            height: 72px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--color-secondary), #8b5cf6);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 800;\n            font-size: 1.5rem;\n            flex-shrink: 0;\n        }\n        \n        .expert-info h4 {\n            font-weight: 700;\n            color: white;\n            font-size: 1.125rem;\n            margin-bottom: 4px;\n        }\n        \n        .expert-info p {\n            font-size: 0.9rem;\n            color: rgba(255, 255, 255, 0.8);\n        }\n        \n        .expert-quote {\n            background: rgba(255, 255, 255, 0.08);\n            padding: 24px;\n            border-radius: var(--radius-md);\n            border-left: 4px solid var(--color-accent);\n        }\n        \n        .expert-quote p {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: rgba(255, 255, 255, 0.95);\n            font-style: italic;\n        }\n        \n        .expert-credentials {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-top: 20px;\n        }\n        \n        .expert-credential {\n            background: rgba(255, 255, 255, 0.15);\n            padding: 6px 14px;\n            border-radius: 16px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            color: white;\n        }\n        \n        \/* ===== COMPLIANCE SECTION - FULL WIDTH ===== *\/\n        .compliance {\n            width: 100%;\n            padding: 100px 0;\n            background: var(--color-bg-alt);\n        }\n        \n        .compliance-inner {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 64px;\n            align-items: center;\n        }\n        \n        .compliance-content h3 {\n            font-size: 2rem;\n            font-weight: 800;\n            color: var(--color-primary);\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n        }\n        \n        .compliance-content p {\n            color: var(--color-text-muted);\n            font-size: 1.125rem;\n            line-height: 1.7;\n            margin-bottom: 32px;\n        }\n        \n        .compliance-badges {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 14px;\n        }\n        \n        .compliance-badge {\n            background: white;\n            color: var(--color-primary);\n            padding: 10px 20px;\n            border-radius: 24px;\n            font-size: 0.8125rem;\n            font-weight: 600;\n            border: 2px solid var(--color-border);\n            transition: var(--transition);\n        }\n        \n        .compliance-badge:hover {\n            border-color: var(--color-secondary);\n            color: var(--color-secondary);\n            transform: translateY(-2px);\n        }\n        \n        .compliance-visual {\n            background: white;\n            border-radius: var(--radius-xl);\n            padding: 40px;\n            box-shadow: var(--shadow-lg);\n            border: 1px solid var(--color-border);\n        }\n        \n        .compliance-list {\n            list-style: none;\n        }\n        \n        .compliance-list li {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            padding: 18px 0;\n            border-bottom: 1px solid var(--color-border);\n        }\n        \n        .compliance-list li:last-child {\n            border-bottom: none;\n        }\n        \n        .compliance-check {\n            width: 28px;\n            height: 28px;\n            background: var(--color-success);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 700;\n            font-size: 0.875rem;\n            flex-shrink: 0;\n        }\n        \n        .compliance-list span {\n            color: var(--color-text);\n            font-weight: 500;\n            font-size: 1rem;\n        }\n        \n        \/* ===== CTA SECTION - FULL WIDTH ===== *\/\n        .cta {\n            width: 100%;\n            padding: 140px 0;\n            background: \n                linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 50%, #1e1b4b 100%),\n                url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%236366f1' fill-opacity='0.03' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n            background-size: cover, 100px 100px;\n            color: white;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .cta::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -20%;\n            width: 140%;\n            height: 200%;\n            background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.1) 0%, transparent 70%);\n            pointer-events: none;\n        }\n        \n        .cta-card {\n            max-width: 760px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: var(--radius-xl);\n            padding: 64px 48px;\n            color: white;\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            position: relative;\n            z-index: 1;\n        }\n        \n        .cta-card h3 {\n            font-size: 2.25rem;\n            font-weight: 800;\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n        }\n        \n        .cta-card p {\n            opacity: 0.95;\n            margin-bottom: 40px;\n            font-size: 1.25rem;\n            line-height: 1.6;\n        }\n        \n        .cta-form {\n            display: flex;\n            gap: 16px;\n            justify-content: center;\n            flex-wrap: wrap;\n            margin-bottom: 24px;\n        }\n        \n        .cta-form input {\n            padding: 18px 24px;\n            border: 2px solid transparent;\n            border-radius: var(--radius-md);\n            font-size: 1rem;\n            min-width: 320px;\n            background: white;\n            color: var(--color-primary);\n            transition: var(--transition);\n        }\n        \n        .cta-form input:focus {\n            outline: none;\n            border-color: var(--color-secondary);\n            box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);\n        }\n        \n        .cta-form button {\n            background: white;\n            color: var(--color-primary);\n            font-weight: 700;\n        }\n        \n        .cta-note {\n            margin-top: 20px;\n            font-size: 0.8125rem;\n            opacity: 0.8;\n            line-height: 1.5;\n        }\n        \n        .cta-note a {\n            color: white;\n            border-bottom: 1px dashed rgba(255, 255, 255, 0.5);\n            text-decoration: none;\n            transition: var(--transition);\n        }\n        \n        .cta-note a:hover {\n            border-bottom-color: white;\n        }\n        \n        \/* ===== FAQ - FULL WIDTH ===== *\/\n        .faq {\n            width: 100%;\n            padding: 120px 0;\n            background: white;\n        }\n        \n        .faq-grid {\n            max-width: 840px;\n            margin: 0 auto;\n        }\n        \n        .faq-item {\n            background: white;\n            border: 1px solid var(--color-border);\n            border-radius: var(--radius-md);\n            margin-bottom: 16px;\n            overflow: hidden;\n            transition: var(--transition);\n        }\n        \n        .faq-item:hover {\n            border-color: var(--color-secondary);\n            box-shadow: var(--shadow-md);\n        }\n        \n        .faq-question {\n            padding: 24px 28px;\n            font-weight: 600;\n            color: var(--color-primary);\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-size: 1.0625rem;\n            transition: var(--transition);\n        }\n        \n        .faq-question:hover {\n            background: var(--color-bg-alt);\n        }\n        \n        .faq-question::after {\n            content: '+';\n            font-size: 1.5rem;\n            color: var(--color-secondary);\n            font-weight: 300;\n            transition: var(--transition);\n        }\n        \n        .faq-item.active .faq-question::after {\n            content: '&minus;';\n            transform: rotate(180deg);\n        }\n        \n        .faq-answer {\n            padding: 0 28px;\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease, padding 0.4s ease;\n            color: var(--color-text-muted);\n            line-height: 1.7;\n            font-size: 1rem;\n        }\n        \n        .faq-item.active .faq-answer {\n            padding: 0 28px 28px;\n            max-height: 600px;\n        }\n        \n        .faq-answer a {\n            color: var(--color-secondary);\n            text-decoration: none;\n            font-weight: 500;\n            border-bottom: 1px dashed transparent;\n            transition: var(--transition);\n        }\n        \n        .faq-answer a:hover {\n            border-bottom-color: var(--color-secondary);\n        }\n        \n        \/* ===== FOOTER - FULL WIDTH ===== *\/\n        .footer {\n            width: 100%;\n            background: var(--color-bg-dark);\n            color: white;\n            padding: 80px 0 32px;\n        }\n        \n        .footer-grid {\n            display: grid;\n            grid-template-columns: 1.8fr 1fr 1fr 1.2fr;\n            gap: 48px;\n            margin-bottom: 56px;\n        }\n        \n        .footer-brand .logo {\n            color: white;\n            margin-bottom: 24px;\n        }\n        \n        .footer-brand p {\n            opacity: 0.85;\n            font-size: 1rem;\n            margin-bottom: 32px;\n            line-height: 1.7;\n            max-width: 360px;\n        }\n        \n        .footer-social {\n            display: flex;\n            gap: 14px;\n        }\n        \n        .footer-social a {\n            width: 44px;\n            height: 44px;\n            background: rgba(255, 255, 255, 0.1);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            text-decoration: none;\n            transition: var(--transition);\n            font-weight: 600;\n            font-size: 1.125rem;\n        }\n        \n        .footer-social a:hover {\n            background: var(--color-secondary);\n            transform: translateY(-3px);\n        }\n        \n        .footer-links h4 {\n            font-weight: 700;\n            margin-bottom: 24px;\n            color: white;\n            font-size: 1.0625rem;\n            letter-spacing: -0.01em;\n        }\n        \n        .footer-links ul {\n            list-style: none;\n        }\n        \n        .footer-links li {\n            margin-bottom: 16px;\n        }\n        \n        .footer-links a {\n            color: rgba(255, 255, 255, 0.8);\n            text-decoration: none;\n            font-size: 0.95rem;\n            transition: var(--transition);\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n        \n        .footer-links a::after {\n            content: '&rarr;';\n            opacity: 0;\n            transform: translateX(-4px);\n            transition: var(--transition);\n            font-size: 0.875rem;\n        }\n        \n        .footer-links a:hover {\n            color: white;\n        }\n        \n        .footer-links a:hover::after {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .footer-bottom {\n            padding-top: 32px;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n            font-size: 0.875rem;\n            opacity: 0.7;\n        }\n        \n        .footer-legal {\n            display: flex;\n            gap: 28px;\n            flex-wrap: wrap;\n        }\n        \n        .footer-legal a {\n            color: rgba(255, 255, 255, 0.8);\n            text-decoration: none;\n            transition: var(--transition);\n            font-weight: 500;\n        }\n        \n        .footer-legal a:hover {\n            color: white;\n        }\n        \n        \/* ===== REGULATORY FOOTER NOTICE - FULL WIDTH ===== *\/\n        .regulatory-footer {\n            width: 100%;\n            background: #020617;\n            color: rgba(255, 255, 255, 0.6);\n            padding: 24px 0;\n            font-size: 0.75rem;\n            line-height: 1.6;\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n        }\n        \n        .regulatory-footer a {\n            color: rgba(255, 255, 255, 0.85);\n            text-decoration: none;\n            font-weight: 500;\n            border-bottom: 1px dashed transparent;\n            transition: var(--transition);\n        }\n        \n        .regulatory-footer a:hover {\n            border-bottom-color: rgba(255, 255, 255, 0.85);\n        }\n        \n        \/* ===== ANIMATIONS ===== *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .animate-on-scroll {\n            animation: fadeInUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n            opacity: 0;\n        }\n        \n        .animate-on-scroll:nth-child(1) { animation-delay: 0.1s; }\n        .animate-on-scroll:nth-child(2) { animation-delay: 0.2s; }\n        .animate-on-scroll:nth-child(3) { animation-delay: 0.3s; }\n        .animate-on-scroll:nth-child(4) { animation-delay: 0.4s; }\n        .animate-on-scroll:nth-child(5) { animation-delay: 0.5s; }\n        .animate-on-scroll:nth-child(6) { animation-delay: 0.6s; }\n        \n        \/* ===== PROFILEPRESS INTEGRATION ===== *\/\n        .pp-form-container {\n            max-width: 520px;\n            margin: 0 auto;\n        }\n        \n        .pp-form-container input[type=\"email\"],\n        .pp-form-container input[type=\"text\"],\n        .pp-form-container select {\n            width: 100%;\n            padding: 16px 20px;\n            border: 2px solid var(--color-border);\n            border-radius: var(--radius-md);\n            font-size: 1rem;\n            transition: var(--transition);\n            background: white;\n            color: var(--color-primary);\n        }\n        \n        .pp-form-container input:focus,\n        .pp-form-container select:focus {\n            outline: none;\n            border-color: var(--color-secondary);\n            box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);\n        }\n        \n        .pp-form-container button {\n            width: 100%;\n        }\n        \n        \/* Hide WordPress admin bar on frontend *\/\n        body.logged-in.admin-bar .header {\n            top: 32px;\n        }\n        \n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 1280px) {\n            :root {\n                --container-padding: 32px;\n            }\n        }\n        \n        @media (max-width: 1024px) {\n            .hero-inner {\n                grid-template-columns: 1fr;\n                text-align: center;\n                gap: 48px;\n            }\n            \n            .hero-content h1 {\n                font-size: 2.75rem;\n            }\n            \n            .hero-content p {\n                margin-left: auto;\n                margin-right: auto;\n            }\n            \n            .hero-cta {\n                justify-content: center;\n            }\n            \n            .hero-trust {\n                justify-content: center;\n            }\n            \n            .value-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .steps {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .steps::before {\n                display: none;\n            }\n            \n            .projects-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .differentiator-grid {\n                grid-template-columns: 1fr;\n                gap: 48px;\n            }\n            \n            .compliance-inner {\n                grid-template-columns: 1fr;\n                text-align: center;\n                gap: 48px;\n            }\n            \n            .compliance-badges {\n                justify-content: center;\n            }\n            \n            .footer-grid {\n                grid-template-columns: 1fr 1fr;\n                gap: 40px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            :root {\n                --container-padding: 20px;\n            }\n            \n            .section-fullwidth,\n            .section-fullwidth-lg {\n                padding: 80px 0;\n            }\n            \n            .nav-links {\n                display: none;\n            }\n            \n            .mobile-toggle {\n                display: block;\n            }\n            \n            .hero {\n                padding: 100px 0 80px;\n            }\n            \n            .hero-content h1 {\n                font-size: 2.25rem;\n            }\n            \n            .hero-content p {\n                font-size: 1.125rem;\n            }\n            \n            .hero-card {\n                padding: 32px 24px;\n            }\n            \n            .value-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .steps {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n            \n            .section-header h2 {\n                font-size: 2rem;\n            }\n            \n            .differentiator-content h3,\n            .compliance-content h3 {\n                font-size: 1.75rem;\n            }\n            \n            .footer-grid {\n                grid-template-columns: 1fr;\n                text-align: center;\n            }\n            \n            .footer-brand p {\n                margin-left: auto;\n                margin-right: auto;\n            }\n            \n            .footer-social {\n                justify-content: center;\n            }\n            \n            .footer-bottom {\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .cta-card {\n                padding: 48px 32px;\n            }\n            \n            .cta-form {\n                flex-direction: column;\n            }\n            \n            .cta-form input {\n                min-width: 100%;\n            }\n            \n            .faq-question {\n                padding: 20px 24px;\n                font-size: 1rem;\n            }\n            \n            .faq-answer {\n                padding: 0 24px;\n            }\n            \n            .faq-item.active .faq-answer {\n                padding: 0 24px 24px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .hero-content h1 {\n                font-size: 1.875rem;\n            }\n            \n            .hero-stats {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n            \n            .btn-group {\n                flex-direction: column;\n            }\n            \n            .btn {\n                width: 100%;\n                justify-content: center;\n            }\n            \n            .project-stats {\n                grid-template-columns: 1fr;\n                gap: 16px;\n            }\n            \n            .project-footer {\n                flex-direction: column;\n            }\n            \n            .compliance-list li {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 12px;\n                text-align: left;\n            }\n        }\n        \n        \/* ===== ACCESSIBILITY ===== *\/\n        @media (prefers-reduced-motion: reduce) {\n            *,\n            *::before,\n            *::after {\n                animation-duration: 0.01ms !important;\n                animation-iteration-count: 1 !important;\n                transition-duration: 0.01ms !important;\n            }\n        }\n        \n        \/* Focus styles for keyboard navigation *\/\n        a:focus,\n        button:focus,\n        input:focus,\n        select:focus {\n            outline: 2px solid var(--color-secondary);\n            outline-offset: 2px;\n        }\n        \n        a:focus:not(:focus-visible),\n        button:focus:not(:focus-visible) {\n            outline: none;\n        }\n        \n        a:focus-visible,\n        button:focus-visible {\n            outline: 2px solid var(--color-secondary);\n            outline-offset: 2px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Regulatory Warning Banner - Full Width -->\n    <div class=\"regulatory-banner\">\n        <div class=\"content-center\">&#9726; <strong>Qualified Investors Only:<\/strong> This platform is exclusively for qualified investors outside Spain, United States, and Canada.\n <a href=\"\/risk-disclosures\">View risk disclosures &rarr;<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- Header - Full Width -->\n    <header class=\"header\">\n        <div class=\"content-center header-inner\">\n            <a href=\"\/\" class=\"logo\">\n                <div class=\"logo-icon\">A<\/div>\n                <span>Aurema Group<\/span>\n            <\/a>\n            \n            <nav>\n                <ul class=\"nav-links\">\n                    <li><a href=\"#how-it-works\">How It Works<\/a><\/li>\n                    <li><a href=\"#projects\">Projects<\/a><\/li>\n                    <li><a href=\"#why-aurema\">Why Aurema<\/a><\/li>\n                    <li><a href=\"#compliance\">Compliance<\/a><\/li>\n                    <li><a href=\"#faq\">FAQ<\/a><\/li>\n                <\/ul>\n            <\/nav>\n            \n            <div class=\"nav-cta\">\n                <a href=\"\/login\" class=\"btn btn-secondary btn-sm\">Log In<\/a>\n                <a href=\"\/register\" class=\"btn btn-primary btn-sm\">Join Waitlist<\/a>\n            <\/div>\n            \n            <button class=\"mobile-toggle\" aria-label=\"Toggle menu\" aria-expanded=\"false\">&#9776;<\/button>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section - Full Width -->\n    <section class=\"hero\">\n        <div class=\"content-center hero-inner\">\n            <div class=\"hero-content\">\n                <h1>Tokenized Real Estate Investments for <span class=\"text-gradient\">Qualified Investors<\/span><\/h1>\n                <p>Access premium Spanish real estate opportunities through blockchain tokenization. Institutional-grade structure. Judicial expert oversight. ADGM-regulated framework.<\/p>\n                <div class=\"hero-cta\">\n                    <a href=\"\/register\" class=\"btn btn-white btn-lg\">Apply for Access\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg>\n                    <\/a>\n                    <a href=\"#how-it-works\" class=\"btn btn-outline\">Learn More<\/a>\n                <\/div>\n                <div class=\"hero-trust\">\n                    <div class=\"hero-trust-item\">\n                        <div class=\"hero-trust-icon\">&#10003;<\/div>ADGM Regulated\n <\/div>\n                    <div class=\"hero-trust-item\">\n                        <div class=\"hero-trust-icon\">&#10003;<\/div>MiCA Compliant\n <\/div>\n                    <div class=\"hero-trust-item\">\n                        <div class=\"hero-trust-icon\">&#10003;<\/div>Judicial Expert\n <\/div>\n                    <div class=\"hero-trust-item\">\n                        <div class=\"hero-trust-icon\">&#10003;<\/div>Institutional Custody\n <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"hero-visual\">\n                <div class=\"hero-card\">\n                    <div class=\"hero-card-title\">\n                        <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg>Live Opportunity\n <\/div>\n                    \n                    <div class=\"hero-stats\">\n                        <div class=\"hero-stat\">\n                            <span class=\"hero-stat-value\">&euro;2.4M<\/span>\n                            <span class=\"hero-stat-label\">Target Raise<\/span>\n                        <\/div>\n                        <div class=\"hero-stat\">\n                            <span class=\"hero-stat-value\">8.5%<\/span>\n                            <span class=\"hero-stat-label\">Est. Annual Return<\/span>\n                        <\/div>\n                        <div class=\"hero-stat\">\n                            <span class=\"hero-stat-value\">24 mo<\/span>\n                            <span class=\"hero-stat-label\">Investment Horizon<\/span>\n                        <\/div>\n                        <div class=\"hero-stat\">\n                            <span class=\"hero-stat-value\">Valencia<\/span>\n                            <span class=\"hero-stat-label\">Location<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"hero-progress\">\n                        <div class=\"hero-progress-header\">\n                            <span>Funded<\/span>\n                            <span>65%<\/span>\n                        <\/div>\n                        <div class=\"hero-progress-bar\">\n                            <div class=\"hero-progress-fill\"><\/div>\n                        <\/div>\n                        <div class=\"hero-progress-text\">&euro;1.56M raised of &euro;2.4M target<\/div>\n                    <\/div>\n                    \n                    <a href=\"\/register\" class=\"btn btn-primary btn-block btn-lg\">Reserve Your Allocation<\/a>\n                    <p class=\"hero-card-note\">Minimum investment: &euro;10,000 &bull; Qualified investors only &bull; Capital at risk\n <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Trust Bar - Full Width -->\n    <div class=\"trust-bar\">\n        <div class=\"content-center trust-inner\">\n            <div class=\"trust-item\">\n                <div class=\"trust-icon\"> &#65039;<\/div>ADGM Regulated Structure\n <\/div>\n            <div class=\"trust-item\">\n                <div class=\"trust-icon\"> &#65039;<\/div>Judicial Expert Oversight\n <\/div>\n            <div class=\"trust-item\">\n                <div class=\"trust-icon\">&#127757;<\/div>MiCA Compliant Framework\n <\/div>\n            <div class=\"trust-item\">\n                <div class=\"trust-icon\">&#128272;<\/div>Institutional Custody\n <\/div>\n            <div class=\"trust-item\">\n                <div class=\"trust-icon\">&#128202;<\/div>Transparent Reporting\n <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Value Proposition - Full Width -->\n    <section class=\"value-prop\">\n        <div class=\"content-center\">\n            <div class=\"section-header\">\n                <h2>Why Tokenize Real Estate with Aurema?<\/h2>\n                <p>Democratizing access to premium Spanish real estate through regulated blockchain infrastructure.<\/p>\n            <\/div>\n            \n            <div class=\"value-grid\">\n                <div class=\"value-card animate-on-scroll\">\n                    <div class=\"value-icon\">&#128272;<\/div>\n                    <h3>Institutional-Grade Structure<\/h3>\n                    <p>Each property is held in a Spanish SPV with Aurema Group Holdings ADGM Ltd as ultimate beneficial owner, ensuring regulatory clarity and asset protection.<\/p>\n                <\/div>\n                \n                <div class=\"value-card animate-on-scroll\">\n                    <div class=\"value-icon\"> &#65039;<\/div>\n                    <h3>Judicial Expert Oversight<\/h3>\n                    <p>30+ years of construction industry expertise. Every asset undergoes forensic-level due diligence by our in-house judicial expert in real estate and construction.<\/p>\n                <\/div>\n                \n                <div class=\"value-card animate-on-scroll\">\n                    <div class=\"value-icon\">&#127757;<\/div>\n                    <h3>Global Access, Local Expertise<\/h3>\n                    <p>Qualified investors worldwide can access Spanish real estate opportunities, backed by deep local market knowledge and on-the-ground execution.<\/p>\n                <\/div>\n                \n                <div class=\"value-card animate-on-scroll\">\n                    <div class=\"value-icon\">&#128142;<\/div>\n                    <h3>Liquidity Through Tokenization<\/h3>\n                    <p>Traditional real estate is illiquid. Our tokenized structure enables potential secondary market trading, subject to regulatory approval.<\/p>\n                <\/div>\n                \n                <div class=\"value-card animate-on-scroll\">\n                    <div class=\"value-icon\">&#128202;<\/div>\n                    <h3>Transparent Reporting<\/h3>\n                    <p>Real-time dashboard access to project performance, rental income distribution, and asset valuation updates&mdash;no more black-box investments.<\/p>\n                <\/div>\n                \n                <div class=\"value-card animate-on-scroll\">\n                    <div class=\"value-icon\"> &#65039;<\/div>\n                    <h3>Regulatory Compliance First<\/h3>\n                    <p>Built for CNMV, MiCA, and ADGM FSRA frameworks from day one. We don&#8217;t retrofit compliance; we engineer it into our foundation.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- How It Works - Full Width -->\n    <section class=\"how-it-works\" id=\"how-it-works\">\n        <div class=\"content-center\">\n            <div class=\"section-header\">\n                <h2>How Aurema Tokenization Works<\/h2>\n                <p>Four simple steps from application to yield distribution.<\/p>\n            <\/div>\n            \n            <div class=\"steps\">\n                <div class=\"step animate-on-scroll\">\n                    <div class=\"step-number\">1<\/div>\n                    <h3>Apply &amp; Verify<\/h3>\n                    <p>Complete our qualified investor application and KYC\/AML verification via our secure DIDIT-powered portal.<\/p>\n                <\/div>\n                <div class=\"step animate-on-scroll\">\n                    <div class=\"step-number\">2<\/div>\n                    <h3>Reserve Allocation<\/h3>\n                    <p>Select your preferred project and reserve your token allocation (minimum &euro;10,000). Funds held in segregated account.<\/p>\n                <\/div>\n                <div class=\"step animate-on-scroll\">\n                    <div class=\"step-number\">3<\/div>\n                    <h3>Receive Tokens<\/h3>\n                    <p>Upon funding confirmation, receive your Aurema Yield Tokens (AYT) representing economic rights in the underlying SPV.<\/p>\n                <\/div>\n                <div class=\"step animate-on-scroll\">\n                    <div class=\"step-number\">4<\/div>\n                    <h3>Earn &amp; Track<\/h3>\n                    <p>Receive quarterly yield distributions from rental income and\/or capital appreciation. Track everything in your dashboard.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Featured Projects - Full Width -->\n    <section class=\"projects\" id=\"projects\">\n        <div class=\"content-center\">\n            <div class=\"section-header\">\n                <h2>Featured Investment Opportunities<\/h2>\n                <p>Curated Spanish real estate assets undergoing value-add rehabilitation.<\/p>\n            <\/div>\n            \n            <div class=\"projects-grid\">\n                <!-- Project 1 -->\n                <div class=\"project-card animate-on-scroll\">\n                    <div class=\"project-image\">\n                        &#127970;\n                        <span class=\"project-badge\">Live<\/span>\n                    <\/div>\n                    <div class=\"project-content\">\n                        <div class=\"project-header\">\n                            <div>\n                                <div class=\"project-title\">Valencia Office Hub<\/div>\n                                <div class=\"project-location\">\n                                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>Valencia, Spain\n <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"project-stats\">\n                            <div class=\"project-stat\">\n                                <span class=\"project-stat-label\">Target Raise<\/span>\n                                <span class=\"project-stat-value\">&euro;2.4M<\/span>\n                            <\/div>\n                            <div class=\"project-stat\">\n                                <span class=\"project-stat-label\">Min. Investment<\/span>\n                                <span class=\"project-stat-value\">&euro;10,000<\/span>\n                            <\/div>\n                            <div class=\"project-stat\">\n                                <span class=\"project-stat-label\">Est. Return<\/span>\n                                <span class=\"project-stat-value\">8.5% p.a.<\/span>\n                            <\/div>\n                            <div class=\"project-stat\">\n                                <span class=\"project-stat-label\">Horizon<\/span>\n                                <span class=\"project-stat-value\">24 months<\/span>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"project-progress\">\n                            <div class=\"progress-bar\">\n                                <div class=\"progress-fill\" style=\"width: 65%;\"><\/div>\n                            <\/div>\n                            <div class=\"progress-text\">65% funded &bull; &euro;1.56M raised<\/div>\n                        <\/div>\n                        \n                        <div class=\"project-footer\">\n                            <a href=\"\/register\" class=\"btn btn-primary btn-sm\">Reserve Allocation<\/a>\n                            <a href=\"\/projects\/valencia-office\" class=\"btn btn-secondary btn-sm\">View Details<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Project 2 -->\n                <div class=\"project-card animate-on-scroll\">\n                    <div class=\"project-image\">&#9642;\n <span class=\"project-badge\" style=\"background: var(--color-bg-alt); color: var(--color-text);\">Coming Soon<\/span>\n                    <\/div>\n                    <div class=\"project-content\">\n                        <div class=\"project-header\">\n                            <div>\n                                <div class=\"project-title\">Madrid Residential Rehab<\/div>\n                                <div class=\"project-location\">\n                                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>Madrid, Spain\n <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"project-stats\">\n                            <div class=\"project-stat\">\n                                <span class=\"project-stat-label\">Target Raise<\/span>\n                                <span class=\"project-stat-value\">&euro;4.1M<\/span>\n                            <\/div>\n                            <div class=\"project-stat\">\n                                <span class=\"project-stat-label\">Min. Investment<\/span>\n                                <span class=\"project-stat-value\">&euro;25,000<\/span>\n                            <\/div>\n                            <div class=\"project-stat\">\n                                <span class=\"project-stat-label\">Est. Return<\/span>\n                                <span class=\"project-stat-value\">10.2% p.a.<\/span>\n                            <\/div>\n                            <div class=\"project-stat\">\n                                <span class=\"project-stat-label\">Horizon<\/span>\n                                <span class=\"project-stat-value\">36 months<\/span>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"project-progress\">\n                            <div class=\"progress-bar\">\n                                <div class=\"progress-fill\" style=\"width: 0%;\"><\/div>\n                            <\/div>\n                            <div class=\"progress-text\">Pre-launch &bull; Join waitlist<\/div>\n                        <\/div>\n                        \n                        <div class=\"project-footer\">\n                            <a href=\"\/register\" class=\"btn btn-primary btn-sm\">Join Waitlist<\/a>\n                            <a href=\"\/projects\/madrid-residential\" class=\"btn btn-secondary btn-sm\">Learn More<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"text-center\" style=\"margin-top: 56px;\">\n                <a href=\"\/projects\" class=\"btn btn-outline btn-lg\">View All Opportunities &rarr;<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Why Aurema - Full Width -->\n    <section class=\"why-aurema\" id=\"why-aurema\">\n        <div class=\"content-center\">\n            <div class=\"differentiator-grid\">\n                <div class=\"differentiator-content\">\n                    <h3>Not Just Another Tokenization Platform<\/h3>\n                    \n                    <ul class=\"differentiator-list\">\n                        <li>\n                            <div class=\"differentiator-icon\">&#10003;<\/div>\n                            <div class=\"differentiator-text\">\n                                <strong>Judicial Expert Foundation<\/strong>\n                                <span>30+ years in construction forensics. We don&#8217;t just tokenise assets&mdash;we rigorously evaluate their structural integrity, rehabilitation potential, and legal status before a single token is minted.<\/span>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"differentiator-icon\">&#10003;<\/div>\n                            <div class=\"differentiator-text\">\n                                <strong>Regulatory-First Architecture<\/strong>\n                                <span>Built for CNMV, MiCA, and ADGM compliance from inception. No regulatory arbitrage, no grey zones&mdash;just clear, auditable structures that institutional investors trust.<\/span>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"differentiator-icon\">&#10003;<\/div>\n                            <div class=\"differentiator-text\">\n                                <strong>Real Asset, Real Yield<\/strong>\n                                <span>Tokens represent economic rights in Spanish SPVs holding physical real estate. Returns come from rental income and value appreciation&mdash;not speculative token mechanics.<\/span>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <div class=\"differentiator-icon\">&#10003;<\/div>\n                            <div class=\"differentiator-text\">\n                                <strong>Transparent Governance<\/strong>\n                                <span>Token holders receive regular reporting on asset performance, rehabilitation progress, and financial statements. No black boxes, no surprises.<\/span>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"differentiator-visual\">\n                    <div class=\"expert-badge\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                        Judicial Expert Oversight\n                    <\/div>\n                    \n                    <div class=\"expert-card\">\n                        <div class=\"expert-avatar\">AT<\/div>\n                        <div class=\"expert-info\">\n                            <h4>Aurelio Tamarit Blay<\/h4>\n                            <p>Judicial Expert in Real Estate &#038; Construction | 30+ Years Experience<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"expert-quote\">\n                        <p>&#8220;Every asset we tokenize undergoes the same forensic-level due diligence I&#8217;ve applied for three decades in Spanish courts. If I wouldn&#8217;t stake my reputation on it, we don&#8217;t offer it to investors.&#8221;<\/p>\n                    <\/div>\n                    \n                    <div class=\"expert-credentials\">\n                        <span class=\"expert-credential\">CTE Compliant<\/span>\n                        <span class=\"expert-credential\">EHE-08 Certified<\/span>\n                        <span class=\"expert-credential\">DB-SE Verified<\/span>\n                        <span class=\"expert-credential\">30+ Years Experience<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Compliance Section - Full Width -->\n    <section class=\"compliance\" id=\"compliance\">\n        <div class=\"content-center\">\n            <div class=\"compliance-inner\">\n                <div class=\"compliance-content\">\n                    <h3>Regulatory Compliance: Our Foundation, Not an Afterthought<\/h3>\n                    <p>We operate within clear regulatory frameworks to protect investors and ensure long-term viability.<\/p>\n                    \n                    <div class=\"compliance-badges\">\n                        <span class=\"compliance-badge\">ADGM Regulated Structure<\/span>\n                        <span class=\"compliance-badge\">MiCA Framework Aligned<\/span>\n                        <span class=\"compliance-badge\">CNMV Exemption Compliant<\/span>\n                        <span class=\"compliance-badge\">GDPR \/ Data Protection<\/span>\n                        <span class=\"compliance-badge\">AML \/ KYC Certified<\/span>\n                        <span class=\"compliance-badge\">ERIR-Ready<\/span>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"compliance-visual\">\n                    <ul class=\"compliance-list\">\n                        <li>\n                            <span class=\"compliance-check\">&#10003;<\/span>\n                            <span>Qualified Investor Verification (Art. 2(e) Prospectus Regulation)<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"compliance-check\">&#10003;<\/span>\n                            <span>Private Placement Exemption (<150 investors, <&euro;8M)<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"compliance-check\">&#10003;<\/span>\n                            <span>SPV Structure: Spanish S.L. holding physical assets<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"compliance-check\">&#10003;<\/span>\n                            <span>Token Classification: Economic rights, not direct property ownership<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"compliance-check\">&#10003;<\/span>\n                            <span>Segregated Custody: Investor funds held separately<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"compliance-check\">&#10003;<\/span>\n                            <span>ERIR-Ready: Prepared for DLT securities registration<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section - Full Width -->\n    <section class=\"cta\">\n        <div class=\"content-center\">\n            <div class=\"cta-card\">\n                <h3>Ready to Access Tokenized Real Estate?<\/h3>\n                <p>Join our qualified investor waitlist to receive early access to upcoming opportunities.<\/p>\n                \n                <!-- ProfilePress Form Integration -->\n                <div class=\"pp-form-container\">\n                    [profilepress_form id=&#8221;2&#8243;] <!-- Replace with your waitlist form ID -->\n                <\/div>\n                \n                <p class=\"cta-note\">\n                    By submitting, you confirm you are a qualified investor outside Spain, US, and Canada. \n                    <a href=\"\/privacy\">Privacy Policy<\/a> &bull; <a href=\"\/terms\">Terms of Service<\/a>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ - Full Width -->\n    <section class=\"faq\" id=\"faq\">\n        <div class=\"content-center\">\n            <div class=\"section-header\">\n                <h2>Frequently Asked Questions<\/h2>\n                <p>Everything you need to know about investing with Aurema.<\/p>\n            <\/div>\n            \n            <div class=\"faq-grid\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">What is a qualified investor?<\/div>\n                    <div class=\"faq-answer\">\n                        <p>A qualified investor is defined under EU Regulation 2017\/1129 as an entity or individual meeting specific financial thresholds, professional experience, or institutional status. Our application process verifies your eligibility before granting access.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">What do the tokens represent?<\/div>\n                    <div class=\"faq-answer\">\n                        <p>Aurema Yield Tokens (AYT) represent economic rights in a Spanish Special Purpose Vehicle (S.L.) that holds the underlying real estate asset. Tokens do not confer direct property ownership but entitle holders to proportional distributions from rental income and\/or capital appreciation, subject to project performance.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">How are returns generated?<\/div>\n                    <div class=\"faq-answer\">\n                        <p>Returns come from two primary sources: (1) Rental income from the rehabilitated property, distributed quarterly; and (2) Capital appreciation upon sale or refinancing of the asset. Projected returns are estimates based on conservative market analysis and are not guaranteed.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">Is my investment liquid?<\/div>\n                    <div class=\"faq-answer\">\n                        <p>Traditional real estate is illiquid. While we are exploring secondary market mechanisms for token trading, liquidity is not guaranteed and would be subject to regulatory approval. Investors should consider their capital locked for the project horizon (typically 24-36 months).<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">How is my data protected?<\/div>\n                    <div class=\"faq-answer\">\n                        <p>We comply with GDPR and applicable data protection laws. KYC data is processed by DIDIT (a certified provider) and stored encrypted. We never sell personal data. Full details in our <a href=\"\/privacy\">Privacy Policy<\/a>.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">What are the risks?<\/div>\n                    <div class=\"faq-answer\">\n                        <p>All investments carry risk. Key risks include: property market volatility, rehabilitation delays\/cost overruns, tenant vacancy, regulatory changes affecting token transferability, and blockchain technology risks. Please review our <a href=\"\/risk-disclosures\">Risk Disclosures<\/a> thoroughly before investing.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer - Full Width -->\n    <footer class=\"footer\">\n        <div class=\"content-center\">\n            <div class=\"footer-grid\">\n                <div class=\"footer-brand\">\n                    <a href=\"\/\" class=\"logo\">\n                        <div class=\"logo-icon\">A<\/div>\n                        <span>Aurema Group<\/span>\n                    <\/a>\n                    <p>Tokenized real estate investments for qualified investors. Institutional-grade structure. Judicial expert oversight.<\/p>\n                    <div class=\"footer-social\">\n                        <a href=\"#\" aria-label=\"LinkedIn\">in<\/a>\n                        <a href=\"#\" aria-label=\"Twitter\">&#120143;<\/a>\n                        <a href=\"mailto:legal@aurema-group.com\" aria-label=\"Email\">&#9993;<\/a>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"footer-links\">\n                    <h4>Platform<\/h4>\n                    <ul>\n                        <li><a href=\"#how-it-works\">How It Works<\/a><\/li>\n                        <li><a href=\"#projects\">Projects<\/a><\/li>\n                        <li><a href=\"\/dashboard\">Investor Dashboard<\/a><\/li>\n                        <li><a href=\"\/kyc-verification\">KYC Portal<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-links\">\n                    <h4>Company<\/h4>\n                    <ul>\n                        <li><a href=\"#why-aurema\">About Aurema<\/a><\/li>\n                        <li><a href=\"#\">Team<\/a><\/li>\n                        <li><a href=\"#\">Careers<\/a><\/li>\n                        <li><a href=\"mailto:legal@aurema-group.com\">Contact<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-links\">\n                    <h4>Legal<\/h4>\n                    <ul>\n                        <li><a href=\"\/terms\">Terms of Service<\/a><\/li>\n                        <li><a href=\"\/privacy\">Privacy Policy<\/a><\/li>\n                        <li><a href=\"\/cookies\">Cookie Policy<\/a><\/li>\n                        <li><a href=\"\/risk-disclosures\">Risk Disclosures<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-bottom\">\n                <span>&copy; 2026 Aurema Group Holdings ADGM Ltd. All rights reserved.<\/span>\n                <div class=\"footer-legal\">\n                    <a href=\"\/terms\">Terms<\/a>\n                    <a href=\"\/privacy\">Privacy<\/a>\n                    <a href=\"\/risk-disclosures\">Risks<\/a>\n                    <a href=\"\/compliance\">Compliance<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Regulatory Footer Notice - Full Width -->\n    <div class=\"regulatory-footer\">\n        <div class=\"content-center\">\n            <strong>Important Regulatory Notice:<\/strong> Aurema Group Holdings ADGM Ltd is registered in Abu Dhabi Global Market (ADGM). \n            Investment opportunities presented on this platform are directed exclusively to qualified investors outside Spain, United States, and Canada, \n            under applicable exemptions from prospectus requirements. Tokens represent economic rights in Spanish special purpose vehicles and are not \n            direct ownership of real property. This is not a public offer of securities. Past performance is not indicative of future results. \n            Capital at risk. Please review all legal documentation before investing. \n            <a href=\"\/risk-disclosures\">Full risk disclosures here<\/a>.\n        <\/div>\n    <\/div>\n\n    <!-- JavaScript for Interactions -->\n    <script>\n        \/\/ Header scroll effect\n        window.addEventListener('scroll', function() {\n            const header = document.querySelector('.header');\n            if (window.scrollY > 50) {\n                header.classList.add('scrolled');\n            } else {\n                header.classList.remove('scrolled');\n            }\n        });\n        \n        \/\/ FAQ Toggle\n        document.querySelectorAll('.faq-question').forEach(question => {\n            question.addEventListener('click', () => {\n                const item = question.parentElement;\n                const isActive = item.classList.contains('active');\n                \n                \/\/ Close all\n                document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n                \n                \/\/ Toggle clicked\n                if (!isActive) {\n                    item.classList.add('active');\n                }\n            });\n        });\n        \n        \/\/ Mobile Menu Toggle\n        const mobileToggle = document.querySelector('.mobile-toggle');\n        const navLinks = document.querySelector('.nav-links');\n        \n        if (mobileToggle && navLinks) {\n            mobileToggle.addEventListener('click', () => {\n                const isExpanded = mobileToggle.getAttribute('aria-expanded') === 'true';\n                mobileToggle.setAttribute('aria-expanded', !isExpanded);\n                navLinks.style.display = isExpanded ? 'none' : 'flex';\n                \n                \/\/ Close menu when clicking a link\n                if (!isExpanded) {\n                    navLinks.querySelectorAll('a').forEach(link => {\n                        link.addEventListener('click', () => {\n                            navLinks.style.display = 'none';\n                            mobileToggle.setAttribute('aria-expanded', 'false');\n                        });\n                    });\n                }\n            });\n        }\n        \n        \/\/ Smooth scroll for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                const href = this.getAttribute('href');\n                if (href !== '#' && href.startsWith('#')) {\n                    e.preventDefault();\n                    const target = document.querySelector(href);\n                    if (target) {\n                        const headerOffset = 80;\n                        const elementPosition = target.getBoundingClientRect().top;\n                        const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n                        \n                        window.scrollTo({\n                            top: offsetPosition,\n                            behavior: 'smooth'\n                        });\n                    }\n                }\n            });\n        });\n        \n        \/\/ Animation on scroll (Intersection Observer)\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n        \n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n        \n        document.querySelectorAll('.animate-on-scroll').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            el.style.transition = 'opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1)';\n            observer.observe(el);\n        });\n        \n        \/\/ Progress bar animation on scroll\n        const progressBars = document.querySelectorAll('.progress-fill');\n        const progressObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const width = entry.target.style.width;\n                    entry.target.style.width = '0';\n                    setTimeout(() => {\n                        entry.target.style.width = width;\n                    }, 100);\n                    progressObserver.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.5 });\n        \n        progressBars.forEach(bar => progressObserver.observe(bar));\n    <\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Aurema Group | Tokenized Real Estate Investments for Qualified Investors &#9726; Qualified Investors Only: This platform is exclusively for qualified investors outside Spain, United States, and Canada. View risk disclosures &rarr; A Aurema Group How It Works Projects Why Aurema Compliance FAQ Log In Join Waitlist &#9776; Tokenized Real Estate Investments for Qualified Investors Access [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/invest.aurema-group.com\/en\/wp-json\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/invest.aurema-group.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/invest.aurema-group.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/invest.aurema-group.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/invest.aurema-group.com\/en\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":4,"href":"https:\/\/invest.aurema-group.com\/en\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":771,"href":"https:\/\/invest.aurema-group.com\/en\/wp-json\/wp\/v2\/pages\/222\/revisions\/771"}],"wp:attachment":[{"href":"https:\/\/invest.aurema-group.com\/en\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}