{"id":5266,"date":"2026-05-24T08:49:32","date_gmt":"2026-05-24T08:49:32","guid":{"rendered":"https:\/\/viiewerr.com\/?page_id=5266"},"modified":"2026-05-24T11:06:09","modified_gmt":"2026-05-24T11:06:09","slug":"about","status":"publish","type":"page","link":"https:\/\/viiewerr.com\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5266\" class=\"elementor elementor-5266\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baab150 e-con-full e-flex e-con e-parent\" data-id=\"baab150\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66e1daa elementor-widget elementor-widget-shortcode\" data-id=\"66e1daa\" 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\"><div class=\"viiewerr-about-wrap\">\r\n  <!-- Boxicons CSS must be loaded once in WordPress header:\r\n    <link href=\"https:\/\/unpkg.com\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\"> -->\r\n\r\n  <!-- SECTION 1: ABOUT HERO -->\r\n  <section class=\"va-hero\" aria-label=\"About Viiewerr Introduction\">\r\n    <div class=\"va-hero-bg\" aria-hidden=\"true\">\r\n      <div class=\"va-hero-glow-1\"><\/div>\r\n      <div class=\"va-hero-glow-2\"><\/div>\r\n      <div class=\"va-hero-grid\"><\/div>\r\n    <\/div>\r\n    <div class=\"va-container va-hero-inner\">\r\n      <div class=\"va-hero-content\">\r\n        <span class=\"va-badge\">About Viiewerr<\/span>\r\n        <h1 class=\"va-hero-h1\">Built for Simple Public Social Media Viewing<\/h1>\r\n        <p class=\"va-hero-sub\">Viiewerr is a clean, browser-based public social media viewer hub that helps users discover viewer tools for popular platforms without login or app installation.<\/p>\r\n        <div class=\"va-hero-btns\">\r\n          <a href=\"#\" class=\"va-btn va-btn-primary\">Explore Viewer Tools<\/a>\r\n          <a href=\"#\" class=\"va-btn va-btn-secondary\">View Popular Tools<\/a>\r\n        <\/div>\r\n        <ul class=\"va-hero-trust\" aria-label=\"Key features\">\r\n          <li><i class=\"bx bx-lock-open-alt va-ht-icon\" aria-hidden=\"true\"><\/i> No Login Required<\/li>\r\n          <li><i class=\"bx bx-globe va-ht-icon\" aria-hidden=\"true\"><\/i> Public Content Only<\/li>\r\n          <li><i class=\"bx bx-bolt-circle va-ht-icon\" aria-hidden=\"true\"><\/i> Browser-Based<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"va-hero-visual\" aria-hidden=\"true\">\r\n        <div class=\"va-hero-card-wrap\">\r\n          <div class=\"va-hc va-hc-1\">\r\n            <div class=\"va-hc-icon\"><i class=\"bx bxl-instagram\"><\/i><\/div>\r\n            <div class=\"va-hc-text\"><span class=\"va-hc-name\">Instagram Viewer<\/span><span class=\"va-hc-label\">Public Only<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"va-hc va-hc-2\">\r\n            <div class=\"va-hc-icon\"><i class=\"bx bxl-tiktok\"><\/i><\/div>\r\n            <div class=\"va-hc-text\"><span class=\"va-hc-name\">TikTok Viewer<\/span><span class=\"va-hc-label\">No Login<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"va-hc va-hc-3\">\r\n            <div class=\"va-hc-icon\"><i class=\"bx bxl-youtube\"><\/i><\/div>\r\n            <div class=\"va-hc-text\"><span class=\"va-hc-name\">YouTube Viewer<\/span><span class=\"va-hc-label\">Public Only<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"va-hc va-hc-4\">\r\n            <div class=\"va-hc-icon\"><i class=\"bx bxl-facebook\"><\/i><\/div>\r\n            <div class=\"va-hc-text\"><span class=\"va-hc-name\">Facebook Viewer<\/span><span class=\"va-hc-label\">No Login<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"va-hc va-hc-5\">\r\n            <div class=\"va-hc-icon\"><i class=\"bx bxl-reddit\"><\/i><\/div>\r\n            <div class=\"va-hc-text\"><span class=\"va-hc-name\">Reddit Viewer<\/span><span class=\"va-hc-label\">Public Only<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"va-hc va-hc-6\">\r\n            <div class=\"va-hc-icon\"><i class=\"bx bxl-pinterest\"><\/i><\/div>\r\n            <div class=\"va-hc-text\"><span class=\"va-hc-name\">Pinterest Viewer<\/span><span class=\"va-hc-label\">No Login<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"va-hero-center-orb\">V<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 2: MISSION SECTION -->\r\n  <section class=\"va-section va-bg-white\" aria-labelledby=\"va-mission-title\">\r\n    <div class=\"va-container\">\r\n      <header class=\"va-section-header\">\r\n        <h2 id=\"va-mission-title\" class=\"va-h2\">Our Mission Is to Make Public Viewer Tools Easier to Find<\/h2>\r\n        <p class=\"va-p\">Viiewerr was created to organize public social media viewer tools into one simple place. Instead of searching across scattered websites, users can find platform-based viewer pages for public profiles, stories, videos, thumbnails, posts, and more.<\/p>\r\n      <\/header>\r\n      <ul class=\"va-grid-4 va-mission-grid\">\r\n        <li class=\"va-mission-card\">\r\n          <div class=\"va-mc-icon\"><i class=\"bx bx-grid-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Simple Access<\/h3>\r\n          <p class=\"va-mc-desc\">Public viewer categories arranged in a clean and easy-to-browse layout.<\/p>\r\n        <\/li>\r\n        <li class=\"va-mission-card\">\r\n          <div class=\"va-mc-icon\"><i class=\"bx bx-globe\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Public Content Focus<\/h3>\r\n          <p class=\"va-mc-desc\">Viiewerr is built around publicly available social media content only.<\/p>\r\n        <\/li>\r\n        <li class=\"va-mission-card\">\r\n          <div class=\"va-mc-icon\"><i class=\"bx bx-navigation\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Clean Navigation<\/h3>\r\n          <p class=\"va-mc-desc\">Users can move between platform categories, tool pages, and guides easily.<\/p>\r\n        <\/li>\r\n        <li class=\"va-mission-card\">\r\n          <div class=\"va-mc-icon\"><i class=\"bx bx-mobile-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Mobile-Friendly Experience<\/h3>\r\n          <p class=\"va-mc-desc\">The layout is designed to work smoothly across phones, tablets, and desktops.<\/p>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 3: WHAT VIIEWERR DOES -->\r\n  <section class=\"va-section va-bg-pink\" aria-labelledby=\"va-does-title\">\r\n    <div class=\"va-container\">\r\n      <header class=\"va-section-header\">\r\n        <h2 id=\"va-does-title\" class=\"va-h2\">What Viiewerr Helps Users Do<\/h2>\r\n        <p class=\"va-p\">Viiewerr is designed as a public viewer tools directory and browsing hub for popular social platforms.<\/p>\r\n      <\/header>\r\n      <div class=\"va-grid-4 va-platform-grid\">\r\n        <a href=\"#\" class=\"va-platform-card\" aria-label=\"Instagram Viewer Tools\">\r\n          <div class=\"va-plat-top\">\r\n            <div class=\"va-plat-icon\"><i class=\"bx bxl-instagram\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"va-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"va-h3\">Instagram Viewer Tools<\/h3>\r\n          <p class=\"va-plat-desc\">Find public Instagram viewer pages for profiles, stories, reels, and related content.<\/p>\r\n          <span class=\"va-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"va-platform-card\" aria-label=\"TikTok Viewer Tools\">\r\n          <div class=\"va-plat-top\">\r\n            <div class=\"va-plat-icon\"><i class=\"bx bxl-tiktok\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"va-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"va-h3\">TikTok Viewer Tools<\/h3>\r\n          <p class=\"va-plat-desc\">Explore public TikTok viewer pages for profiles, videos, usernames, and more.<\/p>\r\n          <span class=\"va-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"va-platform-card\" aria-label=\"YouTube Viewer Tools\">\r\n          <div class=\"va-plat-top\">\r\n            <div class=\"va-plat-icon\"><i class=\"bx bxl-youtube\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"va-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"va-h3\">YouTube Viewer Tools<\/h3>\r\n          <p class=\"va-plat-desc\">Discover public YouTube viewer pages for thumbnails, videos, shorts, and channels.<\/p>\r\n          <span class=\"va-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"va-platform-card\" aria-label=\"Facebook Viewer Tools\">\r\n          <div class=\"va-plat-top\">\r\n            <div class=\"va-plat-icon\"><i class=\"bx bxl-facebook\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"va-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"va-h3\">Facebook Viewer Tools<\/h3>\r\n          <p class=\"va-plat-desc\">Browse public Facebook viewer pages for profiles, videos, reels, pages, and photos.<\/p>\r\n          <span class=\"va-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"va-platform-card\" aria-label=\"Reddit Viewer Tools\">\r\n          <div class=\"va-plat-top\">\r\n            <div class=\"va-plat-icon\"><i class=\"bx bxl-reddit\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"va-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"va-h3\">Reddit Viewer Tools<\/h3>\r\n          <p class=\"va-plat-desc\">Find public Reddit viewer pages for users, posts, subreddits, images, and videos.<\/p>\r\n          <span class=\"va-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"va-platform-card\" aria-label=\"Pinterest Viewer Tools\">\r\n          <div class=\"va-plat-top\">\r\n            <div class=\"va-plat-icon\"><i class=\"bx bxl-pinterest\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"va-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"va-h3\">Pinterest Viewer Tools<\/h3>\r\n          <p class=\"va-plat-desc\">Explore public Pinterest viewer pages for images, pins, boards, and visual content.<\/p>\r\n          <span class=\"va-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"va-platform-card\" aria-label=\"LinkedIn Viewer Tools\">\r\n          <div class=\"va-plat-top\">\r\n            <div class=\"va-plat-icon\"><i class=\"bx bxl-linkedin\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"va-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"va-h3\">LinkedIn Viewer Tools<\/h3>\r\n          <p class=\"va-plat-desc\">Browse public LinkedIn viewer categories for profile and professional content discovery.<\/p>\r\n          <span class=\"va-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"va-platform-card\" aria-label=\"X\/Twitter Viewer Tools\">\r\n          <div class=\"va-plat-top\">\r\n            <div class=\"va-plat-icon\"><i class=\"bx bxl-twitter\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"va-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"va-h3\">X\/Twitter Viewer Tools<\/h3>\r\n          <p class=\"va-plat-desc\">Find public X\/Twitter viewer pages for posts, profiles, videos, and social updates.<\/p>\r\n          <span class=\"va-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 4: WHY WE BUILT VIIEWERR -->\r\n  <section class=\"va-section va-bg-white\" aria-labelledby=\"va-why-title\">\r\n    <div class=\"va-container\">\r\n      <header class=\"va-section-header\">\r\n        <h2 id=\"va-why-title\" class=\"va-h2\">Why We Built a Cleaner Viewer Hub<\/h2>\r\n        <p class=\"va-p\">Many viewer tool sites feel confusing, overloaded, or unclear about what they do. Viiewerr is designed to feel more transparent, organized, and easier to use.<\/p>\r\n      <\/header>\r\n      <div class=\"va-comp-wrap\">\r\n        <article class=\"va-comp-card va-comp-old\">\r\n          <h3 class=\"va-h3\">Common Viewer Site Problems<\/h3>\r\n          <ul class=\"va-comp-list\">\r\n            <li><i class=\"bx bx-x va-comp-x\" aria-hidden=\"true\"><\/i>Messy page structure<\/li>\r\n            <li><i class=\"bx bx-x va-comp-x\" aria-hidden=\"true\"><\/i>Too many confusing links<\/li>\r\n            <li><i class=\"bx bx-x va-comp-x\" aria-hidden=\"true\"><\/i>Risky or unclear wording<\/li>\r\n            <li><i class=\"bx bx-x va-comp-x\" aria-hidden=\"true\"><\/i>Weak mobile experience<\/li>\r\n            <li><i class=\"bx bx-x va-comp-x\" aria-hidden=\"true\"><\/i>Poor platform organization<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n        <div class=\"va-comp-vs\" aria-hidden=\"true\">VS<\/div>\r\n        <article class=\"va-comp-card va-comp-new\">\r\n          <h3 class=\"va-h3\">The Viiewerr Approach<\/h3>\r\n          <ul class=\"va-comp-list\">\r\n            <li><i class=\"bx bx-check va-comp-check\" aria-hidden=\"true\"><\/i>Clean premium interface<\/li>\r\n            <li><i class=\"bx bx-check va-comp-check\" aria-hidden=\"true\"><\/i>Clear public-content message<\/li>\r\n            <li><i class=\"bx bx-check va-comp-check\" aria-hidden=\"true\"><\/i>Organized platform categories<\/li>\r\n            <li><i class=\"bx bx-check va-comp-check\" aria-hidden=\"true\"><\/i>Mobile-first browsing<\/li>\r\n            <li><i class=\"bx bx-check va-comp-check\" aria-hidden=\"true\"><\/i>Helpful guides and tool pages<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 5: PUBLIC CONTENT COMMITMENT -->\r\n  <section class=\"va-section va-commitment-section\" aria-labelledby=\"va-commit-title\">\r\n    <div class=\"va-container\">\r\n      <div class=\"va-commit-inner\">\r\n        <div class=\"va-commit-glow-1\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"va-commit-glow-2\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"va-commit-content\">\r\n          <span class=\"va-badge va-badge-light\">Our Commitment<\/span>\r\n          <h2 id=\"va-commit-title\" class=\"va-h2 va-text-white\">Built for Public Content, Not Private Access<\/h2>\r\n          <p class=\"va-p va-text-light\">Viiewerr helps users explore publicly available social media content. It does not unlock private profiles, bypass passwords, override platform privacy settings, or access restricted content.<\/p>\r\n          <ul class=\"va-trust-pills\">\r\n            <li><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i>Public content only<\/li>\r\n            <li><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i>No private account access<\/li>\r\n            <li><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i>No password bypassing<\/li>\r\n            <li><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i>No restricted content access<\/li>\r\n            <li><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i>Not affiliated with social platforms<\/li>\r\n            <li><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i>Transparent viewer-tool experience<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 6: DESIGN PRINCIPLES -->\r\n  <section class=\"va-section va-bg-white\" aria-labelledby=\"va-principles-title\">\r\n    <div class=\"va-container\">\r\n      <header class=\"va-section-header\">\r\n        <h2 id=\"va-principles-title\" class=\"va-h2\">The Principles Behind Viiewerr<\/h2>\r\n        <p class=\"va-p\">Every part of Viiewerr is planned around clarity, speed, safe wording, and simple public viewer tool discovery.<\/p>\r\n      <\/header>\r\n      <ul class=\"va-grid-3 va-principles-grid\">\r\n        <li class=\"va-principle-card\">\r\n          <div class=\"va-prin-icon\"><i class=\"bx bx-bulb\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Clarity First<\/h3>\r\n          <p class=\"va-prin-desc\">Every page should be easy to understand and simple to navigate.<\/p>\r\n        <\/li>\r\n        <li class=\"va-principle-card\">\r\n          <div class=\"va-prin-icon\"><i class=\"bx bx-bolt-circle\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Fast Browsing<\/h3>\r\n          <p class=\"va-prin-desc\">Lightweight sections and clear categories help users move quickly.<\/p>\r\n        <\/li>\r\n        <li class=\"va-principle-card\">\r\n          <div class=\"va-prin-icon\"><i class=\"bx bx-layer\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Platform Organization<\/h3>\r\n          <p class=\"va-prin-desc\">Viewer tools are grouped by social platform and content type.<\/p>\r\n        <\/li>\r\n        <li class=\"va-principle-card\">\r\n          <div class=\"va-prin-icon\"><i class=\"bx bx-mobile-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Mobile Ready<\/h3>\r\n          <p class=\"va-prin-desc\">The experience is designed for mobile, tablet, and desktop visitors.<\/p>\r\n        <\/li>\r\n        <li class=\"va-principle-card\">\r\n          <div class=\"va-prin-icon\"><i class=\"bx bx-shield-quarter\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Trust-Safe Wording<\/h3>\r\n          <p class=\"va-prin-desc\">Viiewerr avoids risky promises and focuses on public content only.<\/p>\r\n        <\/li>\r\n        <li class=\"va-principle-card\">\r\n          <div class=\"va-prin-icon\"><i class=\"bx bx-book-open\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Helpful Guides<\/h3>\r\n          <p class=\"va-prin-desc\">Educational articles can explain viewer tools and public social browsing.<\/p>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 7: PLATFORMS WE ORGANIZE -->\r\n  <section class=\"va-section va-bg-pink\" aria-labelledby=\"va-platforms-title\">\r\n    <div class=\"va-container\">\r\n      <header class=\"va-section-header\">\r\n        <h2 id=\"va-platforms-title\" class=\"va-h2\">Viewer Categories Across Popular Platforms<\/h2>\r\n        <p class=\"va-p\">Viiewerr organizes viewer tool categories for popular public social platforms in one easy-to-browse place.<\/p>\r\n      <\/header>\r\n      <ul class=\"va-logo-grid\">\r\n        <li class=\"va-logo-item va-logo-alt\">\r\n          <div class=\"va-logo-icon\"><i class=\"bx bxl-instagram\" aria-hidden=\"true\"><\/i><\/div>\r\n          <span class=\"va-logo-name\">Instagram<\/span>\r\n          <span class=\"va-logo-label\">Public Tools<\/span>\r\n        <\/li>\r\n        <li class=\"va-logo-item\">\r\n          <div class=\"va-logo-icon\"><i class=\"bx bxl-tiktok\" aria-hidden=\"true\"><\/i><\/div>\r\n          <span class=\"va-logo-name\">TikTok<\/span>\r\n          <span class=\"va-logo-label\">Public Tools<\/span>\r\n        <\/li>\r\n        <li class=\"va-logo-item va-logo-alt\">\r\n          <div class=\"va-logo-icon\"><i class=\"bx bxl-youtube\" aria-hidden=\"true\"><\/i><\/div>\r\n          <span class=\"va-logo-name\">YouTube<\/span>\r\n          <span class=\"va-logo-label\">Public Tools<\/span>\r\n        <\/li>\r\n        <li class=\"va-logo-item\">\r\n          <div class=\"va-logo-icon\"><i class=\"bx bxl-facebook\" aria-hidden=\"true\"><\/i><\/div>\r\n          <span class=\"va-logo-name\">Facebook<\/span>\r\n          <span class=\"va-logo-label\">Public Tools<\/span>\r\n        <\/li>\r\n        <li class=\"va-logo-item\">\r\n          <div class=\"va-logo-icon\"><i class=\"bx bxl-reddit\" aria-hidden=\"true\"><\/i><\/div>\r\n          <span class=\"va-logo-name\">Reddit<\/span>\r\n          <span class=\"va-logo-label\">Public Tools<\/span>\r\n        <\/li>\r\n        <li class=\"va-logo-item va-logo-alt\">\r\n          <div class=\"va-logo-icon\"><i class=\"bx bxl-pinterest\" aria-hidden=\"true\"><\/i><\/div>\r\n          <span class=\"va-logo-name\">Pinterest<\/span>\r\n          <span class=\"va-logo-label\">Public Tools<\/span>\r\n        <\/li>\r\n        <li class=\"va-logo-item\">\r\n          <div class=\"va-logo-icon\"><i class=\"bx bxl-linkedin\" aria-hidden=\"true\"><\/i><\/div>\r\n          <span class=\"va-logo-name\">LinkedIn<\/span>\r\n          <span class=\"va-logo-label\">Public Tools<\/span>\r\n        <\/li>\r\n        <li class=\"va-logo-item va-logo-alt\">\r\n          <div class=\"va-logo-icon\"><i class=\"bx bxl-twitter\" aria-hidden=\"true\"><\/i><\/div>\r\n          <span class=\"va-logo-name\">X\/Twitter<\/span>\r\n          <span class=\"va-logo-label\">Public Tools<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 8: FUTURE VISION -->\r\n  <section class=\"va-section va-vision-section\" aria-labelledby=\"va-vision-title\">\r\n    <div class=\"va-container\">\r\n      <header class=\"va-section-header\">\r\n        <h2 id=\"va-vision-title\" class=\"va-h2\">Where Viiewerr Is Going<\/h2>\r\n        <p class=\"va-p\">Viiewerr will continue expanding with more platform viewer pages, helpful guides, tool categories, and cleaner browsing experiences focused on public social content.<\/p>\r\n      <\/header>\r\n      <ol class=\"va-vision-grid\">\r\n        <li class=\"va-vision-card\">\r\n          <span class=\"va-vision-num\" aria-hidden=\"true\">01<\/span>\r\n          <div class=\"va-vision-icon\"><i class=\"bx bx-grid-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">More Public Viewer Tools<\/h3>\r\n          <p class=\"va-vision-desc\">Expanding viewer tool pages for more platforms and content types.<\/p>\r\n        <\/li>\r\n        <li class=\"va-vision-card\">\r\n          <span class=\"va-vision-num\" aria-hidden=\"true\">02<\/span>\r\n          <div class=\"va-vision-icon\"><i class=\"bx bx-navigation\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Better Platform Navigation<\/h3>\r\n          <p class=\"va-vision-desc\">Cleaner category structures, faster tool discovery, and better filtering.<\/p>\r\n        <\/li>\r\n        <li class=\"va-vision-card\">\r\n          <span class=\"va-vision-num\" aria-hidden=\"true\">03<\/span>\r\n          <div class=\"va-vision-icon\"><i class=\"bx bx-book-open\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">More Educational Guides<\/h3>\r\n          <p class=\"va-vision-desc\">Helpful articles on public content browsing, viewer tools, and platform tips.<\/p>\r\n        <\/li>\r\n        <li class=\"va-vision-card\">\r\n          <span class=\"va-vision-num\" aria-hidden=\"true\">04<\/span>\r\n          <div class=\"va-vision-icon\"><i class=\"bx bx-mobile-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"va-h3\">Improved Mobile Experience<\/h3>\r\n          <p class=\"va-vision-desc\">Faster loads, smoother layouts, and tap-friendly navigation for mobile users.<\/p>\r\n        <\/li>\r\n      <\/ol>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 9: FINAL CTA SECTION -->\r\n  <section class=\"va-cta-section\" aria-labelledby=\"va-cta-title\">\r\n    <div class=\"va-cta-glow-1\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"va-cta-glow-2\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"va-container\">\r\n      <div class=\"va-cta-content\">\r\n        <h2 id=\"va-cta-title\" class=\"va-h2 va-text-white\">Start Exploring Viiewerr<\/h2>\r\n        <p class=\"va-p va-text-light va-cta-sub\">Choose a platform, browse public viewer tools, and discover a cleaner way to explore publicly available social media content.<\/p>\r\n        <div class=\"va-cta-btns\">\r\n          <a href=\"#\" class=\"va-btn va-btn-primary\">Explore Viewer Tools<\/a>\r\n          <a href=\"#\" class=\"va-btn va-btn-outline-white\">Read Guides<\/a>\r\n        <\/div>\r\n        <ul class=\"va-cta-trust\" aria-label=\"Trust points\">\r\n          <li><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i>Free to Browse<\/li>\r\n          <li><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i>No Account Needed<\/li>\r\n          <li><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i>Public Content Only<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <style>\r\n    \/* ============================================\r\n       VIIEWERR ABOUT PAGE \u2014 Scoped CSS\r\n       All rules under .viiewerr-about-wrap\r\n    ============================================ *\/\r\n    .viiewerr-about-wrap {\r\n      \/* Brand Tokens *\/\r\n      --va-dark:        #1B1028;\r\n      --va-purple:      #3B0270;\r\n      --va-neon:        #6F00FF;\r\n      --va-neon-hover:  #8222ff;\r\n      --va-pink:        #E9B3FB;\r\n      --va-light-pink:  #FFF1F1;\r\n      --va-white:       #FFFFFF;\r\n      --va-muted:       #6D5A7A;\r\n      --va-border:      #EBE4F0;\r\n\r\n      \/* Alpha Helpers *\/\r\n      --va-neon-10: rgba(111,0,255,.10);\r\n      --va-neon-15: rgba(111,0,255,.15);\r\n      --va-neon-25: rgba(111,0,255,.25);\r\n      --va-neon-30: rgba(111,0,255,.30);\r\n      --va-pink-10: rgba(233,179,251,.10);\r\n      --va-pink-15: rgba(233,179,251,.15);\r\n      --va-pink-30: rgba(233,179,251,.30);\r\n      --va-pink-50: rgba(233,179,251,.50);\r\n\r\n      \/* Shape \/ Motion *\/\r\n      --va-r-sm:   12px;\r\n      --va-r-md:   18px;\r\n      --va-r-lg:   24px;\r\n      --va-r-xl:   32px;\r\n      --va-r-pill: 50px;\r\n      --va-shadow: 0 4px 24px rgba(0,0,0,.05);\r\n      --va-shadow-hover: 0 12px 36px rgba(111,0,255,.10);\r\n      --va-ease:   cubic-bezier(.4,0,.2,1);\r\n      --va-ease-spring: cubic-bezier(.34,1.56,.64,1);\r\n\r\n      font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;\r\n      color: var(--va-dark);\r\n      line-height: 1.65;\r\n      -webkit-font-smoothing: antialiased;\r\n      overflow-x: hidden;\r\n      width: 100%;\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n    .viiewerr-about-wrap *, .viiewerr-about-wrap *::before, .viiewerr-about-wrap *::after { box-sizing: border-box; }\r\n    .viiewerr-about-wrap a         { text-decoration: none; color: inherit; }\r\n    .viiewerr-about-wrap ul, .viiewerr-about-wrap ol { margin: 0; padding: 0; list-style: none; }\r\n    .viiewerr-about-wrap p         { margin: 0 0 16px; }\r\n    .viiewerr-about-wrap h2, .viiewerr-about-wrap h3 { margin: 0 0 12px; }\r\n    .viiewerr-about-wrap img       { display: block; max-width: 100%; }\r\n\r\n    \/* \u2500\u2500 Accessibility \u2500\u2500 *\/\r\n    .viiewerr-about-wrap *:focus-visible { outline: 2px solid var(--va-neon); outline-offset: 3px; border-radius: 4px; }\r\n    .viiewerr-about-wrap .va-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }\r\n    .viiewerr-about-wrap .bx { font-style: normal; line-height: 1; display: inline-block; vertical-align: middle; }\r\n\r\n    \/* \u2500\u2500 Utilities \u2500\u2500 *\/\r\n    .viiewerr-about-wrap .va-bg-white { background: var(--va-white); }\r\n    .viiewerr-about-wrap .va-bg-pink  { background: var(--va-light-pink); }\r\n    .viiewerr-about-wrap .va-text-white { color: var(--va-white) !important; }\r\n    .viiewerr-about-wrap .va-text-light { color: rgba(255,255,255,.80) !important; }\r\n\r\n    .viiewerr-about-wrap .va-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 24px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .viiewerr-about-wrap .va-section { padding: 90px 0; }\r\n\r\n    .viiewerr-about-wrap .va-section-header {\r\n      text-align: center;\r\n      max-width: 720px;\r\n      margin: 0 auto 56px;\r\n    }\r\n    .viiewerr-about-wrap .va-h2 {\r\n      font-size: clamp(28px, 3.5vw, 40px);\r\n      font-weight: 800;\r\n      letter-spacing: -.5px;\r\n      line-height: 1.2;\r\n      color: var(--va-dark);\r\n      margin-bottom: 16px;\r\n    }\r\n    .viiewerr-about-wrap .va-h3 {\r\n      font-size: 19px;\r\n      font-weight: 700;\r\n      color: var(--va-dark);\r\n      margin-bottom: 8px;\r\n    }\r\n    .viiewerr-about-wrap .va-p {\r\n      font-size: 16px;\r\n      color: var(--va-muted);\r\n      line-height: 1.7;\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    \/* Badges *\/\r\n    .viiewerr-about-wrap .va-badge {\r\n      display: inline-block;\r\n      padding: 6px 16px;\r\n      border-radius: var(--va-r-pill);\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: .5px;\r\n      background: var(--va-neon-10);\r\n      color: var(--va-neon);\r\n      margin-bottom: 20px;\r\n      border: 1px solid var(--va-neon-25);\r\n    }\r\n    .viiewerr-about-wrap .va-badge-light {\r\n      background: rgba(255,255,255,.12);\r\n      color: var(--va-pink);\r\n      border-color: var(--va-pink-30);\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .viiewerr-about-wrap .va-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 8px;\r\n      padding: 15px 32px;\r\n      border-radius: var(--va-r-pill);\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      border: 2px solid transparent;\r\n      cursor: pointer;\r\n      transition: transform .2s var(--va-ease), box-shadow .2s var(--va-ease), background .2s var(--va-ease);\r\n    }\r\n    .viiewerr-about-wrap .va-btn-primary {\r\n      background: linear-gradient(135deg, var(--va-neon), var(--va-purple));\r\n      color: var(--va-white);\r\n      box-shadow: 0 4px 18px rgba(111,0,255,.40);\r\n    }\r\n    .viiewerr-about-wrap .va-btn-primary:hover,\r\n    .viiewerr-about-wrap .va-btn-primary:focus-visible {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 10px 32px rgba(111,0,255,.60);\r\n      color: var(--va-white);\r\n    }\r\n    .viiewerr-about-wrap .va-btn-primary:active { transform: translateY(0) scale(.97); }\r\n    .viiewerr-about-wrap .va-btn-secondary {\r\n      background: transparent;\r\n      border-color: rgba(255,255,255,.35);\r\n      color: var(--va-white);\r\n    }\r\n    .viiewerr-about-wrap .va-btn-secondary:hover,\r\n    .viiewerr-about-wrap .va-btn-secondary:focus-visible {\r\n      background: rgba(255,255,255,.10);\r\n      transform: translateY(-2px);\r\n    }\r\n    .viiewerr-about-wrap .va-btn-outline-white {\r\n      background: transparent;\r\n      border-color: rgba(255,255,255,.40);\r\n      color: var(--va-white);\r\n    }\r\n    .viiewerr-about-wrap .va-btn-outline-white:hover,\r\n    .viiewerr-about-wrap .va-btn-outline-white:focus-visible {\r\n      background: rgba(255,255,255,.12);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    \/* Grids *\/\r\n    .viiewerr-about-wrap .va-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\r\n    .viiewerr-about-wrap .va-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\r\n\r\n    \/* \u2500\u2500 Fade-up animation (JS applied) \u2500\u2500 *\/\r\n    .viiewerr-about-wrap .va-fade-up {\r\n      opacity: 0;\r\n      transform: translateY(32px);\r\n      transition: opacity .65s var(--va-ease), transform .65s var(--va-ease);\r\n    }\r\n    .viiewerr-about-wrap .va-fade-up.va-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* =============================================\r\n       SECTION 1 \u2014 HERO\r\n    ============================================= *\/\r\n    .viiewerr-about-wrap .va-hero {\r\n      position: relative;\r\n      background: var(--va-dark);\r\n      overflow: hidden;\r\n      padding: 110px 0 90px;\r\n      color: var(--va-white);\r\n    }\r\n    .viiewerr-about-wrap .va-hero-bg {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      background: radial-gradient(circle at 30% 0%, var(--va-purple) 0%, var(--va-dark) 65%);\r\n    }\r\n    .viiewerr-about-wrap .va-hero-glow-1 {\r\n      position: absolute;\r\n      top: -25%; left: -5%;\r\n      width: 55%; height: 70%;\r\n      background: radial-gradient(circle, var(--va-neon-30) 0%, transparent 70%);\r\n      filter: blur(90px);\r\n      animation: va-pulse 9s infinite alternate;\r\n      will-change: transform, opacity;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-glow-2 {\r\n      position: absolute;\r\n      bottom: -20%; right: -10%;\r\n      width: 50%; height: 60%;\r\n      background: radial-gradient(circle, var(--va-pink-30) 0%, transparent 70%);\r\n      filter: blur(100px);\r\n      animation: va-pulse 11s infinite alternate-reverse;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-grid {\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\r\n      background-size: 40px 40px;\r\n      mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 75%);\r\n      -webkit-mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 75%);\r\n    }\r\n    .viiewerr-about-wrap .va-hero-inner {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 60px;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-content {\r\n      flex: 1;\r\n      position: relative;\r\n      z-index: 2;\r\n      animation: va-fade-up-in .9s var(--va-ease) forwards;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-h1 {\r\n      font-size: clamp(32px, 4.5vw, 60px);\r\n      font-weight: 800;\r\n      line-height: 1.15;\r\n      letter-spacing: -1px;\r\n      color: var(--va-white);\r\n      margin-bottom: 20px;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-sub {\r\n      font-size: 17px;\r\n      color: rgba(255,255,255,.78);\r\n      line-height: 1.7;\r\n      max-width: 520px;\r\n      margin-bottom: 36px;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-btns {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 14px;\r\n      margin-bottom: 36px;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-trust {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 20px;\r\n      color: rgba(255,255,255,.65);\r\n      font-size: 14px;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-trust li { display: flex; align-items: center; gap: 6px; }\r\n    .viiewerr-about-wrap .va-ht-icon { font-size: 17px; color: var(--va-pink); }\r\n\r\n    \/* Hero Visual *\/\r\n    .viiewerr-about-wrap .va-hero-visual {\r\n      flex: 1;\r\n      position: relative;\r\n      z-index: 2;\r\n      height: 480px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-card-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n    .viiewerr-about-wrap .va-hero-center-orb {\r\n      position: absolute;\r\n      top: 50%; left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 90px; height: 90px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, var(--va-neon), var(--va-purple));\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 36px; font-weight: 900; color: var(--va-white);\r\n      box-shadow: 0 0 50px rgba(111,0,255,.45);\r\n      z-index: 5;\r\n    }\r\n    \/* Floating cards *\/\r\n    .viiewerr-about-wrap .va-hc {\r\n      position: absolute;\r\n      display: flex; align-items: center; gap: 10px;\r\n      background: rgba(255,255,255,.05);\r\n      border: 1px solid var(--va-pink-30);\r\n      border-radius: 18px;\r\n      padding: 11px 16px;\r\n      backdrop-filter: blur(14px);\r\n      -webkit-backdrop-filter: blur(14px);\r\n      box-shadow: 0 10px 30px rgba(0,0,0,.20);\r\n      animation: va-float 6s ease-in-out infinite;\r\n      will-change: transform;\r\n    }\r\n    .viiewerr-about-wrap .va-hc-icon {\r\n      width: 36px; height: 36px;\r\n      border-radius: 50%;\r\n      background: var(--va-pink-15);\r\n      border: 1px solid var(--va-pink-30);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 20px; color: var(--va-pink);\r\n    }\r\n    .viiewerr-about-wrap .va-hc-text { display: flex; flex-direction: column; }\r\n    .viiewerr-about-wrap .va-hc-name { font-size: 13px; font-weight: 600; color: var(--va-white); white-space: nowrap; }\r\n    .viiewerr-about-wrap .va-hc-label { font-size: 10px; color: var(--va-pink); background: var(--va-pink-10); padding: 2px 7px; border-radius: 10px; margin-top: 3px; align-self: flex-start; }\r\n\r\n    \/* Card positions & float delays *\/\r\n    .viiewerr-about-wrap .va-hc-1 { top: 5%;  left: 5%;  --va-rot: -4deg; animation-delay: 0s;   }\r\n    .viiewerr-about-wrap .va-hc-2 { top: 30%; left: 0%;  --va-rot:  3deg; animation-delay: 1s;   }\r\n    .viiewerr-about-wrap .va-hc-3 { top: 58%; left: 5%;  --va-rot: -2deg; animation-delay: 2s;   }\r\n    .viiewerr-about-wrap .va-hc-4 { top: 5%;  right: 2%; --va-rot:  4deg; animation-delay: .5s;  }\r\n    .viiewerr-about-wrap .va-hc-5 { top: 30%; right: 0%; --va-rot: -3deg; animation-delay: 1.5s; }\r\n    .viiewerr-about-wrap .va-hc-6 { top: 58%; right: 2%; --va-rot:  2deg; animation-delay: 2.5s; }\r\n\r\n    @keyframes va-float {\r\n      0%,100% { transform: rotate(var(--va-rot)) translateY(0) translateZ(0); }\r\n      50%      { transform: rotate(var(--va-rot)) translateY(-14px) translateZ(0); }\r\n    }\r\n    @keyframes va-pulse {\r\n      0%   { opacity: .5; transform: scale(.9); }\r\n      100% { opacity: 1;  transform: scale(1.1); }\r\n    }\r\n    @keyframes va-fade-up-in {\r\n      0%   { opacity: 0; transform: translateY(28px); }\r\n      100% { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* =============================================\r\n       SECTION 2 \u2014 MISSION\r\n    ============================================= *\/\r\n    .viiewerr-about-wrap .va-mission-grid { align-items: stretch; }\r\n    .viiewerr-about-wrap .va-mission-card {\r\n      background: var(--va-white);\r\n      border: 1px solid var(--va-border);\r\n      border-radius: var(--va-r-lg);\r\n      padding: 36px 28px;\r\n      box-shadow: var(--va-shadow);\r\n      transition: transform .3s var(--va-ease), box-shadow .3s var(--va-ease), border-color .3s;\r\n    }\r\n    .viiewerr-about-wrap .va-mission-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: var(--va-shadow-hover);\r\n      border-color: var(--va-pink);\r\n    }\r\n    .viiewerr-about-wrap .va-mc-icon {\r\n      width: 58px; height: 58px;\r\n      border-radius: var(--va-r-md);\r\n      background: var(--va-pink-15);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 28px; color: var(--va-neon);\r\n      margin-bottom: 20px;\r\n      transition: transform .35s var(--va-ease-spring);\r\n    }\r\n    .viiewerr-about-wrap .va-mission-card:hover .va-mc-icon { transform: scale(1.12) rotate(5deg); }\r\n    .viiewerr-about-wrap .va-mc-desc { font-size: 15px; color: var(--va-muted); line-height: 1.65; margin: 0; }\r\n\r\n    \/* =============================================\r\n       SECTION 3 \u2014 WHAT VIIEWERR DOES\r\n    ============================================= *\/\r\n    .viiewerr-about-wrap .va-platform-grid { align-items: stretch; }\r\n    .viiewerr-about-wrap .va-platform-card {\r\n      display: flex; flex-direction: column;\r\n      background: var(--va-white);\r\n      border: 1px solid var(--va-border);\r\n      border-radius: var(--va-r-lg);\r\n      padding: 28px 24px 24px;\r\n      box-shadow: var(--va-shadow);\r\n      transition: transform .3s var(--va-ease), box-shadow .3s var(--va-ease), border-color .3s;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .viiewerr-about-wrap .va-platform-card::after {\r\n      content: '';\r\n      position: absolute; inset: 0;\r\n      border-radius: var(--va-r-lg);\r\n      background: linear-gradient(135deg, var(--va-neon-10), var(--va-pink-10));\r\n      opacity: 0;\r\n      transition: opacity .3s;\r\n      pointer-events: none;\r\n    }\r\n    .viiewerr-about-wrap .va-platform-card:hover,\r\n    .viiewerr-about-wrap .va-platform-card:focus-visible {\r\n      transform: translateY(-6px);\r\n      box-shadow: var(--va-shadow-hover);\r\n      border-color: var(--va-pink);\r\n    }\r\n    .viiewerr-about-wrap .va-platform-card:hover::after { opacity: 1; }\r\n    .viiewerr-about-wrap .va-plat-top {\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      margin-bottom: 16px;\r\n    }\r\n    .viiewerr-about-wrap .va-plat-icon {\r\n      width: 54px; height: 54px;\r\n      border-radius: var(--va-r-md);\r\n      background: var(--va-pink-15);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 30px; color: var(--va-neon);\r\n      transition: transform .35s var(--va-ease-spring);\r\n      position: relative; z-index: 1;\r\n    }\r\n    .viiewerr-about-wrap .va-platform-card:hover .va-plat-icon { transform: scale(1.12) rotate(6deg); }\r\n    .viiewerr-about-wrap .va-plat-badge {\r\n      font-size: 11px; font-weight: 700;\r\n      background: var(--va-neon-10); color: var(--va-neon);\r\n      padding: 4px 10px; border-radius: 20px;\r\n      position: relative; z-index: 1;\r\n    }\r\n    .viiewerr-about-wrap .va-platform-card .va-h3 { position: relative; z-index: 1; }\r\n    .viiewerr-about-wrap .va-plat-desc {\r\n      font-size: 14px; color: var(--va-muted);\r\n      line-height: 1.65; flex: 1; margin-bottom: 20px;\r\n      position: relative; z-index: 1;\r\n    }\r\n    .viiewerr-about-wrap .va-plat-arrow {\r\n      font-size: 22px; color: var(--va-neon);\r\n      transition: transform .25s var(--va-ease);\r\n      display: inline-flex; align-items: center;\r\n      position: relative; z-index: 1;\r\n      align-self: flex-start;\r\n    }\r\n    .viiewerr-about-wrap .va-platform-card:hover .va-plat-arrow { transform: translateX(6px); }\r\n\r\n    \/* =============================================\r\n       SECTION 4 \u2014 WHY WE BUILT\r\n    ============================================= *\/\r\n    .viiewerr-about-wrap .va-comp-wrap {\r\n      display: flex; align-items: center; gap: 24px;\r\n      max-width: 960px; margin: 0 auto;\r\n    }\r\n    .viiewerr-about-wrap .va-comp-card {\r\n      flex: 1; border-radius: var(--va-r-xl); padding: 44px 36px;\r\n      box-shadow: var(--va-shadow);\r\n    }\r\n    .viiewerr-about-wrap .va-comp-old {\r\n      background: #F8F9FA;\r\n      border: 1px solid #E9ECEF;\r\n    }\r\n    .viiewerr-about-wrap .va-comp-new {\r\n      background: linear-gradient(145deg, #FDFBFF, var(--va-light-pink));\r\n      border: 1px solid var(--va-pink);\r\n      box-shadow: 0 12px 40px rgba(111,0,255,.07);\r\n    }\r\n    .viiewerr-about-wrap .va-comp-vs {\r\n      width: 48px; height: 48px; border-radius: 50%;\r\n      background: linear-gradient(135deg, var(--va-neon), var(--va-purple));\r\n      color: var(--va-white); font-size: 13px; font-weight: 800;\r\n      display: flex; align-items: center; justify-content: center;\r\n      box-shadow: 0 4px 16px rgba(111,0,255,.35);\r\n      flex-shrink: 0;\r\n    }\r\n    .viiewerr-about-wrap .va-comp-list { margin-top: 24px; }\r\n    .viiewerr-about-wrap .va-comp-list li {\r\n      display: flex; align-items: center; gap: 12px;\r\n      font-size: 15px; font-weight: 500; color: var(--va-dark);\r\n      margin-bottom: 14px;\r\n    }\r\n    .viiewerr-about-wrap .va-comp-list li:last-child { margin-bottom: 0; }\r\n    .viiewerr-about-wrap .va-comp-x {\r\n      font-size: 18px; color: #DC3545;\r\n      background: rgba(220,53,69,.10);\r\n      border-radius: 50%;\r\n      width: 28px; height: 28px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n    .viiewerr-about-wrap .va-comp-check {\r\n      font-size: 18px; color: var(--va-neon);\r\n      background: var(--va-neon-10);\r\n      border-radius: 50%;\r\n      width: 28px; height: 28px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* =============================================\r\n       SECTION 5 \u2014 COMMITMENT\r\n    ============================================= *\/\r\n    .viiewerr-about-wrap .va-commitment-section {\r\n      background: var(--va-dark);\r\n      padding: 90px 0;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .viiewerr-about-wrap .va-commit-inner {\r\n      background: linear-gradient(135deg, rgba(59,2,112,.85), rgba(27,16,40,.95));\r\n      border: 1px solid rgba(111,0,255,.25);\r\n      border-radius: var(--va-r-xl);\r\n      padding: 64px 56px;\r\n      text-align: center;\r\n      position: relative;\r\n      overflow: hidden;\r\n      box-shadow: 0 24px 64px rgba(0,0,0,.30);\r\n    }\r\n    .viiewerr-about-wrap .va-commit-glow-1 {\r\n      position: absolute; top: -30%; left: -15%;\r\n      width: 60%; height: 80%;\r\n      background: radial-gradient(circle, var(--va-neon-25) 0%, transparent 65%);\r\n      filter: blur(70px); pointer-events: none;\r\n    }\r\n    .viiewerr-about-wrap .va-commit-glow-2 {\r\n      position: absolute; bottom: -20%; right: -10%;\r\n      width: 50%; height: 70%;\r\n      background: radial-gradient(circle, var(--va-pink-30) 0%, transparent 65%);\r\n      filter: blur(80px); pointer-events: none;\r\n    }\r\n    .viiewerr-about-wrap .va-commit-content {\r\n      position: relative; z-index: 2;\r\n      max-width: 780px; margin: 0 auto;\r\n    }\r\n    .viiewerr-about-wrap .va-commit-content .va-h2 { color: var(--va-white); margin-bottom: 20px; }\r\n    .viiewerr-about-wrap .va-trust-pills {\r\n      display: flex; flex-wrap: wrap;\r\n      justify-content: center; gap: 14px;\r\n      margin-top: 36px;\r\n    }\r\n    .viiewerr-about-wrap .va-trust-pills li {\r\n      display: flex; align-items: center; gap: 8px;\r\n      background: rgba(255,255,255,.07);\r\n      border: 1px solid rgba(255,255,255,.12);\r\n      border-radius: var(--va-r-pill);\r\n      padding: 10px 20px;\r\n      font-size: 14px; font-weight: 500; color: var(--va-white);\r\n      transition: background .25s, border-color .25s;\r\n    }\r\n    .viiewerr-about-wrap .va-trust-pills li:hover {\r\n      background: rgba(255,255,255,.12);\r\n      border-color: var(--va-pink-50);\r\n    }\r\n    .viiewerr-about-wrap .va-trust-pills li .bx {\r\n      font-size: 17px; color: var(--va-pink);\r\n    }\r\n\r\n    \/* =============================================\r\n       SECTION 6 \u2014 DESIGN PRINCIPLES\r\n    ============================================= *\/\r\n    .viiewerr-about-wrap .va-principles-grid { align-items: stretch; }\r\n    .viiewerr-about-wrap .va-principle-card {\r\n      background: var(--va-white);\r\n      border: 1px solid var(--va-border);\r\n      border-radius: var(--va-r-lg);\r\n      padding: 36px 28px;\r\n      box-shadow: var(--va-shadow);\r\n      transition: transform .3s var(--va-ease), box-shadow .3s var(--va-ease), border-color .3s;\r\n    }\r\n    .viiewerr-about-wrap .va-principle-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: var(--va-shadow-hover);\r\n      border-color: var(--va-neon);\r\n    }\r\n    .viiewerr-about-wrap .va-prin-icon {\r\n      width: 58px; height: 58px;\r\n      border-radius: var(--va-r-md);\r\n      background: linear-gradient(135deg, var(--va-pink-15), var(--va-neon-10));\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 28px; color: var(--va-neon);\r\n      margin-bottom: 20px;\r\n      transition: transform .35s var(--va-ease-spring);\r\n    }\r\n    .viiewerr-about-wrap .va-principle-card:hover .va-prin-icon { transform: scale(1.12) rotate(5deg); }\r\n    .viiewerr-about-wrap .va-prin-desc { font-size: 14px; color: var(--va-muted); line-height: 1.65; margin: 0; }\r\n\r\n    \/* =============================================\r\n       SECTION 7 \u2014 PLATFORMS WE ORGANIZE\r\n    ============================================= *\/\r\n    .viiewerr-about-wrap .va-logo-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      border: 1px solid var(--va-neon-10);\r\n      border-radius: var(--va-r-xl);\r\n      overflow: hidden;\r\n    }\r\n    .viiewerr-about-wrap .va-logo-item {\r\n      display: flex; flex-direction: column;\r\n      align-items: center; justify-content: center;\r\n      padding: 36px 16px;\r\n      border: 1px solid rgba(111,0,255,.06);\r\n      text-align: center;\r\n      background: var(--va-white);\r\n      transition: background .25s, box-shadow .25s;\r\n    }\r\n    .viiewerr-about-wrap .va-logo-item.va-logo-alt { background: var(--va-light-pink); }\r\n    .viiewerr-about-wrap .va-logo-item:hover {\r\n      background: var(--va-white);\r\n      box-shadow: 0 0 0 2px var(--va-neon-25) inset;\r\n      z-index: 1;\r\n    }\r\n    .viiewerr-about-wrap .va-logo-icon {\r\n      width: 64px; height: 64px;\r\n      border-radius: 50%;\r\n      background: var(--va-neon-10);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 36px; color: var(--va-neon);\r\n      margin-bottom: 14px;\r\n      transition: transform .35s var(--va-ease-spring), background .25s;\r\n    }\r\n    .viiewerr-about-wrap .va-logo-item:hover .va-logo-icon {\r\n      transform: scale(1.14) translateY(-3px);\r\n      background: var(--va-neon-15);\r\n    }\r\n    .viiewerr-about-wrap .va-logo-name {\r\n      font-size: 16px; font-weight: 700; color: var(--va-dark);\r\n      display: block; margin-bottom: 5px;\r\n    }\r\n    .viiewerr-about-wrap .va-logo-label {\r\n      font-size: 11px; font-weight: 600; color: var(--va-muted);\r\n      background: var(--va-neon-10);\r\n      padding: 3px 10px; border-radius: 20px;\r\n      display: inline-block;\r\n    }\r\n\r\n    \/* =============================================\r\n       SECTION 8 \u2014 FUTURE VISION\r\n    ============================================= *\/\r\n    .viiewerr-about-wrap .va-vision-section {\r\n      background: linear-gradient(145deg, #FDFBFF 0%, var(--va-light-pink) 60%, #F5EDFF 100%);\r\n      padding: 90px 0;\r\n    }\r\n    .viiewerr-about-wrap .va-vision-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 24px;\r\n    }\r\n    .viiewerr-about-wrap .va-vision-card {\r\n      background: var(--va-white);\r\n      border: 1px solid var(--va-border);\r\n      border-radius: var(--va-r-lg);\r\n      padding: 36px 28px;\r\n      box-shadow: var(--va-shadow);\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: transform .3s var(--va-ease), box-shadow .3s var(--va-ease);\r\n    }\r\n    .viiewerr-about-wrap .va-vision-card::before {\r\n      content: '';\r\n      position: absolute; top: 0; left: 0;\r\n      width: 100%; height: 4px;\r\n      background: linear-gradient(90deg, var(--va-neon), var(--va-pink));\r\n    }\r\n    .viiewerr-about-wrap .va-vision-card:hover {\r\n      transform: translateY(-7px);\r\n      box-shadow: var(--va-shadow-hover);\r\n    }\r\n    .viiewerr-about-wrap .va-vision-num {\r\n      font-size: 52px; font-weight: 900; line-height: 1;\r\n      color: var(--va-neon-10);\r\n      display: block; margin-bottom: 10px;\r\n      letter-spacing: -2px;\r\n      user-select: none;\r\n    }\r\n    .viiewerr-about-wrap .va-vision-icon {\r\n      width: 52px; height: 52px;\r\n      border-radius: var(--va-r-md);\r\n      background: var(--va-pink-15);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 26px; color: var(--va-neon);\r\n      margin-bottom: 18px;\r\n      transition: transform .35s var(--va-ease-spring);\r\n    }\r\n    .viiewerr-about-wrap .va-vision-card:hover .va-vision-icon { transform: scale(1.12) rotate(5deg); }\r\n    .viiewerr-about-wrap .va-vision-desc { font-size: 14px; color: var(--va-muted); line-height: 1.65; margin: 0; }\r\n\r\n    \/* =============================================\r\n       SECTION 9 \u2014 FINAL CTA\r\n    ============================================= *\/\r\n    .viiewerr-about-wrap .va-cta-section {\r\n      background: linear-gradient(145deg, var(--va-dark) 0%, var(--va-purple) 100%);\r\n      padding: 100px 0;\r\n      text-align: center;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .viiewerr-about-wrap .va-cta-glow-1 {\r\n      position: absolute; top: 50%; left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 70%; height: 70%;\r\n      background: radial-gradient(circle, var(--va-neon-25) 0%, transparent 60%);\r\n      filter: blur(80px); pointer-events: none;\r\n    }\r\n    .viiewerr-about-wrap .va-cta-glow-2 {\r\n      position: absolute; top: -20%; right: -15%;\r\n      width: 50%; height: 80%;\r\n      background: radial-gradient(circle, var(--va-pink-15) 0%, transparent 65%);\r\n      filter: blur(90px); pointer-events: none;\r\n    }\r\n    .viiewerr-about-wrap .va-cta-content {\r\n      position: relative; z-index: 2;\r\n      max-width: 680px; margin: 0 auto;\r\n    }\r\n    .viiewerr-about-wrap .va-cta-content .va-h2 { color: var(--va-white); margin-bottom: 18px; }\r\n    .viiewerr-about-wrap .va-cta-sub { font-size: 17px; margin-bottom: 40px; }\r\n    .viiewerr-about-wrap .va-cta-btns {\r\n      display: flex; flex-wrap: wrap;\r\n      justify-content: center; gap: 14px;\r\n      margin-bottom: 36px;\r\n    }\r\n    .viiewerr-about-wrap .va-cta-trust {\r\n      display: flex; flex-wrap: wrap;\r\n      justify-content: center; gap: 24px;\r\n      color: rgba(255,255,255,.60); font-size: 14px;\r\n    }\r\n    .viiewerr-about-wrap .va-cta-trust li { display: flex; align-items: center; gap: 7px; }\r\n    .viiewerr-about-wrap .va-cta-trust .bx { font-size: 17px; color: var(--va-pink); }\r\n\r\n    \/* =============================================\r\n       RESPONSIVE\r\n    ============================================= *\/\r\n    @media (max-width: 1024px) {\r\n      .viiewerr-about-wrap .va-grid-4   { grid-template-columns: repeat(2, 1fr); }\r\n      .viiewerr-about-wrap .va-grid-3   { grid-template-columns: repeat(2, 1fr); }\r\n      .viiewerr-about-wrap .va-logo-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .viiewerr-about-wrap .va-vision-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .viiewerr-about-wrap .va-hero-inner { gap: 36px; }\r\n      .viiewerr-about-wrap .va-hero-visual { height: 400px; }\r\n      .viiewerr-about-wrap .va-commit-inner { padding: 48px 36px; }\r\n    }\r\n    @media (max-width: 820px) {\r\n      .viiewerr-about-wrap .va-hero-inner { flex-direction: column; text-align: center; }\r\n      .viiewerr-about-wrap .va-hero-content { max-width: 100%; }\r\n      .viiewerr-about-wrap .va-hero-h1 { font-size: clamp(28px, 6vw, 44px); }\r\n      .viiewerr-about-wrap .va-hero-sub { max-width: 100%; }\r\n      .viiewerr-about-wrap .va-hero-btns { justify-content: center; }\r\n      .viiewerr-about-wrap .va-hero-trust { justify-content: center; }\r\n      .viiewerr-about-wrap .va-hero-visual { height: 280px; width: 100%; }\r\n      .viiewerr-about-wrap .va-hc-3, .viiewerr-about-wrap .va-hc-6 { display: none; }\r\n      .viiewerr-about-wrap .va-comp-wrap { flex-direction: column; gap: 20px; }\r\n      .viiewerr-about-wrap .va-comp-vs { width: 40px; height: 40px; align-self: center; }\r\n      .viiewerr-about-wrap .va-comp-card { padding: 32px 24px; }\r\n      .viiewerr-about-wrap .va-commit-inner { padding: 40px 24px; }\r\n    }\r\n    @media (max-width: 640px) {\r\n      .viiewerr-about-wrap .va-section  { padding: 60px 0; }\r\n      .viiewerr-about-wrap .va-section-header { margin-bottom: 36px; }\r\n      .viiewerr-about-wrap .va-grid-4   { grid-template-columns: 1fr; }\r\n      .viiewerr-about-wrap .va-grid-3   { grid-template-columns: 1fr; }\r\n      .viiewerr-about-wrap .va-vision-grid { grid-template-columns: 1fr; }\r\n      .viiewerr-about-wrap .va-hero-visual { height: 240px; }\r\n      .viiewerr-about-wrap .va-hc-4, .viiewerr-about-wrap .va-hc-5 { display: none; }\r\n      .viiewerr-about-wrap .va-hero-btns  { flex-direction: column; align-items: center; }\r\n      .viiewerr-about-wrap .va-cta-btns   { flex-direction: column; align-items: center; }\r\n      .viiewerr-about-wrap .va-trust-pills { gap: 10px; }\r\n      .viiewerr-about-wrap .va-trust-pills li { padding: 9px 14px; font-size: 13px; }\r\n      .viiewerr-about-wrap .va-commit-inner { border-radius: var(--va-r-lg); }\r\n    }\r\n\r\n    \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .viiewerr-about-wrap * {\r\n        animation-duration: .01ms !important;\r\n        transition-duration: .01ms !important;\r\n        scroll-behavior: auto !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n    (function() {\r\n      var root = document.querySelector('.viiewerr-about-wrap');\r\n      if (!root) return;\r\n\r\n      \/* \u2500\u2500 1. Scroll-triggered fade-up using IntersectionObserver \u2500\u2500 *\/\r\n      var fadeEls = root.querySelectorAll(\r\n        '.va-mission-card, .va-platform-card, .va-principle-card, .va-vision-card, ' +\r\n        '.va-comp-card, .va-logo-item, .va-trust-pills li, .va-section-header'\r\n      );\r\n\r\n      var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      if (!prefersReduced && 'IntersectionObserver' in window) {\r\n        fadeEls.forEach(function(el, i) {\r\n          el.classList.add('va-fade-up');\r\n          \/* Stagger delay based on sibling index *\/\r\n          var parent = el.parentElement;\r\n          var siblings = parent ? Array.prototype.indexOf.call(parent.children, el) : 0;\r\n          el.style.transitionDelay = (siblings * 0.08) + 's';\r\n        });\r\n\r\n        var io = new IntersectionObserver(function(entries) {\r\n          entries.forEach(function(entry) {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add('va-visible');\r\n              io.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n\r\n        fadeEls.forEach(function(el) { io.observe(el); });\r\n      }\r\n\r\n      \/* \u2500\u2500 2. Hero parallax on mouse move (desktop only) \u2500\u2500 *\/\r\n      var heroFloating = root.querySelector('.va-hero-card-wrap');\r\n      var heroSection  = root.querySelector('.va-hero');\r\n      var ticking = false;\r\n\r\n      if (heroFloating && !prefersReduced) {\r\n        heroSection.addEventListener('mousemove', function(e) {\r\n          if (window.innerWidth < 820) return;\r\n          if (!ticking) {\r\n            window.requestAnimationFrame(function() {\r\n              var rect = heroSection.getBoundingClientRect();\r\n              var cx   = rect.left + rect.width \/ 2;\r\n              var cy   = rect.top  + rect.height \/ 2;\r\n              var dx   = (e.clientX - cx) \/ rect.width  * 18;\r\n              var dy   = (e.clientY - cy) \/ rect.height * 12;\r\n              heroFloating.style.transform = 'translate3d(' + dx + 'px, ' + dy + 'px, 0)';\r\n              ticking = false;\r\n            });\r\n            ticking = true;\r\n          }\r\n        }, { passive: true });\r\n\r\n        heroSection.addEventListener('mouseleave', function() {\r\n          heroFloating.style.transform = 'translate3d(0, 0, 0)';\r\n        });\r\n      }\r\n\r\n    })();\r\n  <\/script>\r\n<\/div><\/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":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-5266","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/comments?post=5266"}],"version-history":[{"count":5,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5266\/revisions"}],"predecessor-version":[{"id":5368,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5266\/revisions\/5368"}],"wp:attachment":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/media?parent=5266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}