{"id":5,"date":"2024-01-15T14:04:16","date_gmt":"2024-01-15T14:04:16","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/consultant\/?page_id=5"},"modified":"2026-02-03T20:51:02","modified_gmt":"2026-02-03T19:51:02","slug":"home","status":"publish","type":"page","link":"https:\/\/mangthai.pl\/","title":{"rendered":"Strona g\u0142\u00f3wna"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"Mang Thai - indywidualne planowanie podr\u00f3\u017cy do Tajlandii i butikowe wyjazdy z opiek\u0105. Profesjonalnie, bezpiecznie i bez stresu. Bud\u017cetowo nawet od 4000 z\u0142\/os\/2 tygodnie lub luksusowo.\">\n    <title>Mang Thai &#8211; Premium Concierge | Tajlandia bez bariery j\u0119zykowej<\/title>\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=Cormorant+Garamond:wght@300;400;500;600;700&#038;family=Inter:wght@300;400;500;600&#038;family=Playfair+Display:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* Reset and Base Styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        :root {\n            \/* Thai Minimalism Color Palette - Enhanced *\/\n            --color-primary: oklch(0.32 0.09 155);\n            --color-primary-light: oklch(0.42 0.08 155);\n            --color-primary-foreground: oklch(0.98 0.01 75);\n            --color-secondary: oklch(0.72 0.14 85);\n            --color-secondary-light: oklch(0.82 0.10 85);\n            --color-secondary-foreground: oklch(0.25 0.08 155);\n            --color-accent: oklch(0.88 0.04 75);\n            --color-accent-foreground: oklch(0.25 0.08 155);\n            --color-muted: oklch(0.94 0.02 75);\n            --color-muted-foreground: oklch(0.45 0.05 155);\n            --color-background: oklch(0.985 0.008 75);\n            --color-foreground: oklch(0.22 0.08 155);\n            --color-card: oklch(0.995 0.004 75);\n            --color-border: oklch(0.88 0.03 75);\n            --color-gold: oklch(0.75 0.15 85);\n            --color-gold-light: oklch(0.85 0.12 85);\n            \n            \/* Shadows *\/\n            --shadow-sm: 0 2px 8px rgba(52, 78, 65, 0.06);\n            --shadow-md: 0 8px 24px rgba(52, 78, 65, 0.08);\n            --shadow-lg: 0 16px 48px rgba(52, 78, 65, 0.12);\n            --shadow-xl: 0 24px 64px rgba(52, 78, 65, 0.16);\n            --shadow-gold: 0 8px 32px rgba(191, 154, 107, 0.25);\n        }\n        \n        html {\n            scroll-behavior: smooth;\n        }\n        \n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n            font-weight: 400;\n            line-height: 1.7;\n            color: var(--color-foreground);\n            background-color: var(--color-background);\n            overflow-x: hidden;\n        }\n        \n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Cormorant Garamond', Georgia, serif;\n            font-weight: 400;\n            line-height: 1.2;\n        }\n        \n        a {\n            text-decoration: none;\n            color: inherit;\n            transition: all 0.3s ease;\n        }\n        \n        img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n        \n        \/* Container *\/\n        .container {\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 1.25rem;\n        }\n        \n        @media (min-width: 640px) {\n            .container { padding: 0 2rem; }\n        }\n        \n        @media (min-width: 1024px) {\n            .container { padding: 0 3rem; }\n        }\n\n        \/* Animations *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(40px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        \n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-15px); }\n        }\n        \n        @keyframes shimmer {\n            0% { background-position: -200% 0; }\n            100% { background-position: 200% 0; }\n        }\n        \n        @keyframes pulse {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.7; }\n        }\n        \n        @keyframes slideInLeft {\n            from {\n                opacity: 0;\n                transform: translateX(-60px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        @keyframes slideInRight {\n            from {\n                opacity: 0;\n                transform: translateX(60px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        .animate-fade-in-up {\n            animation: fadeInUp 0.8s ease-out forwards;\n        }\n        \n        .animate-fade-in {\n            animation: fadeIn 1s ease-out forwards;\n        }\n        \n        .animate-float {\n            animation: float 6s ease-in-out infinite;\n        }\n\n        \/* ==================== HERO SECTION ==================== *\/\n        .hero {\n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n        \n        .hero-bg {\n            position: absolute;\n            inset: 0;\n            background-image: url('https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663326387761\/pDyEgQhUennjjhVl.png');\n            background-size: cover;\n            background-position: center;\n            transform: scale(1.1);\n            transition: transform 10s ease-out;\n        }\n        \n        .hero:hover .hero-bg {\n            transform: scale(1);\n        }\n        \n        .hero-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(\n                135deg,\n                rgba(42, 62, 52, 0.85) 0%,\n                rgba(52, 78, 65, 0.75) 40%,\n                rgba(62, 88, 75, 0.70) 70%,\n                rgba(52, 78, 65, 0.80) 100%\n            );\n        }\n        \n        .hero-pattern {\n            position: absolute;\n            inset: 0;\n            background-image: \n                radial-gradient(circle at 20% 80%, rgba(191, 154, 107, 0.1) 0%, transparent 50%),\n                radial-gradient(circle at 80% 20%, rgba(191, 154, 107, 0.08) 0%, transparent 50%);\n            pointer-events: none;\n        }\n        \n        \/* Floating decorative elements *\/\n        .hero-decoration {\n            position: absolute;\n            pointer-events: none;\n            z-index: 5;\n        }\n        \n        .hero-decoration-1 {\n            top: 15%;\n            left: 8%;\n            width: 120px;\n            height: 120px;\n            border: 1px solid rgba(191, 154, 107, 0.3);\n            border-radius: 50%;\n            animation: float 8s ease-in-out infinite;\n        }\n        \n        .hero-decoration-2 {\n            bottom: 20%;\n            right: 10%;\n            width: 80px;\n            height: 80px;\n            background: linear-gradient(135deg, rgba(191, 154, 107, 0.2), transparent);\n            border-radius: 50%;\n            animation: float 6s ease-in-out infinite reverse;\n        }\n        \n        .hero-decoration-3 {\n            top: 30%;\n            right: 15%;\n            width: 6px;\n            height: 6px;\n            background: var(--color-secondary);\n            border-radius: 50%;\n            box-shadow: 0 0 20px rgba(191, 154, 107, 0.5);\n            animation: pulse 3s ease-in-out infinite;\n        }\n        \n        .hero-content {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            padding: 6rem 1.5rem;\n            max-width: 1000px;\n        }\n        \n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            padding: 0.5rem 1.25rem;\n            background: rgba(191, 154, 107, 0.15);\n            border: 1px solid rgba(191, 154, 107, 0.3);\n            border-radius: 50px;\n            color: var(--color-secondary-light);\n            font-size: 0.85rem;\n            font-weight: 500;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            margin-bottom: 2rem;\n            backdrop-filter: blur(10px);\n            animation: fadeInUp 0.8s ease-out forwards;\n        }\n        \n        .hero-badge::before {\n            content: '';\n            width: 8px;\n            height: 8px;\n            background: var(--color-secondary);\n            border-radius: 50%;\n            animation: pulse 2s ease-in-out infinite;\n        }\n        \n        .hero h1 {\n            font-size: clamp(2.5rem, 6vw, 5rem);\n            font-weight: 300;\n            color: var(--color-primary-foreground);\n            margin-bottom: 1.5rem;\n            line-height: 1.1;\n            letter-spacing: -0.02em;\n            animation: fadeInUp 0.8s ease-out 0.2s forwards;\n            opacity: 0;\n        }\n        \n        .hero h1 span {\n            display: block;\n            background: linear-gradient(135deg, var(--color-secondary-light), var(--color-gold-light));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .hero-subtitle {\n            font-size: clamp(1.1rem, 2.5vw, 1.5rem);\n            color: rgba(250, 248, 245, 0.9);\n            font-weight: 300;\n            max-width: 600px;\n            margin: 0 auto 2rem;\n            line-height: 1.6;\n            animation: fadeInUp 0.8s ease-out 0.4s forwards;\n            opacity: 0;\n        }\n        \n        .thai-separator {\n            width: 100px;\n            height: 2px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                var(--color-secondary) 20%, \n                var(--color-gold) 50%,\n                var(--color-secondary) 80%, \n                transparent 100%);\n            position: relative;\n            margin: 2.5rem auto;\n            animation: fadeIn 1s ease-out 0.6s forwards;\n            opacity: 0;\n        }\n        \n        .thai-separator::before,\n        .thai-separator::after {\n            content: '';\n            position: absolute;\n            width: 8px;\n            height: 8px;\n            background: var(--color-secondary);\n            border-radius: 50%;\n            top: 50%;\n            transform: translateY(-50%);\n            box-shadow: 0 0 15px rgba(191, 154, 107, 0.5);\n        }\n        \n        .thai-separator::before { left: -4px; }\n        .thai-separator::after { right: -4px; }\n        \n        .hero-tagline {\n            font-size: clamp(1rem, 2vw, 1.25rem);\n            color: rgba(250, 248, 245, 0.75);\n            font-weight: 300;\n            margin-bottom: 2.5rem;\n            font-style: italic;\n            animation: fadeInUp 0.8s ease-out 0.8s forwards;\n            opacity: 0;\n        }\n        \n        .hero-buttons {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 1rem;\n            margin-top: 2.5rem;\n            animation: fadeInUp 0.8s ease-out 1s forwards;\n            opacity: 0;\n        }\n        \n        @media (min-width: 640px) {\n            .hero-buttons {\n                flex-direction: row;\n                justify-content: center;\n                gap: 1.5rem;\n            }\n        }\n        \n        .btn-hero-primary {\n            padding: 1.1rem 2.5rem;\n            background: linear-gradient(135deg, var(--color-primary-foreground), rgba(250, 248, 245, 0.95));\n            color: var(--color-primary);\n            font-size: 1rem;\n            font-weight: 600;\n            border-radius: 4px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            min-width: 220px;\n            text-align: center;\n            border: none;\n            cursor: pointer;\n            box-shadow: var(--shadow-md);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .btn-hero-primary::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(191, 154, 107, 0.3), transparent);\n            transition: left 0.5s ease;\n        }\n        \n        .btn-hero-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-lg);\n        }\n        \n        .btn-hero-primary:hover::before {\n            left: 100%;\n        }\n        \n        .btn-hero-secondary {\n            padding: 1.1rem 2.5rem;\n            background-color: transparent;\n            border: 2px solid rgba(250, 248, 245, 0.5);\n            color: var(--color-primary-foreground);\n            font-size: 1rem;\n            font-weight: 500;\n            border-radius: 4px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            min-width: 220px;\n            text-align: center;\n            cursor: pointer;\n            backdrop-filter: blur(10px);\n        }\n        \n        .btn-hero-secondary:hover {\n            background-color: rgba(250, 248, 245, 0.15);\n            border-color: var(--color-secondary);\n            transform: translateY(-3px);\n        }\n        \n        \/* Scroll indicator *\/\n        .scroll-indicator {\n            position: absolute;\n            bottom: 3rem;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 10;\n            animation: fadeIn 1s ease-out 1.5s forwards;\n            opacity: 0;\n        }\n        \n        .scroll-indicator a {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 0.5rem;\n            color: rgba(250, 248, 245, 0.6);\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n        }\n        \n        .scroll-indicator .mouse {\n            width: 26px;\n            height: 40px;\n            border: 2px solid rgba(250, 248, 245, 0.4);\n            border-radius: 20px;\n            position: relative;\n        }\n        \n        .scroll-indicator .mouse::before {\n            content: '';\n            position: absolute;\n            top: 8px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 4px;\n            height: 8px;\n            background: var(--color-secondary);\n            border-radius: 2px;\n            animation: float 1.5s ease-in-out infinite;\n        }\n\n        \/* ==================== HOW IT WORKS SECTION ==================== *\/\n        .how-it-works {\n            position: relative;\n            padding: 8rem 0 10rem;\n            background: linear-gradient(180deg, var(--color-muted) 0%, var(--color-background) 100%);\n            overflow: hidden;\n        }\n        \n        .how-it-works::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 150px;\n            background: linear-gradient(180deg, rgba(52, 78, 65, 0.03), transparent);\n        }\n        \n        .how-it-works-bg {\n            position: absolute;\n            inset: 0;\n            background-image: url('https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663326387761\/tZLQJlHUSzSYfikV.png');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n            opacity: 0.03;\n        }\n        \n        .section-header {\n            text-align: center;\n            margin-bottom: 5rem;\n            position: relative;\n        }\n        \n        .section-label {\n            display: inline-block;\n            padding: 0.4rem 1rem;\n            background: linear-gradient(135deg, rgba(191, 154, 107, 0.1), rgba(191, 154, 107, 0.05));\n            border: 1px solid rgba(191, 154, 107, 0.2);\n            border-radius: 50px;\n            color: var(--color-secondary);\n            font-size: 0.8rem;\n            font-weight: 600;\n            letter-spacing: 0.15em;\n            text-transform: uppercase;\n            margin-bottom: 1.5rem;\n        }\n        \n        .section-title {\n            font-size: clamp(2.2rem, 5vw, 3.5rem);\n            font-weight: 400;\n            color: var(--color-foreground);\n            margin-bottom: 1.5rem;\n            letter-spacing: -0.02em;\n        }\n        \n        .section-description {\n            font-size: 1.15rem;\n            color: var(--color-muted-foreground);\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.8;\n        }\n        \n        .steps-grid {\n            display: grid;\n            gap: 2rem;\n            position: relative;\n            z-index: 10;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        \n        @media (min-width: 768px) {\n            .steps-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 2.5rem;\n            }\n        }\n        \n        @media (min-width: 1024px) {\n            .steps-grid {\n                grid-template-columns: repeat(4, 1fr);\n                gap: 2rem;\n            }\n        }\n        \n        .step-card {\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7));\n            backdrop-filter: blur(20px);\n            padding: 2.5rem 2rem;\n            border-radius: 16px;\n            border: 1px solid rgba(217, 207, 193, 0.4);\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .step-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-primary), var(--color-secondary));\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.5s ease;\n        }\n        \n        .step-card:hover {\n            transform: translateY(-8px);\n            box-shadow: var(--shadow-lg);\n            border-color: rgba(191, 154, 107, 0.4);\n        }\n        \n        .step-card:hover::before {\n            transform: scaleX(1);\n        }\n        \n        .step-number {\n            font-family: 'Playfair Display', serif;\n            font-size: 4rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, rgba(191, 154, 107, 0.3), rgba(191, 154, 107, 0.1));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            line-height: 1;\n            margin-bottom: 1.5rem;\n        }\n        \n        .step-card h3 {\n            font-size: 1.4rem;\n            font-weight: 500;\n            color: var(--color-foreground);\n            margin-bottom: 1rem;\n        }\n        \n        .step-card p {\n            color: var(--color-muted-foreground);\n            line-height: 1.7;\n            font-size: 0.95rem;\n        }\n        \n        \/* Two-stage process highlight *\/\n        .process-highlight {\n            margin-top: 5rem;\n            padding: 3.5rem;\n            background: linear-gradient(135deg, rgba(52, 78, 65, 0.05), rgba(191, 154, 107, 0.08));\n            border-radius: 24px;\n            border: 1px solid rgba(191, 154, 107, 0.2);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .process-highlight::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -20%;\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(191, 154, 107, 0.1), transparent 70%);\n            pointer-events: none;\n        }\n        \n        .process-highlight-header {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            margin-bottom: 2rem;\n        }\n        \n        .process-highlight-icon {\n            width: 60px;\n            height: 60px;\n            background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.8rem;\n            box-shadow: var(--shadow-md);\n        }\n        \n        .process-highlight h3 {\n            font-size: 1.8rem;\n            color: var(--color-foreground);\n            font-weight: 500;\n        }\n        \n        .process-highlight-badge {\n            display: inline-block;\n            padding: 0.3rem 0.8rem;\n            background: var(--color-secondary);\n            color: var(--color-secondary-foreground);\n            font-size: 0.7rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            border-radius: 4px;\n            margin-left: 1rem;\n        }\n        \n        .process-highlight p {\n            color: var(--color-muted-foreground);\n            line-height: 1.9;\n            font-size: 1.05rem;\n            max-width: 900px;\n        }\n        \n        .process-highlight p strong {\n            color: var(--color-foreground);\n            font-weight: 600;\n        }\n        \n        .partner-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.75rem;\n            margin-top: 2rem;\n            padding: 1rem 1.5rem;\n            background: rgba(255, 255, 255, 0.8);\n            border: 1px solid rgba(191, 154, 107, 0.3);\n            border-radius: 12px;\n            box-shadow: var(--shadow-sm);\n        }\n        \n        .partner-badge-icon {\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, var(--color-secondary), var(--color-gold));\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n        }\n        \n        .partner-badge-text {\n            font-size: 0.9rem;\n            color: var(--color-foreground);\n        }\n        \n        .partner-badge-text strong {\n            display: block;\n            font-weight: 600;\n            color: var(--color-primary);\n        }\n        \n        .partner-badge-text span {\n            font-size: 0.8rem;\n            color: var(--color-muted-foreground);\n        }\n\n        \/* ==================== PRICING SECTION ==================== *\/\n        .pricing {\n            padding: 8rem 0 10rem;\n            background: var(--color-background);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .pricing::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 800px;\n            height: 800px;\n            background: radial-gradient(circle, rgba(191, 154, 107, 0.05), transparent 70%);\n            pointer-events: none;\n        }\n        \n        \/* Budget info banner *\/\n        .budget-banner {\n            max-width: 900px;\n            margin: 0 auto 4rem;\n            padding: 2.5rem 3rem;\n            background: linear-gradient(135deg, rgba(52, 78, 65, 0.08), rgba(191, 154, 107, 0.1));\n            border-radius: 20px;\n            border: 1px solid rgba(191, 154, 107, 0.25);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .budget-banner::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 6px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--color-primary), var(--color-secondary));\n        }\n        \n        .budget-banner-content {\n            display: grid;\n            gap: 2rem;\n        }\n        \n        @media (min-width: 768px) {\n            .budget-banner-content {\n                grid-template-columns: 1fr 1fr;\n                align-items: center;\n            }\n        }\n        \n        .budget-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 1.25rem;\n        }\n        \n        .budget-item-icon {\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            flex-shrink: 0;\n            box-shadow: var(--shadow-sm);\n        }\n        \n        .budget-item-icon.gold {\n            background: linear-gradient(135deg, var(--color-secondary), var(--color-gold));\n        }\n        \n        .budget-item h4 {\n            font-family: 'Inter', sans-serif;\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--color-foreground);\n            margin-bottom: 0.5rem;\n        }\n        \n        .budget-item p {\n            font-size: 0.95rem;\n            color: var(--color-muted-foreground);\n            line-height: 1.6;\n        }\n        \n        .budget-item .price-highlight {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: var(--color-primary);\n        }\n        \n        .pricing-grid {\n            display: grid;\n            gap: 2rem;\n            max-width: 1300px;\n            margin: 0 auto;\n        }\n        \n        @media (min-width: 768px) {\n            .pricing-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 2.5rem;\n            }\n        }\n        \n        .pricing-card {\n            background: var(--color-card);\n            padding: 2.5rem;\n            border-radius: 20px;\n            border: 2px solid var(--color-border);\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .pricing-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: linear-gradient(90deg, var(--color-border), var(--color-border));\n            transition: background 0.5s ease;\n        }\n        \n        .pricing-card:hover {\n            transform: translateY(-10px);\n            box-shadow: var(--shadow-xl);\n        }\n        \n        .pricing-card:hover::before {\n            background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));\n        }\n        \n        .pricing-card.highlighted {\n            border-color: var(--color-secondary);\n            box-shadow: var(--shadow-gold);\n            transform: scale(1.02);\n        }\n        \n        .pricing-card.highlighted::before {\n            background: linear-gradient(90deg, var(--color-secondary), var(--color-gold));\n        }\n        \n        .pricing-card.highlighted:hover {\n            transform: scale(1.02) translateY(-10px);\n        }\n        \n        .pricing-badge {\n            display: inline-block;\n            padding: 0.4rem 1rem;\n            background: linear-gradient(135deg, var(--color-secondary), var(--color-gold));\n            color: var(--color-secondary-foreground);\n            font-size: 0.7rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            border-radius: 50px;\n            margin-bottom: 1.5rem;\n            box-shadow: var(--shadow-sm);\n        }\n        \n        .pricing-card h3 {\n            font-size: 1.5rem;\n            font-weight: 500;\n            color: var(--color-foreground);\n            margin-bottom: 1.25rem;\n            min-height: 3.5rem;\n            line-height: 1.3;\n        }\n        \n        .pricing-price {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: var(--color-primary);\n            margin-bottom: 0.25rem;\n            line-height: 1;\n        }\n        \n        .pricing-unit {\n            font-size: 0.9rem;\n            color: var(--color-muted-foreground);\n            margin-bottom: 1.5rem;\n        }\n        \n        .pricing-description {\n            color: var(--color-muted-foreground);\n            line-height: 1.7;\n            margin-bottom: 2rem;\n            min-height: 6rem;\n            font-size: 0.95rem;\n        }\n        \n        .pricing-features {\n            list-style: none;\n            margin-bottom: 2rem;\n        }\n        \n        .pricing-features li {\n            display: flex;\n            align-items: flex-start;\n            gap: 0.75rem;\n            margin-bottom: 0.9rem;\n            font-size: 0.9rem;\n            color: rgba(52, 78, 65, 0.85);\n            line-height: 1.5;\n        }\n        \n        .pricing-features li::before {\n            content: \"\u2713\";\n            color: var(--color-secondary);\n            font-weight: bold;\n            flex-shrink: 0;\n            width: 20px;\n            height: 20px;\n            background: rgba(191, 154, 107, 0.15);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.7rem;\n        }\n        \n        .btn-pricing {\n            display: block;\n            width: 100%;\n            text-align: center;\n            padding: 1rem 1.5rem;\n            border-radius: 10px;\n            font-weight: 600;\n            font-size: 0.95rem;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            border: none;\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .btn-pricing-primary {\n            background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));\n            color: var(--color-primary-foreground);\n            box-shadow: var(--shadow-md);\n        }\n        \n        .btn-pricing-primary:hover {\n            box-shadow: var(--shadow-lg);\n            transform: translateY(-2px);\n        }\n        \n        .btn-pricing-secondary {\n            background: var(--color-accent);\n            color: var(--color-accent-foreground);\n            border: 1px solid var(--color-border);\n        }\n        \n        .btn-pricing-secondary:hover {\n            background: var(--color-primary);\n            color: var(--color-primary-foreground);\n            border-color: var(--color-primary);\n        }\n        \n        \/* Premium card special styling *\/\n        .pricing-card.premium {\n            background: linear-gradient(135deg, rgba(52, 78, 65, 0.03), rgba(191, 154, 107, 0.05));\n        }\n        \n        .premium-features {\n            margin-top: 1.5rem;\n            padding-top: 1.5rem;\n            border-top: 1px dashed rgba(191, 154, 107, 0.3);\n        }\n        \n        .premium-features h4 {\n            font-family: 'Inter', sans-serif;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: var(--color-secondary);\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            margin-bottom: 1rem;\n        }\n        \n        .pricing-note {\n            text-align: center;\n            margin-top: 4rem;\n            font-size: 0.9rem;\n            color: var(--color-muted-foreground);\n            font-style: italic;\n        }\n\n        \/* ==================== THAILAND GUIDE SECTION ==================== *\/\n        .thailand-guide {\n            position: relative;\n            padding: 8rem 0 10rem;\n            background: linear-gradient(135deg, \n                rgba(52, 78, 65, 0.04) 0%, \n                rgba(191, 154, 107, 0.06) 50%,\n                rgba(52, 78, 65, 0.04) 100%);\n            overflow: hidden;\n        }\n        \n        .thailand-guide::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(191, 154, 107, 0.3), transparent);\n        }\n        \n        .thailand-guide::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(191, 154, 107, 0.3), transparent);\n        }\n        \n        .guide-content {\n            max-width: 1000px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        \n        .guide-icon {\n            width: 100px;\n            height: 100px;\n            margin: 0 auto 2.5rem;\n            background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 3rem;\n            box-shadow: var(--shadow-lg);\n            position: relative;\n        }\n        \n        .guide-icon::before {\n            content: '';\n            position: absolute;\n            inset: -8px;\n            border: 2px solid rgba(191, 154, 107, 0.3);\n            border-radius: 50%;\n            animation: pulse 3s ease-in-out infinite;\n        }\n        \n        .guide-content h2 {\n            font-size: clamp(2rem, 4vw, 3rem);\n            font-weight: 400;\n            color: var(--color-foreground);\n            margin-bottom: 1.5rem;\n        }\n        \n        .guide-content > p {\n            font-size: 1.1rem;\n            color: var(--color-muted-foreground);\n            line-height: 1.9;\n            margin-bottom: 2rem;\n        }\n        \n        .guide-highlights {\n            display: grid;\n            gap: 1.5rem;\n            margin: 4rem 0;\n            text-align: left;\n        }\n        \n        @media (min-width: 768px) {\n            .guide-highlights {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        \n        @media (min-width: 1024px) {\n            .guide-highlights {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n        \n        .guide-highlight-item {\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(10px);\n            padding: 2rem;\n            border-radius: 16px;\n            border: 1px solid rgba(217, 207, 193, 0.4);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .guide-highlight-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 100%;\n            background: linear-gradient(180deg, var(--color-primary), var(--color-secondary));\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n        \n        .guide-highlight-item:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-md);\n            border-color: rgba(191, 154, 107, 0.4);\n        }\n        \n        .guide-highlight-item:hover::before {\n            opacity: 1;\n        }\n        \n        .guide-highlight-item h3 {\n            font-family: 'Inter', sans-serif;\n            font-size: 1.05rem;\n            font-weight: 600;\n            color: var(--color-primary);\n            margin-bottom: 0.75rem;\n        }\n        \n        .guide-highlight-item p {\n            font-size: 0.9rem;\n            color: var(--color-muted-foreground);\n            line-height: 1.6;\n            margin: 0;\n        }\n        \n        .btn-guide {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.75rem;\n            padding: 1.1rem 2.5rem;\n            background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));\n            color: var(--color-primary-foreground);\n            font-size: 1rem;\n            font-weight: 600;\n            border-radius: 10px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            text-decoration: none;\n            box-shadow: var(--shadow-md);\n        }\n        \n        .btn-guide:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-lg);\n            background: linear-gradient(135deg, var(--color-secondary), var(--color-gold));\n            color: var(--color-secondary-foreground);\n        }\n        \n        .guide-cta-text {\n            margin-top: 2rem;\n            font-size: 0.9rem;\n            color: var(--color-muted-foreground);\n            font-style: italic;\n        }\n\n        \/* ==================== WHY MANG THAI SECTION ==================== *\/\n        .why-section {\n            position: relative;\n            padding: 8rem 0 10rem;\n            overflow: hidden;\n        }\n        \n        .why-bg {\n            position: absolute;\n            inset: 0;\n            background-image: url('https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663326387761\/UjXJpWkrNsDjMEzR.png');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n        }\n        \n        .why-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, \n                rgba(42, 58, 50, 0.92) 0%,\n                rgba(52, 78, 65, 0.88) 50%,\n                rgba(42, 58, 50, 0.92) 100%);\n        }\n        \n        .why-pattern {\n            position: absolute;\n            inset: 0;\n            background-image: \n                radial-gradient(circle at 10% 90%, rgba(191, 154, 107, 0.1) 0%, transparent 40%),\n                radial-gradient(circle at 90% 10%, rgba(191, 154, 107, 0.08) 0%, transparent 40%);\n            pointer-events: none;\n        }\n        \n        .why-section .section-title {\n            color: var(--color-primary-foreground);\n        }\n        \n        .why-section .section-description {\n            color: rgba(250, 248, 245, 0.8);\n        }\n        \n        .benefits-grid {\n            display: grid;\n            gap: 1.5rem;\n            position: relative;\n            z-index: 10;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        \n        @media (min-width: 768px) {\n            .benefits-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 2rem;\n            }\n        }\n        \n        @media (min-width: 1024px) {\n            .benefits-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n        \n        .benefit-card {\n            background: rgba(250, 248, 245, 0.08);\n            backdrop-filter: blur(20px);\n            padding: 2rem;\n            border-radius: 16px;\n            border: 1px solid rgba(250, 248, 245, 0.15);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .benefit-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--color-secondary), transparent);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n        \n        .benefit-card:hover {\n            background: rgba(250, 248, 245, 0.12);\n            transform: translateY(-5px);\n            border-color: rgba(191, 154, 107, 0.3);\n        }\n        \n        .benefit-card:hover::before {\n            opacity: 1;\n        }\n        \n        .benefit-card h3 {\n            font-size: 1.3rem;\n            font-weight: 500;\n            color: var(--color-primary-foreground);\n            margin-bottom: 0.75rem;\n        }\n        \n        .benefit-card p {\n            color: rgba(250, 248, 245, 0.75);\n            line-height: 1.7;\n            font-size: 0.95rem;\n        }\n\n        \/* ==================== ABOUT SECTION ==================== *\/\n        .about {\n            padding: 8rem 0 10rem;\n            background: linear-gradient(180deg, rgba(224, 218, 208, 0.15) 0%, var(--color-background) 100%);\n        }\n        \n        .team-grid {\n            display: grid;\n            gap: 3rem;\n            margin-bottom: 3rem;\n            max-width: 1000px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        @media (min-width: 768px) {\n            .team-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        \n        .team-card {\n            background: var(--color-card);\n            padding: 2.5rem;\n            border-radius: 20px;\n            border: 1px solid var(--color-border);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .team-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-primary), var(--color-secondary));\n        }\n        \n        .team-card:hover {\n            transform: translateY(-8px);\n            box-shadow: var(--shadow-lg);\n        }\n        \n        .team-image {\n            width: 100%;\n            height: 280px;\n            background-size: cover;\n            background-position: center top;\n            border-radius: 12px;\n            margin-bottom: 2rem;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .team-image::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, transparent 60%, rgba(52, 78, 65, 0.3) 100%);\n        }\n        \n        .team-card h3 {\n            font-size: 1.8rem;\n            font-weight: 500;\n            color: var(--color-foreground);\n            margin-bottom: 0.5rem;\n        }\n        \n        .team-role {\n            display: inline-block;\n            padding: 0.3rem 1rem;\n            background: linear-gradient(135deg, rgba(191, 154, 107, 0.15), rgba(191, 154, 107, 0.08));\n            color: var(--color-secondary);\n            font-weight: 600;\n            font-size: 0.85rem;\n            border-radius: 50px;\n            margin-bottom: 1.5rem;\n        }\n        \n        .team-bio {\n            color: var(--color-muted-foreground);\n            line-height: 1.8;\n        }\n        \n        .team-bio p {\n            margin-bottom: 1rem;\n        }\n\n        \/* ==================== FAQ SECTION ==================== *\/\n        .faq {\n            padding: 8rem 0 10rem;\n            background: var(--color-background);\n        }\n        \n        .faq-list {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .faq-item {\n            background: var(--color-card);\n            border: 1px solid var(--color-border);\n            border-radius: 16px;\n            margin-bottom: 1rem;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n        \n        .faq-item:hover {\n            border-color: rgba(191, 154, 107, 0.3);\n            box-shadow: var(--shadow-sm);\n        }\n        \n        .faq-question {\n            width: 100%;\n            text-align: left;\n            padding: 1.5rem 2rem;\n            font-size: 1.1rem;\n            font-weight: 500;\n            color: var(--color-foreground);\n            background: none;\n            border: none;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: all 0.3s ease;\n            font-family: 'Cormorant Garamond', Georgia, serif;\n        }\n        \n        .faq-question:hover {\n            color: var(--color-primary);\n        }\n        \n        .faq-question::after {\n            content: '+';\n            font-size: 1.8rem;\n            font-weight: 300;\n            color: var(--color-secondary);\n            transition: transform 0.3s ease;\n            flex-shrink: 0;\n            margin-left: 1rem;\n        }\n        \n        .faq-question.active::after {\n            transform: rotate(45deg);\n        }\n        \n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease-out;\n        }\n        \n        .faq-answer.active {\n            max-height: 500px;\n        }\n        \n        .faq-answer-content {\n            padding: 0 2rem 2rem;\n            color: var(--color-muted-foreground);\n            line-height: 1.8;\n        }\n\n        \/* ==================== CTA SECTION ==================== *\/\n        .cta {\n            position: relative;\n            padding: 8rem 0 10rem;\n            overflow: hidden;\n        }\n        \n        .cta-bg {\n            position: absolute;\n            inset: 0;\n            background-image: url('https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663326387761\/pDyEgQhUennjjhVl.png');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n        }\n        \n        .cta-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, \n                rgba(42, 58, 50, 0.88) 0%,\n                rgba(52, 78, 65, 0.82) 50%,\n                rgba(42, 58, 50, 0.88) 100%);\n        }\n        \n        .cta-pattern {\n            position: absolute;\n            inset: 0;\n            background-image: \n                radial-gradient(circle at 30% 70%, rgba(191, 154, 107, 0.15) 0%, transparent 50%),\n                radial-gradient(circle at 70% 30%, rgba(191, 154, 107, 0.1) 0%, transparent 50%);\n            pointer-events: none;\n        }\n        \n        .cta-content {\n            position: relative;\n            z-index: 10;\n            max-width: 700px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        \n        .cta h2 {\n            font-size: clamp(2.2rem, 5vw, 3.5rem);\n            font-weight: 400;\n            color: var(--color-primary-foreground);\n            margin-bottom: 1.5rem;\n        }\n        \n        .cta-separator {\n            width: 100px;\n            height: 3px;\n            background: linear-gradient(90deg, transparent, var(--color-secondary), var(--color-gold), var(--color-secondary), transparent);\n            margin: 2rem auto;\n            border-radius: 2px;\n        }\n        \n        .cta-text {\n            font-size: 1.15rem;\n            color: rgba(250, 248, 245, 0.9);\n            line-height: 1.8;\n            margin-bottom: 3rem;\n        }\n        \n        .cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.75rem;\n            padding: 1.2rem 3rem;\n            background: linear-gradient(135deg, var(--color-primary-foreground), rgba(250, 248, 245, 0.95));\n            color: var(--color-primary);\n            font-size: 1.1rem;\n            font-weight: 600;\n            border-radius: 10px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            margin-bottom: 2rem;\n            box-shadow: var(--shadow-md);\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-lg);\n        }\n        \n        .cta-contact {\n            color: rgba(250, 248, 245, 0.8);\n        }\n        \n        .cta-contact p {\n            margin-bottom: 0.75rem;\n        }\n        \n        .cta-contact a {\n            color: var(--color-primary-foreground);\n            font-size: 1.15rem;\n            transition: color 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        \n        .cta-contact a:hover {\n            color: var(--color-secondary);\n        }\n\n        \/* ==================== FOOTER ==================== *\/\n        footer {\n            background: linear-gradient(180deg, var(--color-primary), rgba(42, 58, 50, 1));\n            color: var(--color-primary-foreground);\n            padding: 4rem 0 2rem;\n            position: relative;\n        }\n        \n        footer::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-primary), var(--color-secondary), var(--color-gold), var(--color-secondary), var(--color-primary));\n        }\n        \n        .footer-content {\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n        \n        .footer-nav {\n            margin-bottom: 3rem;\n        }\n        \n        .footer-section h3 {\n            font-size: 1.2rem;\n            font-weight: 500;\n            margin-bottom: 1.5rem;\n            color: var(--color-primary-foreground);\n            text-align: center;\n        }\n        \n        .footer-links {\n            list-style: none;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 1.5rem 2.5rem;\n        }\n        \n        .footer-links a {\n            color: rgba(250, 248, 245, 0.75);\n            font-size: 0.95rem;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n        \n        .footer-links a::after {\n            content: '';\n            position: absolute;\n            bottom: -4px;\n            left: 0;\n            width: 0;\n            height: 1px;\n            background: var(--color-secondary);\n            transition: width 0.3s ease;\n        }\n        \n        .footer-links a:hover {\n            color: var(--color-primary-foreground);\n        }\n        \n        .footer-links a:hover::after {\n            width: 100%;\n        }\n        \n        .footer-legal {\n            border-top: 1px solid rgba(250, 248, 245, 0.15);\n            padding-top: 2.5rem;\n            text-align: center;\n        }\n        \n        .footer-disclaimer {\n            background: rgba(250, 248, 245, 0.05);\n            padding: 1.5rem 2rem;\n            border-radius: 12px;\n            margin-bottom: 2rem;\n            border: 1px solid rgba(250, 248, 245, 0.1);\n        }\n        \n        .footer-disclaimer p {\n            font-size: 0.9rem;\n            color: rgba(250, 248, 245, 0.85);\n            line-height: 1.7;\n        }\n        \n        .footer-disclaimer strong {\n            font-weight: 600;\n            color: var(--color-secondary-light);\n        }\n        \n        .footer-copyright {\n            font-size: 0.9rem;\n            color: rgba(250, 248, 245, 0.6);\n        }\n        \n        .footer-copyright p {\n            margin-bottom: 0.5rem;\n        }\n\n        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 10px;\n        }\n        \n        ::-webkit-scrollbar-track {\n            background: var(--color-muted);\n        }\n        \n        ::-webkit-scrollbar-thumb {\n            background: linear-gradient(180deg, var(--color-secondary), var(--color-gold));\n            border-radius: 5px;\n        }\n        \n        ::-webkit-scrollbar-thumb:hover {\n            background: linear-gradient(180deg, var(--color-gold), var(--color-secondary));\n        }\n\n        \/* Selection *\/\n        ::selection {\n            background: rgba(191, 154, 107, 0.3);\n            color: var(--color-foreground);\n        }\n\n        \/* Social Media Section *\/\n        .social-media-section {\n            padding: 6rem 0;\n            background-color: var(--color-background);\n            text-align: center;\n        }\n\n        .social-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 1.5rem;\n            flex-wrap: wrap;\n            margin-bottom: 4rem;\n        }\n\n        .social-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 1rem 2rem;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 1rem;\n            color: white;\n            transition: all 0.3s ease;\n            min-width: 180px;\n            box-shadow: var(--shadow-md);\n        }\n\n        .social-btn:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-lg);\n            filter: brightness(1.1);\n        }\n\n        .social-btn.whatsapp { background-color: #25D366; }\n        .social-btn.facebook { background-color: #1877F2; }\n        .social-btn.instagram { background-color: #E4405F; }\n\n        .social-photos {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n            margin-top: 3rem;\n        }\n\n        .social-photo-placeholder {\n            aspect-ratio: 1\/1;\n            background-color: var(--color-muted);\n            border: 2px dashed var(--color-border);\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--color-muted-foreground);\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .social-photo-placeholder img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .social-photo-placeholder:hover {\n            border-color: var(--color-secondary);\n            transform: scale(1.02);\n        }\n\n        @media (max-width: 768px) {\n            .social-photos {\n                grid-template-columns: 1fr;\n                max-width: 400px;\n                margin-left: auto;\n                margin-right: auto;\n            }\n            .social-btn {\n                width: 100%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Hero Section -->\n    <section id=\"hero\" class=\"hero\">\n        <div class=\"hero-bg\"><\/div>\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"hero-pattern\"><\/div>\n        \n        <!-- Decorative elements -->\n        <div class=\"hero-decoration hero-decoration-1\"><\/div>\n        <div class=\"hero-decoration hero-decoration-2\"><\/div>\n        <div class=\"hero-decoration hero-decoration-3\"><\/div>\n        \n        <div class=\"container hero-content\">\n            <div class=\"hero-badge\">\n                Premium Concierge Service\n            <\/div>\n            \n            <h1>\n                Tajlandia bez bariery j\u0119zykowej.\n                <span>Bez biur podr\u00f3\u017cy.<\/span>\n            <\/h1>\n            \n            <p class=\"hero-subtitle\">\n                Indywidualne planowanie podr\u00f3\u017cy i butikowe wyjazdy z opiek\u0105. \n                Bud\u017cetowo od 4 000 z\u0142 za osob\u0119 na tydzie\u0144 lub luksusowo i maksymalnie wykorzystaj sw\u00f3j bud\u017cet.\n            <\/p>\n            \n            <div class=\"thai-separator\"><\/div>\n            \n            <p class=\"hero-tagline\">\n                Twoja Tajlandia. Profesjonalnie, bezpiecznie i bez stresu.\n            <\/p>\n            \n            <div class=\"hero-buttons\">\n                <a href=\"#jak-to-dziala\" class=\"btn-hero-primary\">Zobacz jak to dzia\u0142a<\/a>\n                <a href=\"#kontakt\" class=\"btn-hero-secondary\">Skontaktuj si\u0119<\/a>\n            <\/div>\n        <\/div>\n        \n        <div class=\"scroll-indicator\">\n            <a href=\"#jak-to-dziala\">\n                <div class=\"mouse\"><\/div>\n                <span>Przewi\u0144 w d\u00f3\u0142<\/span>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- Social Media Section -->\n    <section class=\"social-media-section\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <span class=\"section-label\">Odwied\u017a i dowiedz si\u0119 wi\u0119cej<\/span>\n                <h2 class=\"section-title\">Znajd\u017a nas w Social Media<\/h2>\n                <div class=\"thai-separator\"><\/div>\n            <\/div>\n\n            <div class=\"social-buttons\">\n                <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=%2B48732557586&#038;text=Witam%2C+prosz\u0119+o+kontakt+w+sprawie+wyjazdu+w+terminie%3A+%28+prosz\u0119+uzupe\u0142ni\u0107+szacunkow\u0105+dat\u0119+wyjazdu+%29&#038;type=phone_number&#038;app_absent=0\" class=\"social-btn whatsapp\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    WhatsApp\n                <\/a>\n                <a href=\"https:\/\/www.facebook.com\/people\/Mang-Thai\/61585884941321\/?mibextid=wwXIfr&#038;rdid=tZpP70i6nQiW9l2t&#038;share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2F1BfwHNfniQ%2F%3Fmibextid%3DwwXIfr%26ref%3D1\" class=\"social-btn facebook\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Facebook\n                <\/a>\n                <a href=\"https:\/\/www.instagram.com\/mangthaitravel\/?utm_source=ig_web_button_share_sheet\" class=\"social-btn instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Instagram\n                <\/a>\n            <\/div>\n\n            <div class=\"social-photos\">\n                <div class=\"social-photo-placeholder\">\n                    \n                    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/Cx06zfnc\/Whats-App-Image-2026-02-03-at-18-48-03.jpg\" alt=\"Mang Thai Social 1\">\n                <\/div>\n                <div class=\"social-photo-placeholder\">\n                    \n                    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/7PpRrRHh\/Whats_App_Image_2026_02_03_at_18_48_02.jpg\" alt=\"Mang Thai Social 2\">\n                <\/div>\n                <div class=\"social-photo-placeholder\">\n                   \n                    <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/mg46tFFT\/Whats_App_Image_2026_02_03_at_18_48_01.jpg\" alt=\"Mang Thai Social 3\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- How It Works Section -->\n    <section id=\"jak-to-dziala\" class=\"how-it-works\">\n        <div class=\"how-it-works-bg\"><\/div>\n        \n        <div class=\"container\">\n            <div style=\"max-width: 1200px; margin: 0 auto;\">\n                <div class=\"section-header\">\n                    <span class=\"section-label\">Proces wsp\u00f3\u0142pracy<\/span>\n                    <h2 class=\"section-title\">Jak to dzia\u0142a<\/h2>\n                    <div class=\"thai-separator\" style=\"opacity: 1;\"><\/div>\n                    <p class=\"section-description\">\n                        Nie jeste\u015bmy biurem podr\u00f3\u017cy. Oferujemy doradztwo, koordynacj\u0119 i opiek\u0119 \u2013 \n                        Ty zachowujesz pe\u0142n\u0105 kontrol\u0119 nad swoj\u0105 podr\u00f3\u017c\u0105.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"steps-grid\">\n                    <div class=\"step-card\">\n                        <div class=\"step-number\">01<\/div>\n                        <h3>Poznajemy potrzeby<\/h3>\n                        <p>Podczas konsultacji 1:1 online rozmawiamy o Twoich oczekiwaniach, bud\u017cecie i stylu podr\u00f3\u017cowania.<\/p>\n                    <\/div>\n                    \n                    <div class=\"step-card\">\n                        <div class=\"step-number\">02<\/div>\n                        <h3>Tworzymy Plan podr\u00f3\u017cy<\/h3>\n                        <p>Przygotowujemy szczeg\u00f3\u0142owy plan podr\u00f3\u017cy dzie\u0144 po dniu, dostosowany do Twoich potrzeb i preferencji oraz bud\u017cetu.<\/p>\n                    <\/div>\n                    \n                    <div class=\"step-card\">\n                        <div class=\"step-number\">03<\/div>\n                        <h3>Wspieramy w rezerwacjach<\/h3>\n                        <p>Klient samodzielnie dokonuje rezerwacji lot\u00f3w, nocleg\u00f3w i atrakcji \u2013 my zapewniamy wiedz\u0119 i wsparcie w czasie rzeczywistym.<\/p>\n                    <\/div>\n                    \n                    <div class=\"step-card\">\n                        <div class=\"step-number\">04<\/div>\n                        <h3>Zapewniamy opiek\u0119<\/h3>\n                        <p>Oferujemy wsparcie online lub pe\u0142n\u0105 opiek\u0119 na miejscu, w zale\u017cno\u015bci od wybranego pakietu. Chod\u017a zawsze s\u0142u\u017cymy rad\u0105!<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Two-stage consultation process -->\n                <div class=\"process-highlight\">\n                    <div class=\"process-highlight-header\">\n                        <div class=\"process-highlight-icon\">&#x1f50d;<\/div>\n                        <div>\n                            <h3>Dwuetapowy Proces Konsultacyjny<\/h3>\n                            <span class=\"process-highlight-badge\">Najbardziej rzetelna forma doradztwa<\/span>\n                        <\/div>\n                    <\/div>\n                    <p>\n                        <strong>Nie odpowiadamy \u201ez g\u0142owy&#8221;.<\/strong> Ka\u017cd\u0105 rekomendacj\u0119 opieramy na aktualnej analizie rynku \n                        i wiedzy naszych lokalnych partner\u00f3w z Tajlandii. Dzi\u0119ki temu otrzymujesz sprawdzone, aktualne informacje \n                        \u2013 nie og\u00f3lniki z internetu, ale konkretne wskaz\u00f3wki oparte na realnym do\u015bwiadczeniu.\n                    <\/p>\n                    \n                    <div class=\"partner-badge\">\n                        <div class=\"partner-badge-icon\">&#x1f91d;<\/div>\n                        <div class=\"partner-badge-text\">\n                            <strong>JKJP on Tour<\/strong>\n                            <span>Licencjonowana agencja turystyczna w Tajlandii<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Pricing Section -->\n    <section id=\"oferta\" class=\"pricing\">\n        <div class=\"container\">\n            <div style=\"max-width: 1300px; margin: 0 auto;\">\n                <div class=\"section-header\">\n                    <span class=\"section-label\">Pakiety us\u0142ug<\/span>\n                    <h2 class=\"section-title\">Oferta i cennik<\/h2>\n                    <div class=\"thai-separator\" style=\"opacity: 1;\"><\/div>\n                    <p class=\"section-description\">Wybierz pakiet dostosowany do Twoich potrzeb i bud\u017cetu<\/p>\n                <\/div>\n                \n                <!-- Budget info banner -->\n                <div class=\"budget-banner\">\n                    <div class=\"budget-banner-content\">\n                        <div class=\"budget-item\">\n                            <div class=\"budget-item-icon\">&#x1f4b0;<\/div>\n                            <div>\n                                <h4>Opcja bud\u017cetowa<\/h4>\n                                <p>Tajlandia jest dost\u0119pna ju\u017c od <span class=\"price-highlight\">4 000 z\u0142<\/span> za osob\u0119 na tydzie\u0144 (z przelotami). Pomo\u017cemy Ci zaplanowa\u0107 wyjazd ekonomicznie.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"budget-item\">\n                            <div class=\"budget-item-icon gold\">&#x2728;<\/div>\n                            <div>\n                                <h4>Wi\u0119kszy bud\u017cet?<\/h4>\n                                <p>Wykorzystaj go <strong>o wiele lepiej<\/strong> ni\u017c w kurorcie z ofert innych agencji. Autentyczne do\u015bwiadczenia, nie masowa turystyka.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"pricing-grid\">\n                    <!-- Package 1: Individual Plan -->\n                    <div class=\"pricing-card\">\n                        <h3>Indywidualny plan podr\u00f3\u017cy + wsparcie online<\/h3>\n                        <div class=\"pricing-price\">499 do 1999 z\u0142<\/div>\n                        <div class=\"pricing-unit\">\/ para lub osoba<\/div>\n                        <p class=\"pricing-description\">\n                            Plan dzie\u0144 po dniu, wsp\u00f3lna rezerwacja lot\u00f3w, hoteli miejsc i atrakcji, kontakt online przed i w trakcie podr\u00f3\u017cy. \n                            Idealne dla samodzielnych podr\u00f3\u017cnik\u00f3w.\n                        <\/p>\n                        <ul class=\"pricing-features\">\n                            <li>Konsultacja 1:1 online (wideo lub telefon)<\/li>\n                            <li>Dwuetapowy proces konsultacyjny<\/li>\n                            <li>Szczeg\u00f3\u0142owy plan podr\u00f3\u017cy dzie\u0144 po dniu z linkami, pinezkami i wszystkimi informacjami<\/li>\n                            <li>Wsp\u00f3lna rezerwacja lot\u00f3w, nocleg\u00f3w i atrakcji <\/li>\n                            <li>Wsparcie online 24\/7 podczas wyjazdu<\/li>\n                            <li>Pomoc w rezerwacjach i t\u0142umaczeniach<\/li>\n                            <li>Dost\u0119p do wiedzy lokalnych partner\u00f3w<\/li>\n                        <\/ul>\n                        <a href=\"#kontakt\" class=\"btn-pricing btn-pricing-secondary\">Zapytaj o szczeg\u00f3\u0142y<\/a>\n                    <\/div>\n                    \n                    <!-- Package 2: Shared Boutique -->\n                    <div class=\"pricing-card highlighted\">\n                        <div class=\"pricing-badge\">Najpopularniejszy<\/div>\n                        <h3>Shared Boutique Experience<\/h3>\n                        <div class=\"pricing-price\">2999 z\u0142<\/div>\n                        <div class=\"pricing-unit\">\/ osoba<\/div>\n                        <p class=\"pricing-description\">\n                            Kameralne wyjazdy w ma\u0142ych grupach (max 4 osoby) z opiek\u0105 dzielon\u0105 mi\u0119dzy uczestnik\u00f3w. \n                            Butikowe do\u015bwiadczenie w przyst\u0119pnej cenie.\n                        <\/p>\n                        <ul class=\"pricing-features\">\n                            <li>Wszystko z pakietu podstawowego<\/li>\n                            <li>Opieka na miejscu (dzielona)<\/li>\n                            <li>Maksymalnie 4 osoby w grupie<\/li>\n                            <li>Autentyczne lokalne do\u015bwiadczenia<\/li>\n                            <li>Transport i logistyka na miejscu<\/li>\n                            <li>Wsp\u00f3\u0142praca z JKJP on Tour<\/li>\n                            <li>Wsparcie j\u0119zykowe (polski\/angielski\/tajski)<\/li>\n                        <\/ul>\n                        <a href=\"#kontakt\" class=\"btn-pricing btn-pricing-primary\">Zapytaj o szczeg\u00f3\u0142y<\/a>\n                    <\/div>\n                    \n                    <!-- Package 3: Premium -->\n                    <div class=\"pricing-card premium\">\n                        <h3>Prywatna opieka podczas wyjazdu (Premium)<\/h3>\n                        <div class=\"pricing-price\">6000 do 8000 z\u0142<\/div>\n                        <div class=\"pricing-unit\">\/ para<\/div>\n                        <p class=\"pricing-description\">\n                            Najwy\u017cszy poziom komfortu dla najbardziej wymagaj\u0105cych. \n                            Przejmujemy pe\u0142n\u0105 odpowiedzialno\u015b\u0107 za ka\u017cdy aspekt Twojego wyjazdu.\n                        <\/p>\n                        <ul class=\"pricing-features\">\n                            <li>Wszystko z pakietu podstawowego<\/li>\n                            <li>Dedykowany opiekun 24\/7 na miejscu<\/li>\n                            <li>Pe\u0142ne wsparcie j\u0119zykowe<\/li>\n                            <li>Elastyczne planowanie w czasie rzeczywistym<\/li>\n                            <li>Natychmiastowa reakcja na potrzeby<\/li>\n                            <li>VIP traktowanie i priorytetowa obs\u0142uga<\/li>\n                        <\/ul>\n                        \n                        <div class=\"premium-features\">\n                            <h4>Co to oznacza w praktyce?<\/h4>\n                            <ul class=\"pricing-features\">\n                                <li>Opiekun towarzyszy Ci przez ca\u0142y wyjazd<\/li>\n                                <li>Pomoc w ka\u017cdym aspekcie wyjazdu. Ty tylko korzystasz<\/li>\n                                <li>Rozwi\u0105zujemy problemy zanim je zauwa\u017cysz<\/li>\n                                <li>Maksymalny komfort bez kompromis\u00f3w<\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <a href=\"#kontakt\" class=\"btn-pricing btn-pricing-secondary\">Zapytaj o szczeg\u00f3\u0142y<\/a>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"pricing-note\">\n                    * Ceny zale\u017cne od terminu, d\u0142ugo\u015bci pobytu i zakresu wsp\u00f3\u0142pracy. Od 1 tygodnia\/os 500z\u0142 do 8000z\u0142 za us\u0142ug\u0119 Premium.\n                    Skontaktuj si\u0119 z nami po indywidualn\u0105 wycen\u0119.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Thailand Guide Section -->\n    <section class=\"thailand-guide\">\n        <div class=\"container\">\n            <div class=\"guide-content\">\n                <div class=\"guide-icon\">&#x1f4da;<\/div>\n                <h2>Praktyczne informacje o Tajlandii<\/h2>\n                <div class=\"thai-separator\" style=\"opacity: 1;\"><\/div>\n                <p>\n                    Planujesz podr\u00f3\u017c do Tajlandii i chcesz by\u0107 dobrze przygotowany? \n                    Stworzyli\u015bmy dla Ciebie kompleksowy przewodnik, w kt\u00f3rym znajdziesz \n                    wszystko, co musisz wiedzie\u0107 przed wyjazdem \u2013 od formalno\u015bci wizowych, \n                    przez transport i zakwaterowanie, a\u017c po kultur\u0119, bezpiecze\u0144stwo i praktyczne porady.\n                <\/p>\n                \n                <div class=\"guide-highlights\">\n                    <div class=\"guide-highlight-item\">\n                        <h3>&#x1f6c2; Formalno\u015bci i dokumenty<\/h3>\n                        <p>Wiza, przed\u0142u\u017cenie pobytu, ubezpieczenie i wszystko, co musisz za\u0142atwi\u0107 przed wyjazdem<\/p>\n                    <\/div>\n                    <div class=\"guide-highlight-item\">\n                        <h3>&#x1f697; Transport i logistyka<\/h3>\n                        <p>Jak porusza\u0107 si\u0119 po Tajlandii \u2013 samoloty, poci\u0105gi, autobusy, skutery i aplikacje mobilne<\/p>\n                    <\/div>\n                    <div class=\"guide-highlight-item\">\n                        <h3>&#x1f64f; Kultura i etykieta<\/h3>\n                        <p>Jak zachowywa\u0107 si\u0119 w \u015bwi\u0105tyniach, szanowa\u0107 lokaln\u0105 kultur\u0119 i unika\u0107 wpadek<\/p>\n                    <\/div>\n                    <div class=\"guide-highlight-item\">\n                        <h3>&#x1f4b0; Finanse i bud\u017cet<\/h3>\n                        <p>Waluta, bankomaty, wymiana pieni\u0119dzy i ile kosztuje \u017cycie w Tajlandii<\/p>\n                    <\/div>\n                    <div class=\"guide-highlight-item\">\n                        <h3>&#x1f3e5; Zdrowie i bezpiecze\u0144stwo<\/h3>\n                        <p>Szczepienia, apteki, szpitale, ubezpieczenie i jak unikn\u0105\u0107 najcz\u0119stszych problem\u00f3w<\/p>\n                    <\/div>\n                    <div class=\"guide-highlight-item\">\n                        <h3>&#x1f35c; Jedzenie i zakupy<\/h3>\n                        <p>Gdzie je\u015b\u0107, co spr\u00f3bowa\u0107, jak targowa\u0107 si\u0119 i co warto kupi\u0107 jako pami\u0105tk\u0119<\/p>\n                    <\/div>\n                <\/div>\n                \n                <p>\n                    <strong>Ponad 15 000 s\u0142\u00f3w praktycznej wiedzy<\/strong> \u2013 od podstawowych informacji \n                    po zaawansowane porady. Wszystko w jednym miejscu, przygotowane z my\u015bl\u0105 o polskich \n                    podr\u00f3\u017cnikach planuj\u0105cych wyjazd do Tajlandii.\n                <\/p>\n                \n                <a href=\"https:\/\/mangthai.pl\/index.php\/informacje-o-tajlandii\/\" \n                   class=\"btn-guide\" \n                   target=\"_blank\" \n                   rel=\"noopener noreferrer\"\n                   title=\"Praktyczne informacje o Tajlandii - Kompleksowy przewodnik\">\n                    Przeczytaj pe\u0142ny przewodnik\n                <\/a>\n                \n                <p class=\"guide-cta-text\">\n                    Bezp\u0142atny dost\u0119p do wszystkich informacji \u2022 Aktualizowany regularnie \u2022 Sprawdzone porady\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Why Mang Thai Section -->\n    <section id=\"dlaczego-mang-thai\" class=\"why-section\">\n        <div class=\"why-bg\"><\/div>\n        <div class=\"why-overlay\"><\/div>\n        <div class=\"why-pattern\"><\/div>\n        \n        <div class=\"container\" style=\"position: relative; z-index: 10;\">\n            <div style=\"max-width: 1200px; margin: 0 auto;\">\n                <div class=\"section-header\">\n                    <span class=\"section-label\" style=\"background: rgba(191, 154, 107, 0.2); border-color: rgba(191, 154, 107, 0.4); color: var(--color-secondary-light);\">Nasze wyr\u00f3\u017cniki<\/span>\n                    <h2 class=\"section-title\">Dlaczego Mang Thai<\/h2>\n                    <div class=\"thai-separator\" style=\"opacity: 1;\"><\/div>\n                <\/div>\n                \n                <div class=\"benefits-grid\">\n                    <div class=\"benefit-card\">\n                        <h3>Brak masowej turystyki<\/h3>\n                        <p>Autentyczne do\u015bwiadczenia z dala od t\u0142um\u00f3w i typowych tras turystycznych. Poznaj prawdziw\u0105 Tajlandi\u0119.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h3>Brak po\u015brednictwa w sprzeda\u017cy<\/h3>\n                        <p>Nie zarabiamy na prowizjach \u2013 nasze wynagrodzenie to tylko op\u0142ata za us\u0142ug\u0119 doradcz\u0105. Pe\u0142na transparentno\u015b\u0107.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h3>Realne wsparcie j\u0119zykowe<\/h3>\n                        <p>Polskoj\u0119zyczna koordynacja i lokalny partner m\u00f3wi\u0105cy po tajsku i angielsku. Bez bariery j\u0119zykowej.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h3>Ma\u0142e grupy, butikowe podej\u015bcie<\/h3>\n                        <p>Maksymalnie 4 osoby w wyjazdach shared \u2013 indywidualna uwaga dla ka\u017cdego uczestnika.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h3>Lokalny know-how<\/h3>\n                        <p>Dost\u0119p do miejsc i do\u015bwiadcze\u0144 niedost\u0119pnych dla zwyk\u0142ych turyst\u00f3w. Wsp\u00f3\u0142praca z licencjonowan\u0105 agencj\u0105.<\/p>\n                    <\/div>\n                    \n                    <div class=\"benefit-card\">\n                        <h3>Elastyczny bud\u017cet<\/h3>\n                        <p>Od rozwi\u0105za\u0144 ekonomicznych (4 000 z\u0142\/os\/tydzie\u0144) po premium \u2013 dopasowujemy si\u0119 do Twoich mo\u017cliwo\u015bci.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- About Section -->\n    <section id=\"o-nas\" class=\"about\">\n        <div class=\"container\">\n            <div style=\"max-width: 1100px; margin: 0 auto;\">\n                <div class=\"section-header\">\n                    <span class=\"section-label\">Nasz zesp\u00f3\u0142<\/span>\n                    <h2 class=\"section-title\">O nas<\/h2>\n                    <div class=\"thai-separator\" style=\"opacity: 1;\"><\/div>\n                    <p class=\"section-description\">\n                        Mang Thai powsta\u0142o z po\u0142\u0105czenia polskiego podej\u015bcia do organizacji \n                        z tajsk\u0105 go\u015bcinno\u015bci\u0105 i lokalnym do\u015bwiadczeniem. Mang Thai to efekt wsp\u00f3\u0142pracy Polaka zakochanego w Tajlandii i Taj, kt\u00f3ry zna ka\u017cdy zak\u0105tek swojego kraju i ma ogromne umi\u0142owanie do Polskiej kultury i naszego j\u0119zyka. Nie jeste\u015bmy korporacj\u0105 ani biurem podr\u00f3\u017cy: jeste\u015bmy lud\u017ami, kt\u00f3rzy chc\u0105 dzieli\u0107 si\u0119 swoj\u0105 pasj\u0105 i wiedz\u0105.\n\nWierzymy w autentyczne relacje, transparentno\u015b\u0107 i uczciwo\u015b\u0107. Nie obiecujemy &#8222;najta\u0144szych wycieczek&#8221; ani &#8222;all inclusive&#8221; oferujemy co\u015b wi\u0119cej: prawdziw\u0105 Tajlandi\u0119, bez turystycznych pu\u0142apek, z pe\u0142nym wsparciem i poczuciem bezpiecze\u0144stwa.\n\nNaszym celem nie jest sprzeda\u017c pakiet\u00f3w, ale budowanie zaufania i pomaganie w realizacji marze\u0144 o podr\u00f3\u017cy, kt\u00f3ra zostanie z Wami na zawsze.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"team-grid\">\n                    <div class=\"team-card\">\n                        <div class=\"team-image\" style=\"background-image: url('https:\/\/i.postimg.cc\/44LSqGjV\/Whats-App-Image-2026-01-05-at-11-57-11.png');\"><\/div>\n                        <h3>Preem<\/h3>\n                        <span class=\"team-role\">Lokalny partner w Tajlandii<\/span>\n                        <div class=\"team-bio\">\n                            <p>\n                                Preem od ponad 6 lat pracuje w strukturach bezpiecze\u0144stwa lotniczego \n                                na lotnisku U-Tapao w Tajlandii. Na co dzie\u0144 odpowiada za bezpiecze\u0144stwo \n                                tysi\u0119cy podr\u00f3\u017cnych, logistyk\u0119 oraz procedury operacyjne.\n                            <\/p>\n                            <p>\n                                Do\u015bwiadczenie to przek\u0142ada na opiek\u0119 nad klientami Mang Thai: z naciskiem \n                                na spok\u00f3j, odpowiedzialno\u015b\u0107 i przewidywanie sytuacji. Jako lokalny partner \n                                zapewnia realne wsparcie na miejscu, znajomo\u015b\u0107 reali\u00f3w oraz natychmiastow\u0105 \n                                reakcj\u0119 w razie potrzeby.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"team-card\">\n                        <div class=\"team-image\" style=\"background-image: url('https:\/\/i.postimg.cc\/qqSQRJdQ\/Whats-App-Image-2026-01-26-at-14-21-24.png');\"><\/div>\n                        <h3>Szymon<\/h3>\n                        <span class=\"team-role\">Koordynacja i kontakt z klientem<\/span>\n                        <div class=\"team-bio\">\n                            <p>\n                                Szymon odpowiada za komunikacj\u0119, koordynacj\u0119 i organizacj\u0119 procesu \n                                planowania podr\u00f3\u017cy. Do\u015bwiadczenie w logistyce, sprzeda\u017cy i pracy z lud\u017ami \n                                pozwala mu skutecznie \u0142\u0105czy\u0107 potrzeby klient\u00f3w z realiami wyjazdu.\n                            <\/p>\n                            <p>\n                                Specjalizuje si\u0119 w tworzeniu przejrzystych plan\u00f3w, budowaniu relacji \n                                oraz dbaniu o komfort klienta na ka\u017cdym etapie wsp\u00f3\u0142pracy. Zapewnia, \n                                \u017ce ka\u017cdy szczeg\u00f3\u0142 jest dopracowany, a komunikacja pozostaje jasna i transparentna.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section -->\n    <section id=\"faq\" class=\"faq\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <span class=\"section-label\">Masz pytania?<\/span>\n                <h2 class=\"section-title\">Najcz\u0119\u015bciej zadawane pytania<\/h2>\n                <div class=\"thai-separator\" style=\"opacity: 1;\"><\/div>\n            <\/div>\n            \n            <div class=\"faq-list\">\n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">Czy jeste\u015bcie biurem podr\u00f3\u017cy?<\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Nie. Nie jeste\u015bmy organizatorem turystyki ani po\u015brednikiem w sprzeda\u017cy us\u0142ug turystycznych. \n                            \u015awiadczymy us\u0142ugi doradcze i koordynacyjne \u2013 pomagamy zaplanowa\u0107 podr\u00f3\u017c, doradzamy w wyborze \n                            opcji i wspieramy w trakcie wyjazdu, ale to Klient samodzielnie dokonuje wszystkich rezerwacji wraz z nasz\u0105 asyst\u0105.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">Kto dokonuje rezerwacji lot\u00f3w, hoteli i atrakcji?<\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Klient dokonuje rezerwacji samodzielnie. My przygotowujemy rekomendacje, podpowiadamy najlepsze \n                            opcje i pomagamy w procesie, ale transakcje przeprowadzasz we w\u0142asnym imieniu. Dzi\u0119ki temu masz \n                            pe\u0142n\u0105 kontrol\u0119 nad bud\u017cetem i elastyczno\u015bci\u0105.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">Jak wygl\u0105da odpowiedzialno\u015b\u0107 za podr\u00f3\u017c?<\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Poniewa\u017c nie jeste\u015bmy organizatorem turystyki, odpowiedzialno\u015b\u0107 za rezerwacje i przebieg podr\u00f3\u017cy \n                            spoczywa na Kliencie oraz dostawcach us\u0142ug (linie lotnicze, hotele, przewo\u017anicy). My odpowiadamy \n                            za jako\u015b\u0107 naszego doradztwa, koordynacji i opieki zgodnie z wybranym pakietem.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">Co obejmuje wsparcie online?<\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Wsparcie online to kontakt przez WhatsApp, e-mail lub telefon przed i w trakcie podr\u00f3\u017cy. \n                            Odpowiadamy na pytania, pomagamy rozwi\u0105zywa\u0107 problemy, doradzamy w nag\u0142ych sytuacjach i zapewniamy \n                            wsparcie j\u0119zykowe (t\u0142umaczenia, kontakt z lokalnymi us\u0142ugodawcami).\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">Jak dzia\u0142aj\u0105 wyjazdy \u0142\u0105czone (Shared Boutique Experience)?<\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            To kameralne wyjazdy w ma\u0142ych grupach \u2013 maksymalnie 4 osoby. Opiekun dzieli swoj\u0105 uwag\u0119 mi\u0119dzy \n                            uczestnik\u00f3w, co pozwala obni\u017cy\u0107 koszty przy zachowaniu wysokiej jako\u015bci opieki. Idealne dla os\u00f3b, \n                            kt\u00f3re chc\u0105 butikowego do\u015bwiadczenia w przyst\u0119pnej cenie i nie boj\u0105 si\u0119 pozna\u0107 innych podr\u00f3\u017cnik\u00f3w.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">Czym r\u00f3\u017cni si\u0119 pakiet Premium od innych?<\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Pakiet Premium to najwy\u017cszy poziom komfortu \u2013 dedykowany opiekun towarzyszy Ci przez ca\u0142y wyjazd, \n                            24 godziny na dob\u0119. Przejmujemy pe\u0142n\u0105 odpowiedzialno\u015b\u0107 za logistyk\u0119, rozwi\u0105zujemy problemy zanim \n                            je zauwa\u017cysz, a Ty mo\u017cesz skupi\u0107 si\u0119 wy\u0142\u0105cznie na korzystaniu z podr\u00f3\u017cy. To opcja dla os\u00f3b, \n                            kt\u00f3re ceni\u0105 maksymalny komfort i nie chc\u0105 martwi\u0107 si\u0119 \u017cadnymi szczeg\u00f3\u0142ami.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <button class=\"faq-question\">Ile kosztuje wyjazd do Tajlandii?<\/button>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Tajlandia jest dost\u0119pna ju\u017c od oko\u0142o 4 000 z\u0142 za osob\u0119 na tydzie\u0144 (bez przelotu). Ta kwota obejmuje \n                            noclegi, jedzenie, transport lokalny i atrakcje. Je\u015bli masz wi\u0119kszy bud\u017cet, pomo\u017cemy Ci wykorzysta\u0107 \n                            go o wiele lepiej ni\u017c w standardowym kurorcie z ofert innych agencji \u2013 autentyczne do\u015bwiadczenia, \n                            lepsze hotele, unikalne atrakcje.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section id=\"kontakt\" class=\"cta\">\n        <div class=\"cta-bg\"><\/div>\n        <div class=\"cta-overlay\"><\/div>\n        <div class=\"cta-pattern\"><\/div>\n        \n        <div class=\"container\">\n            <div class=\"cta-content\">\n                <h2>Podr\u00f3\u017c zaplanowana po ludzku<\/h2>\n                <div class=\"cta-separator\"><\/div>\n                <p class=\"cta-text\">\n                    Planujesz wyjazd do Tajlandii? Zapewniamy polskoj\u0119zyczne wsparcie, \n                    jasn\u0105 komunikacj\u0119 i opiek\u0119, dzi\u0119ki kt\u00f3rej nie jeste\u015b sam ani przed, \n                    ani w trakcie podr\u00f3\u017cy.\n                <\/p>\n                <a href=\"mailto:kontakt@mangthai.pl\" class=\"cta-button\">Napisz do nas<\/a>\n                <div class=\"cta-contact\">\n                    <p>lub skontaktuj si\u0119 bezpo\u015brednio:<\/p>\n                    <p><a href=\"mailto:kontakt@mangthai.pl\">kontakt@mangthai.pl<\/a><\/p>\n                    <p><a href=\"tel:+48732557586\">+48 732 557 586<\/a><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-nav\">\n                    <div class=\"footer-section\">\n                        <h3>Nawigacja<\/h3>\n                        <ul class=\"footer-links\">\n                            <li><a href=\"#jak-to-dziala\">Jak to dzia\u0142a<\/a><\/li>\n                            <li><a href=\"#oferta\">Oferta<\/a><\/li>\n                            <li><a href=\"#dlaczego-mang-thai\">Dlaczego my<\/a><\/li>\n                            <li><a href=\"#o-nas\">O nas<\/a><\/li>\n                            <li><a href=\"#faq\">FAQ<\/a><\/li>\n                            <li><a href=\"https:\/\/mangthai.pl\/index.php\/informacje-o-tajlandii\/\" target=\"_blank\" rel=\"noopener noreferrer\">Praktyczne Informacje<\/a><\/li>\n                            <li><a href=\"https:\/\/mangthai.pl\/index.php\/about\/\" target=\"_blank\" rel=\"noopener noreferrer\">Polityka Prywatno\u015bci<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"footer-legal\">\n                    <div class=\"footer-disclaimer\">\n                        <p>\n                            <strong>Klauzula prawna:<\/strong> Us\u0142ugodawca \u015bwiadczy us\u0142ugi doradcze i koordynacyjne. \n                            Nie jest organizatorem ani po\u015brednikiem turystycznym w rozumieniu ustawy o us\u0142ugach turystycznych. \n                            Wsp\u00f3\u0142pracujemy z licencjonowan\u0105 agencj\u0105 turystyczn\u0105 JKJP on Tour w Tajlandii.\n                        <\/p>\n                    <\/div>\n                    \n                    <div class=\"footer-copyright\">\n                        <p>&copy; <span id=\"year\"><\/span> Mang Thai. Wszystkie prawa zastrze\u017cone.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ FAQ Accordion\n        document.querySelectorAll('.faq-question').forEach(button => {\n            button.addEventListener('click', () => {\n                const answer = button.nextElementSibling;\n                const isActive = button.classList.contains('active');\n                \n                \/\/ Close all other FAQs\n                document.querySelectorAll('.faq-question').forEach(otherButton => {\n                    if (otherButton !== button) {\n                        otherButton.classList.remove('active');\n                        otherButton.nextElementSibling.classList.remove('active');\n                    }\n                });\n                \n                \/\/ Toggle current FAQ\n                button.classList.toggle('active');\n                answer.classList.toggle('active');\n            });\n        });\n        \n        \/\/ Set current year in footer\n        document.getElementById('year').textContent = new Date().getFullYear();\n        \n        \/\/ Smooth scroll for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n        \n        \/\/ Intersection Observer for animations\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                }\n            });\n        }, observerOptions);\n        \n        \/\/ Observe elements for animation\n        document.querySelectorAll('.step-card, .pricing-card, .benefit-card, .guide-highlight-item, .team-card, .faq-item').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            observer.observe(el);\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mang Thai &#8211; Premium Concierge | Tajlandia bez bariery j\u0119zykowej Premium Concierge Service Tajlandia bez bariery j\u0119zykowej. Bez biur podr\u00f3\u017cy. Indywidualne planowanie podr\u00f3\u017cy i butikowe wyjazdy z opiek\u0105. Bud\u017cetowo od 4 000 z\u0142 za osob\u0119 na tydzie\u0144 lub luksusowo i maksymalnie wykorzystaj sw\u00f3j bud\u017cet. Twoja Tajlandia. Profesjonalnie, bezpiecznie i bez stresu. Zobacz jak to dzia\u0142a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"#gspb_button-id-gsbp-351459c{display:flex;justify-content:center}#gspb_button-id-gsbp-351459c .gspb-buttonbox-text{display:flex;flex-direction:column}#gspb_button-id-gsbp-351459c>.gspb-buttonbox{box-sizing:border-box}#gspb_button-id-gsbp-351459c>.gspb-buttonbox>.gspb-buttonbox-textwrap>.gspb-buttonbox-icon{display:flex}#gspb_button-id-gsbp-351459c>.gspb-buttonbox .gspb-buttonbox-icon svg{height:16px!important;width:16px!important;min-width:16px!important;margin:0!important}#gspb_button-id-gsbp-351459c>.gspb-buttonbox .gspb-buttonbox-icon svg,#gspb_button-id-gsbp-351459c>.gspb-buttonbox .gspb-buttonbox-icon svg path{fill:var(--wp--preset--color--palette-color-3, var(--theme-palette-color-3, #365951))!important}.gspb-hoverparent-46:hover #gspb_button-id-gsbp-351459c>.gspb-buttonbox .gspb-buttonbox-icon svg path{fill:var(--wp--preset--color--palette-color-2, var(--theme-palette-color-2, #16876b))!important}#gspb_button-id-gsbp-351459c>.gspb-buttonbox>.gspb-buttonbox-textwrap{display:flex;flex-direction:row;align-items:center}#gspb_button-id-gsbp-351459c .gspb-buttonbox-icon{margin-right:13px}#gspb_button-id-gsbp-351459c>.gspb-buttonbox{padding:0;background-color:#ffffff00;font-size:18px;color:var(--wp--preset--color--palette-color-4, var(--theme-palette-color-4, #192c27))}@media (max-width:575.98px){body.gspb-bodyfront #gspb_button-id-gsbp-351459c{display:none!important}}@media (min-width:768px) and (max-width:991.98px){body.gspb-bodyfront #gspb_button-id-gsbp-351459c{display:none!important}}","footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mangthai.pl\/index.php\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mangthai.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mangthai.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mangthai.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mangthai.pl\/index.php\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":89,"href":"https:\/\/mangthai.pl\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":925,"href":"https:\/\/mangthai.pl\/index.php\/wp-json\/wp\/v2\/pages\/5\/revisions\/925"}],"wp:attachment":[{"href":"https:\/\/mangthai.pl\/index.php\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}