{"id":2984,"date":"2023-05-08T11:36:51","date_gmt":"2023-05-08T11:36:51","guid":{"rendered":"https:\/\/themepanthers.com\/wp\/copygen\/v1\/?page_id=2984"},"modified":"2026-06-04T06:38:50","modified_gmt":"2026-06-04T06:38:50","slug":"about","status":"publish","type":"page","link":"https:\/\/viewari.com\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2984\" class=\"elementor elementor-2984\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faf2ed7 e-con-full e-flex e-con e-parent\" data-id=\"faf2ed7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4d6fe7 elementor-widget elementor-widget-shortcode\" data-id=\"f4d6fe7\" 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-about-instagram: #E4405F;\r\n    --viewari-about-facebook: #1877F2;\r\n    --viewari-about-youtube: #FF0000;\r\n    --viewari-about-linkedin: #0077B5;\r\n    --viewari-about-pinterest: #E60023;\r\n    --viewari-about-tiktok: #000000;\r\n    --viewari-about-reddit: #FF4500;\r\n    --viewari-about-twitter: #1DA1F2;\r\n    --viewari-about-primary: #2f6b3f;\r\n    --viewari-about-primary-dark: #1e4a2a;\r\n    --viewari-about-accent: #4a7c1f;\r\n    --viewari-about-bg: #f8faf8;\r\n    --viewari-about-bg-alt: #f0f4f0;\r\n    --viewari-about-text: #1a2e1a;\r\n    --viewari-about-text-light: #4a5c4a;\r\n    --viewari-about-text-muted: #6b7c6b;\r\n    --viewari-about-card-bg: #ffffff;\r\n    --viewari-about-card-border: #e0e8e0;\r\n    --viewari-about-gradient-start: #2f6b3f;\r\n    --viewari-about-gradient-end: #4a7c1f;\r\n}\r\n\r\n\/* ===== HERO SECTION ===== *\/\r\n.vr-about-hero {\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-about-hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n}\r\n\r\n.vr-about-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-about-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: aboutFloat 20s ease-in-out infinite;\r\n}\r\n\r\n.vr-about-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: aboutFloat 15s ease-in-out infinite reverse;\r\n}\r\n\r\n.vr-about-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: aboutFloat 25s ease-in-out infinite;\r\n}\r\n\r\n.vr-about-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 aboutFloat {\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-about-hero .container {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-about-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-about-hero-content {\r\n    text-align: left;\r\n}\r\n\r\n.vr-about-hero-visual {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.vr-about-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-about-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: aboutShieldPulse 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutShieldPulse {\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-about-hero-platforms {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    animation: aboutPlatformsOrbit 25s linear infinite;\r\n}\r\n\r\n@keyframes aboutPlatformsOrbit {\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.vr-about-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: aboutPlatCounter 25s linear infinite;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.vr-about-hero-plat:hover {\r\n    transform: scale(1.2) !important;\r\n}\r\n\r\n@keyframes aboutPlatCounter {\r\n    100% { transform: rotate(-360deg); }\r\n}\r\n\r\n.vr-about-hero-plat:nth-child(1) { top: 0; left: 50%; transform: translateX(-50%); color: #E4405F; }\r\n.vr-about-hero-plat:nth-child(2) { top: 18%; right: 2%; color: #FF0000; }\r\n.vr-about-hero-plat:nth-child(3) { bottom: 18%; right: 2%; color: #000; }\r\n.vr-about-hero-plat:nth-child(4) { bottom: 0; left: 50%; transform: translateX(-50%); color: #1877F2; }\r\n.vr-about-hero-plat:nth-child(5) { bottom: 18%; left: 2%; color: #1DA1F2; }\r\n.vr-about-hero-plat:nth-child(6) { top: 18%; left: 2%; color: #0077B5; }\r\n\r\n.vr-about-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: aboutRingRotate 35s linear infinite;\r\n}\r\n\r\n.vr-about-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 aboutRingRotate {\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.vr-about-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: aboutFloatBadge 4s ease-in-out infinite;\r\n    z-index: 3;\r\n    top: 70%;\r\n}\r\n\r\n.vr-about-hero-badge-float i {\r\n    font-size: 1rem;\r\n}\r\n\r\n.vr-about-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-about-hero-badge-float:nth-child(1) i { color: #E4405F; }\r\n\r\n.vr-about-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-about-hero-badge-float:nth-child(2) i { color: #FF0000; }\r\n\r\n@keyframes aboutFloatBadge {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n}\r\n\r\n.vr-about-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-about-primary);\r\n    margin-bottom: 30px;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.vr-about-hero-badge i {\r\n    color: var(--viewari-about-accent);\r\n}\r\n\r\n.vr-about-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-about-hero-subtitle {\r\n    font-size: clamp(1rem, 2vw, 1.25rem);\r\n    color: var(--viewari-about-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-about-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-about-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-about-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-about-btn:hover::before {\r\n    transform: translateX(100%) skewX(-15deg);\r\n}\r\n\r\n.vr-about-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-about-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-about-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-about-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-about-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-about-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-about-btn-outline {\r\n    background: transparent;\r\n    color: var(--viewari-about-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-about-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-about-primary);\r\n}\r\n\r\n.vr-about-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-about-hero-stat {\r\n    text-align: center;\r\n}\r\n\r\n.vr-about-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-about-hero-stat-label {\r\n    font-size: 0.85rem;\r\n    color: var(--viewari-about-text-muted);\r\n    margin-top: 4px;\r\n}\r\n\r\n\/* ===== SECTION COMMON ===== *\/\r\n.vr-about-section {\r\n    padding: 100px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.vr-about-section-dark {\r\n    background: var(--viewari-about-bg);\r\n}\r\n\r\n.vr-about-section-darker {\r\n    background: var(--viewari-about-bg-alt);\r\n}\r\n\r\n.vr-about-section-gradient {\r\n    background: linear-gradient(135deg, var(--viewari-about-bg) 0%, var(--viewari-about-bg-alt) 100%);\r\n}\r\n\r\n.vr-about-section-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.vr-about-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-about-primary);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.vr-about-section-title {\r\n    font-size: clamp(2rem, 4vw, 2.8rem);\r\n    font-weight: 700;\r\n    color: var(--viewari-about-text);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.vr-about-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-about-section-desc {\r\n    font-size: clamp(1rem, 2vw, 1.1rem);\r\n    color: var(--viewari-about-text-muted);\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ===== MISSION SECTION - ADVANCED 3D ===== *\/\r\n.vr-about-mission-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-about-mission-visual {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    perspective: 1200px;\r\n}\r\n\r\n\/* ---- Layered 3D Scene ---- *\/\r\n.vr-about-mission-scene {\r\n    width: 100%;\r\n    max-width: 460px;\r\n    height: 500px;\r\n    position: relative;\r\n    transform-style: preserve-3d;\r\n    animation: aboutSceneFloat 16s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutSceneFloat {\r\n    0%, 100% { transform: perspective(1200px) rotateY(-12deg) rotateX(6deg) translateZ(0); }\r\n    50% { transform: perspective(1200px) rotateY(12deg) rotateX(-6deg) translateZ(20px); }\r\n}\r\n\r\n\/* Deep background glow orb *\/\r\n.vr-about-mission-orb {\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(47,107,63,0.2), transparent 70%);\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) translateZ(-60px);\r\n    filter: blur(40px);\r\n    animation: aboutOrbPulse 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutOrbPulse {\r\n    0%, 100% { transform: translate(-50%, -50%) translateZ(-60px) scale(1); opacity: 0.6; }\r\n    50% { transform: translate(-50%, -50%) translateZ(-60px) scale(1.3); opacity: 1; }\r\n}\r\n\r\n\r\n\r\n\/* Main front card - glass depth *\/\r\n.vr-about-mission-card {\r\n    position: absolute;\r\n    inset: 30px;\r\n    border-radius: 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 32px;\r\n    text-align: center;\r\n    background: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(255,255,255,0.7));\r\n    backdrop-filter: blur(24px);\r\n    border: 1px solid rgba(47,107,63,0.12);\r\n    transform: translateZ(40px);\r\n    box-shadow:\r\n        0 4px 6px rgba(47,107,63,0.04),\r\n        0 20px 40px rgba(47,107,63,0.06),\r\n        0 60px 100px rgba(47,107,63,0.08),\r\n        inset 0 1px 0 rgba(255,255,255,0.6);\r\n    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n.vr-about-mission-card:hover {\r\n    transform: translateZ(60px) scale(1.02);\r\n    box-shadow:\r\n        0 8px 20px rgba(47,107,63,0.08),\r\n        0 40px 80px rgba(47,107,63,0.12),\r\n        0 80px 160px rgba(47,107,63,0.1);\r\n}\r\n\r\n\/* Inner glow gradient overlay *\/\r\n.vr-about-mission-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 28px;\r\n    background: linear-gradient(135deg, rgba(47,107,63,0.06), rgba(74,124,31,0.03));\r\n    z-index: 0;\r\n}\r\n\r\n.vr-about-mission-card > * {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-about-mission-icon-wrap {\r\n    position: relative;\r\n    width: 110px;\r\n    height: 110px;\r\n    margin-bottom: 24px;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n.vr-about-mission-shield {\r\n    width: 110px;\r\n    height: 110px;\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    font-size: 2.8rem;\r\n    color: white;\r\n    position: relative;\r\n    transform: translateZ(20px);\r\n    box-shadow:\r\n        0 0 0 4px rgba(47,107,63,0.1),\r\n        0 15px 40px rgba(47,107,63,0.3);\r\n    animation: aboutMissionPulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutMissionPulse {\r\n    0%, 100% { transform: translateZ(20px) scale(1); box-shadow: 0 0 0 4px rgba(47,107,63,0.1), 0 15px 40px rgba(47,107,63,0.3); }\r\n    50% { transform: translateZ(20px) scale(1.06); box-shadow: 0 0 0 8px rgba(47,107,63,0.06), 0 25px 60px rgba(47,107,63,0.4); }\r\n}\r\n\r\n\/* Orbiting ring around shield *\/\r\n.vr-about-mission-icon-ring {\r\n    position: absolute;\r\n    top: -8px;\r\n    left: -8px;\r\n    width: 126px;\r\n    height: 126px;\r\n    border-radius: 50%;\r\n    border: 2px solid rgba(47,107,63,0.15);\r\n    border-top-color: #4a7c1f;\r\n    animation: aboutIconRingSpin 6s linear infinite;\r\n    transform: translateZ(10px);\r\n}\r\n\r\n@keyframes aboutIconRingSpin {\r\n    100% { transform: translateZ(10px) rotate(360deg); }\r\n}\r\n\r\n\r\n\r\n\/* ---- Right side content ---- *\/\r\n.vr-about-mission-content {\r\n    padding: 20px 0;\r\n    perspective: 800px;\r\n}\r\n\r\n.vr-about-mission-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-about-text);\r\n    margin-bottom: 20px;\r\n    transform: translateZ(0);\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.vr-about-mission-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    display: inline-block;\r\n}\r\n\r\n.vr-about-mission-desc {\r\n    font-size: 1.05rem;\r\n    color: var(--viewari-about-text-light);\r\n    line-height: 1.8;\r\n    margin-bottom: 36px;\r\n}\r\n\r\n\/* ---- 3D Tilt Cards for list items ---- *\/\r\n.vr-about-mission-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n.vr-about-mission-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 18px;\r\n    padding: 22px 24px;\r\n    border-radius: 18px;\r\n    margin-bottom: 16px;\r\n    background: rgba(255,255,255,0.7);\r\n    border: 1px solid rgba(47,107,63,0.08);\r\n    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n    cursor: default;\r\n    transform-style: preserve-3d;\r\n    position: relative;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 2px 8px rgba(47,107,63,0.03);\r\n}\r\n\r\n.vr-about-mission-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, var(--item-accent-1, #2f6b3f), var(--item-accent-2, #4a7c1f));\r\n    transform: scaleY(0);\r\n    transform-origin: top;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.vr-about-mission-item::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 18px;\r\n    background: linear-gradient(135deg, var(--item-accent-1, rgba(47,107,63,0.04)), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    z-index: 0;\r\n}\r\n\r\n.vr-about-mission-item:hover {\r\n    transform: perspective(800px) rotateY(-4deg) translateX(6px) translateZ(10px);\r\n    border-color: rgba(255,255,255,0.3);\r\n    box-shadow:\r\n        0 8px 25px rgba(47,107,63,0.08),\r\n        0 20px 50px rgba(47,107,63,0.05);\r\n}\r\n\r\n.vr-about-mission-item:hover::before {\r\n    transform: scaleY(1);\r\n}\r\n\r\n.vr-about-mission-item:hover::after {\r\n    opacity: 0.92;\r\n}\r\n\r\n.vr-about-mission-item > * {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.vr-about-mission-item:hover .vr-about-mission-item-text strong,\r\n.vr-about-mission-item:hover .vr-about-mission-item-text span {\r\n    color: white;\r\n}\r\n\r\n.vr-about-mission-item:hover .vr-about-mission-item-text strong i {\r\n    color: white;\r\n}\r\n\r\n.vr-about-mission-item:hover .vr-about-mission-item-icon {\r\n    background: white;\r\n    color: var(--item-accent-1, #2f6b3f);\r\n}\r\n\r\n\/* Per-item accent colors *\/\r\n.vr-about-mission-item:nth-child(1) { --item-accent-1: #E4405F; --item-accent-2: #bc1888; }\r\n.vr-about-mission-item:nth-child(2) { --item-accent-1: #FF0000; --item-accent-2: #cc0000; }\r\n.vr-about-mission-item:nth-child(3) { --item-accent-1: #1877F2; --item-accent-2: #0d65d9; }\r\n\r\n.vr-about-mission-item-icon {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n    font-size: 1.3rem;\r\n    flex-shrink: 0;\r\n    background: linear-gradient(135deg, var(--item-accent-1, #2f6b3f), var(--item-accent-2, #4a7c1f));\r\n    box-shadow: 0 8px 24px color-mix(in srgb, var(--item-accent-1, #2f6b3f) 35%, transparent);\r\n    transform: translateZ(15px);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.vr-about-mission-item:hover .vr-about-mission-item-icon {\r\n    transform: translateZ(30px) scale(1.1);\r\n    box-shadow: 0 12px 35px color-mix(in srgb, var(--item-accent-1, #2f6b3f) 45%, transparent);\r\n}\r\n\r\n.vr-about-mission-item-text {\r\n    transform: translateZ(5px);\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.vr-about-mission-item:hover .vr-about-mission-item-text {\r\n    transform: translateZ(20px);\r\n}\r\n\r\n.vr-about-mission-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-about-text);\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.vr-about-mission-item-text strong i {\r\n    color: var(--item-accent-1, #2f6b3f);\r\n    font-size: 0.85rem;\r\n    margin-right: 4px;\r\n}\r\n\r\n.vr-about-mission-item-text span {\r\n    font-size: 0.9rem;\r\n    color: var(--viewari-about-text-muted);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Entrance *\/\r\n@keyframes aboutMissionItemReveal {\r\n    0% { opacity: 0; transform: perspective(800px) rotateY(15deg) translateX(-20px) translateZ(-30px); }\r\n    100% { opacity: 1; transform: perspective(800px) rotateY(0deg) translateX(0) translateZ(0); }\r\n}\r\n\r\n\r\n\r\n\/* ===== VALUES SECTION ===== *\/\r\n.vr-about-values-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 24px;\r\n}\r\n\r\n.vr-about-value-card {\r\n    background: var(--viewari-about-card-bg);\r\n    border: 1px solid var(--viewari-about-card-border);\r\n    border-radius: 20px;\r\n    padding: 36px 28px;\r\n    text-align: center;\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    perspective: 1000px;\r\n    backdrop-filter: blur(10px);\r\n}\r\n\r\n.vr-about-value-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-about-value-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.vr-about-value-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-about-value-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(--viewari-about-primary);\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-about-value-card:hover .vr-about-value-icon {\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\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-about-value-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-about-text);\r\n}\r\n\r\n.vr-about-value-desc {\r\n    font-size: 0.9rem;\r\n    color: var(--viewari-about-text-muted);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* ===== TEAM SECTION ===== *\/\r\n.vr-about-team-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 24px;\r\n}\r\n\r\n.vr-about-team-card {\r\n    background: var(--viewari-about-card-bg);\r\n    border: 1px solid var(--viewari-about-card-border);\r\n    border-radius: 20px;\r\n    padding: 36px 28px;\r\n    text-align: center;\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}\r\n\r\n.vr-about-team-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-about-team-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.vr-about-team-card:hover {\r\n    transform: perspective(1000px) rotateY(-3deg) translateY(-10px);\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-about-team-avatar {\r\n    width: 88px;\r\n    height: 88px;\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: 0 auto 20px;\r\n    color: white;\r\n    font-size: 2rem;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-weight: 700;\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-about-team-card:hover .vr-about-team-avatar {\r\n    transform: scale(1.1) translateZ(20px);\r\n    box-shadow: 0 15px 40px rgba(47,107,63,0.35);\r\n}\r\n\r\n.vr-about-team-name {\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    margin-bottom: 6px;\r\n    color: var(--viewari-about-text);\r\n}\r\n\r\n.vr-about-team-role {\r\n    font-size: 0.85rem;\r\n    color: var(--viewari-about-text-muted);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.vr-about-team-socials {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n}\r\n\r\n.vr-about-team-socials a {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1rem;\r\n    text-decoration: none;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    color: var(--viewari-about-text-muted);\r\n    background: rgba(47,107,63,0.06);\r\n    border: 1px solid rgba(47,107,63,0.1);\r\n}\r\n\r\n.vr-about-team-socials a:hover {\r\n    transform: translateY(-5px) scale(1.1);\r\n    color: white;\r\n    box-shadow: 0 8px 25px rgba(47,107,63,0.25);\r\n}\r\n\r\n.vr-about-team-socials a:nth-child(1):hover { background: #1877F2; border-color: #1877F2; }\r\n.vr-about-team-socials a:nth-child(2):hover { background: #E4405F; border-color: #E4405F; }\r\n.vr-about-team-socials a:nth-child(3):hover { background: #0077B5; border-color: #0077B5; }\r\n\r\n\/* ===== STORY TIMELINE - 3D MODERN ===== *\/\r\n.vr-about-timeline {\r\n    position: relative;\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    padding: 20px 0;\r\n}\r\n\r\n.vr-about-timeline-bg-glow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, transparent, #2f6b3f, #4a7c1f, #2f6b3f, transparent);\r\n    box-shadow: 0 0 30px rgba(47,107,63,0.3), 0 0 60px rgba(74,124,31,0.15);\r\n    z-index: 0;\r\n}\r\n\r\n.vr-about-timeline-item {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 60px;\r\n    position: relative;\r\n    z-index: 1;\r\n    transform-style: preserve-3d;\r\n    perspective: 1200px;\r\n}\r\n\r\n.vr-about-timeline-item:nth-child(even) {\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n.vr-about-timeline-dot {\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #2f6b3f, #4a7c1f);\r\n    border: 4px solid var(--viewari-about-bg-alt);\r\n    box-shadow:\r\n        0 0 0 4px rgba(47,107,63,0.2),\r\n        0 0 30px rgba(47,107,63,0.3),\r\n        inset 0 -2px 4px rgba(0,0,0,0.1);\r\n    z-index: 2;\r\n    animation: aboutDotPulse 3s ease-in-out infinite;\r\n}\r\n\r\n.vr-about-timeline-dot-inner {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: white;\r\n    border-radius: 50%;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    box-shadow: 0 0 10px rgba(255,255,255,0.8);\r\n}\r\n\r\n@keyframes aboutDotPulse {\r\n    0%, 100% { transform: translateX(-50%) scale(1); box-shadow: 0 0 0 4px rgba(47,107,63,0.2), 0 0 30px rgba(47,107,63,0.3); }\r\n    50% { transform: translateX(-50%) scale(1.2); box-shadow: 0 0 0 6px rgba(47,107,63,0.15), 0 0 50px rgba(47,107,63,0.4); }\r\n}\r\n\r\n.vr-about-timeline-content {\r\n    width: 44%;\r\n    padding: 32px 32px 36px;\r\n    background: rgba(255,255,255,0.85);\r\n    backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(47,107,63,0.12);\r\n    border-radius: 24px;\r\n    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n    transform-style: preserve-3d;\r\n    position: relative;\r\n    overflow: hidden;\r\n    box-shadow:\r\n        0 4px 6px rgba(47,107,63,0.03),\r\n        0 12px 30px rgba(47,107,63,0.06);\r\n}\r\n\r\n.vr-about-timeline-content::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, var(--tl-accent-1, #2f6b3f), var(--tl-accent-2, #4a7c1f));\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.6s ease;\r\n    z-index: 2;\r\n}\r\n\r\n.vr-about-timeline-content::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 24px;\r\n    background: linear-gradient(135deg, var(--tl-accent-1, #2f6b3f), var(--tl-accent-2, #4a7c1f));\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    z-index: 0;\r\n}\r\n\r\n.vr-about-timeline-content:hover {\r\n    transform: perspective(1200px) rotateY(var(--tl-rotate, 6deg)) translateY(-8px) translateZ(20px);\r\n    border-color: rgba(255,255,255,0.3);\r\n    box-shadow:\r\n        0 8px 20px rgba(47,107,63,0.08),\r\n        0 30px 60px rgba(47,107,63,0.12),\r\n        0 60px 120px rgba(47,107,63,0.06);\r\n}\r\n\r\n.vr-about-timeline-content:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.vr-about-timeline-content:hover::after {\r\n    opacity: 0.92;\r\n}\r\n\r\n\/* Hover text colors - white on brand overlay *\/\r\n.vr-about-timeline-content:hover .vr-about-timeline-title,\r\n.vr-about-timeline-content:hover .vr-about-timeline-desc,\r\n.vr-about-timeline-content:hover .vr-about-timeline-tag {\r\n    color: white;\r\n}\r\n\r\n.vr-about-timeline-content:hover .vr-about-timeline-title span {\r\n    -webkit-text-fill-color: white;\r\n    background: none;\r\n}\r\n\r\n.vr-about-timeline-content:hover .vr-about-timeline-year {\r\n    background: white;\r\n    color: var(--tl-accent-1, #2f6b3f);\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.15);\r\n}\r\n\r\n.vr-about-timeline-content:hover .vr-about-timeline-tag {\r\n    background: rgba(255,255,255,0.2);\r\n    border-color: rgba(255,255,255,0.3);\r\n}\r\n\r\n.vr-about-timeline-content:hover .vr-about-timeline-icon {\r\n    opacity: 0.2;\r\n    color: white;\r\n}\r\n\r\n.vr-about-timeline-content > * {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Alternate card 3D rotation directions *\/\r\n.vr-about-timeline-item:nth-child(odd) .vr-about-timeline-content {\r\n    --tl-rotate: -6deg;\r\n}\r\n\r\n.vr-about-timeline-item:nth-child(even) .vr-about-timeline-content {\r\n    --tl-rotate: 6deg;\r\n}\r\n\r\n\/* Brand accent colors per card *\/\r\n.vr-about-timeline-item:nth-child(1) .vr-about-timeline-content { --tl-accent-1: #E4405F; --tl-accent-2: #bc1888; }\r\n.vr-about-timeline-item:nth-child(2) .vr-about-timeline-content { --tl-accent-1: #FF0000; --tl-accent-2: #cc0000; }\r\n.vr-about-timeline-item:nth-child(3) .vr-about-timeline-content { --tl-accent-1: #1877F2; --tl-accent-2: #0d65d9; }\r\n.vr-about-timeline-item:nth-child(4) .vr-about-timeline-content { --tl-accent-1: #2f6b3f; --tl-accent-2: #4a7c1f; }\r\n\r\n.vr-about-timeline-year {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 6px 18px;\r\n    border-radius: 50px;\r\n    background: linear-gradient(135deg, var(--tl-accent-1, #2f6b3f), var(--tl-accent-2, #4a7c1f));\r\n    color: white;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 4px 15px rgba(47,107,63,0.25);\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.vr-about-timeline-year i {\r\n    font-size: 0.75rem;\r\n}\r\n\r\n.vr-about-timeline-title {\r\n    font-family: \"Poppins\", Georgia, serif;\r\n    font-size: 1.35rem;\r\n    font-weight: 700;\r\n    color: var(--viewari-about-text);\r\n    margin-bottom: 10px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.vr-about-timeline-title span {\r\n    background: linear-gradient(135deg, var(--tl-accent-1, #2f6b3f), var(--tl-accent-2, #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-about-timeline-desc {\r\n    font-size: 0.95rem;\r\n    color: var(--viewari-about-text-light);\r\n    line-height: 1.7;\r\n    margin: 0 0 16px;\r\n}\r\n\r\n.vr-about-timeline-tag {\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(--tl-accent-1, #2f6b3f);\r\n    background: color-mix(in srgb, var(--tl-accent-1, #2f6b3f) 10%, transparent);\r\n    padding: 4px 14px;\r\n    border-radius: 50px;\r\n    border: 1px solid color-mix(in srgb, var(--tl-accent-1, #2f6b3f) 20%, transparent);\r\n}\r\n\r\n\/* 3D floating accent icon on timeline cards *\/\r\n.vr-about-timeline-icon {\r\n    position: absolute;\r\n    bottom: 12px;\r\n    right: 16px;\r\n    font-size: 3rem;\r\n    opacity: 0.06;\r\n    color: var(--tl-accent-1, #2f6b3f);\r\n    transform: translateZ(0);\r\n    transition: all 0.6s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.vr-about-timeline-content:hover .vr-about-timeline-icon {\r\n    transform: translateZ(40px) scale(1.2) rotate(-10deg);\r\n    opacity: 0.12;\r\n}\r\n\r\n\/* Entrance animation *\/\r\n@keyframes aboutTimelineReveal {\r\n    0% { opacity: 0; transform: perspective(1200px) rotateY(20deg) translateY(40px) translateZ(-50px); }\r\n    100% { opacity: 1; transform: perspective(1200px) rotateY(0deg) translateY(0) translateZ(0); }\r\n}\r\n\r\n\r\n\r\n\/* ===== TESTIMONIALS ===== *\/\r\n.vr-about-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-about-testimonial-card {\r\n    background: var(--viewari-about-card-bg);\r\n    border: 1px solid var(--viewari-about-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-about-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-about-testimonial-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.vr-about-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-about-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-about-testimonial-quote {\r\n    position: relative;\r\n    flex: 1;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.vr-about-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-about-testimonial-quote p {\r\n    font-size: 0.95rem;\r\n    color: var(--viewari-about-text-light);\r\n    line-height: 1.7;\r\n    padding-left: 16px;\r\n    margin: 0;\r\n}\r\n\r\n.vr-about-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-about-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-about-testimonial-name {\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    color: var(--viewari-about-text);\r\n    margin: 0 0 4px;\r\n    font-family: \"Poppins\", Georgia, serif;\r\n}\r\n\r\n.vr-about-testimonial-role {\r\n    font-size: 0.82rem;\r\n    color: var(--viewari-about-text-muted);\r\n    margin: 0;\r\n}\r\n\r\n\/* ===== CTA SECTION ===== *\/\r\n.vr-about-cta-section {\r\n    padding: 120px 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: linear-gradient(180deg, var(--viewari-about-bg) 0%, var(--viewari-about-bg-alt) 100%);\r\n}\r\n\r\n.vr-about-cta-bg-particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.vr-about-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-about-cta-particle:nth-child(1) {\r\n    width: 600px; height: 600px;\r\n    background: #2f6b3f;\r\n    top: -200px; left: -200px;\r\n    animation: aboutCtaFloat 25s ease-in-out infinite;\r\n}\r\n\r\n.vr-about-cta-particle:nth-child(2) {\r\n    width: 500px; height: 500px;\r\n    background: #4a7c1f;\r\n    bottom: -200px; right: -200px;\r\n    animation: aboutCtaFloat 20s ease-in-out infinite reverse;\r\n}\r\n\r\n.vr-about-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: aboutCtaFloat 15s ease-in-out infinite;\r\n}\r\n\r\n@keyframes aboutCtaFloat {\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-about-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-about-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: aboutGlowRotate 10s linear infinite;\r\n    z-index: 0;\r\n}\r\n\r\n@keyframes aboutGlowRotate {\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.vr-about-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-about-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-about-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-about-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-about-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-about-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-about-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-about-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-about-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-about-hero-grid-layout {\r\n        grid-template-columns: 1fr;\r\n        text-align: center;\r\n    }\r\n\r\n    .vr-about-hero-content {\r\n        text-align: center;\r\n        order: 2;\r\n    }\r\n\r\n    .vr-about-hero-visual {\r\n        order: 1;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .vr-about-hero-visual-box {\r\n        width: 300px;\r\n        height: 300px;\r\n    }\r\n\r\n    .vr-about-hero-shield {\r\n        width: 100px;\r\n        height: 100px;\r\n        font-size: 2.5rem;\r\n    }\r\n\r\n    .vr-about-hero-plat {\r\n        width: 48px;\r\n        height: 48px;\r\n        font-size: 1.2rem;\r\n    }\r\n\r\n    .vr-about-hero-ring {\r\n        width: 230px;\r\n        height: 230px;\r\n    }\r\n\r\n    .vr-about-hero-ring-2 {\r\n        width: 290px;\r\n        height: 290px;\r\n    }\r\n\r\n    .vr-about-hero-badge-float {\r\n        display: none;\r\n    }\r\n\r\n    .vr-about-mission-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n\r\n    .vr-about-mission-visual { order: 1; }\r\n    .vr-about-mission-content { order: 2; }\r\n\r\n    .vr-about-mission-scene {\r\n        height: 400px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .vr-about-section { padding: 60px 0; }\r\n    .vr-about-hero { padding: 100px 0 60px; }\r\n\r\n    .vr-about-hero-actions { flex-direction: column; align-items: center; }\r\n    .vr-about-btn { width: 100%; max-width: 320px; justify-content: center; }\r\n\r\n    .vr-about-hero-visual-box {\r\n        width: 250px;\r\n        height: 250px;\r\n    }\r\n\r\n    .vr-about-hero-shield {\r\n        width: 80px;\r\n        height: 80px;\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .vr-about-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-about-hero-ring {\r\n        width: 190px;\r\n        height: 190px;\r\n    }\r\n\r\n    .vr-about-hero-ring-2 {\r\n        width: 240px;\r\n        height: 240px;\r\n    }\r\n\r\n    .vr-about-values-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }\r\n    .vr-about-team-grid { grid-template-columns: 1fr; }\r\n    .vr-about-testimonials-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .vr-about-hero-stats { gap: 24px; }\r\n    .vr-about-mission-3d-box { height: 340px; }\r\n    .vr-about-cta-section { padding: 80px 0; }\r\n    .vr-about-cta-card-inner { padding: 40px 24px; }\r\n    .vr-about-cta-card-bottom { padding: 20px 24px; gap: 16px; }\r\n    .vr-about-cta-card-actions { flex-direction: column; align-items: center; }\r\n    .vr-about-cta-card-actions .vr-about-btn { width: 100%; max-width: 280px; }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== HERO SECTION ===== -->\r\n<section class=\"vr-about-hero\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-about-hero-grid-layout\">\r\n            <div class=\"vr-about-hero-content\">\r\n                <div class=\"vr-about-hero-badge\">\r\n                    <i class=\"fa-solid fa-info-circle\"><\/i>\r\n                    About Us\r\n                <\/div>\r\n                <h1 class=\"vr-about-hero-title\">\r\n                    Our Mission Your<br><span style=\"background: linear-gradient(135deg, #1a2e1a 0%, #2f6b3f 50%, #4a7c1f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">Privacy First<\/span>\r\n                <\/h1>\r\n                <p class=\"vr-about-hero-subtitle\">\r\n                    We believe everyone deserves the right to browse social media without being tracked. Viewari was built from a simple idea \u2014 anonymous access for everyone.\r\n                <\/p>\r\n                <div class=\"vr-about-hero-actions\">\r\n                    <a href=\"#\" class=\"vr-about-btn vr-about-btn-primary\">\r\n                        <i class=\"fa-solid fa-book-open\"><\/i>\r\n                        Start Exploring\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"vr-about-btn vr-about-btn-outline\">\r\n                        <i class=\"fa-solid fa-heart\"><\/i>\r\n                        Our Mission\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"vr-about-hero-stats\">\r\n                    <div class=\"vr-about-hero-stat\">\r\n                        <div class=\"vr-about-hero-stat-number\">2M+<\/div>\r\n                        <div class=\"vr-about-hero-stat-label\">Happy Users<\/div>\r\n                    <\/div>\r\n                    <div class=\"vr-about-hero-stat\">\r\n                        <div class=\"vr-about-hero-stat-number\">8<\/div>\r\n                        <div class=\"vr-about-hero-stat-label\">Platforms<\/div>\r\n                    <\/div>\r\n                    <div class=\"vr-about-hero-stat\">\r\n                        <div class=\"vr-about-hero-stat-number\">50+<\/div>\r\n                        <div class=\"vr-about-hero-stat-label\">Viewer Tools<\/div>\r\n                    <\/div>\r\n                    <div class=\"vr-about-hero-stat\">\r\n                        <div class=\"vr-about-hero-stat-number\">100%<\/div>\r\n                        <div class=\"vr-about-hero-stat-label\">Anonymous<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-about-hero-visual\">\r\n                <div class=\"vr-about-hero-visual-box\">\r\n                    <div class=\"vr-about-hero-shield\">\r\n                        <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"vr-about-hero-platforms\">\r\n                        <div class=\"vr-about-hero-plat\"><i class=\"fa-brands fa-instagram\"><\/i><\/div>\r\n                        <div class=\"vr-about-hero-plat\"><i class=\"fa-brands fa-youtube\"><\/i><\/div>\r\n                        <div class=\"vr-about-hero-plat\"><i class=\"fa-brands fa-tiktok\"><\/i><\/div>\r\n                        <div class=\"vr-about-hero-plat\"><i class=\"fa-brands fa-facebook\"><\/i><\/div>\r\n                        <div class=\"vr-about-hero-plat\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/div>\r\n                        <div class=\"vr-about-hero-plat\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"vr-about-hero-ring\"><\/div>\r\n                    <div class=\"vr-about-hero-ring vr-about-hero-ring-2\"><\/div>\r\n                    <div class=\"vr-about-hero-badge-float\">\r\n                        <i class=\"fa-brands fa-instagram\"><\/i>\r\n                        <span>2M+ Users<\/span>\r\n                    <\/div>\r\n                    <div class=\"vr-about-hero-badge-float\">\r\n                        <i class=\"fa-brands fa-youtube\"><\/i>\r\n                        <span>50+ Tools<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== OUR STORY \/ TIMELINE SECTION ===== -->\r\n<section class=\"vr-about-section vr-about-section-darker\" id=\"story\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-about-section-header\">\r\n            <div class=\"vr-about-section-tag\">\r\n                <i class=\"fa-solid fa-timeline\"><\/i>\r\n                Our Journey\r\n            <\/div>\r\n            <h2 class=\"vr-about-section-title\">The <span>Viewari<\/span> Story<\/h2>\r\n            <p class=\"vr-about-section-desc\">From a simple idea to a platform used by millions \u2014 here's how we got here.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-about-timeline\">\r\n            <div class=\"vr-about-timeline-bg-glow\"><\/div>\r\n\r\n            <!-- 2020 -->\r\n            <div class=\"vr-about-timeline-item\">\r\n                <div class=\"vr-about-timeline-dot\"><span class=\"vr-about-timeline-dot-inner\"><\/span><\/div>\r\n                <div class=\"vr-about-timeline-content\">\r\n                    <div class=\"vr-about-timeline-year\"><i class=\"fa-solid fa-lightbulb\"><\/i> 2020<\/div>\r\n                    <h3 class=\"vr-about-timeline-title\"><span>The Idea<\/span> Was Born<\/h3>\r\n                    <p class=\"vr-about-timeline-desc\">Our founder noticed how social media platforms tracked every move. The idea of creating truly anonymous viewing tools sparked a movement.<\/p>\r\n                    <span class=\"vr-about-timeline-tag\"><i class=\"fa-solid fa-star\"><\/i> The Beginning<\/span>\r\n                    <i class=\"fa-solid fa-lightbulb vr-about-timeline-icon\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2021 -->\r\n            <div class=\"vr-about-timeline-item\">\r\n                <div class=\"vr-about-timeline-dot\"><span class=\"vr-about-timeline-dot-inner\"><\/span><\/div>\r\n                <div class=\"vr-about-timeline-content\">\r\n                    <div class=\"vr-about-timeline-year\"><i class=\"fa-brands fa-instagram\"><\/i> 2021<\/div>\r\n                    <h3 class=\"vr-about-timeline-title\">First Tools <span>Launched<\/span><\/h3>\r\n                    <p class=\"vr-about-timeline-desc\">We launched our first Instagram story viewer. Within weeks, thousands of users discovered the power of anonymous browsing.<\/p>\r\n                    <span class=\"vr-about-timeline-tag\"><i class=\"fa-solid fa-rocket\"><\/i> First Release<\/span>\r\n                    <i class=\"fa-brands fa-instagram vr-about-timeline-icon\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2023 -->\r\n            <div class=\"vr-about-timeline-item\">\r\n                <div class=\"vr-about-timeline-dot\"><span class=\"vr-about-timeline-dot-inner\"><\/span><\/div>\r\n                <div class=\"vr-about-timeline-content\">\r\n                    <div class=\"vr-about-timeline-year\"><i class=\"fa-solid fa-globe\"><\/i> 2023<\/div>\r\n                    <h3 class=\"vr-about-timeline-title\">Multi-Platform <span>Expansion<\/span><\/h3>\r\n                    <p class=\"vr-about-timeline-desc\">We expanded to 8 platforms including YouTube, TikTok, Facebook, LinkedIn, and more. Our user base crossed 1 million.<\/p>\r\n                    <span class=\"vr-about-timeline-tag\"><i class=\"fa-solid fa-chart-line\"><\/i> 1M+ Users<\/span>\r\n                    <i class=\"fa-solid fa-globe vr-about-timeline-icon\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2025 -->\r\n            <div class=\"vr-about-timeline-item\">\r\n                <div class=\"vr-about-timeline-dot\"><span class=\"vr-about-timeline-dot-inner\"><\/span><\/div>\r\n                <div class=\"vr-about-timeline-content\">\r\n                    <div class=\"vr-about-timeline-year\"><i class=\"fa-solid fa-trophy\"><\/i> 2025<\/div>\r\n                    <h3 class=\"vr-about-timeline-title\">2 Million & <span>Growing<\/span><\/h3>\r\n                    <p class=\"vr-about-timeline-desc\">Today, 2M+ users trust Viewari for anonymous social media viewing. We continue to innovate and add new tools every month.<\/p>\r\n                    <span class=\"vr-about-timeline-tag\"><i class=\"fa-solid fa-heart\"><\/i> 2M+ Strong<\/span>\r\n                    <i class=\"fa-solid fa-trophy vr-about-timeline-icon\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== MISSION & VISION SECTION ===== -->\r\n<section class=\"vr-about-section vr-about-section-dark\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-about-mission-grid\">\r\n            <div class=\"vr-about-mission-visual\">\r\n                <div class=\"vr-about-mission-scene\">\r\n                    <div class=\"vr-about-mission-orb\"><\/div>\r\n\r\n                    <div class=\"vr-about-mission-card\">\r\n                        <div class=\"vr-about-mission-icon-wrap\">\r\n                            <div class=\"vr-about-mission-shield\">\r\n                                <i class=\"fa-solid fa-bullseye\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"vr-about-mission-icon-ring\"><\/div>\r\n\r\n                        <\/div>\r\n                        <div style=\"color: var(--viewari-about-text); font-family: 'Poppins', Georgia, serif; font-size: 1.3rem; font-weight: 700; margin-bottom: 8px; transform: translateZ(15px);\">Privacy Is a Right<\/div>\r\n                        <div style=\"color: var(--viewari-about-text-muted); font-size: 0.9rem; max-width: 260px; transform: translateZ(10px);\">Empowering users to browse freely without compromising their privacy<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-about-mission-content\">\r\n                <div class=\"vr-about-section-tag\">\r\n                    <i class=\"fa-solid fa-bullseye\"><\/i>\r\n                    Mission & Vision\r\n                <\/div>\r\n                <h2 class=\"vr-about-mission-title\">Building a Safer, More<br><span>Private Social Web<\/span><\/h2>\r\n                <p class=\"vr-about-mission-desc\">Viewari is on a mission to democratize anonymous social media access. We believe privacy isn't a luxury \u2014 it's a fundamental right. Our tools empower millions to browse freely, without fear of tracking or data collection.<\/p>\r\n                <ul class=\"vr-about-mission-list\">\r\n                    <li class=\"vr-about-mission-item\">\r\n                        <div class=\"vr-about-mission-item-icon\"><i class=\"fa-solid fa-eye-slash\"><\/i><\/div>\r\n                        <div class=\"vr-about-mission-item-text\">\r\n                            <strong><i class=\"fa-solid fa-circle-check\"><\/i> Zero Tracking Guarantee<\/strong>\r\n                            <span>We never track, log, or store your browsing activity. Complete anonymity is our promise to every user.<\/span>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"vr-about-mission-item\">\r\n                        <div class=\"vr-about-mission-item-icon\"><i class=\"fa-solid fa-unlock\"><\/i><\/div>\r\n                        <div class=\"vr-about-mission-item-text\">\r\n                            <strong><i class=\"fa-solid fa-circle-check\"><\/i> Free Access for Everyone<\/strong>\r\n                            <span>All our core tools are completely free. No hidden charges, no premium walls \u2014 just anonymous viewing for all.<\/span>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"vr-about-mission-item\">\r\n                        <div class=\"vr-about-mission-item-icon\"><i class=\"fa-solid fa-arrows-spin\"><\/i><\/div>\r\n                        <div class=\"vr-about-mission-item-text\">\r\n                            <strong><i class=\"fa-solid fa-circle-check\"><\/i> Continuous Innovation<\/strong>\r\n                            <span>We constantly update our tools, add new platforms, and improve performance based on user feedback.<\/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<!-- ===== VALUES SECTION ===== -->\r\n<section class=\"vr-about-section vr-about-section-darker\" id=\"values\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-about-section-header\">\r\n            <div class=\"vr-about-section-tag\">\r\n                <i class=\"fa-solid fa-gem\"><\/i>\r\n                Core Values\r\n            <\/div>\r\n            <h2 class=\"vr-about-section-title\">What We <span>Stand For<\/span><\/h2>\r\n            <p class=\"vr-about-section-desc\">The principles that guide everything we build and every decision we make.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-about-values-grid\">\r\n            <div class=\"vr-about-value-card\">\r\n                <div class=\"vr-about-value-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n                <h3 class=\"vr-about-value-name\">Privacy First<\/h3>\r\n                <p class=\"vr-about-value-desc\">Your privacy is never compromised. We design every tool with anonymity as the default, not an afterthought.<\/p>\r\n            <\/div>\r\n            <div class=\"vr-about-value-card\">\r\n                <div class=\"vr-about-value-icon\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\r\n                <h3 class=\"vr-about-value-name\">Trust & Transparency<\/h3>\r\n                <p class=\"vr-about-value-desc\">We operate with full transparency. No hidden data collection, no misleading practices \u2014 just honest tools.<\/p>\r\n            <\/div>\r\n            <div class=\"vr-about-value-card\">\r\n                <div class=\"vr-about-value-icon\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\r\n                <h3 class=\"vr-about-value-name\">Speed & Simplicity<\/h3>\r\n                <p class=\"vr-about-value-desc\">Powerful tools should be simple to use. We obsess over speed and ease, so you get results in seconds.<\/p>\r\n            <\/div>\r\n            <div class=\"vr-about-value-card\">\r\n                <div class=\"vr-about-value-icon\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\r\n                <h3 class=\"vr-about-value-name\">Inclusive Access<\/h3>\r\n                <p class=\"vr-about-value-desc\">Our tools work for everyone, everywhere. No accounts, no barriers \u2014 just free, open access to social content.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== TEAM SECTION ===== -->\r\n<section class=\"vr-about-section vr-about-section-dark\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-about-section-header\">\r\n            <div class=\"vr-about-section-tag\">\r\n                <i class=\"fa-solid fa-users\"><\/i>\r\n                Our Team\r\n            <\/div>\r\n            <h2 class=\"vr-about-section-title\">Meet the People Behind <span>Viewari<\/span><\/h2>\r\n            <p class=\"vr-about-section-desc\">A dedicated team passionate about privacy, innovation, and building tools that make a difference.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-about-team-grid\">\r\n            <div class=\"vr-about-team-card\">\r\n                <div class=\"vr-about-team-avatar\">AK<\/div>\r\n                <h3 class=\"vr-about-team-name\">Alex Kore<\/h3>\r\n                <p class=\"vr-about-team-role\">Founder & CEO<\/p>\r\n                <div class=\"vr-about-team-socials\">\r\n                    <a href=\"#\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n                    <a href=\"#\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n                    <a href=\"#\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-about-team-card\">\r\n                <div class=\"vr-about-team-avatar\">AP<\/div>\r\n                <h3 class=\"vr-about-team-name\">Anthony M. Payne<\/h3>\r\n                <p class=\"vr-about-team-role\">Lead Engineer<\/p>\r\n                <div class=\"vr-about-team-socials\">\r\n                    <a href=\"#\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n                    <a href=\"#\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n                    <a href=\"#\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-about-team-card\">\r\n                <div class=\"vr-about-team-avatar\">JC<\/div>\r\n                <h3 class=\"vr-about-team-name\">James Chen<\/h3>\r\n                <p class=\"vr-about-team-role\">Product Designer<\/p>\r\n                <div class=\"vr-about-team-socials\">\r\n                    <a href=\"#\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n                    <a href=\"#\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n                    <a href=\"#\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===== TESTIMONIALS SECTION ===== -->\r\n<section class=\"vr-about-section vr-about-section-gradient\">\r\n    <div class=\"container\">\r\n        <div class=\"vr-about-section-header\">\r\n            <div class=\"vr-about-section-tag\">\r\n                <i class=\"fa-solid fa-comments\"><\/i>\r\n                Testimonials\r\n            <\/div>\r\n            <h2 class=\"vr-about-section-title\">What Users <span>Say About Us<\/span><\/h2>\r\n            <p class=\"vr-about-section-desc\">Hear from the millions who trust Viewari for their anonymous browsing needs.<\/p>\r\n        <\/div>\r\n        <div class=\"vr-about-testimonials-grid\">\r\n            <div class=\"vr-about-testimonial-card\">\r\n                <div class=\"vr-about-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-about-testimonial-quote\">\r\n                    <i class=\"fa-solid fa-quote-left vr-about-testimonial-quote-icon\"><\/i>\r\n                    <p>Viewari completely changed how I research content. I can preview anything without logging in. It's indispensable.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-about-testimonial-author\">\r\n                    <div class=\"vr-about-testimonial-avatar\">AS<\/div>\r\n                    <div>\r\n                        <h4 class=\"vr-about-testimonial-name\">Alfredo R. Sinclair<\/h4>\r\n                        <p class=\"vr-about-testimonial-role\">Digital Marketer<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-about-testimonial-card\">\r\n                <div class=\"vr-about-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-about-testimonial-quote\">\r\n                    <i class=\"fa-solid fa-quote-left vr-about-testimonial-quote-icon\"><\/i>\r\n                    <p>Finally, a platform that actually respects user privacy. The tools work flawlessly and the team is constantly improving them.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-about-testimonial-author\">\r\n                    <div class=\"vr-about-testimonial-avatar\">DK<\/div>\r\n                    <div>\r\n                        <h4 class=\"vr-about-testimonial-name\">David Kim<\/h4>\r\n                        <p class=\"vr-about-testimonial-role\">Privacy Advocate<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-about-testimonial-card\">\r\n                <div class=\"vr-about-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-about-testimonial-quote\">\r\n                    <i class=\"fa-solid fa-quote-left vr-about-testimonial-quote-icon\"><\/i>\r\n                    <p>I use Viewari daily for client research across multiple platforms. It's fast, reliable, and truly anonymous. Highly recommend.<\/p>\r\n                <\/div>\r\n                <div class=\"vr-about-testimonial-author\">\r\n                    <div class=\"vr-about-testimonial-avatar\">JG<\/div>\r\n                    <div>\r\n                        <h4 class=\"vr-about-testimonial-name\">James W. Guertin<\/h4>\r\n                        <p class=\"vr-about-testimonial-role\">Social Media Strategist<\/p>\r\n                    <\/div>\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-about-cta-section\">\r\n    <div class=\"vr-about-cta-bg-particles\">\r\n        <div class=\"vr-about-cta-particle\"><\/div>\r\n        <div class=\"vr-about-cta-particle\"><\/div>\r\n        <div class=\"vr-about-cta-particle\"><\/div>\r\n    <\/div>\r\n    <div class=\"container\">\r\n        <div class=\"vr-about-cta-card\">\r\n            <div class=\"vr-about-cta-card-glow\"><\/div>\r\n            <div class=\"vr-about-cta-card-inner\">\r\n                <div class=\"vr-about-cta-card-badge\">\r\n                    <i class=\"fa-solid fa-rocket\"><\/i>\r\n                    Join 2M+ Users\r\n                <\/div>\r\n                <h2 class=\"vr-about-cta-card-title\">Ready to Experience<br>True Social Media<br><span>Privacy?<\/span><\/h2>\r\n                <p class=\"vr-about-cta-card-desc\">Start browsing anonymously today. No sign-up, no tracking \u2014 just instant, private access to all major social platforms.<\/p>\r\n                <div class=\"vr-about-cta-card-actions\">\r\n                    <a href=\"\/instagram\" class=\"vr-about-btn vr-about-btn-ig\">\r\n                        <i class=\"fa-brands fa-instagram\"><\/i>\r\n                        Instagram Tools\r\n                    <\/a>\r\n                    <a href=\"\/youtube\" class=\"vr-about-btn vr-about-btn-yt\">\r\n                        <i class=\"fa-brands fa-youtube\"><\/i>\r\n                        YouTube Tools\r\n                    <\/a>\r\n                    <a href=\"\/\" class=\"vr-about-btn vr-about-btn-primary\">\r\n                        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                        All Platforms\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"vr-about-cta-card-bottom\">\r\n                <div class=\"vr-about-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-about-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-about-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-about-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-about-value-card, .vr-about-team-card, .vr-about-testimonial-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><\/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-2984","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/2984","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=2984"}],"version-history":[{"count":3,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/2984\/revisions"}],"predecessor-version":[{"id":5504,"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/pages\/2984\/revisions\/5504"}],"wp:attachment":[{"href":"https:\/\/viewari.com\/wp-json\/wp\/v2\/media?parent=2984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}