{"id":701,"date":"2011-05-20T18:49:43","date_gmt":"2011-05-21T01:49:43","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/?page_id=701"},"modified":"2026-06-06T05:45:27","modified_gmt":"2026-06-06T05:45:27","slug":"home","status":"publish","type":"page","link":"https:\/\/viewari.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"701\" class=\"elementor elementor-701\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8d3ba5 e-con-full e-flex e-con e-parent\" data-id=\"e8d3ba5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aec3dcb elementor-widget elementor-widget-shortcode\" data-id=\"aec3dcb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n:root {\r\n    --viewari-home-instagram: #E4405F;\r\n    --viewari-home-facebook: #1877F2;\r\n    --viewari-home-youtube: #FF0000;\r\n    --viewari-home-linkedin: #0077B5;\r\n    --viewari-home-pinterest: #E60023;\r\n    --viewari-home-tiktok: #000000;\r\n    --viewari-home-reddit: #FF4500;\r\n    --viewari-home-twitter: #1DA1F2;\r\n    --viewari-home-primary: #2f6b3f;\r\n    --viewari-home-primary-dark: #1e4a2a;\r\n    --viewari-home-accent: #4a7c1f;\r\n    --viewari-home-bg: #f8faf8;\r\n    --viewari-home-bg-alt: #f0f4f0;\r\n    --viewari-home-text: #1a2e1a;\r\n    --viewari-home-text-light: #4a5c4a;\r\n    --viewari-home-text-muted: #6b7c6b;\r\n    --viewari-home-card-bg: #ffffff;\r\n    --viewari-home-card-border: #e0e8e0;\r\n    --viewari-home-gradient-start: #2f6b3f;\r\n    --viewari-home-gradient-end: #4a7c1f;\r\n}\r\n\r\n.container { max-width: 1300px; }\r\n\r\n\/* ===== HERO SECTION ===== *\/\r\n.vr-home-hero {\r\n    min-height: 85vh;\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #f0f7f2 0%, #e8f5e9 50%, #f0f7f2 100%);\r\n    padding: 120px 0 80px;\r\n}\r\n\r\n.vr-home-hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n}\r\n\r\n.vr-home-hero-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n    opacity: 0.15;\r\n}\r\n\r\n.vr-home-hero-particle:nth-child(1) {\r\n    width: 500px; height: 500px;\r\n    background: rgba(47, 107, 63, 0.15);\r\n    top: -150px; left: -150px;\r\n    animation: heroFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.vr-home-hero-particle:nth-child(2) {\r\n    width: 400px; height: 400px;\r\n    background: rgba(74, 124, 31, 0.12);\r\n    bottom: -100px; right: -100px;\r\n    animation: heroFloat 15s ease-in-out infinite reverse;\r\n}\r\n\r\n.vr-home-hero-particle:nth-child(3) {\r\n    width: 300px; height: 300px;\r\n    background: rgba(61, 139, 55, 0.1);\r\n    top: 40%; left: 50%;\r\n    animation: heroFloat 25s ease-in-out infinite;\r\n}\r\n\r\n.vr-home-hero-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n        linear-gradient(rgba(47, 107, 63, 0.06) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(47, 107, 63, 0.06) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    z-index: 0;\r\n}\r\n\r\n@keyframes heroFloat {\r\n    0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }\r\n    33% { transform: translateY(-30px) rotate(3deg) scale(1.05); }\r\n    66% { transform: translateY(20px) rotate(-3deg) scale(0.95); }\r\n}\r\n\r\n.vr-home-hero .container {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-home-hero-grid-layout {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n.vr-home-hero-content {\r\n    text-align: left;\r\n}\r\n\r\n.vr-home-hero-visual {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.vr-hero-visual-box {\r\n    position: relative;\r\n    width: 380px;\r\n    height: 380px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.vr-hero-shield {\r\n    width: 120px;\r\n    height: 120px;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 3rem;\r\n    color: white;\r\n    box-shadow: 0 25px 60px rgba(47, 107, 63, 0.4);\r\n    z-index: 2;\r\n    animation: heroShieldPulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes heroShieldPulse {\r\n    0%, 100% { transform: scale(1); box-shadow: 0 25px 60px rgba(47, 107, 63, 0.4); }\r\n    50% { transform: scale(1.08); box-shadow: 0 30px 80px rgba(47, 107, 63, 0.55); }\r\n}\r\n\r\n.vr-hero-platforms {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    animation: heroPlatformsOrbit 25s linear infinite;\r\n}\r\n\r\n@keyframes heroPlatformsOrbit {\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.vr-hero-plat {\r\n    position: absolute;\r\n    width: 56px;\r\n    height: 56px;\r\n    background: white;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.5rem;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n    animation: heroPlatCounter 25s linear infinite;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.vr-hero-plat:hover {\r\n    transform: scale(1.2) !important;\r\n}\r\n\r\n@keyframes heroPlatCounter {\r\n    100% { transform: rotate(-360deg); }\r\n}\r\n\r\n.vr-hero-plat:nth-child(1) { top: 0; left: 50%; transform: translateX(-50%); color: #E4405F; }\r\n.vr-hero-plat:nth-child(2) { top: 18%; right: 2%; color: #FF0000; }\r\n.vr-hero-plat:nth-child(3) { bottom: 18%; right: 2%; color: #000; }\r\n.vr-hero-plat:nth-child(4) { bottom: 0; left: 50%; transform: translateX(-50%); color: #1877F2; }\r\n.vr-hero-plat:nth-child(5) { bottom: 18%; left: 2%; color: #1DA1F2; }\r\n.vr-hero-plat:nth-child(6) { top: 18%; left: 2%; color: #0077B5; }\r\n\r\n.vr-hero-ring {\r\n    position: absolute;\r\n    width: 280px;\r\n    height: 280px;\r\n    border: 2px dashed rgba(47, 107, 63, 0.15);\r\n    border-radius: 50%;\r\n    animation: heroRingRotate 35s linear infinite;\r\n}\r\n\r\n.vr-hero-ring-2 {\r\n    width: 350px;\r\n    height: 350px;\r\n    border-color: rgba(74, 124, 31, 0.1);\r\n    animation-direction: reverse;\r\n    animation-duration: 45s;\r\n}\r\n\r\n@keyframes heroRingRotate {\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.vr-hero-badge-float {\r\n    position: absolute;\r\n    background: white;\r\n    border-radius: 12px;\r\n    padding: 10px 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    color: #1a2e1a;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n    animation: heroFloatBadge 4s ease-in-out infinite;\r\n    z-index: 3;\r\n}\r\n\r\n.vr-hero-badge-float i {\r\n    font-size: 1rem;\r\n}\r\n\r\n.vr-hero-badge-float:nth-child(1) {\r\n    top: 10%;\r\n    right: -10%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.vr-hero-badge-float:nth-child(1) i { color: #E4405F; }\r\n\r\n.vr-hero-badge-float:nth-child(2) {\r\n    bottom: 15%;\r\n    left: -5%;\r\n    animation-delay: 1s;\r\n}\r\n\r\n.vr-hero-badge-float:nth-child(2) i { color: #FF0000; }\r\n\r\n@keyframes heroFloatBadge {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n}\r\n\r\n.vr-home-hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n}\r\n\r\n.vr-home-hero-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n    opacity: 0.15;\r\n}\r\n\r\n.vr-home-hero-particle:nth-child(1) {\r\n    width: 500px; height: 500px;\r\n    background: rgba(47, 107, 63, 0.15);\r\n    top: -150px; left: -150px;\r\n    animation: heroFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.vr-home-hero-particle:nth-child(2) {\r\n    width: 400px; height: 400px;\r\n    background: rgba(74, 124, 31, 0.12);\r\n    bottom: -100px; right: -100px;\r\n    animation: heroFloat 15s ease-in-out infinite reverse;\r\n}\r\n\r\n.vr-home-hero-particle:nth-child(3) {\r\n    width: 300px; height: 300px;\r\n    background: rgba(61, 139, 55, 0.1);\r\n    top: 40%; left: 50%;\r\n    animation: heroFloat 25s ease-in-out infinite;\r\n}\r\n\r\n.vr-home-hero-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n        linear-gradient(rgba(47, 107, 63, 0.06) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(47, 107, 63, 0.06) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    z-index: 0;\r\n}\r\n\r\n@keyframes heroFloat {\r\n    0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }\r\n    33% { transform: translateY(-30px) rotate(3deg) scale(1.05); }\r\n    66% { transform: translateY(20px) rotate(-3deg) scale(0.95); }\r\n}\r\n\r\n.vr-home-hero .container {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-home-hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(47, 107, 63, 0.1);\r\n    border: 1px solid rgba(47, 107, 63, 0.25);\r\n    padding: 8px 20px;\r\n    border-radius: 50px;\r\n    font-size: 0.85rem;\r\n    color: var(--viewari-home-primary);\r\n    margin-bottom: 30px;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.vr-home-hero-badge i {\r\n    color: var(--viewari-home-accent);\r\n}\r\n\r\n.vr-home-hero-title {\r\n    font-size: clamp(2.5rem, 6vw, 4rem);\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    margin-bottom: 24px;\r\n    background: linear-gradient(135deg, #1a2e1a 0%, #2f6b3f 50%, #4a7c1f 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.vr-home-hero-subtitle {\r\n    font-size: clamp(1rem, 2vw, 1.25rem);\r\n    color: var(--viewari-home-text-light);\r\n    margin-bottom: 36px;\r\n    line-height: 1.7;\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.vr-home-hero-actions {\r\n    display: flex;\r\n    gap: 16px;\r\n    justify-content: flex-start;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.vr-home-btn {\r\n    padding: 16px 36px;\r\n    border-radius: 12px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    cursor: pointer;\r\n    border: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-family: \"Plus Jakarta Sans\", sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.vr-home-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.2), transparent);\r\n    transform: translateX(-100%) skewX(-15deg);\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.vr-home-btn:hover::before {\r\n    transform: translateX(100%) skewX(-15deg);\r\n}\r\n\r\n.vr-home-btn-primary {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    color: white;\r\n    box-shadow: 0 8px 30px rgba(47, 107, 63, 0.4);\r\n    transform: perspective(1000px) rotateX(0deg);\r\n}\r\n\r\n.vr-home-btn-primary:hover {\r\n    transform: perspective(1000px) rotateX(-5deg) translateY(-4px);\r\n    box-shadow: 0 15px 40px rgba(47, 107, 63, 0.55);\r\n    color: white;\r\n}\r\n\r\n.vr-home-btn-ig {\r\n    background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);\r\n    color: white;\r\n    box-shadow: 0 8px 30px rgba(228, 64, 95, 0.35);\r\n}\r\n\r\n.vr-home-btn-ig:hover {\r\n    transform: perspective(1000px) rotateX(-5deg) translateY(-4px);\r\n    box-shadow: 0 15px 40px rgba(228, 64, 95, 0.5);\r\n    color: white;\r\n}\r\n\r\n.vr-home-btn-yt {\r\n    background: #FF0000;\r\n    color: white;\r\n    box-shadow: 0 8px 30px rgba(255, 0, 0, 0.35);\r\n}\r\n\r\n.vr-home-btn-yt:hover {\r\n    transform: perspective(1000px) rotateX(-5deg) translateY(-4px);\r\n    box-shadow: 0 15px 40px rgba(255, 0, 0, 0.5);\r\n    color: white;\r\n}\r\n\r\n.vr-home-btn-outline {\r\n    background: transparent;\r\n    color: var(--viewari-home-primary);\r\n    border: 2px solid rgba(47,107,63,0.3);\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.vr-home-btn-outline:hover {\r\n    background: rgba(47,107,63,0.08);\r\n    transform: perspective(1000px) rotateX(-5deg) translateY(-4px);\r\n    border-color: rgba(47,107,63,0.5);\r\n    color: var(--viewari-home-primary);\r\n}\r\n\r\n.vr-home-hero-stats {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.vr-home-hero-stat {\r\n    text-align: center;\r\n}\r\n\r\n.vr-home-hero-stat-number {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.vr-home-hero-stat-label {\r\n    font-size: 0.85rem;\r\n    color: var(--viewari-home-text-muted);\r\n    margin-top: 4px;\r\n}\r\n\r\n\/* ===== SECTION COMMON ===== *\/\r\n.vr-section {\r\n    padding: 100px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.vr-section-dark {\r\n    background: var(--viewari-home-bg);\r\n}\r\n\r\n.vr-section-darker {\r\n    background: var(--viewari-home-bg-alt);\r\n}\r\n\r\n.vr-section-gradient {\r\n    background: linear-gradient(135deg, var(--viewari-home-bg) 0%, var(--viewari-home-bg-alt) 100%);\r\n}\r\n\r\n.vr-section-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.vr-section-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: rgba(47, 107, 63, 0.08);\r\n    border: 1px solid rgba(47, 107, 63, 0.2);\r\n    padding: 6px 16px;\r\n    border-radius: 50px;\r\n    font-size: 0.8rem;\r\n    color: var(--viewari-home-primary);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.vr-section-title {\r\n    font-size: clamp(2rem, 4vw, 2.8rem);\r\n    font-weight: 700;\r\n    color: var(--viewari-home-text);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.vr-section-title span {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.vr-section-desc {\r\n    font-size: clamp(1rem, 2vw, 1.1rem);\r\n    color: var(--viewari-home-text-muted);\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ===== PLATFORMS \/ CATEGORIES ===== *\/\r\n.vr-platforms-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 24px;\r\n}\r\n\r\n.vr-platform-card {\r\n    background: var(--viewari-home-card-bg);\r\n    border: 1px solid var(--viewari-home-card-border);\r\n    border-radius: 20px;\r\n    padding: 36px 28px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transform-style: preserve-3d;\r\n    perspective: 1000px;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.vr-platform-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: var(--platform-color, #2f6b3f);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.vr-platform-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.vr-platform-card:hover {\r\n    transform: perspective(1000px) rotateY(-5deg) translateY(-10px);\r\n    border-color: rgba(47,107,63,0.3);\r\n    box-shadow: 0 20px 60px rgba(47,107,63,0.15);\r\n}\r\n\r\n.vr-platform-card:after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 20px;\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    z-index: -1;\r\n}\r\n\r\n.vr-platform-card:hover:after {\r\n    opacity: 1;\r\n}\r\n\r\n.vr-platform-icon {\r\n    width: 72px;\r\n    height: 72px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 20px;\r\n    font-size: 2rem;\r\n    color: var(--platform-color, #2f6b3f);\r\n    background: rgba(47,107,63,0.08);\r\n    border: 1px solid rgba(47,107,63,0.12);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.vr-platform-card:hover .vr-platform-icon {\r\n    background: var(--platform-color, #2f6b3f);\r\n    color: white;\r\n    transform: scale(1.1) translateZ(30px);\r\n    box-shadow: 0 10px 30px rgba(47,107,63,0.25);\r\n}\r\n\r\n.vr-platform-name {\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    margin-bottom: 10px;\r\n    color: var(--viewari-home-text);\r\n}\r\n\r\n.vr-platform-desc {\r\n    font-size: 0.9rem;\r\n    color: var(--viewari-home-text-muted);\r\n    margin-bottom: 20px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.vr-platform-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 24px;\r\n    border-radius: 10px;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    background: var(--platform-color, #5B5FDE);\r\n    color: white;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    font-family: \"Plus Jakarta Sans\", sans-serif;\r\n}\r\n\r\n.vr-platform-card:hover .vr-platform-btn {\r\n    transform: translateZ(20px);\r\n    box-shadow: 0 8px 25px rgba(47,107,63,0.3);\r\n}\r\n\r\n\/* Platform Colors *\/\r\n.vr-platform-card[data-platform=\"instagram\"] { --platform-color: #E4405F; }\r\n.vr-platform-card[data-platform=\"facebook\"] { --platform-color: #1877F2; }\r\n.vr-platform-card[data-platform=\"youtube\"] { --platform-color: #FF0000; }\r\n.vr-platform-card[data-platform=\"linkedin\"] { --platform-color: #0077B5; }\r\n.vr-platform-card[data-platform=\"pinterest\"] { --platform-color: #E60023; }\r\n.vr-platform-card[data-platform=\"tiktok\"] { --platform-color: #000000; }\r\n.vr-platform-card[data-platform=\"reddit\"] { --platform-color: #FF4500; }\r\n.vr-platform-card[data-platform=\"twitter\"] { --platform-color: #1DA1F2; }\r\n\r\n\/* ===== HOW IT WORKS ===== *\/\r\n.vr-how-steps {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    margin-bottom: 60px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.vr-how-step {\r\n    flex: 1;\r\n    min-width: 250px;\r\n    max-width: 300px;\r\n    text-align: center;\r\n    padding: 36px 28px;\r\n    background: var(--viewari-home-card-bg);\r\n    border: 1px solid var(--viewari-home-card-border);\r\n    border-radius: 24px;\r\n    position: relative;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.vr-how-step:hover {\r\n    transform: translateY(-12px);\r\n    box-shadow: 0 20px 50px rgba(47,107,63,0.15);\r\n    border-color: rgba(47,107,63,0.3);\r\n}\r\n\r\n.vr-how-step-number {\r\n    position: absolute;\r\n    top: -16px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    color: white;\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    box-shadow: 0 4px 15px rgba(47,107,63,0.3);\r\n}\r\n\r\n.vr-how-step-icon {\r\n    width: 80px;\r\n    height: 80px;\r\n    margin: 20px auto 24px;\r\n    background: rgba(47,107,63,0.1);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 2rem;\r\n    color: var(--viewari-home-primary);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.vr-how-step:hover .vr-how-step-icon {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    color: white;\r\n    transform: scale(1.1);\r\n    box-shadow: 0 10px 30px rgba(47,107,63,0.3);\r\n}\r\n\r\n.vr-how-step-title {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: var(--viewari-home-text);\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.vr-how-step-desc {\r\n    font-size: 0.95rem;\r\n    color: var(--viewari-home-text-muted);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n.vr-how-step-connector {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding-top: 80px;\r\n    color: rgba(47,107,63,0.3);\r\n    font-size: 1.5rem;\r\n}\r\n\r\n.vr-how-features {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n    padding: 40px;\r\n    background: var(--viewari-home-card-bg);\r\n    border: 1px solid var(--viewari-home-card-border);\r\n    border-radius: 20px;\r\n}\r\n\r\n.vr-how-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    color: var(--viewari-home-text);\r\n}\r\n\r\n.vr-how-feature i {\r\n    color: var(--viewari-home-primary);\r\n    font-size: 1.1rem;\r\n}\r\n\r\n.vr-section-alt {\r\n    background: var(--viewari-home-bg-alt);\r\n}\r\n\r\n\/* ===== WHY SECTION ===== *\/\r\n.vr-why-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n\r\n.vr-why-visual {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    perspective: 1000px;\r\n}\r\n\r\n.vr-why-3d-box {\r\n    width: 100%;\r\n    max-width: 450px;\r\n    height: 480px;\r\n    position: relative;\r\n    transform-style: preserve-3d;\r\n    animation: boxRotate 20s ease-in-out infinite;\r\n}\r\n\r\n@keyframes boxRotate {\r\n    0%, 100% { transform: perspective(1000px) rotateY(-10deg) rotateX(5deg); }\r\n    50% { transform: perspective(1000px) rotateY(10deg) rotateX(-5deg); }\r\n}\r\n\r\n.vr-why-3d-face {\r\n    position: absolute;\r\n    border-radius: 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 30px;\r\n    text-align: center;\r\n}\r\n\r\n.vr-why-3d-front {\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(47,107,63,0.1), rgba(74,124,31,0.05));\r\n    border: 1px solid rgba(47,107,63,0.15);\r\n    backdrop-filter: blur(20px);\r\n    transform: translateZ(30px);\r\n}\r\n\r\n.vr-why-3d-back {\r\n    inset: 20px;\r\n    background: linear-gradient(135deg, rgba(47,107,63,0.05), rgba(74,124,31,0.02));\r\n    border: 1px solid rgba(47,107,63,0.1);\r\n    transform: translateZ(-30px) rotateY(180deg);\r\n    backface-visibility: hidden;\r\n}\r\n\r\n.vr-why-shield {\r\n    width: 100px;\r\n    height: 100px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n    box-shadow: 0 15px 40px rgba(47,107,63,0.25);\r\n    animation: pulse3d 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse3d {\r\n    0%, 100% { transform: scale(1); box-shadow: 0 15px 40px rgba(47,107,63,0.25); }\r\n    50% { transform: scale(1.08); box-shadow: 0 25px 60px rgba(47,107,63,0.35); }\r\n}\r\n\r\n.vr-why-shield i {\r\n    font-size: 2.5rem;\r\n    color: white;\r\n}\r\n\r\n.vr-why-platform-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-top: 16px;\r\n}\r\n\r\n.vr-why-platform-badges i {\r\n    font-size: 1.5rem;\r\n    padding: 10px;\r\n    border-radius: 12px;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.vr-why-platform-badges i:nth-child(1) { color: #E4405F; background: rgba(228,64,95,0.1); }\r\n.vr-why-platform-badges i:nth-child(2) { color: #FF0000; background: rgba(255,0,0,0.1); }\r\n.vr-why-platform-badges i:nth-child(3) { color: #fff; background: rgba(0,0,0,0.15); }\r\n.vr-why-platform-badges i:nth-child(4) { color: #1877F2; background: rgba(24,119,242,0.1); }\r\n.vr-why-platform-badges i:nth-child(5) { color: #0077B5; background: rgba(0,119,181,0.1); }\r\n.vr-why-platform-badges i:nth-child(6) { color: #E60023; background: rgba(230,0,35,0.1); }\r\n.vr-why-platform-badges i:nth-child(7) { color: #FF4500; background: rgba(255,69,0,0.1); }\r\n\r\n.vr-why-platform-badges i:hover {\r\n    transform: translateY(-8px) scale(1.15) translateZ(30px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n}\r\n\r\n.vr-why-content {\r\n    padding: 20px 0;\r\n}\r\n\r\n.vr-why-title {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n    font-weight: 700;\r\n    color: var(--viewari-home-text);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.vr-why-desc {\r\n    font-size: 1.05rem;\r\n    color: var(--viewari-home-text-light);\r\n    line-height: 1.7;\r\n    margin-bottom: 36px;\r\n}\r\n\r\n.vr-why-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.vr-why-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 18px;\r\n    padding: 20px;\r\n    border-radius: 16px;\r\n    margin-bottom: 16px;\r\n    background: rgba(47,107,63,0.04);\r\n    border: 1px solid rgba(47,107,63,0.1);\r\n    transition: all 0.4s ease;\r\n    cursor: default;\r\n}\r\n\r\n.vr-why-item:hover {\r\n    background: rgba(47,107,63,0.08);\r\n    border-color: rgba(47,107,63,0.2);\r\n    transform: translateX(8px);\r\n}\r\n\r\n.vr-why-item-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 14px;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n    font-size: 1.2rem;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 8px 20px rgba(47,107,63,0.3);\r\n}\r\n\r\n.vr-why-item-text strong {\r\n    display: block;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: 1.05rem;\r\n    color: var(--viewari-home-text);\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.vr-why-item-text span {\r\n    font-size: 0.9rem;\r\n    color: var(--viewari-home-text-muted);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* ===== BLOG SECTION ===== *\/\r\n.vr-blog-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\r\n}\r\n\r\n.vr-blog-card {\r\n    background: var(--viewari-home-card-bg);\r\n    border: 1px solid var(--viewari-home-card-border);\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n    box-shadow: 0 1px 3px rgba(0,0,0,0.04);\r\n}\r\n\r\n.vr-blog-card:hover {\r\n    transform: translateY(-12px);\r\n    box-shadow: 0 30px 80px rgba(47, 107, 63, 0.12);\r\n    border-color: rgba(47, 107, 63, 0.15);\r\n}\r\n\r\n.vr-blog-card-img {\r\n    width: 100%;\r\n    display: block;\r\n    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.vr-blog-card:hover .vr-blog-card-img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.vr-blog-card-body {\r\n    padding: 24px 28px 32px;\r\n}\r\n\r\n.vr-blog-card-tag {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, rgba(47, 107, 63, 0.08), rgba(74, 124, 31, 0.12));\r\n    border: none;\r\n    padding: 5px 14px;\r\n    border-radius: 8px;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    color: var(--viewari-home-primary);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.vr-blog-card-title {\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    color: var(--viewari-home-text);\r\n    margin: 0;\r\n    transition: color 0.4s ease;\r\n    font-family: \"Plus Jakarta Sans\", sans-serif;\r\n    letter-spacing: -0.02em;\r\n}\r\n\r\n.vr-blog-card:hover .vr-blog-card-title {\r\n    color: var(--viewari-home-primary);\r\n}\r\n\r\n\/* ===== TESTIMONIALS ===== *\/\r\n.vr-testimonials-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 24px;\r\n}\r\n\r\n.vr-testimonial-card {\r\n    background: var(--viewari-home-card-bg);\r\n    border: 1px solid var(--viewari-home-card-border);\r\n    border-radius: 20px;\r\n    padding: 32px;\r\n    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    position: relative;\r\n    overflow: hidden;\r\n    transform-style: preserve-3d;\r\n    backdrop-filter: blur(10px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n\r\n.vr-testimonial-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #2f6b3f, #4a7c1f);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.vr-testimonial-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.vr-testimonial-card:hover {\r\n    transform: perspective(1000px) rotateY(-3deg) translateY(-8px);\r\n    border-color: rgba(47,107,63,0.3);\r\n    box-shadow: 0 20px 50px rgba(47,107,63,0.15);\r\n}\r\n\r\n.vr-testimonial-stars {\r\n    color: #FFD700;\r\n    font-size: 0.9rem;\r\n    margin-bottom: 16px;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.vr-testimonial-quote {\r\n    position: relative;\r\n    flex: 1;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.vr-testimonial-quote-icon {\r\n    position: absolute;\r\n    top: -8px;\r\n    left: -8px;\r\n    font-size: 1.8rem;\r\n    color: rgba(47,107,63,0.1);\r\n}\r\n\r\n.vr-testimonial-quote p {\r\n    font-size: 0.95rem;\r\n    color: var(--viewari-home-text-light);\r\n    line-height: 1.7;\r\n    padding-left: 16px;\r\n    margin: 0;\r\n}\r\n\r\n.vr-testimonial-author {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid rgba(47,107,63,0.1);\r\n}\r\n\r\n.vr-testimonial-avatar {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n    font-weight: 700;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: 1rem;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.vr-testimonial-name {\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    color: var(--viewari-home-text);\r\n    margin: 0 0 4px;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n}\r\n\r\n.vr-testimonial-role {\r\n    font-size: 0.82rem;\r\n    color: var(--viewari-home-text-muted);\r\n    margin: 0;\r\n}\r\n\r\n\/* ===== CTA SECTION ===== *\/\r\n.vr-cta-section {\r\n    padding: 120px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: linear-gradient(180deg, var(--viewari-home-bg) 0%, var(--viewari-home-bg-alt) 100%);\r\n}\r\n\r\n.vr-cta-bg-particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.vr-cta-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    opacity: 0.12;\r\n}\r\n\r\n.vr-cta-particle:nth-child(1) {\r\n    width: 600px; height: 600px;\r\n    background: #2f6b3f;\r\n    top: -200px; left: -200px;\r\n    animation: ctaFloat 25s ease-in-out infinite;\r\n}\r\n\r\n.vr-cta-particle:nth-child(2) {\r\n    width: 500px; height: 500px;\r\n    background: #4a7c1f;\r\n    bottom: -200px; right: -200px;\r\n    animation: ctaFloat 20s ease-in-out infinite reverse;\r\n}\r\n\r\n.vr-cta-particle:nth-child(3) {\r\n    width: 300px; height: 300px;\r\n    background: #3d8b37;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    animation: ctaFloat 15s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ctaFloat {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    33% { transform: translate(30px, -30px) scale(1.05); }\r\n    66% { transform: translate(-20px, 20px) scale(0.95); }\r\n}\r\n\r\n.vr-cta-card {\r\n    position: relative;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    border-radius: 32px;\r\n    overflow: hidden;\r\n    background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85));\r\n    backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(47, 107, 63, 0.15);\r\n    box-shadow:\r\n        0 4px 6px rgba(47, 107, 63, 0.05),\r\n        0 20px 40px rgba(47, 107, 63, 0.08),\r\n        0 60px 100px rgba(47, 107, 63, 0.1);\r\n    z-index: 1;\r\n}\r\n\r\n.vr-cta-card-glow {\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: conic-gradient(from 0deg, transparent, rgba(47, 107, 63, 0.1), transparent, rgba(74, 124, 31, 0.1), transparent);\r\n    animation: glowRotate 10s linear infinite;\r\n    z-index: 0;\r\n}\r\n\r\n@keyframes glowRotate {\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.vr-cta-card-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 60px 50px;\r\n    text-align: center;\r\n}\r\n\r\n.vr-cta-card-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    color: white;\r\n    padding: 8px 20px;\r\n    border-radius: 50px;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    margin-bottom: 24px;\r\n    box-shadow: 0 4px 15px rgba(47, 107, 63, 0.3);\r\n}\r\n\r\n.vr-cta-card-title {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: clamp(2rem, 4vw, 2.8rem);\r\n    font-weight: 800;\r\n    color: #1a2e1a;\r\n    margin-bottom: 20px;\r\n    line-height: 1.15;\r\n}\r\n\r\n.vr-cta-card-title span {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n}\r\n\r\n.vr-cta-card-desc {\r\n    font-size: 1.05rem;\r\n    color: #5a6c5a;\r\n    line-height: 1.8;\r\n    margin-bottom: 32px;\r\n    max-width: 550px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.vr-cta-card-actions {\r\n    display: flex;\r\n    gap: 14px;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.vr-cta-card-bottom {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n    padding: 24px 50px;\r\n    background: rgba(47, 107, 63, 0.03);\r\n    border-top: 1px solid rgba(47, 107, 63, 0.08);\r\n}\r\n\r\n.vr-cta-card-trust {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    color: #3d6b4a;\r\n}\r\n\r\n.vr-cta-card-trust i {\r\n    color: #2f6b3f;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .vr-cta-card-inner {\r\n        padding: 50px 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .vr-cta-section { padding: 80px 0; }\r\n    .vr-cta-card-inner { padding: 40px 24px; }\r\n    .vr-cta-card-bottom { padding: 20px 24px; gap: 16px; }\r\n    .vr-cta-card-actions { flex-direction: column; align-items: center; }\r\n    .vr-cta-card-actions .vr-home-btn { width: 100%; max-width: 280px; }\r\n}\r\n\r\n.vr-cta-bg-particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.vr-cta-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    opacity: 0.1;\r\n}\r\n\r\n.vr-cta-particle:nth-child(1) {\r\n    width: 400px; height: 400px;\r\n    background: rgba(47, 107, 63, 0.12);\r\n    top: -100px; left: 20%;\r\n    animation: heroFloat 18s ease-in-out infinite;\r\n}\r\n\r\n.vr-cta-particle:nth-child(2) {\r\n    width: 300px; height: 300px;\r\n    background: rgba(74, 124, 31, 0.1);\r\n    bottom: -80px; right: 20%;\r\n    animation: heroFloat 14s ease-in-out infinite reverse;\r\n}\r\n\r\n.vr-cta-content {\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-cta-title {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: clamp(2rem, 4vw, 3rem);\r\n    font-weight: 700;\r\n    color: var(--viewari-home-text);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.vr-cta-desc {\r\n    font-size: 1.1rem;\r\n    color: var(--viewari-home-text-light);\r\n    max-width: 550px;\r\n    margin: 0 auto 36px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.vr-cta-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* ===== FAQ ===== *\/\r\n.vr-faq-container {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.vr-faq-item {\r\n    background: var(--viewari-home-card-bg);\r\n    border: 1px solid var(--viewari-home-card-border);\r\n    border-radius: 16px;\r\n    margin-bottom: 16px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vr-faq-item:hover {\r\n    border-color: rgba(47,107,63,0.3);\r\n}\r\n\r\n.vr-faq-question {\r\n    padding: 20px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    color: var(--viewari-home-text);\r\n    transition: all 0.3s ease;\r\n    user-select: none;\r\n}\r\n\r\n.vr-faq-question:hover {\r\n    color: var(--viewari-home-primary);\r\n}\r\n\r\n.vr-faq-question i {\r\n    transition: transform 0.3s ease;\r\n    color: var(--viewari-home-text-muted);\r\n}\r\n\r\n.vr-faq-item.active .vr-faq-question i {\r\n    transform: rotate(180deg);\r\n    color: var(--viewari-home-accent);\r\n}\r\n\r\n.vr-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s ease, padding 0.4s ease;\r\n    padding: 0 24px;\r\n}\r\n\r\n.vr-faq-item.active .vr-faq-answer {\r\n    max-height: 200px;\r\n    padding: 0 24px 20px;\r\n}\r\n\r\n.vr-faq-answer p {\r\n    font-size: 0.95rem;\r\n    color: var(--viewari-home-text-light);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 992px) {\r\n    .vr-home-hero-grid-layout {\r\n        grid-template-columns: 1fr;\r\n        text-align: center;\r\n    }\r\n    \r\n    .vr-home-hero-content {\r\n        text-align: center;\r\n        order: 2;\r\n    }\r\n    \r\n    .vr-home-hero-visual {\r\n        order: 1;\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .vr-hero-visual-box {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n    \r\n    .vr-hero-shield {\r\n        width: 100px;\r\n        height: 100px;\r\n        font-size: 2.5rem;\r\n    }\r\n    \r\n    .vr-hero-plat {\r\n        width: 48px;\r\n        height: 48px;\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .vr-hero-ring {\r\n        width: 230px;\r\n        height: 230px;\r\n    }\r\n    \r\n    .vr-hero-ring-2 {\r\n        width: 290px;\r\n        height: 290px;\r\n    }\r\n    \r\n    .vr-hero-badge-float {\r\n        display: none;\r\n    }\r\n\r\n    .vr-why-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n\r\n    .vr-why-visual { order: 1; }\r\n    .vr-why-content { order: 2; }\r\n\r\n    .vr-why-3d-box {\r\n        height: 400px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .vr-section { padding: 60px 0; }\r\n    .vr-home-hero { padding: 100px 0 60px; }\r\n\r\n    .vr-home-hero-actions { flex-direction: column; align-items: center; }\r\n    .vr-home-btn { width: 100%; max-width: 320px; justify-content: center; }\r\n\r\n    .vr-platforms-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }\r\n    .vr-tools-grid { grid-template-columns: 1fr; }\r\n    .vr-testimonials-grid { grid-template-columns: 1fr; }\r\n    .vr-blog-grid { grid-template-columns: repeat(2, 1fr); }\r\n    \r\n    .vr-hero-visual-box {\r\n        width: 250px;\r\n        height: 250px;\r\n    }\r\n    \r\n    .vr-hero-shield {\r\n        width: 80px;\r\n        height: 80px;\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .vr-hero-plat {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 1rem;\r\n        border-radius: 12px;\r\n    }\r\n    \r\n    .vr-hero-ring {\r\n        width: 190px;\r\n        height: 190px;\r\n    }\r\n    \r\n    .vr-hero-ring-2 {\r\n        width: 240px;\r\n        height: 240px;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .vr-home-hero-stats { gap: 24px; }\r\n    .vr-why-3d-box { height: 340px; }\r\n    .vr-blog-grid { grid-template-columns: 1fr; }\r\n    .vr-cta-actions { flex-direction: column; align-items: center; }\r\n    .vr-cta-actions .vr-home-btn { max-width: 280px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .vr-how-step-connector {\r\n        display: none;\r\n    }\r\n    \r\n    .vr-how-steps {\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n    \r\n    .vr-how-step {\r\n        width: 100%;\r\n        max-width: 350px;\r\n    }\r\n    \r\n    .vr-how-features {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n\/* ===== HERO MARQUEE ===== *\/\r\n.vr-home-hero-marquee {\r\n    position: relative;\r\n    height: 60px;\r\n    overflow: hidden;\r\n    mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);\r\n    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);\r\n}\r\n\r\n.vr-home-hero-marquee-track {\r\n    display: flex;\r\n    gap: 48px;\r\n    width: max-content;\r\n    height: 100%;\r\n    align-items: center;\r\n    animation: heroMarquee 30s linear infinite;\r\n}\r\n\r\n.vr-home-hero-marquee-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 0.95rem;\r\n    font-weight: 500;\r\n    color: var(--viewari-home-text-light);\r\n    white-space: nowrap;\r\n    opacity: 0.7;\r\n    transition: opacity 0.3s;\r\n}\r\n\r\n.vr-home-hero-marquee-item i {\r\n    font-size: 1.5rem;\r\n    color: var(--viewari-home-primary);\r\n}\r\n\r\n.vr-home-hero-marquee-item:hover { opacity: 1; }\r\n\r\n@keyframes heroMarquee {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== HERO SECTION ===== -->\r\n<section class=\"vr-home-hero\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-home-hero-grid-layout\">\r\n            <div class=\"vr-home-hero-content\">\r\n                <div class=\"vr-home-hero-badge\">\r\n                    <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                    100% Anonymous Social Media Viewing\r\n                <\/div>\r\n                <h1 class=\"vr-home-hero-title\">\r\n                    View Social Media<br>Anonymously\r\n                <\/h1>\r\n                <p class=\"vr-home-hero-subtitle\">\r\n                    Browse Instagram, Facebook, YouTube, TikTok, and more without leaving a trace. No login, no tracking, no limits.\r\n                <\/p>\r\n                <div class=\"vr-home-hero-actions\">\r\n                    <a href=\"#\" class=\"vr-home-btn vr-home-btn-primary\">\r\n                        <i class=\"fa-solid fa-compass\"><\/i>\r\n                        Get All Platforms\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"vr-home-btn vr-home-btn-outline\">\r\n                        <i class=\"fa-solid fa-play\"><\/i>\r\n                        How It Works\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"vr-home-hero-stats\">\r\n                    <div class=\"vr-home-hero-stat\">\r\n                        <div class=\"vr-home-hero-stat-number\">200+<\/div>\r\n                        <div class=\"vr-home-hero-stat-label\">Viewer Tools<\/div>\r\n                    <\/div>\r\n                    <div class=\"vr-home-hero-stat\">\r\n                        <div class=\"vr-home-hero-stat-number\">8+<\/div>\r\n                        <div class=\"vr-home-hero-stat-label\">Platforms<\/div>\r\n                    <\/div>\r\n                    <div class=\"vr-home-hero-stat\">\r\n                        <div class=\"vr-home-hero-stat-number\">100%<\/div>\r\n                        <div class=\"vr-home-hero-stat-label\">Anonymous<\/div>\r\n                    <\/div>\r\n                    <div class=\"vr-home-hero-stat\">\r\n                        <div class=\"vr-home-hero-stat-number\">Free<\/div>\r\n                        <div class=\"vr-home-hero-stat-label\">No Sign-Up<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-home-hero-visual\">\r\n                <div class=\"vr-hero-visual-box\">\r\n                    <div class=\"vr-hero-shield\">\r\n                        <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"vr-hero-platforms\">\r\n                        <a href=\"https:\/\/viewari.com\/instagram\" class=\"vr-hero-plat\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n                        <a href=\"https:\/\/viewari.com\/youtube\" class=\"vr-hero-plat\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n                        <a href=\"https:\/\/viewari.com\/tiktok\" class=\"vr-hero-plat\"><i class=\"fa-brands fa-tiktok\"><\/i><\/a>\r\n                        <a href=\"https:\/\/viewari.com\/facebook\" class=\"vr-hero-plat\"><i class=\"fa-brands fa-facebook\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"vr-hero-plat\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a>\r\n                        <a href=\"https:\/\/viewari.com\/linkedin\" class=\"vr-hero-plat\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n                    <\/div>\r\n                    <div class=\"vr-hero-ring\"><\/div>\r\n                    <div class=\"vr-hero-ring vr-hero-ring-2\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== MARQUEE SECTION ===== -->\r\n<section class=\"vr-section\" style=\"padding: 40px 0;\">\r\n    <div class=\"container\">\r\n        <div style=\"text-align:center;\">\r\n            <!-- <span style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(47,107,63,0.08);border:1px solid rgba(47,107,63,0.2);padding:6px 16px;border-radius:50px;font-size:0.8rem;color:var(--viewari-home-primary);margin-bottom:12px;\">\r\n                <i class=\"fa-solid fa-building\"><\/i> Trusted Partners\r\n            <\/span> -->\r\n            <!-- <h2 style=\"font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--viewari-home-text);margin:0;\">Featured On<\/h2> -->\r\n        <\/div>\r\n        <div class=\"vr-home-hero-marquee\">\r\n            <div class=\"vr-home-hero-marquee-track\">\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Asset-5@2x-1.png\" alt=\"Asset 5\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Commentiewer-Insta@4x-2048x257-1.png\" alt=\"Commentiewer Insta\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/fontigen-main-logo-v2.png\" alt=\"Fontigen\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/fontlye-main-logo.png\" alt=\"Fontlye\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Gram-New@2x.png\" alt=\"Gram New\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/New-Logo@2x.png\" alt=\"New Logo\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Snap-LOGO@2x.png\" alt=\"Snap Logo\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Snap-LOGO@2x-1.png\" alt=\"Snap Logo 1\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Themeton-Logo.png\" alt=\"Themeton\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Tik-Logo-New@2x.png\" alt=\"Tik Logo New\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/agil-mentor-logo@4x.webp\" alt=\"Agil Mentor\" style=\"height:32px;width:auto;\"><\/div>\r\n                <!-- Duplicate for seamless loop -->\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Asset-5@2x-1.png\" alt=\"Asset 5\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Commentiewer-Insta@4x-2048x257-1.png\" alt=\"Commentiewer Insta\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/fontigen-main-logo-v2.png\" alt=\"Fontigen\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/fontlye-main-logo.png\" alt=\"Fontlye\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Gram-New@2x.png\" alt=\"Gram New\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/New-Logo@2x.png\" alt=\"New Logo\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Snap-LOGO@2x.png\" alt=\"Snap Logo\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Snap-LOGO@2x-1.png\" alt=\"Snap Logo 1\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Themeton-Logo.png\" alt=\"Themeton\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/Tik-Logo-New@2x.png\" alt=\"Tik Logo New\" style=\"height:32px;width:auto;\"><\/div>\r\n                <div class=\"vr-home-hero-marquee-item\"><img decoding=\"async\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/agil-mentor-logo@4x.webp\" alt=\"Agil Mentor\" style=\"height:32px;width:auto;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== PLATFORMS SECTION ===== -->\r\n<section class=\"vr-section vr-section-darker\" id=\"platforms\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-section-header\">\r\n            <div class=\"vr-section-tag\">\r\n                <i class=\"fa-solid fa-layer-group\"><\/i>\r\n                Supported Platforms\r\n            <\/div>\r\n            <h2 class=\"vr-section-title\">Choose Your<span> Platform<\/span><\/h2>\r\n            <p class=\"vr-section-desc\">Access anonymous viewers for every major social media platform.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-platforms-grid\">\r\n            <a href=\"https:\/\/viewari.com\/instagram\" class=\"vr-platform-card\" data-platform=\"instagram\">\r\n                <div class=\"vr-platform-icon\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                <h3 class=\"vr-platform-name\">Instagram<\/h3>\r\n                <p class=\"vr-platform-desc\">Stories, Posts, Reels, Highlights & Profile Viewer<\/p>\r\n                <span class=\"vr-platform-btn\"><i class=\"fa-solid fa-arrow-right\"><\/i> View Tools<\/span>\r\n            <\/a>\r\n            <a href=\"https:\/\/viewari.com\/facebook\" class=\"vr-platform-card\" data-platform=\"facebook\">\r\n                <div class=\"vr-platform-icon\"><i class=\"fa-brands fa-facebook\"><\/i><\/div>\r\n                <h3 class=\"vr-platform-name\">Facebook<\/h3>\r\n                <p class=\"vr-platform-desc\">Profiles, Stories, Videos, Photos & Groups<\/p>\r\n                <span class=\"vr-platform-btn\"><i class=\"fa-solid fa-arrow-right\"><\/i> View Tools<\/span>\r\n            <\/a>\r\n            <a href=\"https:\/\/viewari.com\/youtube\" class=\"vr-platform-card\" data-platform=\"youtube\">\r\n                <div class=\"vr-platform-icon\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                <h3 class=\"vr-platform-name\">YouTube<\/h3>\r\n                <p class=\"vr-platform-desc\">Videos, Thumbnails, Channels, Playlists<\/p>\r\n                <span class=\"vr-platform-btn\"><i class=\"fa-solid fa-arrow-right\"><\/i> View Tools<\/span>\r\n            <\/a>\r\n            <a href=\"https:\/\/viewari.com\/tiktok\" class=\"vr-platform-card\" data-platform=\"tiktok\">\r\n                <div class=\"vr-platform-icon\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                <h3 class=\"vr-platform-name\">TikTok<\/h3>\r\n                <p class=\"vr-platform-desc\">Videos, Profiles, Trends, Sounds<\/p>\r\n                <span class=\"vr-platform-btn\"><i class=\"fa-solid fa-arrow-right\"><\/i> View Tools<\/span>\r\n            <\/a>\r\n            <a href=\"https:\/\/viewari.com\/linkedin\" class=\"vr-platform-card\" data-platform=\"linkedin\">\r\n                <div class=\"vr-platform-icon\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/div>\r\n                <h3 class=\"vr-platform-name\">LinkedIn<\/h3>\r\n                <p class=\"vr-platform-desc\">Profiles, Companies, Posts, Articles<\/p>\r\n                <span class=\"vr-platform-btn\"><i class=\"fa-solid fa-arrow-right\"><\/i> View Tools<\/span>\r\n            <\/a>\r\n            <a href=\"https:\/\/viewari.com\/pinterest\" class=\"vr-platform-card\" data-platform=\"pinterest\">\r\n                <div class=\"vr-platform-icon\"><i class=\"fa-brands fa-pinterest\"><\/i><\/div>\r\n                <h3 class=\"vr-platform-name\">Pinterest<\/h3>\r\n                <p class=\"vr-platform-desc\">Pins, Boards, Profiles, Secret Boards<\/p>\r\n                <span class=\"vr-platform-btn\"><i class=\"fa-solid fa-arrow-right\"><\/i> View Tools<\/span>\r\n            <\/a>\r\n            <a href=\"https:\/\/viewari.com\/reddit\" class=\"vr-platform-card\" data-platform=\"reddit\">\r\n                <div class=\"vr-platform-icon\"><i class=\"fa-brands fa-reddit\"><\/i><\/div>\r\n                <h3 class=\"vr-platform-name\">Reddit<\/h3>\r\n                <p class=\"vr-platform-desc\">Subreddits, Posts, Comments, Profiles<\/p>\r\n                <span class=\"vr-platform-btn\"><i class=\"fa-solid fa-arrow-right\"><\/i> View Tools<\/span>\r\n            <\/a>\r\n            <a href=\"#\" class=\"vr-platform-card\" data-platform=\"twitter\">\r\n                <div class=\"vr-platform-icon\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/div>\r\n                <h3 class=\"vr-platform-name\">Twitter \/ X<\/h3>\r\n                <p class=\"vr-platform-desc\">Tweets, Profiles, Trends, Media<\/p>\r\n                <span class=\"vr-platform-btn\"><i class=\"fa-solid fa-arrow-right\"><\/i> View Tools<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== HOW IT WORKS SECTION ===== -->\r\n<section class=\"vr-section vr-section-alt\" id=\"how-it-works\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-section-header\">\r\n            <div class=\"vr-section-tag\">\r\n                <i class=\"fa-solid fa-gears\"><\/i>\r\n                Simple Process\r\n            <\/div>\r\n            <h2 class=\"vr-section-title\">How It <span>Works<\/span><\/h2>\r\n            <p class=\"vr-section-desc\">Three simple steps to view any social media content anonymously.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-how-steps\">\r\n            <div class=\"vr-how-step\">\r\n                <div class=\"vr-how-step-number\">01<\/div>\r\n                <div class=\"vr-how-step-icon\">\r\n                    <i class=\"fa-solid fa-link\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"vr-how-step-title\">Paste the URL<\/h3>\r\n                <p class=\"vr-how-step-desc\">Copy the link of any social media post, profile, or story and paste it into our viewer tool.<\/p>\r\n            <\/div>\r\n            <div class=\"vr-how-step-connector\">\r\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/div>\r\n            <div class=\"vr-how-step\">\r\n                <div class=\"vr-how-step-number\">02<\/div>\r\n                <div class=\"vr-how-step-icon\">\r\n                    <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"vr-how-step-title\">Click View<\/h3>\r\n                <p class=\"vr-how-step-desc\">Hit the view button and our system fetches the content instantly without any tracking.<\/p>\r\n            <\/div>\r\n            <div class=\"vr-how-step-connector\">\r\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/div>\r\n            <div class=\"vr-how-step\">\r\n                <div class=\"vr-how-step-number\">03<\/div>\r\n                <div class=\"vr-how-step-icon\">\r\n                    <i class=\"fa-solid fa-eye\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"vr-how-step-title\">View Anonymously<\/h3>\r\n                <p class=\"vr-how-step-desc\">Browse the content privately. No login, no trace, no evidence of your visit.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"vr-how-features\">\r\n            <div class=\"vr-how-feature\">\r\n                <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                <span>100% Anonymous<\/span>\r\n            <\/div>\r\n            <div class=\"vr-how-feature\">\r\n                <i class=\"fa-solid fa-bolt\"><\/i>\r\n                <span>Instant Results<\/span>\r\n            <\/div>\r\n            <div class=\"vr-how-feature\">\r\n                <i class=\"fa-solid fa-lock\"><\/i>\r\n                <span>No Login Required<\/span>\r\n            <\/div>\r\n            <div class=\"vr-how-feature\">\r\n                <i class=\"fa-solid fa-mobile-screen\"><\/i>\r\n                <span>Works on All Devices<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== WHY VIEWRI SECTION ===== -->\r\n<section class=\"vr-section vr-section-darker\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-why-grid\">\r\n            <div class=\"vr-why-visual\">\r\n                <div class=\"vr-why-3d-box\">\r\n                    <div class=\"vr-why-3d-face vr-why-3d-front\">\r\n                        <div class=\"vr-why-shield\">\r\n                            <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                        <\/div>\r\n                        <div style=\"color: var(--viewari-home-text); font-family: 'Poppins', Georgia, serif; font-size: 1.3rem; font-weight: 700; margin-bottom: 8px;\">Your Privacy Matters<\/div>\r\n                        <div style=\"color: var(--viewari-home-text-muted); font-size: 0.9rem; max-width: 260px;\">Browse any social platform without leaving a digital footprint<\/div>\r\n                        <div class=\"vr-why-platform-badges\">\r\n                            <i class=\"fa-brands fa-instagram\"><\/i>\r\n                            <i class=\"fa-brands fa-youtube\"><\/i>\r\n                            <i class=\"fa-brands fa-tiktok\"><\/i>\r\n                            <i class=\"fa-brands fa-facebook\"><\/i>\r\n                            <i class=\"fa-brands fa-linkedin-in\"><\/i>\r\n                            <i class=\"fa-brands fa-pinterest\"><\/i>\r\n                            <i class=\"fa-brands fa-reddit\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-why-content\">\r\n                <div class=\"vr-section-tag\">\r\n                    <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                    Why Viewari?\r\n                <\/div>\r\n                <h2 class=\"vr-why-title\">The Ultimate Anonymous<br>Social Media Toolkit<\/h2>\r\n                <p class=\"vr-why-desc\">Viewari is your all-in-one platform for anonymous social media viewing across 8+ platforms. No accounts, no tracking, no hassle.<\/p>\r\n                <ul class=\"vr-why-list\">\r\n                    <li class=\"vr-why-item\">\r\n                        <div class=\"vr-why-item-icon\"><i class=\"fa-solid fa-user-secret\"><\/i><\/div>\r\n                        <div class=\"vr-why-item-text\">\r\n                            <strong>Anonymous Viewing<\/strong>\r\n                            <span>Browse any social media content without leaving a trace. No account creation, no login required.<\/span>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"vr-why-item\">\r\n                        <div class=\"vr-why-item-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                        <div class=\"vr-why-item-text\">\r\n                            <strong>Lightning Fast & Lightweight<\/strong>\r\n                            <span>Optimized for speed. Load any viewer in seconds \u2014 no downloads, no installations.<\/span>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"vr-why-item\">\r\n                        <div class=\"vr-why-item-icon\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\r\n                        <div class=\"vr-why-item-text\">\r\n                            <strong>Multi-Platform Support<\/strong>\r\n                            <span>Access specialized viewers for Instagram, Facebook, YouTube, TikTok, LinkedIn, Pinterest, Reddit & more.<\/span>\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== TESTIMONIALS SECTION ===== -->\r\n<section class=\"vr-section vr-section-gradient\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-section-header\">\r\n            <div class=\"vr-section-tag\">\r\n                <i class=\"fa-solid fa-comments\"><\/i>\r\n                Testimonials\r\n            <\/div>\r\n            <h2 class=\"vr-section-title\">What Users <span>Say About Us<\/span><\/h2>\r\n            <p class=\"vr-section-desc\">Join thousands who view smarter and safer with Viewari.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-testimonials-grid\">\r\n            <div class=\"vr-testimonial-card\">\r\n                <div class=\"vr-testimonial-stars\">\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-testimonial-quote\">\r\n                    <i class=\"fa-solid fa-quote-left vr-testimonial-quote-icon\"><\/i>\r\n                    <p>Viewari is ridiculously useful. I never realized how often I needed to preview things without logging in \u2014 now I can't go a day without it.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-testimonial-author\">\r\n                    <div class=\"vr-testimonial-avatar\">JH<\/div>\r\n                    <div>\r\n                        <h4 class=\"vr-testimonial-name\">Julia Hart<\/h4>\r\n                        <p class=\"vr-testimonial-role\">UX Researcher at CreatorIQ<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-testimonial-card\">\r\n                <div class=\"vr-testimonial-stars\">\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-testimonial-quote\">\r\n                    <i class=\"fa-solid fa-quote-left vr-testimonial-quote-icon\"><\/i>\r\n                    <p>As someone managing multiple client accounts, Viewari has become my silent assistant. Clean interface, zero hassle.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-testimonial-author\">\r\n                    <div class=\"vr-testimonial-avatar\">ER<\/div>\r\n                    <div>\r\n                        <h4 class=\"vr-testimonial-name\">Ethan Rojas<\/h4>\r\n                        <p class=\"vr-testimonial-role\">Social Media Analyst at WaveSpark<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-testimonial-card\">\r\n                <div class=\"vr-testimonial-stars\">\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                    <i class=\"fa-solid fa-star\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-testimonial-quote\">\r\n                    <i class=\"fa-solid fa-quote-left vr-testimonial-quote-icon\"><\/i>\r\n                    <p>I needed a YouTube thumbnail viewer for quick SEO checks \u2014 Viewari nailed it. Lightweight, fast, and free? Big win.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-testimonial-author\">\r\n                    <div class=\"vr-testimonial-avatar\">SN<\/div>\r\n                    <div>\r\n                        <h4 class=\"vr-testimonial-name\">Sanae Nakamura<\/h4>\r\n                        <p class=\"vr-testimonial-role\">Content Strategist at ClipPilot<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== BLOG SECTION ===== -->\r\n<section class=\"vr-section vr-section-dark\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-section-header\">\r\n            <div class=\"vr-section-tag\">\r\n                <i class=\"fa-solid fa-newspaper\"><\/i>\r\n                Blog\r\n            <\/div>\r\n            <h2 class=\"vr-section-title\">Social Media <span>Guide and Tips<\/span><\/h2>\r\n            <p class=\"vr-section-desc\">Expert tips, guides, and answers to your most pressing social media questions.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-blog-grid\">\r\n            <a href=\"https:\/\/viewari.com\/does-instagram-count-your-own-views\/\" class=\"vr-blog-card\">\r\n                <img decoding=\"async\" class=\"vr-blog-card-img\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/does-instagram-count-your-own-views.webp\" alt=\"Does Instagram count your own views\">\r\n                <div class=\"vr-blog-card-body\">\r\n                    <span class=\"vr-blog-card-tag\">Instagram Guides<\/span>\r\n                    <h3 class=\"vr-blog-card-title\">Does Instagram Count Your Own Views?<\/h3>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/viewari.com\/does-tiktok-alert-screenshots\/\" class=\"vr-blog-card\">\r\n                <img decoding=\"async\" class=\"vr-blog-card-img\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/does-tiktok-alert-screenshots.webp\" alt=\"Does TikTok alert screenshots\">\r\n                <div class=\"vr-blog-card-body\">\r\n                    <span class=\"vr-blog-card-tag\">TikTok Tips<\/span>\r\n                    <h3 class=\"vr-blog-card-title\">Does TikTok Alert Screenshots?<\/h3>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"https:\/\/viewari.com\/how-long-should-tiktok-videos-be\/\" class=\"vr-blog-card\">\r\n                <img decoding=\"async\" class=\"vr-blog-card-img\" src=\"https:\/\/viewari.com\/wp-content\/uploads\/2026\/06\/how-long-should-tiktok-videos-be.webp\" alt=\"How long should TikTok videos be\">\r\n                <div class=\"vr-blog-card-body\">\r\n                    <span class=\"vr-blog-card-tag\">TikTok Tips<\/span>\r\n                    <h3 class=\"vr-blog-card-title\">How Long Should TikTok Videos Be?<\/h3>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n        <div style=\"text-align:center;margin-top:40px;\">\r\n            <a href=\"https:\/\/viewari.com\/blog\" class=\"vr-home-btn vr-home-btn-outline\" style=\"padding:14px 36px;border-radius:50px;font-size:0.95rem;\">\r\n                <i class=\"fa-solid fa-newspaper\"><\/i>\r\n                View All Blog\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== FAQ SECTION ===== -->\r\n<section class=\"vr-section vr-section-darker\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-section-header\">\r\n            <div class=\"vr-section-tag\">\r\n                <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                FAQ\r\n            <\/div>\r\n            <h2 class=\"vr-section-title\">Common <span>Questions<\/span><\/h2>\r\n            <p class=\"vr-section-desc\">Everything you need to know about Viewari.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-faq-container\">\r\n            <div class=\"vr-faq-item active\">\r\n                <div class=\"vr-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                    <span>Do I need to log in to use these tools?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-faq-answer\">\r\n                    <p>No, all our tools work without requiring you to log in to any account. We value your privacy and anonymity above everything.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-faq-item\">\r\n                <div class=\"vr-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                    <span>Can I view private Instagram accounts?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-faq-answer\">\r\n                    <p>Our tools are designed for public content. Private accounts remain private and cannot be accessed without proper authorization.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-faq-item\">\r\n                <div class=\"vr-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                    <span>Will these tools work on mobile?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-faq-answer\">\r\n                    <p>Yes, all our tools are fully responsive and work seamlessly on mobile devices, tablets, and desktop computers.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-faq-item\">\r\n                <div class=\"vr-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                    <span>Is Viewari safe to use?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-faq-answer\">\r\n                    <p>Absolutely. We don't store any personal data or credentials, and we don't track your activity on our platform.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-faq-item\">\r\n                <div class=\"vr-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                    <span>Are the tools really anonymous?<\/span>\r\n                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"vr-faq-answer\">\r\n                    <p>Yes, our tools are designed to be completely anonymous. We don't collect any identifiable information or share data with third parties.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CTA SECTION ===== -->\r\n<section class=\"vr-cta-section\">\r\n    <div class=\"vr-cta-bg-particles\">\r\n        <div class=\"vr-cta-particle\"><\/div>\r\n        <div class=\"vr-cta-particle\"><\/div>\r\n        <div class=\"vr-cta-particle\"><\/div>\r\n    <\/div>\r\n    <div class=\"container\">\r\n        <div class=\"vr-cta-card\">\r\n            <div class=\"vr-cta-card-glow\"><\/div>\r\n            <div class=\"vr-cta-card-inner\">\r\n                    <div class=\"vr-cta-card-badge\">\r\n                        <i class=\"fa-solid fa-bolt\"><\/i>\r\n                        Start Now \u2014 It's Free\r\n                    <\/div>\r\n                    <h2 class=\"vr-cta-card-title\">Ready to View Social Media<br><span>Anonymously?<\/span><\/h2>\r\n                    <p class=\"vr-cta-card-desc\">Join 2M+ users who trust Viewari for private browsing. No sign-up, no data collection \u2014 just instant anonymous access.<\/p>\r\n                    <div class=\"vr-cta-card-actions\">\r\n                        <a href=\"#\" class=\"vr-home-btn vr-home-btn-primary\">\r\n                            <i class=\"fa-solid fa-rocket\"><\/i>\r\n                            Get Started Free\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"vr-home-btn vr-home-btn-outline\">\r\n                            <i class=\"fa-solid fa-circle-play\"><\/i>\r\n                            See How It Works\r\n                        <\/a>\r\n                    <\/div>\r\n            <\/div>\r\n            <div class=\"vr-cta-card-bottom\">\r\n                <div class=\"vr-cta-card-trust\">\r\n                    <i class=\"fa-solid fa-check-circle\"><\/i>\r\n                    <span>No Login Required<\/span>\r\n                <\/div>\r\n                <div class=\"vr-cta-card-trust\">\r\n                    <i class=\"fa-solid fa-check-circle\"><\/i>\r\n                    <span>100% Anonymous<\/span>\r\n                <\/div>\r\n                <div class=\"vr-cta-card-trust\">\r\n                    <i class=\"fa-solid fa-check-circle\"><\/i>\r\n                    <span>Instant Results<\/span>\r\n                <\/div>\r\n                <div class=\"vr-cta-card-trust\">\r\n                    <i class=\"fa-solid fa-check-circle\"><\/i>\r\n                    <span>Works Everywhere<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.querySelectorAll('.vr-platform-card').forEach(card => {\r\n        card.addEventListener('mousemove', function(e) {\r\n            const rect = this.getBoundingClientRect();\r\n            const x = e.clientX - rect.left;\r\n            const y = e.clientY - rect.top;\r\n            const centerX = rect.width \/ 2;\r\n            const centerY = rect.height \/ 2;\r\n            const rotateX = (y - centerY) \/ 20;\r\n            const rotateY = (centerX - x) \/ 20;\r\n            this.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-10px)`;\r\n        });\r\n\r\n        card.addEventListener('mouseleave', function() {\r\n            this.style.transform = '';\r\n        });\r\n    });\r\n<\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":33,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/701\/revisions"}],"predecessor-version":[{"id":5684,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/701\/revisions\/5684"}],"wp:attachment":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/media?parent=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}