{"id":2982,"date":"2023-05-08T11:36:51","date_gmt":"2023-05-08T11:36:51","guid":{"rendered":"https:\/\/themepanthers.com\/wp\/copygen\/v1\/?page_id=2982"},"modified":"2026-06-04T06:40:55","modified_gmt":"2026-06-04T06:40:55","slug":"features","status":"publish","type":"page","link":"https:\/\/viewari.com\/features\/","title":{"rendered":"Features"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2982\" class=\"elementor elementor-2982\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02ce4f2 e-con-full e-flex e-con e-parent\" data-id=\"02ce4f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fef0c5a elementor-widget elementor-widget-shortcode\" data-id=\"fef0c5a\" 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\r\n<style>\r\n:root {\r\n    --viewari-features-instagram: #E4405F;\r\n    --viewari-features-facebook: #1877F2;\r\n    --viewari-features-youtube: #FF0000;\r\n    --viewari-features-linkedin: #0077B5;\r\n    --viewari-features-pinterest: #E60023;\r\n    --viewari-features-tiktok: #000000;\r\n    --viewari-features-reddit: #FF4500;\r\n    --viewari-features-twitter: #1DA1F2;\r\n    --viewari-features-primary: #2f6b3f;\r\n    --viewari-features-primary-dark: #1e4a2a;\r\n    --viewari-features-accent: #4a7c1f;\r\n    --viewari-features-bg: #f8faf8;\r\n    --viewari-features-bg-alt: #f0f4f0;\r\n    --viewari-features-text: #1a2e1a;\r\n    --viewari-features-text-light: #4a5c4a;\r\n    --viewari-features-text-muted: #6b7c6b;\r\n    --viewari-features-card-bg: #ffffff;\r\n    --viewari-features-card-border: #e0e8e0;\r\n    --viewari-features-phone-bezel: #1a1a2e;\r\n    --viewari-features-phone-screen: #f5f7fa;\r\n    --viewari-features-gradient-start: #2f6b3f;\r\n    --viewari-features-gradient-end: #4a7c1f;\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.vr-fhero {\r\n    min-height: 100vh;\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-fhero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n}\r\n\r\n.vr-fhero-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-fhero-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}\r\n\r\n.vr-fhero-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}\r\n\r\n.vr-fhero-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}\r\n\r\n.vr-fhero-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.vr-fhero .container {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-fhero-shape {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    opacity: 0.3;\r\n    z-index: 0;\r\n}\r\n\r\n.vr-fhero-shape-1 {\r\n    width: 500px;\r\n    height: 500px;\r\n    background: var(--viewari-features-primary);\r\n    top: -150px;\r\n    right: -100px;\r\n    animation: heroShapeFloat 15s ease-in-out infinite;\r\n}\r\n\r\n.vr-fhero-shape-2 {\r\n    width: 350px;\r\n    height: 350px;\r\n    background: var(--viewari-features-accent);\r\n    bottom: -100px;\r\n    left: -80px;\r\n    animation: heroShapeFloat 12s ease-in-out infinite reverse;\r\n}\r\n\r\n.vr-fhero-shape-3 {\r\n    width: 200px;\r\n    height: 200px;\r\n    background: var(--viewari-features-primary);\r\n    top: 40%;\r\n    left: 55%;\r\n    opacity: 0.2;\r\n    animation: heroShapeFloat 18s ease-in-out infinite;\r\n}\r\n\r\n@keyframes heroShapeFloat {\r\n    0%, 100% { transform: translateY(0) rotate(0deg); }\r\n    33% { transform: translateY(-20px) rotate(5deg); }\r\n    66% { transform: translateY(20px) rotate(-5deg); }\r\n}\r\n\r\n.vr-fhero-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-fhero-content {\r\n    text-align: left;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-fhero-mockup {\r\n    position: relative;\r\n    width: 460px;\r\n    height: 500px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.vr-fhero-mockup-phone {\r\n    position: relative;\r\n    z-index: 2;\r\n    animation: mockupFloat 6s ease-in-out infinite;\r\n}\r\n\r\n.vr-fhero-mockup-phone-body {\r\n    width: 280px;\r\n    height: 560px;\r\n    background: var(--viewari-features-phone-bezel);\r\n    border-radius: 40px;\r\n    padding: 12px;\r\n    box-shadow:\r\n        0 30px 80px rgba(0,0,0,0.3),\r\n        0 0 0 1px rgba(255,255,255,0.05),\r\n        inset 0 0 0 1px rgba(255,255,255,0.1);\r\n    transform: perspective(1000px) rotateY(-20deg) rotateZ(4deg);\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.vr-fhero-mockup-phone-body:hover {\r\n    transform: perspective(1000px) rotateY(-30deg) rotateZ(4deg);\r\n}\r\n\r\n.vr-fhero-mockup-screen {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: var(--viewari-features-phone-screen);\r\n    border-radius: 30px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n}\r\n\r\n.vr-fhero-mockup-notch {\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 100px;\r\n    height: 24px;\r\n    background: var(--viewari-features-phone-bezel);\r\n    border-radius: 0 0 16px 16px;\r\n    z-index: 10;\r\n}\r\n\r\n.vr-fhero-mockup-notch::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 6px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 8px;\r\n    height: 8px;\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 50%;\r\n}\r\n\r\n.vr-fhero-mockup-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 18px 20px 10px;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    color: #1a2e1a;\r\n}\r\n\r\n.vr-fhero-mockup-icons {\r\n    display: flex;\r\n    gap: 4px;\r\n    font-size: 0.65rem;\r\n    color: #1a2e1a;\r\n}\r\n\r\n.vr-fhero-mockup-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid rgba(0,0,0,0.06);\r\n}\r\n\r\n.vr-fhero-mockup-header-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 0.85rem;\r\n    color: white;\r\n}\r\n\r\n.vr-fhero-mockup-header h3 {\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    margin: 0;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n}\r\n\r\n.vr-fhero-mockup-header span {\r\n    font-size: 0.65rem;\r\n    color: var(--viewari-features-text-muted);\r\n}\r\n\r\n.vr-fhero-mockup-feed {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    padding: 10px 12px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.vr-fhero-mockup-post {\r\n    background: white;\r\n    border-radius: 12px;\r\n    padding: 12px;\r\n    box-shadow: 0 2px 12px rgba(0,0,0,0.06);\r\n}\r\n\r\n.vr-fhero-post-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.vr-fhero-post-avatar {\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 0.7rem;\r\n    color: white;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.vr-fhero-post-user {\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    color: #1a2e1a;\r\n    line-height: 1.2;\r\n}\r\n\r\n.vr-fhero-post-time {\r\n    font-size: 0.6rem;\r\n    color: var(--viewari-features-text-muted);\r\n}\r\n\r\n.vr-fhero-post-ellipsis {\r\n    margin-left: auto;\r\n    font-size: 0.75rem;\r\n    color: var(--viewari-features-text-muted);\r\n}\r\n\r\n.vr-fhero-post-media {\r\n    border-radius: 8px;\r\n    height: 90px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.5rem;\r\n    color: rgba(255,255,255,0.8);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.vr-fhero-post-media-ig {\r\n    background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);\r\n}\r\n\r\n.vr-fhero-post-media-yt {\r\n    background: linear-gradient(135deg, #FF0000, #cc0000);\r\n}\r\n\r\n.vr-fhero-post-media-tt {\r\n    background: linear-gradient(135deg, #00f2ea, #ff0050);\r\n}\r\n\r\n.vr-fhero-post-media-fb {\r\n    background: linear-gradient(135deg, #1877F2, #0c63d4);\r\n}\r\n\r\n.vr-fhero-post-media-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n}\r\n\r\n.vr-fhero-post-media-overlay i {\r\n    font-size: 1.8rem;\r\n    opacity: 0.9;\r\n}\r\n\r\n.vr-fhero-post-media-overlay span {\r\n    font-size: 0.6rem;\r\n    opacity: 0.8;\r\n    font-weight: 500;\r\n}\r\n\r\n.vr-fhero-post-actions {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: 8px;\r\n    font-size: 0.75rem;\r\n    color: #4a5c4a;\r\n}\r\n\r\n.vr-fhero-post-actions i {\r\n    transition: transform 0.2s ease;\r\n}\r\n\r\n.vr-fhero-post-actions i:hover {\r\n    transform: scale(1.2);\r\n}\r\n\r\n.vr-fhero-post-likes {\r\n    font-size: 0.65rem;\r\n    font-weight: 600;\r\n    color: #4a5c4a;\r\n    margin-top: 4px;\r\n}\r\n\r\n.vr-fhero-mockup-nav {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n    padding: 8px 16px 10px;\r\n    border-top: 1px solid rgba(0,0,0,0.06);\r\n    font-size: 1rem;\r\n    color: #4a5c4a;\r\n    background: rgba(255,255,255,0.8);\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.vr-fhero-mockup-nav i {\r\n    transition: color 0.2s ease;\r\n    cursor: default;\r\n}\r\n\r\n.vr-fhero-mockup-nav i:nth-child(1) {\r\n    color: var(--viewari-features-primary);\r\n}\r\n\r\n.vr-fhero-mockup-float {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: white;\r\n    border-radius: 12px;\r\n    padding: 8px 14px;\r\n    box-shadow: 0 8px 30px rgba(0,0,0,0.1);\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    color: #1a2e1a;\r\n    z-index: 3;\r\n    animation: floatBadge 4s ease-in-out infinite;\r\n    white-space: nowrap;\r\n}\r\n\r\n.vr-fhero-mockup-float i {\r\n    font-size: 1rem;\r\n}\r\n\r\n.vr-fhero-mockup-float-1 {\r\n    top: 5%;\r\n    right: -5%;\r\n    color: #E4405F;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.vr-fhero-mockup-float-2 {\r\n    top: 35%;\r\n    left: -8%;\r\n    color: #FF0000;\r\n    animation-delay: 0.8s;\r\n}\r\n\r\n.vr-fhero-mockup-float-3 {\r\n    bottom: 25%;\r\n    right: -6%;\r\n    color: #000;\r\n    animation-delay: 1.6s;\r\n}\r\n\r\n.vr-fhero-mockup-float-4 {\r\n    bottom: 5%;\r\n    left: -5%;\r\n    color: #1877F2;\r\n    animation-delay: 2.4s;\r\n}\r\n\r\n.vr-fhero-mockup-dots {\r\n    display: flex;\r\n    gap: 4px;\r\n    padding: 4px 16px;\r\n}\r\n\r\n.vr-fhero-mockup-dots span {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: rgba(0,0,0,0.1);\r\n}\r\n\r\n.vr-fhero-mockup-dots span:nth-child(1) { background: #E4405F; }\r\n\r\n@keyframes mockupFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-12px); }\r\n}\r\n\r\n@keyframes floatBadge {\r\n    0%, 100% { transform: translateY(0) translateX(0); }\r\n    50% { transform: translateY(-8px) translateX(3px); }\r\n}\r\n\r\n.vr-fhero-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-features-primary);\r\n    margin-bottom: 1.5rem;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.vr-fhero-badge i {\r\n    color: var(--viewari-features-accent);\r\n}\r\n\r\n.vr-fhero-title {\r\n    font-size: clamp(2.2rem, 5vw, 4rem);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    margin-bottom: 1.5rem;\r\n    color: var(--viewari-features-text);\r\n}\r\n\r\n.vr-fhero-title .gradient-text {\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-fhero-subtitle {\r\n    font-size: clamp(1rem, 2vw, 1.25rem);\r\n    color: var(--viewari-features-text-light);\r\n    margin-bottom: 2.5rem;\r\n    line-height: 1.7;\r\n    max-width: 650px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.vr-fhero-actions {\r\n    display: flex;\r\n    gap: 1rem;\r\n    justify-content: flex-start;\r\n    margin-bottom: 3rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.vr-fhero-stats {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 3rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.vr-fhero-stat {\r\n    text-align: center;\r\n}\r\n\r\n.vr-fhero-stat-number {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    color: var(--viewari-features-primary);\r\n    display: block;\r\n}\r\n\r\n.vr-fhero-stat-label {\r\n    font-size: 0.85rem;\r\n    color: var(--viewari-features-text-muted);\r\n    font-weight: 500;\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-outline {\r\n    background: transparent;\r\n    color: var(--viewari-features-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-features-primary);\r\n}\r\n\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-features-bg);\r\n}\r\n\r\n.vr-section-darker {\r\n    background: var(--viewari-features-bg-alt);\r\n}\r\n\r\n.vr-section-gradient {\r\n    background: linear-gradient(135deg, var(--viewari-features-bg) 0%, var(--viewari-features-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-features-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-features-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-features-text-muted);\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ===== FEATURE SHOWCASE ===== *\/\r\n.vr-showcase-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n.vr-showcase-card {\r\n    background: var(--viewari-features-card-bg);\r\n    border: 1px solid var(--viewari-features-card-border);\r\n    border-radius: 28px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    transform-style: preserve-3d;\r\n    perspective: 1200px;\r\n    position: relative;\r\n}\r\n\r\n.vr-showcase-card:hover {\r\n    transform: perspective(1200px) rotateY(-6deg) rotateX(4deg);\r\n    border-color: rgba(47,107,63,0.25);\r\n    box-shadow: 0 30px 70px rgba(47,107,63,0.15);\r\n}\r\n\r\n.vr-showcase-top {\r\n    padding: 40px 32px 24px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.vr-showcase-top::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -40%;\r\n    right: -30%;\r\n    width: 200px;\r\n    height: 200px;\r\n    border-radius: 50%;\r\n    background: var(--sc-accent, rgba(47,107,63,0.06));\r\n    transition: all 0.6s ease;\r\n}\r\n\r\n.vr-showcase-card:hover .vr-showcase-top::after {\r\n    transform: scale(1.5);\r\n}\r\n\r\n.vr-showcase-icon {\r\n    width: 72px;\r\n    height: 72px;\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 2rem;\r\n    color: white;\r\n    background: linear-gradient(135deg, var(--sc-color1, #2f6b3f), var(--sc-color2, #4a7c1f));\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n    z-index: 1;\r\n    box-shadow: 0 10px 30px rgba(47,107,63,0.25);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.vr-showcase-card:hover .vr-showcase-icon {\r\n    transform: translateZ(40px) scale(1.1);\r\n    box-shadow: 0 20px 50px rgba(47,107,63,0.35);\r\n}\r\n\r\n.vr-showcase-category {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    color: var(--viewari-features-primary);\r\n    background: rgba(47,107,63,0.08);\r\n    padding: 4px 12px;\r\n    border-radius: 50px;\r\n    margin-bottom: 14px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-showcase-title {\r\n    font-size: 1.3rem;\r\n    font-weight: 700;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    color: var(--viewari-features-text);\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-showcase-desc {\r\n    font-size: 0.92rem;\r\n    color: var(--viewari-features-text-muted);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-showcase-bottom {\r\n    padding: 20px 32px 32px;\r\n    border-top: 1px solid rgba(47,107,63,0.06);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n}\r\n\r\n.vr-showcase-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 0.78rem;\r\n    color: var(--viewari-features-text-light);\r\n    background: rgba(47,107,63,0.04);\r\n    padding: 6px 14px;\r\n    border-radius: 50px;\r\n    border: 1px solid rgba(47,107,63,0.08);\r\n}\r\n\r\n.vr-showcase-tag i {\r\n    color: var(--viewari-features-accent);\r\n}\r\n\r\n.vr-showcase-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    color: var(--viewari-features-primary);\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vr-showcase-link:hover {\r\n    gap: 14px;\r\n    color: var(--viewari-features-accent);\r\n}\r\n\r\n\/* ===== 3D DEPTH FEATURES ===== *\/\r\n.vr-depth-section {\r\n    background: linear-gradient(180deg, var(--viewari-features-bg) 0%, #eaf3ec 100%);\r\n}\r\n\r\n.vr-depth-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 24px;\r\n}\r\n\r\n.vr-depth-card {\r\n    background: var(--viewari-features-card-bg);\r\n    border: 1px solid var(--viewari-features-card-border);\r\n    border-radius: 24px;\r\n    padding: 36px 28px;\r\n    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    transform-style: preserve-3d;\r\n    perspective: 1000px;\r\n    position: relative;\r\n    cursor: default;\r\n}\r\n\r\n.vr-depth-card:hover {\r\n    transform: perspective(1000px) rotateX(6deg);\r\n    border-color: rgba(47,107,63,0.2);\r\n    box-shadow: 0 25px 60px rgba(47,107,63,0.12);\r\n}\r\n\r\n.vr-depth-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: radial-gradient(circle, rgba(47,107,63,0.04) 0%, transparent 60%);\r\n    opacity: 0;\r\n    transition: opacity 0.6s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.vr-depth-card:hover .vr-depth-card-glow {\r\n    opacity: 1;\r\n}\r\n\r\n.vr-depth-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.6rem;\r\n    color: var(--viewari-features-primary);\r\n    background: rgba(47,107,63,0.08);\r\n    border: 1px solid rgba(47,107,63,0.1);\r\n    margin-bottom: 20px;\r\n    transition: all 0.5s ease;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-depth-card:hover .vr-depth-icon {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    color: white;\r\n    transform: translateZ(30px) scale(1.1);\r\n    box-shadow: 0 12px 35px rgba(47,107,63,0.3);\r\n}\r\n\r\n.vr-depth-number {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: 2.8rem;\r\n    font-weight: 900;\r\n    color: rgba(47,107,63,0.06);\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 20px;\r\n    line-height: 1;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.vr-depth-card:hover .vr-depth-number {\r\n    color: rgba(47,107,63,0.12);\r\n    transform: translateZ(10px);\r\n}\r\n\r\n.vr-depth-title {\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    color: var(--viewari-features-text);\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-depth-desc {\r\n    font-size: 0.92rem;\r\n    color: var(--viewari-features-text-muted);\r\n    line-height: 1.7;\r\n    margin: 0 0 18px;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-depth-stats {\r\n    display: flex;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-depth-stat {\r\n    font-size: 0.78rem;\r\n    font-weight: 600;\r\n    color: var(--viewari-features-text-light);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n.vr-depth-stat i {\r\n    color: var(--viewari-features-accent);\r\n}\r\n\r\n\/* ===== 3D TIMELINE ===== *\/\r\n.vr-timeline-section {\r\n    position: relative;\r\n}\r\n\r\n.vr-timeline {\r\n    position: relative;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.vr-timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background: linear-gradient(180deg, rgba(47,107,63,0.2), rgba(74,124,31,0.4), rgba(47,107,63,0.2));\r\n    transform: translateX(-50%);\r\n    border-radius: 3px;\r\n}\r\n\r\n.vr-timeline-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    margin-bottom: 50px;\r\n    position: relative;\r\n    transform-style: preserve-3d;\r\n    perspective: 1000px;\r\n}\r\n\r\n.vr-timeline-item:nth-child(odd) {\r\n    flex-direction: row;\r\n}\r\n\r\n.vr-timeline-item:nth-child(even) {\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n.vr-timeline-dot {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 20px;\r\n    transform: translateX(-50%);\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    border: 4px solid var(--viewari-features-bg);\r\n    box-shadow: 0 0 0 4px rgba(47,107,63,0.15);\r\n    z-index: 2;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.vr-timeline-item:hover .vr-timeline-dot {\r\n    transform: translateX(-50%) scale(1.3);\r\n    box-shadow: 0 0 0 6px rgba(47,107,63,0.2);\r\n}\r\n\r\n.vr-timeline-content {\r\n    width: calc(50% - 40px);\r\n    padding: 28px 24px;\r\n    background: var(--viewari-features-card-bg);\r\n    border: 1px solid var(--viewari-features-card-border);\r\n    border-radius: 20px;\r\n    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n.vr-timeline-item:nth-child(odd) .vr-timeline-content {\r\n    margin-right: auto;\r\n}\r\n\r\n.vr-timeline-item:nth-child(even) .vr-timeline-content {\r\n    margin-left: auto;\r\n}\r\n\r\n.vr-timeline-content:hover {\r\n    transform: perspective(1000px) rotateY(-4deg) translateY(-6px);\r\n    border-color: rgba(47,107,63,0.2);\r\n    box-shadow: 0 20px 50px rgba(47,107,63,0.1);\r\n}\r\n\r\n.vr-timeline-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.2rem;\r\n    color: white;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    margin-bottom: 14px;\r\n    box-shadow: 0 8px 20px rgba(47,107,63,0.2);\r\n}\r\n\r\n.vr-timeline-title {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    color: var(--viewari-features-text);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.vr-timeline-desc {\r\n    font-size: 0.9rem;\r\n    color: var(--viewari-features-text-muted);\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* ===== COMPARISON ===== *\/\r\n.vr-compare-3d {\r\n    perspective: 2000px;\r\n}\r\n\r\n.vr-compare-card {\r\n    background: var(--viewari-features-card-bg);\r\n    border: 1px solid var(--viewari-features-card-border);\r\n    border-radius: 28px;\r\n    overflow: hidden;\r\n    transform-style: preserve-3d;\r\n    transition: all 0.6s ease;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.04);\r\n}\r\n\r\n.vr-compare-card:hover {\r\n    transform: perspective(2000px) rotateX(3deg) rotateY(-2deg);\r\n    box-shadow: 0 30px 80px rgba(47,107,63,0.12);\r\n}\r\n\r\n.vr-compare-header {\r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr 1fr;\r\n    gap: 0;\r\n    background: linear-gradient(135deg, rgba(47,107,63,0.06), rgba(74,124,31,0.04));\r\n    border-bottom: 2px solid rgba(47,107,63,0.08);\r\n}\r\n\r\n.vr-compare-header div {\r\n    padding: 20px 24px;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    color: var(--viewari-features-text);\r\n}\r\n\r\n.vr-compare-header div:first-child {\r\n    font-size: 0.9rem;\r\n    color: var(--viewari-features-text-muted);\r\n}\r\n\r\n.vr-compare-row {\r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr 1fr;\r\n    gap: 0;\r\n    border-bottom: 1px solid rgba(47,107,63,0.05);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.vr-compare-row:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.vr-compare-row:hover {\r\n    background: rgba(47,107,63,0.03);\r\n    transform: scale(1.005);\r\n}\r\n\r\n.vr-compare-row div {\r\n    padding: 16px 24px;\r\n    font-size: 0.92rem;\r\n    color: var(--viewari-features-text-light);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.vr-compare-row div:first-child {\r\n    font-weight: 600;\r\n    color: var(--viewari-features-text);\r\n}\r\n\r\n.vr-compare-check {\r\n    color: #2f6b3f;\r\n    font-size: 1rem;\r\n}\r\n\r\n.vr-compare-cross {\r\n    color: #dc2626;\r\n    opacity: 0.4;\r\n    font-size: 1rem;\r\n}\r\n\r\n.vr-compare-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: rgba(47,107,63,0.1);\r\n    padding: 2px 10px;\r\n    border-radius: 50px;\r\n    font-size: 0.72rem;\r\n    font-weight: 600;\r\n    color: var(--viewari-features-primary);\r\n}\r\n\r\n\/* ===== STATS 3D ===== *\/\r\n\r\n\r\n\/* ===== CTA ===== *\/\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-features-bg) 0%, var(--viewari-features-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\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 992px) {\r\n    .vr-fhero { padding: 100px 0 60px; }\r\n\r\n    .vr-fhero-grid-layout {\r\n        grid-template-columns: 1fr;\r\n        text-align: center;\r\n    }\r\n\r\n    .vr-fhero-content {\r\n        text-align: center;\r\n        order: 2;\r\n    }\r\n\r\n    .vr-fhero-mockup { display: none; }\r\n\r\n    .vr-fhero-actions { justify-content: center; }\r\n    .vr-fhero-subtitle { margin-left: auto; margin-right: auto; }\r\n\r\n    .vr-depth-grid { grid-template-columns: 1fr 1fr; }\r\n\r\n    .vr-timeline::before { left: 20px; }\r\n    .vr-timeline-item { flex-direction: row !important; }\r\n    .vr-timeline-dot { left: 20px; }\r\n    .vr-timeline-content { width: calc(100% - 50px); margin-left: auto !important; margin-right: 0 !important; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .vr-section { padding: 60px 0; }\r\n    .vr-fhero { padding: 80px 0 50px; }\r\n\r\n    .vr-fhero-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-depth-grid { grid-template-columns: 1fr; }\r\n    .vr-showcase-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .vr-section { padding: 40px 0; }\r\n    .vr-fhero { padding: 60px 0 40px; }\r\n    .vr-fhero-title { font-size: clamp(1.8rem, 8vw, 2.2rem); }\r\n    .vr-fhero-subtitle { font-size: 0.9rem; }\r\n\r\n    .vr-showcase-grid { grid-template-columns: 1fr; }\r\n\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    .vr-cta-section { padding: 80px 0; }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== HERO ===== -->\r\n<section class=\"vr-fhero\">\r\n    <div class=\"vr-fhero-shape vr-fhero-shape-1\"><\/div>\r\n    <div class=\"vr-fhero-shape vr-fhero-shape-2\"><\/div>\r\n    <div class=\"vr-fhero-shape vr-fhero-shape-3\"><\/div>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"vr-fhero-grid-layout\">\r\n            <div class=\"vr-fhero-content\">\r\n                <div class=\"vr-fhero-badge\">\r\n                    <i class=\"fa-solid fa-crown\"><\/i>\r\n                    Feature-Rich Platform\r\n                <\/div>\r\n                <h1 class=\"vr-fhero-title\">\r\n                    Everything You Need to View Anonymously\r\n                <\/h1>\r\n                <p class=\"vr-fhero-subtitle\">\r\n                    Explore 50+ powerful tools designed for anonymous social media viewing across 8 platforms. No account, no limits, no trace.\r\n                <\/p>\r\n                <div class=\"vr-fhero-actions\">\r\n                    <a href=\"\/\" class=\"vr-home-btn vr-home-btn-primary\">\r\n                        <i class=\"fa-solid fa-layer-group\"><\/i>\r\n                        Browse Platform\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-fhero-mockup\">\r\n                <div class=\"vr-fhero-mockup-phone\">\r\n                <div class=\"vr-fhero-mockup-phone-body\">\r\n                    <div class=\"vr-fhero-mockup-notch\"><\/div>\r\n                    <div class=\"vr-fhero-mockup-screen\">\r\n                        <div class=\"vr-fhero-mockup-top\">\r\n                            <span>9:41<\/span>\r\n                            <div class=\"vr-fhero-mockup-icons\">\r\n                                <i class=\"fa-solid fa-signal\"><\/i>\r\n                                <i class=\"fa-solid fa-wifi\"><\/i>\r\n                                <i class=\"fa-solid fa-battery-full\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"vr-fhero-mockup-header\">\r\n                            <div class=\"vr-fhero-mockup-header-icon\">\r\n                                <i class=\"fa-solid fa-eye\"><\/i>\r\n                            <\/div>\r\n                            <div>\r\n                                <h3>Viewari<\/h3>\r\n                                <span>Anonymous Feed<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"vr-fhero-mockup-feed\">\r\n                            <div class=\"vr-fhero-mockup-post\">\r\n                                <div class=\"vr-fhero-post-header\">\r\n                                    <div class=\"vr-fhero-post-avatar\" style=\"background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045);\">\r\n                                        <i class=\"fa-brands fa-instagram\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"vr-fhero-post-user\">instagram<\/div>\r\n                                        <div class=\"vr-fhero-post-time\">Viewed anonymously<\/div>\r\n                                    <\/div>\r\n                                    <i class=\"fa-solid fa-ellipsis vr-fhero-post-ellipsis\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"vr-fhero-post-media vr-fhero-post-media-ig\">\r\n                                    <div class=\"vr-fhero-post-media-overlay\">\r\n                                        <i class=\"fa-regular fa-image\"><\/i>\r\n                                        <span>View Profile<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"vr-fhero-post-actions\">\r\n                                    <i class=\"fa-regular fa-heart\"><\/i>\r\n                                    <i class=\"fa-regular fa-comment\"><\/i>\r\n                                    <i class=\"fa-regular fa-paper-plane\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"vr-fhero-post-likes\">\r\n                                    <i class=\"fa-solid fa-shield-halved\" style=\"font-size:0.6rem;color:var(--viewari-features-primary);\"><\/i> Anonymous view\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"vr-fhero-mockup-post\">\r\n                                <div class=\"vr-fhero-post-header\">\r\n                                    <div class=\"vr-fhero-post-avatar\" style=\"background: #FF0000;\">\r\n                                        <i class=\"fa-brands fa-youtube\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"vr-fhero-post-user\">YouTube<\/div>\r\n                                        <div class=\"vr-fhero-post-time\">Viewed privately<\/div>\r\n                                    <\/div>\r\n                                    <i class=\"fa-solid fa-ellipsis vr-fhero-post-ellipsis\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"vr-fhero-post-media vr-fhero-post-media-yt\">\r\n                                    <div class=\"vr-fhero-post-media-overlay\">\r\n                                        <i class=\"fa-solid fa-play\"><\/i>\r\n                                        <span>Watch Video<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"vr-fhero-post-actions\">\r\n                                    <i class=\"fa-regular fa-heart\"><\/i>\r\n                                    <i class=\"fa-regular fa-comment\"><\/i>\r\n                                    <i class=\"fa-regular fa-bookmark\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"vr-fhero-post-likes\">\r\n                                    <i class=\"fa-solid fa-shield-halved\" style=\"font-size:0.6rem;color:var(--viewari-features-primary);\"><\/i> No trace left\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"vr-fhero-mockup-post\">\r\n                                <div class=\"vr-fhero-post-header\">\r\n                                    <div class=\"vr-fhero-post-avatar\" style=\"background: linear-gradient(135deg, #00f2ea, #ff0050);\">\r\n                                        <i class=\"fa-brands fa-tiktok\"><\/i>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <div class=\"vr-fhero-post-user\">TikTok<\/div>\r\n                                        <div class=\"vr-fhero-post-time\">Secret view<\/div>\r\n                                    <\/div>\r\n                                    <i class=\"fa-solid fa-ellipsis vr-fhero-post-ellipsis\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"vr-fhero-post-media vr-fhero-post-media-tt\">\r\n                                    <div class=\"vr-fhero-post-media-overlay\">\r\n                                        <i class=\"fa-solid fa-music\"><\/i>\r\n                                        <span>View Video<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"vr-fhero-post-actions\">\r\n                                    <i class=\"fa-regular fa-heart\"><\/i>\r\n                                    <i class=\"fa-regular fa-comment\"><\/i>\r\n                                    <i class=\"fa-solid fa-share\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"vr-fhero-post-likes\">\r\n                                    <i class=\"fa-solid fa-shield-halved\" style=\"font-size:0.6rem;color:var(--viewari-features-primary);\"><\/i> 100% anonymous\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"vr-fhero-mockup-nav\">\r\n                            <i class=\"fa-solid fa-house\"><\/i>\r\n                            <i class=\"fa-solid fa-search\"><\/i>\r\n                            <i class=\"fa-solid fa-square-plus\"><\/i>\r\n                            <i class=\"fa-regular fa-heart\"><\/i>\r\n                            <i class=\"fa-regular fa-user\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <\/div>\r\n                <div class=\"vr-fhero-mockup-float vr-fhero-mockup-float-1\">\r\n                    <i class=\"fa-brands fa-instagram\"><\/i> Instagram\r\n                <\/div>\r\n                <div class=\"vr-fhero-mockup-float vr-fhero-mockup-float-2\">\r\n                    <i class=\"fa-brands fa-youtube\"><\/i> YouTube\r\n                <\/div>\r\n                <div class=\"vr-fhero-mockup-float vr-fhero-mockup-float-3\">\r\n                    <i class=\"fa-brands fa-tiktok\"><\/i> TikTok\r\n                <\/div>\r\n                <div class=\"vr-fhero-mockup-float vr-fhero-mockup-float-4\">\r\n                    <i class=\"fa-brands fa-facebook\"><\/i> Facebook\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== FEATURE SHOWCASE ===== -->\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-sparkles\"><\/i>\r\n                Feature Showcase\r\n            <\/div>\r\n            <h2 class=\"vr-section-title\">Powerful Tools at <span>Your Fingertips<\/span><\/h2>\r\n            <p class=\"vr-section-desc\">Every feature is crafted to give you complete anonymity, speed, and control across all platforms.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-showcase-grid\">\r\n            <div class=\"vr-showcase-card\" style=\"--sc-color1: #2f6b3f; --sc-color2: #4a7c1f; --sc-accent: rgba(47,107,63,0.06);\">\r\n                <div class=\"vr-showcase-top\">\r\n                    <div class=\"vr-showcase-icon\"><i class=\"fa-solid fa-ghost\"><\/i><\/div>\r\n                    <div class=\"vr-showcase-category\"><i class=\"fa-solid fa-shield-halved\"><\/i> Privacy<\/div>\r\n                    <h3 class=\"vr-showcase-title\">Stealth Mode<\/h3>\r\n                    <p class=\"vr-showcase-desc\">View any profile, story, or post without the owner ever detecting your presence. No views counted, no trace left.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-showcase-bottom\">\r\n                    <span class=\"vr-showcase-tag\"><i class=\"fa-solid fa-check-circle\"><\/i> 100% Undetectable<\/span>\r\n                    <a href=\"#\" class=\"vr-showcase-link\">Try Now <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-showcase-card\" style=\"--sc-color1: #4a7c1f; --sc-color2: #6ba83a; --sc-accent: rgba(74,124,31,0.06);\">\r\n                <div class=\"vr-showcase-top\">\r\n                    <div class=\"vr-showcase-icon\"><i class=\"fa-solid fa-film\"><\/i><\/div>\r\n                    <div class=\"vr-showcase-category\"><i class=\"fa-solid fa-download\"><\/i> Media<\/div>\r\n                    <h3 class=\"vr-showcase-title\">HD Media Grabber<\/h3>\r\n                    <p class=\"vr-showcase-desc\">Download photos, videos, reels, and stories in their original resolution. One click, zero quality loss, instant delivery.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-showcase-bottom\">\r\n                    <span class=\"vr-showcase-tag\"><i class=\"fa-solid fa-check-circle\"><\/i> Original Quality<\/span>\r\n                    <a href=\"#\" class=\"vr-showcase-link\">Try Now <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-showcase-card\" style=\"--sc-color1: #1e4a2a; --sc-color2: #2f6b3f; --sc-accent: rgba(30,74,42,0.06);\">\r\n                <div class=\"vr-showcase-top\">\r\n                    <div class=\"vr-showcase-icon\"><i class=\"fa-solid fa-arrows-spin\"><\/i><\/div>\r\n                    <div class=\"vr-showcase-category\"><i class=\"fa-solid fa-clock\"><\/i> Real-Time<\/div>\r\n                    <h3 class=\"vr-showcase-title\">Live Sync Engine<\/h3>\r\n                    <p class=\"vr-showcase-desc\">Stories, posts, and updates appear the moment they're published. Never miss time-sensitive content again.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-showcase-bottom\">\r\n                    <span class=\"vr-showcase-tag\"><i class=\"fa-solid fa-bolt\"><\/i> Instant Updates<\/span>\r\n                    <a href=\"#\" class=\"vr-showcase-link\">Try Now <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-showcase-card\" style=\"--sc-color1: #2f6b3f; --sc-color2: #1e4a2a; --sc-accent: rgba(47,107,63,0.06);\">\r\n                <div class=\"vr-showcase-top\">\r\n                    <div class=\"vr-showcase-icon\"><i class=\"fa-solid fa-bezier-curve\"><\/i><\/div>\r\n                    <div class=\"vr-showcase-category\"><i class=\"fa-solid fa-sliders\"><\/i> Customization<\/div>\r\n                    <h3 class=\"vr-showcase-title\">Smart Content Filters<\/h3>\r\n                    <p class=\"vr-showcase-desc\">Filter by platform, date, content type, popularity, and more. Find exactly what you need in seconds, not hours.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-showcase-bottom\">\r\n                    <span class=\"vr-showcase-tag\"><i class=\"fa-solid fa-sliders\"><\/i> 12+ Filters<\/span>\r\n                    <a href=\"#\" class=\"vr-showcase-link\">Try Now <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-showcase-card\" style=\"--sc-color1: #4a7c1f; --sc-color2: #2f6b3f; --sc-accent: rgba(74,124,31,0.06);\">\r\n                <div class=\"vr-showcase-top\">\r\n                    <div class=\"vr-showcase-icon\"><i class=\"fa-solid fa-arrow-up-from-bracket\"><\/i><\/div>\r\n                    <div class=\"vr-showcase-category\"><i class=\"fa-solid fa-box-archive\"><\/i> Export<\/div>\r\n                    <h3 class=\"vr-showcase-title\">Batch Export Suite<\/h3>\r\n                    <p class=\"vr-showcase-desc\">Queue and download multiple items simultaneously. Save entire albums, story archives, or profile collections in bulk.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-showcase-bottom\">\r\n                    <span class=\"vr-showcase-tag\"><i class=\"fa-solid fa-gauge-high\"><\/i> Unlimited Queue<\/span>\r\n                    <a href=\"#\" class=\"vr-showcase-link\">Try Now <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-showcase-card\" style=\"--sc-color1: #1e4a2a; --sc-color2: #4a7c1f; --sc-accent: rgba(30,74,42,0.06);\">\r\n                <div class=\"vr-showcase-top\">\r\n                    <div class=\"vr-showcase-icon\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\r\n                    <div class=\"vr-showcase-category\"><i class=\"fa-solid fa-display\"><\/i> Cross-Platform<\/div>\r\n                    <h3 class=\"vr-showcase-title\">Universal Access<\/h3>\r\n                    <p class=\"vr-showcase-desc\">Every tool is fully responsive and optimized for desktop, tablet, and mobile. Same power, any screen size.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-showcase-bottom\">\r\n                    <span class=\"vr-showcase-tag\"><i class=\"fa-solid fa-mobile\"><\/i> Mobile First<\/span>\r\n                    <a href=\"#\" class=\"vr-showcase-link\">Try Now <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== 3D DEPTH FEATURES ===== -->\r\n<section class=\"vr-section vr-depth-section\" id=\"depth\">\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-cube\"><\/i>\r\n                In-Depth Features\r\n            <\/div>\r\n            <h2 class=\"vr-section-title\">Advanced Capabilities <span>Unlocked<\/span><\/h2>\r\n            <p class=\"vr-section-desc\">Go deeper with enterprise-grade tools designed for power users who demand more.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-depth-grid\">\r\n            <div class=\"vr-depth-card\">\r\n                <div class=\"vr-depth-card-glow\"><\/div>\r\n                <span class=\"vr-depth-number\">01<\/span>\r\n                <div class=\"vr-depth-icon\"><i class=\"fa-solid fa-robot\"><\/i><\/div>\r\n                <h3 class=\"vr-depth-title\">AI-Powered Search<\/h3>\r\n                <p class=\"vr-depth-desc\">Our intelligent engine finds any profile, post, or piece of content across all platforms in milliseconds using advanced pattern recognition.<\/p>\r\n                <div class=\"vr-depth-stats\">\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-bolt\"><\/i> 0.3s avg<\/span>\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-brain\"><\/i> 98% accuracy<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-depth-card\">\r\n                <div class=\"vr-depth-card-glow\"><\/div>\r\n                <span class=\"vr-depth-number\">02<\/span>\r\n                <div class=\"vr-depth-icon\"><i class=\"fa-solid fa-clock-rotate-left\"><\/i><\/div>\r\n                <h3 class=\"vr-depth-title\">Story Archive Access<\/h3>\r\n                <p class=\"vr-depth-desc\">View and download expired or archived stories from Instagram, Facebook, and other platforms. Content never truly disappears.<\/p>\r\n                <div class=\"vr-depth-stats\">\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-clock\"><\/i> 24hr+ history<\/span>\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-database\"><\/i> Auto-archive<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-depth-card\">\r\n                <div class=\"vr-depth-card-glow\"><\/div>\r\n                <span class=\"vr-depth-number\">03<\/span>\r\n                <div class=\"vr-depth-icon\"><i class=\"fa-solid fa-qrcode\"><\/i><\/div>\r\n                <h3 class=\"vr-depth-title\">Profile Intelligence<\/h3>\r\n                <p class=\"vr-depth-desc\">Get detailed insights about any public profile \u2014 follower count, post frequency, engagement patterns, and content categories at a glance.<\/p>\r\n                <div class=\"vr-depth-stats\">\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-chart-line\"><\/i> Analytics<\/span>\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-eye\"><\/i> No trace<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-depth-card\">\r\n                <div class=\"vr-depth-card-glow\"><\/div>\r\n                <span class=\"vr-depth-number\">04<\/span>\r\n                <div class=\"vr-depth-icon\"><i class=\"fa-solid fa-note-sticky\"><\/i><\/div>\r\n                <h3 class=\"vr-depth-title\">Smart Clipboard<\/h3>\r\n                <p class=\"vr-depth-desc\">Save, organize, and revisit content across sessions. Build collections, tag items, and export your saved content whenever you need it.<\/p>\r\n                <div class=\"vr-depth-stats\">\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-inbox\"><\/i> Unlimited saves<\/span>\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-folder-tree\"><\/i> Smart folders<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-depth-card\">\r\n                <div class=\"vr-depth-card-glow\"><\/div>\r\n                <span class=\"vr-depth-number\">05<\/span>\r\n                <div class=\"vr-depth-icon\"><i class=\"fa-solid fa-bell\"><\/i><\/div>\r\n                <h3 class=\"vr-depth-title\">Content Alerts<\/h3>\r\n                <p class=\"vr-depth-desc\">Set up notifications for specific profiles or keywords. Get instantly notified when new content matching your criteria is posted.<\/p>\r\n                <div class=\"vr-depth-stats\">\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-bell\"><\/i> Push alerts<\/span>\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-sliders\"><\/i> Custom triggers<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-depth-card\">\r\n                <div class=\"vr-depth-card-glow\"><\/div>\r\n                <span class=\"vr-depth-number\">06<\/span>\r\n                <div class=\"vr-depth-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                <h3 class=\"vr-depth-title\">Traffic Masking<\/h3>\r\n                <p class=\"vr-depth-desc\">Every request is routed through encrypted relays across global nodes. Your IP, location, and identity remain completely anonymous.<\/p>\r\n                <div class=\"vr-depth-stats\">\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-globe\"><\/i> 12+ nodes<\/span>\r\n                    <span class=\"vr-depth-stat\"><i class=\"fa-solid fa-lock\"><\/i> AES-256<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== COMPARISON ===== -->\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-scale-balanced\"><\/i>\r\n                Feature Comparison\r\n            <\/div>\r\n            <h2 class=\"vr-section-title\">Viewari vs <span>Others<\/span><\/h2>\r\n            <p class=\"vr-section-desc\">See why our feature set outpaces every other anonymous viewing tool.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-compare-3d\">\r\n            <div class=\"vr-compare-card\">\r\n                <div class=\"vr-compare-header\">\r\n                    <div>Feature<\/div>\r\n                    <div>Viewari<\/div>\r\n                    <div>Other Tools<\/div>\r\n                <\/div>\r\n                <div class=\"vr-compare-row\">\r\n                    <div>Anonymous Story Viewing<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-check vr-compare-check\"><\/i> 100% Undetectable<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-xmark vr-compare-cross\"><\/i> Often Detectable<\/div>\r\n                <\/div>\r\n                <div class=\"vr-compare-row\">\r\n                    <div>HD Video Downloads<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-check vr-compare-check\"><\/i> Original Quality<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-xmark vr-compare-cross\"><\/i> Compressed Only<\/div>\r\n                <\/div>\r\n                <div class=\"vr-compare-row\">\r\n                    <div>Multi-Platform Support<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-check vr-compare-check\"><\/i> 8+ Platforms<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-xmark vr-compare-cross\"><\/i> 1-3 Platforms<\/div>\r\n                <\/div>\r\n                <div class=\"vr-compare-row\">\r\n                    <div>Batch Downloading<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-check vr-compare-check\"><\/i> Unlimited Queue<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-xmark vr-compare-cross\"><\/i> Single Only<\/div>\r\n                <\/div>\r\n                <div class=\"vr-compare-row\">\r\n                    <div>Content Scheduling<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-check vr-compare-check\"><\/i> Auto-Alerts<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-xmark vr-compare-cross\"><\/i> Not Available<\/div>\r\n                <\/div>\r\n                <div class=\"vr-compare-row\">\r\n                    <div>Mobile Optimization<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-check vr-compare-check\"><\/i> Full Responsive<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-xmark vr-compare-cross\"><\/i> Limited Support<\/div>\r\n                <\/div>\r\n                <div class=\"vr-compare-row\">\r\n                    <div>Data Privacy<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-check vr-compare-check\"><\/i> Zero Logging<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-xmark vr-compare-cross\"><\/i> Data Collected<\/div>\r\n                <\/div>\r\n                <div class=\"vr-compare-row\">\r\n                    <div>Cost<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-check vr-compare-check\"><\/i> Free Forever<\/div>\r\n                    <div><i class=\"fa-solid fa-circle-xmark vr-compare-cross\"><\/i> Paid Plans<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CTA ===== -->\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-rocket\"><\/i>\r\n                    Start Free\r\n                <\/div>\r\n                <h2 class=\"vr-cta-card-title\">Unlock Every Feature<br><span>Right Now<\/span><\/h2>\r\n                <p class=\"vr-cta-card-desc\">No sign-ups, no payments, no limits. Access all 50+ tools across 8 platforms instantly.<\/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-crown\"><\/i>\r\n                        Get All Features\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                        Quick Tour\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                    Free Forever\r\n                <\/div>\r\n                <div class=\"vr-cta-card-trust\">\r\n                    <i class=\"fa-solid fa-check-circle\"><\/i>\r\n                    No Sign-Up\r\n                <\/div>\r\n                <div class=\"vr-cta-card-trust\">\r\n                    <i class=\"fa-solid fa-check-circle\"><\/i>\r\n                    Unlimited Access\r\n                <\/div>\r\n                <div class=\"vr-cta-card-trust\">\r\n                    <i class=\"fa-solid fa-check-circle\"><\/i>\r\n                    Anonymous\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-showcase-card, .vr-depth-card, .vr-stat-3d').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) \/ 25;\r\n            const rotateY = (centerX - x) \/ 25;\r\n            if (!this.classList.contains('vr-stat-3d')) {\r\n                this.style.setProperty('--mouse-x', x + 'px');\r\n                this.style.setProperty('--mouse-y', y + 'px');\r\n            }\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":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-2982","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/2982","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=2982"}],"version-history":[{"count":3,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/2982\/revisions"}],"predecessor-version":[{"id":5517,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/2982\/revisions\/5517"}],"wp:attachment":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/media?parent=2982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}