{"id":5271,"date":"2026-05-24T08:53:25","date_gmt":"2026-05-24T08:53:25","guid":{"rendered":"https:\/\/viiewerr.com\/?page_id=5271"},"modified":"2026-05-24T11:07:29","modified_gmt":"2026-05-24T11:07:29","slug":"features","status":"publish","type":"page","link":"https:\/\/viiewerr.com\/features\/","title":{"rendered":"Features"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5271\" class=\"elementor elementor-5271\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70e0fe5 e-con-full e-flex e-con e-parent\" data-id=\"70e0fe5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-556c727 elementor-widget elementor-widget-shortcode\" data-id=\"556c727\" 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-features-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: FEATURES HERO -->\r\n  <section class=\"vf-hero\" aria-label=\"Viiewerr Features Introduction\">\r\n    <div class=\"vf-hero-bg\" aria-hidden=\"true\">\r\n      <div class=\"vf-glow-1\"><\/div>\r\n      <div class=\"vf-glow-2\"><\/div>\r\n      <div class=\"vf-grid-overlay\"><\/div>\r\n    <\/div>\r\n    <div class=\"vf-container vf-hero-inner\">\r\n      <div class=\"vf-hero-content\">\r\n        <span class=\"vf-badge\">Viiewerr Features<\/span>\r\n        <h1 class=\"vf-h1\">Powerful Public Social Media Viewer Features<\/h1>\r\n        <p class=\"vf-hero-sub\">Viiewerr brings public social media viewer tools into one clean, browser-based hub designed for simple navigation, no-login access, and platform-based discovery.<\/p>\r\n        <div class=\"vf-hero-btns\">\r\n          <a href=\"#\" class=\"vf-btn vf-btn-primary\">Explore Viewer Tools<\/a>\r\n          <a href=\"#\" class=\"vf-btn vf-btn-outline\">Browse Platforms<\/a>\r\n        <\/div>\r\n        <ul class=\"vf-hero-trust\" aria-label=\"Key platform features\">\r\n          <li><i class=\"bx bx-lock-open-alt\" aria-hidden=\"true\"><\/i> No Login<\/li>\r\n          <li><i class=\"bx bx-globe\" aria-hidden=\"true\"><\/i> Public Only<\/li>\r\n          <li><i class=\"bx bx-bolt-circle\" aria-hidden=\"true\"><\/i> Fast Access<\/li>\r\n          <li><i class=\"bx bx-mobile-alt\" aria-hidden=\"true\"><\/i> Mobile Ready<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"vf-hero-visual\" aria-hidden=\"true\">\r\n        <div class=\"vf-hero-orb\">V<\/div>\r\n        <div class=\"vf-feat-card vf-fc-1\">\r\n          <div class=\"vf-fc-icon\"><i class=\"bx bx-lock-open-alt\"><\/i><\/div>\r\n          <span>No Login Access<\/span>\r\n        <\/div>\r\n        <div class=\"vf-feat-card vf-fc-2\">\r\n          <div class=\"vf-fc-icon\"><i class=\"bx bx-globe\"><\/i><\/div>\r\n          <span>Public Content Only<\/span>\r\n        <\/div>\r\n        <div class=\"vf-feat-card vf-fc-3\">\r\n          <div class=\"vf-fc-icon\"><i class=\"bx bx-layer\"><\/i><\/div>\r\n          <span>Platform Categories<\/span>\r\n        <\/div>\r\n        <div class=\"vf-feat-card vf-fc-4\">\r\n          <div class=\"vf-fc-icon\"><i class=\"bx bx-mobile-alt\"><\/i><\/div>\r\n          <span>Mobile Friendly<\/span>\r\n        <\/div>\r\n        <div class=\"vf-feat-card vf-fc-5\">\r\n          <div class=\"vf-fc-icon\"><i class=\"bx bx-bolt-circle\"><\/i><\/div>\r\n          <span>Fast Navigation<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 2: CORE FEATURES OVERVIEW -->\r\n  <section class=\"vf-section vf-bg-white\" aria-labelledby=\"vf-core-title\">\r\n    <div class=\"vf-container\">\r\n      <header class=\"vf-section-header\">\r\n        <h2 id=\"vf-core-title\" class=\"vf-h2\">Everything You Need in a Public Viewer Tools Hub<\/h2>\r\n        <p class=\"vf-p\">Viiewerr is designed to help users find public viewer tools faster, move between platform categories easily, and explore publicly available social content through a clean browser-based experience.<\/p>\r\n      <\/header>\r\n      <ul class=\"vf-grid-3 vf-core-grid\">\r\n        <li class=\"vf-core-card\">\r\n          <div class=\"vf-core-icon\"><i class=\"bx bx-lock-open-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">No Login Required<\/h3>\r\n          <p class=\"vf-core-desc\">Users can browse viewer tool pages without creating an account or signing into social platforms.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-core-card\">\r\n          <div class=\"vf-core-icon\"><i class=\"bx bx-globe\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">Public Content Focused<\/h3>\r\n          <p class=\"vf-core-desc\">Viiewerr is built around publicly available social media content and transparent viewer-tool discovery.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-core-card\">\r\n          <div class=\"vf-core-icon\"><i class=\"bx bx-layer\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">Multi-Platform Hub<\/h3>\r\n          <p class=\"vf-core-desc\">Find viewer categories for Instagram, TikTok, YouTube, Facebook, Reddit, Pinterest, LinkedIn, and X\/Twitter.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-core-card\">\r\n          <div class=\"vf-core-icon\"><i class=\"bx bx-navigation\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">Clean Tool Navigation<\/h3>\r\n          <p class=\"vf-core-desc\">Organized sections and internal links help users find the right platform or content type quickly.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-core-card\">\r\n          <div class=\"vf-core-icon\"><i class=\"bx bx-mobile-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">Mobile-Ready Layout<\/h3>\r\n          <p class=\"vf-core-desc\">Pages are designed to work smoothly on phones, tablets, laptops, and desktop screens.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-core-card\">\r\n          <div class=\"vf-core-icon\"><i class=\"bx bx-book-open\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">Helpful Viewer Guides<\/h3>\r\n          <p class=\"vf-core-desc\">Educational articles can explain public viewer tools, platform categories, and no-login browsing tips.<\/p>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 3: PLATFORM-BASED VIEWER CATEGORIES -->\r\n  <section class=\"vf-section vf-bg-pink\" aria-labelledby=\"vf-platform-title\">\r\n    <div class=\"vf-container\">\r\n      <header class=\"vf-section-header\">\r\n        <h2 id=\"vf-platform-title\" class=\"vf-h2\">Viewer Features Across Popular Platforms<\/h2>\r\n        <p class=\"vf-p\">Viiewerr organizes public viewer categories by platform, making it easier to find the right viewer page for profiles, stories, videos, thumbnails, posts, and more.<\/p>\r\n      <\/header>\r\n      <div class=\"vf-grid-4 vf-platform-grid\">\r\n        <a href=\"#\" class=\"vf-platform-card\" aria-label=\"Instagram Viewer Features\">\r\n          <div class=\"vf-plat-top\">\r\n            <div class=\"vf-plat-icon\"><i class=\"bx bxl-instagram\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"vf-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">Instagram Viewer Features<\/h3>\r\n          <p class=\"vf-plat-desc\">Find public viewer pages for Instagram profiles, stories, reels, highlights, and profile pictures.<\/p>\r\n          <span class=\"vf-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"vf-platform-card\" aria-label=\"TikTok Viewer Features\">\r\n          <div class=\"vf-plat-top\">\r\n            <div class=\"vf-plat-icon\"><i class=\"bx bxl-tiktok\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"vf-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">TikTok Viewer Features<\/h3>\r\n          <p class=\"vf-plat-desc\">Explore public viewer pages for TikTok videos, profiles, usernames, and platform content.<\/p>\r\n          <span class=\"vf-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"vf-platform-card\" aria-label=\"YouTube Viewer Features\">\r\n          <div class=\"vf-plat-top\">\r\n            <div class=\"vf-plat-icon\"><i class=\"bx bxl-youtube\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"vf-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">YouTube Viewer Features<\/h3>\r\n          <p class=\"vf-plat-desc\">Discover public viewer pages for YouTube thumbnails, videos, shorts, channels, and playlists.<\/p>\r\n          <span class=\"vf-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"vf-platform-card\" aria-label=\"Facebook Viewer Features\">\r\n          <div class=\"vf-plat-top\">\r\n            <div class=\"vf-plat-icon\"><i class=\"bx bxl-facebook\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"vf-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">Facebook Viewer Features<\/h3>\r\n          <p class=\"vf-plat-desc\">Browse public viewer pages for Facebook profiles, photos, videos, reels, pages, and posts.<\/p>\r\n          <span class=\"vf-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"vf-platform-card\" aria-label=\"Reddit Viewer Features\">\r\n          <div class=\"vf-plat-top\">\r\n            <div class=\"vf-plat-icon\"><i class=\"bx bxl-reddit\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"vf-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">Reddit Viewer Features<\/h3>\r\n          <p class=\"vf-plat-desc\">Find public viewer pages for Reddit users, posts, subreddits, images, and videos.<\/p>\r\n          <span class=\"vf-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"vf-platform-card\" aria-label=\"Pinterest Viewer Features\">\r\n          <div class=\"vf-plat-top\">\r\n            <div class=\"vf-plat-icon\"><i class=\"bx bxl-pinterest\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"vf-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">Pinterest Viewer Features<\/h3>\r\n          <p class=\"vf-plat-desc\">Explore public viewer pages for Pinterest images, pins, boards, and visual content.<\/p>\r\n          <span class=\"vf-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"vf-platform-card\" aria-label=\"LinkedIn Viewer Features\">\r\n          <div class=\"vf-plat-top\">\r\n            <div class=\"vf-plat-icon\"><i class=\"bx bxl-linkedin\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"vf-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">LinkedIn Viewer Features<\/h3>\r\n          <p class=\"vf-plat-desc\">Browse public viewer categories for profile and professional public content discovery.<\/p>\r\n          <span class=\"vf-plat-arrow\"><i class=\"bx bx-right-arrow-alt\" aria-hidden=\"true\"><\/i><\/span>\r\n        <\/a>\r\n        <a href=\"#\" class=\"vf-platform-card\" aria-label=\"X\/Twitter Viewer Features\">\r\n          <div class=\"vf-plat-top\">\r\n            <div class=\"vf-plat-icon\"><i class=\"bx bxl-twitter\" aria-hidden=\"true\"><\/i><\/div>\r\n            <span class=\"vf-plat-badge\">Public Tools<\/span>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">X\/Twitter Viewer Features<\/h3>\r\n          <p class=\"vf-plat-desc\">Find public viewer pages for posts, profiles, videos, and social updates.<\/p>\r\n          <span class=\"vf-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: NO LOGIN BROWSER EXPERIENCE -->\r\n  <section class=\"vf-section vf-bg-white\" aria-labelledby=\"vf-nologin-title\">\r\n    <div class=\"vf-container\">\r\n      <div class=\"vf-split-wrap\">\r\n        <div class=\"vf-split-content\">\r\n          <span class=\"vf-badge-inline\">Browser-Based Feature<\/span>\r\n          <h2 id=\"vf-nologin-title\" class=\"vf-h2\">Designed for No-Login Browsing<\/h2>\r\n          <p class=\"vf-p\">Viiewerr focuses on simple browser-based tool discovery, so users can browse platform pages and viewer categories without unnecessary account steps.<\/p>\r\n          <ul class=\"vf-bullet-list\">\r\n            <li><span class=\"vf-bl-icon\"><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i><\/span>No app installation required<\/li>\r\n            <li><span class=\"vf-bl-icon\"><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i><\/span>Browser-based viewer hub<\/li>\r\n            <li><span class=\"vf-bl-icon\"><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i><\/span>Simple platform navigation<\/li>\r\n            <li><span class=\"vf-bl-icon\"><i class=\"bx bx-check\" aria-hidden=\"true\"><\/i><\/span>Fast access to public tool pages<\/li>\r\n          <\/ul>\r\n          <a href=\"#\" class=\"vf-btn vf-btn-primary vf-mt-24\">Explore Viewer Tools<\/a>\r\n        <\/div>\r\n        <div class=\"vf-split-visual\" aria-hidden=\"true\">\r\n          <div class=\"vf-mockup-bg-1\"><\/div>\r\n          <div class=\"vf-mockup-bg-2\"><\/div>\r\n          <div class=\"vf-browser-card\">\r\n            <div class=\"vf-browser-bar\">\r\n              <div class=\"vf-browser-dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n              <div class=\"vf-browser-url\">viiewerr.com<\/div>\r\n            <\/div>\r\n            <div class=\"vf-browser-body\">\r\n              <div class=\"vf-browser-title\">Viiewerr Viewer Hub<\/div>\r\n              <ul class=\"vf-browser-rows\">\r\n                <li class=\"vf-browser-row\">\r\n                  <span class=\"vf-br-check\"><i class=\"bx bx-check\"><\/i><\/span>\r\n                  <span class=\"vf-br-label\">No Login Required<\/span>\r\n                  <span class=\"vf-br-status vf-br-active\">Active<\/span>\r\n                <\/li>\r\n                <li class=\"vf-browser-row\">\r\n                  <span class=\"vf-br-check\"><i class=\"bx bx-check\"><\/i><\/span>\r\n                  <span class=\"vf-br-label\">Browser-Based<\/span>\r\n                  <span class=\"vf-br-status vf-br-active\">Active<\/span>\r\n                <\/li>\r\n                <li class=\"vf-browser-row\">\r\n                  <span class=\"vf-br-check\"><i class=\"bx bx-check\"><\/i><\/span>\r\n                  <span class=\"vf-br-label\">Public Tools<\/span>\r\n                  <span class=\"vf-br-status vf-br-active\">Active<\/span>\r\n                <\/li>\r\n                <li class=\"vf-browser-row\">\r\n                  <span class=\"vf-br-check\"><i class=\"bx bx-check\"><\/i><\/span>\r\n                  <span class=\"vf-br-label\">Mobile Ready<\/span>\r\n                  <span class=\"vf-br-status vf-br-active\">Active<\/span>\r\n                <\/li>\r\n              <\/ul>\r\n              <div class=\"vf-browser-footer\">\r\n                <span><i class=\"bx bx-globe\"><\/i> Public Content Only<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 5: PUBLIC CONTENT SAFETY FEATURES -->\r\n  <section class=\"vf-safety-section\" aria-labelledby=\"vf-safety-title\">\r\n    <div class=\"vf-safety-glow-1\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"vf-safety-glow-2\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"vf-container\">\r\n      <div class=\"vf-safety-inner\">\r\n        <span class=\"vf-badge vf-badge-light\">Safety Features<\/span>\r\n        <h2 id=\"vf-safety-title\" class=\"vf-h2 vf-text-white\">Public Content Clarity Built Into Every Page<\/h2>\r\n        <p class=\"vf-p vf-text-pale\">Viiewerr is designed around public-content clarity. It does not claim to unlock private profiles, bypass passwords, override privacy settings, or access restricted content.<\/p>\r\n        <ul class=\"vf-safety-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 wording<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 6: MOBILE-FRIENDLY VIEWER EXPERIENCE -->\r\n  <section class=\"vf-section vf-bg-pink\" aria-labelledby=\"vf-mobile-title\">\r\n    <div class=\"vf-container\">\r\n      <header class=\"vf-section-header\">\r\n        <h2 id=\"vf-mobile-title\" class=\"vf-h2\">Built for Mobile, Tablet, and Desktop Visitors<\/h2>\r\n        <p class=\"vf-p\">Many users browse public viewer tools from mobile devices. Viiewerr's layouts are planned to stay clean, readable, and easy to navigate on every screen size.<\/p>\r\n      <\/header>\r\n      <ul class=\"vf-grid-3 vf-mobile-grid\">\r\n        <li class=\"vf-mobile-card\">\r\n          <div class=\"vf-mob-top\">\r\n            <div class=\"vf-mob-icon\"><i class=\"bx bx-mobile-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n            <div class=\"vf-mob-device-bar\" aria-hidden=\"true\">\r\n              <span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">Mobile Navigation<\/h3>\r\n          <p class=\"vf-mob-desc\">Large tap-friendly cards and clear platform categories help mobile users move quickly.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-mobile-card\">\r\n          <div class=\"vf-mob-top\">\r\n            <div class=\"vf-mob-icon\"><i class=\"bx bx-devices\" aria-hidden=\"true\"><\/i><\/div>\r\n            <div class=\"vf-mob-device-bar\" aria-hidden=\"true\">\r\n              <span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">Responsive Tool Pages<\/h3>\r\n          <p class=\"vf-mob-desc\">Viewer tool pages can adapt to phone, tablet, laptop, and desktop layouts.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-mobile-card\">\r\n          <div class=\"vf-mob-top\">\r\n            <div class=\"vf-mob-icon\"><i class=\"bx bx-bolt-circle\" aria-hidden=\"true\"><\/i><\/div>\r\n            <div class=\"vf-mob-device-bar\" aria-hidden=\"true\">\r\n              <span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <h3 class=\"vf-h3\">Lightweight Experience<\/h3>\r\n          <p class=\"vf-mob-desc\">Clean sections, simple visuals, and scoped code help keep pages fast.<\/p>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 7: ORGANIZED TOOL DISCOVERY -->\r\n  <section class=\"vf-section vf-bg-white\" aria-labelledby=\"vf-discovery-title\">\r\n    <div class=\"vf-container\">\r\n      <header class=\"vf-section-header\">\r\n        <h2 id=\"vf-discovery-title\" class=\"vf-h2\">Find the Right Viewer Tool Faster<\/h2>\r\n        <p class=\"vf-p\">Viiewerr groups viewer pages by platform and content type, helping users move from broad platform categories to more specific public viewer tools.<\/p>\r\n      <\/header>\r\n      <div class=\"vf-discovery-wrap\">\r\n        <div class=\"vf-disc-col\">\r\n          <div class=\"vf-disc-header\">\r\n            <div class=\"vf-disc-hicon\"><i class=\"bx bx-layer\" aria-hidden=\"true\"><\/i><\/div>\r\n            <h3 class=\"vf-h3\">Platform Categories<\/h3>\r\n          <\/div>\r\n          <ul class=\"vf-disc-list\">\r\n            <li><i class=\"bx bxl-instagram\" aria-hidden=\"true\"><\/i>Instagram<\/li>\r\n            <li><i class=\"bx bxl-tiktok\" aria-hidden=\"true\"><\/i>TikTok<\/li>\r\n            <li><i class=\"bx bxl-youtube\" aria-hidden=\"true\"><\/i>YouTube<\/li>\r\n            <li><i class=\"bx bxl-facebook\" aria-hidden=\"true\"><\/i>Facebook<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"vf-disc-arrow\" aria-hidden=\"true\">\r\n          <i class=\"bx bx-right-arrow-alt\"><\/i>\r\n        <\/div>\r\n        <div class=\"vf-disc-col\">\r\n          <div class=\"vf-disc-header\">\r\n            <div class=\"vf-disc-hicon\"><i class=\"bx bx-grid-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n            <h3 class=\"vf-h3\">Viewer Types<\/h3>\r\n          <\/div>\r\n          <ul class=\"vf-disc-list\">\r\n            <li><i class=\"bx bx-user\" aria-hidden=\"true\"><\/i>Profile Viewer<\/li>\r\n            <li><i class=\"bx bx-play-circle\" aria-hidden=\"true\"><\/i>Story Viewer<\/li>\r\n            <li><i class=\"bx bx-video\" aria-hidden=\"true\"><\/i>Video Viewer<\/li>\r\n            <li><i class=\"bx bx-image\" aria-hidden=\"true\"><\/i>Thumbnail Viewer<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"vf-disc-arrow\" aria-hidden=\"true\">\r\n          <i class=\"bx bx-right-arrow-alt\"><\/i>\r\n        <\/div>\r\n        <div class=\"vf-disc-col\">\r\n          <div class=\"vf-disc-header\">\r\n            <div class=\"vf-disc-hicon\"><i class=\"bx bx-book-open\" aria-hidden=\"true\"><\/i><\/div>\r\n            <h3 class=\"vf-h3\">Helpful Guides<\/h3>\r\n          <\/div>\r\n          <ul class=\"vf-disc-list\">\r\n            <li><i class=\"bx bx-lock-open-alt\" aria-hidden=\"true\"><\/i>No Login Tips<\/li>\r\n            <li><i class=\"bx bx-globe\" aria-hidden=\"true\"><\/i>Public Content Guides<\/li>\r\n            <li><i class=\"bx bx-layer\" aria-hidden=\"true\"><\/i>Platform Viewer Guides<\/li>\r\n            <li><i class=\"bx bx-shield-quarter\" aria-hidden=\"true\"><\/i>Safety Notes<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 8: FEATURE COMPARISON -->\r\n  <section class=\"vf-section vf-bg-pink\" aria-labelledby=\"vf-compare-title\">\r\n    <div class=\"vf-container\">\r\n      <header class=\"vf-section-header\">\r\n        <h2 id=\"vf-compare-title\" class=\"vf-h2\">A Cleaner Feature Experience Than Typical Viewer Sites<\/h2>\r\n        <p class=\"vf-p\">Viiewerr is designed to feel more organized, transparent, and user-friendly than overloaded viewer-tool websites.<\/p>\r\n      <\/header>\r\n      <div class=\"vf-compare-wrap\">\r\n        <article class=\"vf-cmp-card vf-cmp-old\">\r\n          <div class=\"vf-cmp-badge-wrap\"><span class=\"vf-cmp-label-old\">Typical Viewer Sites<\/span><\/div>\r\n          <ul class=\"vf-cmp-list\">\r\n            <li><i class=\"bx bx-x vf-x-icon\" aria-hidden=\"true\"><\/i>Confusing tool pages<\/li>\r\n            <li><i class=\"bx bx-x vf-x-icon\" aria-hidden=\"true\"><\/i>Too many popups<\/li>\r\n            <li><i class=\"bx bx-x vf-x-icon\" aria-hidden=\"true\"><\/i>Risky wording<\/li>\r\n            <li><i class=\"bx bx-x vf-x-icon\" aria-hidden=\"true\"><\/i>Weak mobile structure<\/li>\r\n            <li><i class=\"bx bx-x vf-x-icon\" aria-hidden=\"true\"><\/i>Scattered platform links<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n        <div class=\"vf-cmp-vs\" aria-hidden=\"true\">VS<\/div>\r\n        <article class=\"vf-cmp-card vf-cmp-new\">\r\n          <div class=\"vf-cmp-badge-wrap\"><span class=\"vf-cmp-label-new\">Viiewerr Features<\/span><\/div>\r\n          <ul class=\"vf-cmp-list\">\r\n            <li><i class=\"bx bx-check vf-check-icon\" aria-hidden=\"true\"><\/i>Organized viewer categories<\/li>\r\n            <li><i class=\"bx bx-check vf-check-icon\" aria-hidden=\"true\"><\/i>Clear public-content message<\/li>\r\n            <li><i class=\"bx bx-check vf-check-icon\" aria-hidden=\"true\"><\/i>No-login browsing focus<\/li>\r\n            <li><i class=\"bx bx-check vf-check-icon\" aria-hidden=\"true\"><\/i>Mobile-first layout<\/li>\r\n            <li><i class=\"bx bx-check vf-check-icon\" aria-hidden=\"true\"><\/i>Helpful guides and internal links<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 9: FEATURE WORKFLOW -->\r\n  <section class=\"vf-section vf-bg-white\" aria-labelledby=\"vf-workflow-title\">\r\n    <div class=\"vf-container\">\r\n      <header class=\"vf-section-header\">\r\n        <h2 id=\"vf-workflow-title\" class=\"vf-h2\">How Viiewerr Features Work Together<\/h2>\r\n        <p class=\"vf-p\">The Viiewerr experience is built around a simple path: choose a platform, open a viewer category, explore public tool pages, and read helpful guides when needed.<\/p>\r\n      <\/header>\r\n      <ol class=\"vf-workflow-wrap\">\r\n        <div class=\"vf-wf-line\" aria-hidden=\"true\"><\/div>\r\n        <li class=\"vf-wf-card\">\r\n          <div class=\"vf-wf-num\" aria-hidden=\"true\">1<\/div>\r\n          <div class=\"vf-wf-icon\"><i class=\"bx bx-layer\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">Choose a Platform<\/h3>\r\n          <p class=\"vf-wf-desc\">Start from Instagram, TikTok, YouTube, Facebook, Reddit, Pinterest, LinkedIn, or X\/Twitter.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-wf-card\">\r\n          <div class=\"vf-wf-num\" aria-hidden=\"true\">2<\/div>\r\n          <div class=\"vf-wf-icon\"><i class=\"bx bx-grid-alt\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">Pick a Viewer Category<\/h3>\r\n          <p class=\"vf-wf-desc\">Choose the type of public viewer page you want, such as profile, story, video, thumbnail, or post.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-wf-card\">\r\n          <div class=\"vf-wf-num\" aria-hidden=\"true\">3<\/div>\r\n          <div class=\"vf-wf-icon\"><i class=\"bx bx-globe\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">Explore Public Tools<\/h3>\r\n          <p class=\"vf-wf-desc\">Browse the related public viewer pages and follow clear navigation links.<\/p>\r\n        <\/li>\r\n        <li class=\"vf-wf-card\">\r\n          <div class=\"vf-wf-num\" aria-hidden=\"true\">4<\/div>\r\n          <div class=\"vf-wf-icon\"><i class=\"bx bx-book-open\" aria-hidden=\"true\"><\/i><\/div>\r\n          <h3 class=\"vf-h3\">Learn From Guides<\/h3>\r\n          <p class=\"vf-wf-desc\">Read educational guides about public viewer tools, no-login browsing, and platform content.<\/p>\r\n        <\/li>\r\n      <\/ol>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 10: FEATURE FAQ -->\r\n  <section class=\"vf-section vf-bg-pink\" aria-labelledby=\"vf-faq-title\">\r\n    <div class=\"vf-container\">\r\n      <header class=\"vf-section-header\">\r\n        <h2 id=\"vf-faq-title\" class=\"vf-h2\">Features FAQ<\/h2>\r\n      <\/header>\r\n      <div class=\"vf-faq-wrap\">\r\n        <div class=\"vf-faq-item\">\r\n          <button type=\"button\" class=\"vf-faq-btn\" aria-expanded=\"false\" aria-controls=\"vf-faq-a1\">\r\n            <span>What are Viiewerr's main features?<\/span>\r\n            <i class=\"bx bx-plus vf-faq-icon\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div id=\"vf-faq-a1\" class=\"vf-faq-content\" role=\"region\">\r\n            <p class=\"vf-p\">Viiewerr's main features include public viewer tool organization, no-login browsing focus, platform-based navigation, mobile-friendly layouts, and helpful viewer guides.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"vf-faq-item\">\r\n          <button type=\"button\" class=\"vf-faq-btn\" aria-expanded=\"false\" aria-controls=\"vf-faq-a2\">\r\n            <span>Does Viiewerr require an account?<\/span>\r\n            <i class=\"bx bx-plus vf-faq-icon\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div id=\"vf-faq-a2\" class=\"vf-faq-content\" role=\"region\">\r\n            <p class=\"vf-p\">No. Viiewerr is planned as a browser-based viewer tools hub where users can browse public viewer pages without creating an account.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"vf-faq-item\">\r\n          <button type=\"button\" class=\"vf-faq-btn\" aria-expanded=\"false\" aria-controls=\"vf-faq-a3\">\r\n            <span>Does Viiewerr access private content?<\/span>\r\n            <i class=\"bx bx-plus vf-faq-icon\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div id=\"vf-faq-a3\" class=\"vf-faq-content\" role=\"region\">\r\n            <p class=\"vf-p\">No. Viiewerr focuses only on publicly available content and should not bypass privacy settings, passwords, or restricted profiles.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"vf-faq-item\">\r\n          <button type=\"button\" class=\"vf-faq-btn\" aria-expanded=\"false\" aria-controls=\"vf-faq-a4\">\r\n            <span>Which platforms does Viiewerr organize?<\/span>\r\n            <i class=\"bx bx-plus vf-faq-icon\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div id=\"vf-faq-a4\" class=\"vf-faq-content\" role=\"region\">\r\n            <p class=\"vf-p\">Viiewerr can organize viewer categories for Instagram, TikTok, YouTube, Facebook, Reddit, Pinterest, LinkedIn, and X\/Twitter.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"vf-faq-item\">\r\n          <button type=\"button\" class=\"vf-faq-btn\" aria-expanded=\"false\" aria-controls=\"vf-faq-a5\">\r\n            <span>Are the features mobile-friendly?<\/span>\r\n            <i class=\"bx bx-plus vf-faq-icon\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div id=\"vf-faq-a5\" class=\"vf-faq-content\" role=\"region\">\r\n            <p class=\"vf-p\">Yes. Viiewerr's pages should be designed for mobile, tablet, and desktop users with readable sections and responsive cards.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"vf-faq-item\">\r\n          <button type=\"button\" class=\"vf-faq-btn\" aria-expanded=\"false\" aria-controls=\"vf-faq-a6\">\r\n            <span>Is Viiewerr affiliated with social platforms?<\/span>\r\n            <i class=\"bx bx-plus vf-faq-icon\" aria-hidden=\"true\"><\/i>\r\n          <\/button>\r\n          <div id=\"vf-faq-a6\" class=\"vf-faq-content\" role=\"region\">\r\n            <p class=\"vf-p\">No. Viiewerr should clearly state that it is not affiliated with Instagram, TikTok, Facebook, YouTube, Reddit, Pinterest, LinkedIn, or X\/Twitter.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SECTION 11: FINAL CTA -->\r\n  <section class=\"vf-cta-section\" aria-labelledby=\"vf-cta-title\">\r\n    <div class=\"vf-cta-glow-1\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"vf-cta-glow-2\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"vf-container\">\r\n      <div class=\"vf-cta-inner\">\r\n        <h2 id=\"vf-cta-title\" class=\"vf-h2 vf-text-white\">Explore Viiewerr Features in Action<\/h2>\r\n        <p class=\"vf-p vf-text-pale vf-cta-sub\">Browse platform categories, discover public viewer tools, and experience a cleaner way to navigate publicly available social media content.<\/p>\r\n        <div class=\"vf-cta-btns\">\r\n          <a href=\"#\" class=\"vf-btn vf-btn-primary\">Explore Viewer Tools<\/a>\r\n          <a href=\"#\" class=\"vf-btn vf-btn-outline\">Browse Platforms<\/a>\r\n        <\/div>\r\n        <ul class=\"vf-cta-pills\" aria-label=\"Key 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 FEATURES PAGE \u2014 Scoped CSS\r\n       All rules scoped under .viiewerr-features-wrap\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap {\r\n      \/* Brand tokens *\/\r\n      --vf-dark:       #1B1028;\r\n      --vf-purple:     #3B0270;\r\n      --vf-neon:       #6F00FF;\r\n      --vf-neon-hover: #8222FF;\r\n      --vf-pink:       #E9B3FB;\r\n      --vf-lt-pink:    #FFF1F1;\r\n      --vf-white:      #FFFFFF;\r\n      --vf-muted:      #6D5A7A;\r\n      --vf-border:     #EBE4F0;\r\n\r\n      \/* Alphas *\/\r\n      --vf-neon-08:  rgba(111,0,255,.08);\r\n      --vf-neon-12:  rgba(111,0,255,.12);\r\n      --vf-neon-20:  rgba(111,0,255,.20);\r\n      --vf-neon-30:  rgba(111,0,255,.30);\r\n      --vf-pink-10:  rgba(233,179,251,.10);\r\n      --vf-pink-15:  rgba(233,179,251,.15);\r\n      --vf-pink-30:  rgba(233,179,251,.30);\r\n      --vf-pink-50:  rgba(233,179,251,.50);\r\n\r\n      \/* Shape \/ motion *\/\r\n      --vf-r-sm:     10px;\r\n      --vf-r-md:     16px;\r\n      --vf-r-lg:     22px;\r\n      --vf-r-xl:     30px;\r\n      --vf-r-pill:   50px;\r\n      --vf-shadow:   0 4px 24px rgba(0,0,0,.05);\r\n      --vf-hover-sh: 0 12px 36px rgba(111,0,255,.10);\r\n      --vf-ease:     cubic-bezier(.4,0,.2,1);\r\n      --vf-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(--vf-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; padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u2500\u2500 Reset \u2500\u2500 *\/\r\n    .viiewerr-features-wrap *, .viiewerr-features-wrap *::before, .viiewerr-features-wrap *::after { box-sizing: border-box; }\r\n    .viiewerr-features-wrap a         { text-decoration: none; color: inherit; }\r\n    .viiewerr-features-wrap p         { margin: 0 0 16px; }\r\n    .viiewerr-features-wrap h2, .viiewerr-features-wrap h3 { margin: 0 0 12px; }\r\n    .viiewerr-features-wrap ul, .viiewerr-features-wrap ol { margin: 0; padding: 0; list-style: none; }\r\n    .viiewerr-features-wrap *:focus-visible { outline: 2px solid var(--vf-neon); outline-offset: 3px; border-radius: 4px; }\r\n    .viiewerr-features-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-features-wrap .vf-bg-white  { background: var(--vf-white); }\r\n    .viiewerr-features-wrap .vf-bg-pink   { background: var(--vf-lt-pink); }\r\n    .viiewerr-features-wrap .vf-text-white { color: var(--vf-white) !important; }\r\n    .viiewerr-features-wrap .vf-text-pale  { color: rgba(255,255,255,.80) !important; }\r\n    .viiewerr-features-wrap .vf-mt-24     { margin-top: 24px; display: inline-flex; }\r\n\r\n    .viiewerr-features-wrap .vf-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-features-wrap .vf-section  { padding: 88px 0; }\r\n    .viiewerr-features-wrap .vf-section-header {\r\n      text-align: center;\r\n      max-width: 720px;\r\n      margin: 0 auto 56px;\r\n    }\r\n    .viiewerr-features-wrap .vf-h1 {\r\n      font-size: clamp(30px,4.5vw,58px);\r\n      font-weight: 800; letter-spacing: -1px; line-height: 1.15;\r\n      color: var(--vf-white); margin-bottom: 20px;\r\n    }\r\n    .viiewerr-features-wrap .vf-h2 {\r\n      font-size: clamp(26px,3.5vw,40px);\r\n      font-weight: 800; letter-spacing: -.5px; line-height: 1.2;\r\n      color: var(--vf-dark); margin-bottom: 16px;\r\n    }\r\n    .viiewerr-features-wrap .vf-h3 {\r\n      font-size: 19px; font-weight: 700;\r\n      color: var(--vf-dark); margin-bottom: 8px;\r\n    }\r\n    .viiewerr-features-wrap .vf-p {\r\n      font-size: 16px; color: var(--vf-muted);\r\n      line-height: 1.7; margin-bottom: 0;\r\n    }\r\n\r\n    \/* \u2500\u2500 Badges \u2500\u2500 *\/\r\n    .viiewerr-features-wrap .vf-badge {\r\n      display: inline-block; padding: 6px 16px;\r\n      border-radius: var(--vf-r-pill); font-size: 12px;\r\n      font-weight: 700; text-transform: uppercase; letter-spacing: .5px;\r\n      background: var(--vf-neon-12); color: var(--vf-neon);\r\n      border: 1px solid var(--vf-neon-20); margin-bottom: 20px;\r\n    }\r\n    .viiewerr-features-wrap .vf-badge-light {\r\n      background: rgba(255,255,255,.12); color: var(--vf-pink);\r\n      border-color: var(--vf-pink-30);\r\n    }\r\n    .viiewerr-features-wrap .vf-badge-inline {\r\n      display: inline-block; padding: 5px 14px;\r\n      border-radius: var(--vf-r-pill); font-size: 12px;\r\n      font-weight: 700; text-transform: uppercase; letter-spacing: .5px;\r\n      background: var(--vf-neon-08); color: var(--vf-neon);\r\n      border: 1px solid var(--vf-neon-20); margin-bottom: 16px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Buttons \u2500\u2500 *\/\r\n    .viiewerr-features-wrap .vf-btn {\r\n      display: inline-flex; align-items: center; justify-content: center;\r\n      gap: 8px; padding: 14px 30px; border-radius: var(--vf-r-pill);\r\n      font-size: 16px; font-weight: 600; border: 2px solid transparent;\r\n      cursor: pointer; transition: transform .2s var(--vf-ease), box-shadow .2s var(--vf-ease), background .2s;\r\n    }\r\n    .viiewerr-features-wrap .vf-btn-primary {\r\n      background: linear-gradient(135deg, var(--vf-neon), var(--vf-purple));\r\n      color: var(--vf-white); box-shadow: 0 4px 18px rgba(111,0,255,.40);\r\n    }\r\n    .viiewerr-features-wrap .vf-btn-primary:hover,\r\n    .viiewerr-features-wrap .vf-btn-primary:focus-visible {\r\n      transform: translateY(-3px); box-shadow: 0 10px 32px rgba(111,0,255,.60);\r\n      color: var(--vf-white);\r\n    }\r\n    .viiewerr-features-wrap .vf-btn-primary:active { transform: scale(.97); }\r\n    .viiewerr-features-wrap .vf-btn-outline {\r\n      background: transparent; border-color: rgba(255,255,255,.35); color: var(--vf-white);\r\n    }\r\n    .viiewerr-features-wrap .vf-btn-outline:hover,\r\n    .viiewerr-features-wrap .vf-btn-outline:focus-visible {\r\n      background: rgba(255,255,255,.10); transform: translateY(-2px);\r\n    }\r\n\r\n    \/* \u2500\u2500 Grids \u2500\u2500 *\/\r\n    .viiewerr-features-wrap .vf-grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }\r\n    .viiewerr-features-wrap .vf-grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }\r\n\r\n    \/* \u2500\u2500 Fade-up animation \u2500\u2500 *\/\r\n    .viiewerr-features-wrap .vf-fade-up {\r\n      opacity: 0; transform: translateY(28px);\r\n      transition: opacity .6s var(--vf-ease), transform .6s var(--vf-ease);\r\n    }\r\n    .viiewerr-features-wrap .vf-fade-up.vf-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* ==============================================\r\n       SECTION 1 \u2014 HERO\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-hero {\r\n      position: relative; background: var(--vf-dark);\r\n      overflow: hidden; padding: 110px 0 90px; color: var(--vf-white);\r\n    }\r\n    .viiewerr-features-wrap .vf-hero-bg {\r\n      position: absolute; inset: 0; z-index: 0;\r\n      background: radial-gradient(circle at 35% 0%, var(--vf-purple) 0%, var(--vf-dark) 65%);\r\n    }\r\n    .viiewerr-features-wrap .vf-glow-1 {\r\n      position: absolute; top: -20%; left: -8%;\r\n      width: 55%; height: 65%;\r\n      background: radial-gradient(circle, var(--vf-neon-30) 0%, transparent 70%);\r\n      filter: blur(88px); animation: vf-pulse 9s infinite alternate;\r\n      will-change: transform, opacity;\r\n    }\r\n    .viiewerr-features-wrap .vf-glow-2 {\r\n      position: absolute; bottom: -20%; right: -10%;\r\n      width: 50%; height: 60%;\r\n      background: radial-gradient(circle, var(--vf-pink-30) 0%, transparent 70%);\r\n      filter: blur(100px); animation: vf-pulse 11s infinite alternate-reverse;\r\n    }\r\n    .viiewerr-features-wrap .vf-grid-overlay {\r\n      position: absolute; 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-features-wrap .vf-hero-inner {\r\n      display: flex; align-items: center; gap: 56px;\r\n    }\r\n    .viiewerr-features-wrap .vf-hero-content {\r\n      flex: 1; position: relative; z-index: 2;\r\n      animation: vf-fade-in .9s var(--vf-ease) forwards;\r\n    }\r\n    .viiewerr-features-wrap .vf-hero-sub {\r\n      font-size: 17px; color: rgba(255,255,255,.78);\r\n      line-height: 1.7; max-width: 520px; margin-bottom: 36px;\r\n    }\r\n    .viiewerr-features-wrap .vf-hero-btns {\r\n      display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 36px;\r\n    }\r\n    .viiewerr-features-wrap .vf-hero-trust {\r\n      display: flex; flex-wrap: wrap; gap: 20px;\r\n      color: rgba(255,255,255,.65); font-size: 14px;\r\n    }\r\n    .viiewerr-features-wrap .vf-hero-trust li {\r\n      display: flex; align-items: center; gap: 6px;\r\n    }\r\n    .viiewerr-features-wrap .vf-hero-trust .bx { font-size: 17px; color: var(--vf-pink); }\r\n\r\n    \/* Hero Visual *\/\r\n    .viiewerr-features-wrap .vf-hero-visual {\r\n      flex: 1; position: relative; z-index: 2;\r\n      height: 440px; display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .viiewerr-features-wrap .vf-hero-orb {\r\n      position: absolute; top: 50%; left: 50%;\r\n      transform: translate(-50%,-50%);\r\n      width: 80px; height: 80px; border-radius: 50%;\r\n      background: linear-gradient(135deg, var(--vf-neon), var(--vf-purple));\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 32px; font-weight: 900; color: var(--vf-white);\r\n      box-shadow: 0 0 48px rgba(111,0,255,.45); z-index: 5;\r\n    }\r\n    .viiewerr-features-wrap .vf-feat-card {\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(--vf-pink-30);\r\n      border-radius: var(--vf-r-lg); padding: 12px 18px;\r\n      backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\r\n      box-shadow: 0 10px 28px rgba(0,0,0,.20);\r\n      font-size: 13px; font-weight: 600; color: var(--vf-white);\r\n      white-space: nowrap;\r\n      animation: vf-float 6s ease-in-out infinite;\r\n      will-change: transform;\r\n    }\r\n    .viiewerr-features-wrap .vf-fc-icon {\r\n      width: 34px; height: 34px; border-radius: 50%;\r\n      background: var(--vf-pink-15); border: 1px solid var(--vf-pink-30);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 18px; color: var(--vf-pink);\r\n    }\r\n    .viiewerr-features-wrap .vf-fc-1 { top:  8%; left: 4%;  --vf-rot: -4deg; animation-delay:  0s; }\r\n    .viiewerr-features-wrap .vf-fc-2 { top: 35%; left: 0%;  --vf-rot:  3deg; animation-delay:  1s; }\r\n    .viiewerr-features-wrap .vf-fc-3 { top: 62%; left: 5%;  --vf-rot: -2deg; animation-delay:  2s; }\r\n    .viiewerr-features-wrap .vf-fc-4 { top:  8%; right: 2%; --vf-rot:  4deg; animation-delay: .5s; }\r\n    .viiewerr-features-wrap .vf-fc-5 { top: 35%; right: 0%; --vf-rot: -3deg; animation-delay: 1.5s; }\r\n\r\n    @keyframes vf-float {\r\n      0%,100% { transform: rotate(var(--vf-rot)) translateY(0) translateZ(0); }\r\n      50%      { transform: rotate(var(--vf-rot)) translateY(-13px) translateZ(0); }\r\n    }\r\n    @keyframes vf-pulse {\r\n      0%   { opacity: .5; transform: scale(.9); }\r\n      100% { opacity: 1;  transform: scale(1.1); }\r\n    }\r\n    @keyframes vf-fade-in {\r\n      from { opacity: 0; transform: translateY(24px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* ==============================================\r\n       SECTION 2 \u2014 CORE FEATURES\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-core-grid { align-items: stretch; }\r\n    .viiewerr-features-wrap .vf-core-card {\r\n      background: var(--vf-white);\r\n      border: 1px solid var(--vf-border);\r\n      border-radius: var(--vf-r-lg); padding: 36px 28px;\r\n      box-shadow: var(--vf-shadow);\r\n      transition: transform .3s var(--vf-ease), box-shadow .3s var(--vf-ease), border-color .3s;\r\n    }\r\n    .viiewerr-features-wrap .vf-core-card:hover {\r\n      transform: translateY(-6px); box-shadow: var(--vf-hover-sh); border-color: var(--vf-pink);\r\n    }\r\n    .viiewerr-features-wrap .vf-core-icon {\r\n      width: 58px; height: 58px; border-radius: var(--vf-r-md);\r\n      background: var(--vf-pink-15);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 28px; color: var(--vf-neon); margin-bottom: 20px;\r\n      transition: transform .35s var(--vf-spring);\r\n    }\r\n    .viiewerr-features-wrap .vf-core-card:hover .vf-core-icon { transform: scale(1.12) rotate(5deg); }\r\n    .viiewerr-features-wrap .vf-core-desc { font-size: 15px; color: var(--vf-muted); line-height: 1.65; margin: 0; }\r\n\r\n    \/* ==============================================\r\n       SECTION 3 \u2014 PLATFORM VIEWER CATEGORIES\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-platform-grid { align-items: stretch; }\r\n    .viiewerr-features-wrap .vf-platform-card {\r\n      display: flex; flex-direction: column;\r\n      background: var(--vf-white); border: 1px solid var(--vf-border);\r\n      border-radius: var(--vf-r-lg); padding: 26px 22px 22px;\r\n      box-shadow: var(--vf-shadow);\r\n      transition: transform .3s var(--vf-ease), box-shadow .3s var(--vf-ease), border-color .3s;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .viiewerr-features-wrap .vf-platform-card::after {\r\n      content: ''; position: absolute; inset: 0; border-radius: var(--vf-r-lg);\r\n      background: linear-gradient(135deg, var(--vf-neon-08), var(--vf-pink-10));\r\n      opacity: 0; transition: opacity .3s; pointer-events: none;\r\n    }\r\n    .viiewerr-features-wrap .vf-platform-card:hover,\r\n    .viiewerr-features-wrap .vf-platform-card:focus-visible {\r\n      transform: translateY(-6px); box-shadow: var(--vf-hover-sh); border-color: var(--vf-pink);\r\n    }\r\n    .viiewerr-features-wrap .vf-platform-card:hover::after { opacity: 1; }\r\n    .viiewerr-features-wrap .vf-plat-top {\r\n      display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;\r\n    }\r\n    .viiewerr-features-wrap .vf-plat-icon {\r\n      width: 52px; height: 52px; border-radius: var(--vf-r-md);\r\n      background: var(--vf-pink-15); display: flex; align-items: center; justify-content: center;\r\n      font-size: 28px; color: var(--vf-neon);\r\n      transition: transform .35s var(--vf-spring); position: relative; z-index: 1;\r\n    }\r\n    .viiewerr-features-wrap .vf-platform-card:hover .vf-plat-icon { transform: scale(1.1) rotate(6deg); }\r\n    .viiewerr-features-wrap .vf-plat-badge {\r\n      font-size: 11px; font-weight: 700;\r\n      background: var(--vf-neon-08); color: var(--vf-neon);\r\n      padding: 3px 10px; border-radius: 20px; position: relative; z-index: 1;\r\n    }\r\n    .viiewerr-features-wrap .vf-platform-card .vf-h3 { position: relative; z-index: 1; }\r\n    .viiewerr-features-wrap .vf-plat-desc {\r\n      font-size: 14px; color: var(--vf-muted); line-height: 1.65;\r\n      flex: 1; margin-bottom: 16px; position: relative; z-index: 1;\r\n    }\r\n    .viiewerr-features-wrap .vf-plat-arrow {\r\n      font-size: 22px; color: var(--vf-neon);\r\n      transition: transform .25s var(--vf-ease);\r\n      display: inline-flex; align-items: center;\r\n      align-self: flex-start; position: relative; z-index: 1;\r\n    }\r\n    .viiewerr-features-wrap .vf-platform-card:hover .vf-plat-arrow { transform: translateX(6px); }\r\n\r\n    \/* ==============================================\r\n       SECTION 4 \u2014 NO LOGIN EXPERIENCE\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-split-wrap {\r\n      display: flex; align-items: center; gap: 64px;\r\n    }\r\n    .viiewerr-features-wrap .vf-split-content { flex: 1; }\r\n    .viiewerr-features-wrap .vf-bullet-list { margin: 24px 0 32px; }\r\n    .viiewerr-features-wrap .vf-bullet-list li {\r\n      display: flex; align-items: center; gap: 12px;\r\n      font-size: 15px; font-weight: 500; color: var(--vf-dark);\r\n      margin-bottom: 14px;\r\n    }\r\n    .viiewerr-features-wrap .vf-bullet-list li:last-child { margin-bottom: 0; }\r\n    .viiewerr-features-wrap .vf-bl-icon {\r\n      width: 26px; height: 26px; border-radius: 50%;\r\n      background: var(--vf-neon-12); color: var(--vf-neon);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 16px; flex-shrink: 0;\r\n    }\r\n\r\n    \/* Browser mockup *\/\r\n    .viiewerr-features-wrap .vf-split-visual {\r\n      flex: 1; position: relative; height: 420px;\r\n      display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .viiewerr-features-wrap .vf-mockup-bg-1 {\r\n      position: absolute; top: 8%; right: 8%;\r\n      width: 85%; height: 85%; background: var(--vf-pink);\r\n      border-radius: var(--vf-r-xl); transform: rotate(4deg); opacity: .55;\r\n    }\r\n    .viiewerr-features-wrap .vf-mockup-bg-2 {\r\n      position: absolute; top: 4%; right: 12%;\r\n      width: 85%; height: 85%; background: var(--vf-neon);\r\n      border-radius: var(--vf-r-xl); transform: rotate(-2deg); opacity: .25;\r\n    }\r\n    .viiewerr-features-wrap .vf-browser-card {\r\n      position: relative; z-index: 2;\r\n      width: 92%; background: var(--vf-white);\r\n      border-radius: var(--vf-r-lg); box-shadow: 0 20px 56px rgba(0,0,0,.12);\r\n      border: 1px solid var(--vf-border); overflow: hidden;\r\n    }\r\n    .viiewerr-features-wrap .vf-browser-bar {\r\n      background: #F8F9FA; padding: 11px 16px;\r\n      display: flex; align-items: center;\r\n      border-bottom: 1px solid var(--vf-border);\r\n    }\r\n    .viiewerr-features-wrap .vf-browser-dots { display: flex; gap: 6px; }\r\n    .viiewerr-features-wrap .vf-browser-dots i { width: 10px; height: 10px; border-radius: 50%; }\r\n    .viiewerr-features-wrap .vf-browser-dots i:nth-child(1) { background: #FF5F56; }\r\n    .viiewerr-features-wrap .vf-browser-dots i:nth-child(2) { background: #FFBD2E; }\r\n    .viiewerr-features-wrap .vf-browser-dots i:nth-child(3) { background: #27C93F; }\r\n    .viiewerr-features-wrap .vf-browser-url {\r\n      flex: 1; text-align: center; font-size: 12px;\r\n      color: var(--vf-muted); background: var(--vf-white);\r\n      margin: 0 40px; padding: 4px 10px;\r\n      border-radius: 6px; border: 1px solid var(--vf-border);\r\n    }\r\n    .viiewerr-features-wrap .vf-browser-body { padding: 28px; background: #FAFAFA; }\r\n    .viiewerr-features-wrap .vf-browser-title {\r\n      font-size: 17px; font-weight: 700; color: var(--vf-dark);\r\n      text-align: center; margin-bottom: 20px;\r\n    }\r\n    .viiewerr-features-wrap .vf-browser-rows { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }\r\n    .viiewerr-features-wrap .vf-browser-row {\r\n      display: flex; align-items: center; gap: 12px;\r\n      background: var(--vf-white); border: 1px solid var(--vf-border);\r\n      border-radius: var(--vf-r-sm); padding: 12px 16px;\r\n    }\r\n    .viiewerr-features-wrap .vf-br-check {\r\n      width: 24px; height: 24px; border-radius: 50%;\r\n      background: var(--vf-neon-12); color: var(--vf-neon);\r\n      display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0;\r\n    }\r\n    .viiewerr-features-wrap .vf-br-label { flex: 1; font-size: 14px; font-weight: 500; color: var(--vf-dark); }\r\n    .viiewerr-features-wrap .vf-br-status {\r\n      font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 20px;\r\n    }\r\n    .viiewerr-features-wrap .vf-br-active { background: rgba(39,201,63,.12); color: #27C93F; }\r\n    .viiewerr-features-wrap .vf-browser-footer {\r\n      text-align: center; font-size: 13px; font-weight: 600; color: var(--vf-neon);\r\n      display: flex; align-items: center; justify-content: center; gap: 6px;\r\n    }\r\n    .viiewerr-features-wrap .vf-browser-footer .bx { font-size: 16px; }\r\n\r\n    \/* ==============================================\r\n       SECTION 5 \u2014 SAFETY FEATURES\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-safety-section {\r\n      background: var(--vf-dark); padding: 88px 0; position: relative; overflow: hidden;\r\n    }\r\n    .viiewerr-features-wrap .vf-safety-glow-1 {\r\n      position: absolute; top: -25%; left: -10%;\r\n      width: 55%; height: 75%;\r\n      background: radial-gradient(circle, var(--vf-neon-30) 0%, transparent 65%);\r\n      filter: blur(80px); pointer-events: none;\r\n    }\r\n    .viiewerr-features-wrap .vf-safety-glow-2 {\r\n      position: absolute; bottom: -20%; right: -10%;\r\n      width: 50%; height: 65%;\r\n      background: radial-gradient(circle, var(--vf-pink-30) 0%, transparent 65%);\r\n      filter: blur(90px); pointer-events: none;\r\n    }\r\n    .viiewerr-features-wrap .vf-safety-inner {\r\n      position: relative; z-index: 2;\r\n      max-width: 820px; margin: 0 auto; text-align: center;\r\n    }\r\n    .viiewerr-features-wrap .vf-safety-inner .vf-h2 { color: var(--vf-white); margin-bottom: 16px; }\r\n    .viiewerr-features-wrap .vf-safety-pills {\r\n      display: flex; flex-wrap: wrap;\r\n      justify-content: center; gap: 14px; margin-top: 36px;\r\n    }\r\n    .viiewerr-features-wrap .vf-safety-pills li {\r\n      display: flex; align-items: center; gap: 8px;\r\n      background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);\r\n      border-radius: var(--vf-r-pill); padding: 10px 20px;\r\n      font-size: 14px; font-weight: 500; color: var(--vf-white);\r\n      transition: background .25s, border-color .25s;\r\n    }\r\n    .viiewerr-features-wrap .vf-safety-pills li:hover {\r\n      background: rgba(255,255,255,.12); border-color: var(--vf-pink-50);\r\n    }\r\n    .viiewerr-features-wrap .vf-safety-pills li .bx { font-size: 17px; color: var(--vf-pink); }\r\n\r\n    \/* ==============================================\r\n       SECTION 6 \u2014 MOBILE EXPERIENCE\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-mobile-grid { align-items: stretch; }\r\n    .viiewerr-features-wrap .vf-mobile-card {\r\n      background: var(--vf-white); border: 1px solid var(--vf-border);\r\n      border-radius: var(--vf-r-lg); padding: 36px 28px;\r\n      box-shadow: var(--vf-shadow);\r\n      transition: transform .3s var(--vf-ease), box-shadow .3s var(--vf-ease), border-color .3s;\r\n    }\r\n    .viiewerr-features-wrap .vf-mobile-card:hover {\r\n      transform: translateY(-6px); box-shadow: var(--vf-hover-sh); border-color: var(--vf-pink);\r\n    }\r\n    .viiewerr-features-wrap .vf-mob-top {\r\n      display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;\r\n    }\r\n    .viiewerr-features-wrap .vf-mob-icon {\r\n      width: 58px; height: 58px; border-radius: var(--vf-r-md);\r\n      background: linear-gradient(135deg, var(--vf-pink-15), var(--vf-neon-08));\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 28px; color: var(--vf-neon);\r\n      transition: transform .35s var(--vf-spring);\r\n    }\r\n    .viiewerr-features-wrap .vf-mobile-card:hover .vf-mob-icon { transform: scale(1.1) rotate(5deg); }\r\n    .viiewerr-features-wrap .vf-mob-device-bar {\r\n      display: flex; flex-direction: column; gap: 4px; align-items: flex-end;\r\n    }\r\n    .viiewerr-features-wrap .vf-mob-device-bar span {\r\n      display: block; height: 3px; border-radius: 3px;\r\n      background: linear-gradient(90deg, var(--vf-neon), var(--vf-pink));\r\n      transition: width .3s;\r\n    }\r\n    .viiewerr-features-wrap .vf-mob-device-bar span:nth-child(1) { width: 32px; }\r\n    .viiewerr-features-wrap .vf-mob-device-bar span:nth-child(2) { width: 22px; }\r\n    .viiewerr-features-wrap .vf-mob-device-bar span:nth-child(3) { width: 16px; }\r\n    .viiewerr-features-wrap .vf-mobile-card:hover .vf-mob-device-bar span:nth-child(2) { width: 28px; }\r\n    .viiewerr-features-wrap .vf-mob-desc { font-size: 14px; color: var(--vf-muted); line-height: 1.65; margin: 0; }\r\n\r\n    \/* ==============================================\r\n       SECTION 7 \u2014 TOOL DISCOVERY\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-discovery-wrap {\r\n      display: flex; align-items: flex-start; gap: 0;\r\n      background: var(--vf-white); border: 1px solid var(--vf-border);\r\n      border-radius: var(--vf-r-xl); box-shadow: var(--vf-shadow); overflow: hidden;\r\n    }\r\n    .viiewerr-features-wrap .vf-disc-col {\r\n      flex: 1; padding: 36px 28px;\r\n      border-right: 1px solid var(--vf-border);\r\n    }\r\n    .viiewerr-features-wrap .vf-disc-col:last-child { border-right: none; }\r\n    .viiewerr-features-wrap .vf-disc-arrow {\r\n      display: flex; align-items: center; justify-content: center;\r\n      padding: 0 4px; color: var(--vf-neon); font-size: 28px;\r\n      align-self: center; flex-shrink: 0;\r\n    }\r\n    .viiewerr-features-wrap .vf-disc-header {\r\n      display: flex; align-items: center; gap: 12px; margin-bottom: 24px;\r\n    }\r\n    .viiewerr-features-wrap .vf-disc-hicon {\r\n      width: 44px; height: 44px; border-radius: var(--vf-r-sm);\r\n      background: var(--vf-pink-15); display: flex; align-items: center; justify-content: center;\r\n      font-size: 22px; color: var(--vf-neon); flex-shrink: 0;\r\n    }\r\n    .viiewerr-features-wrap .vf-disc-list { display: flex; flex-direction: column; gap: 12px; }\r\n    .viiewerr-features-wrap .vf-disc-list li {\r\n      display: flex; align-items: center; gap: 10px;\r\n      font-size: 14px; font-weight: 500; color: var(--vf-dark);\r\n      background: var(--vf-lt-pink); border: 1px solid var(--vf-border);\r\n      border-radius: var(--vf-r-sm); padding: 10px 14px;\r\n      transition: border-color .25s, box-shadow .25s;\r\n    }\r\n    .viiewerr-features-wrap .vf-disc-list li:hover {\r\n      border-color: var(--vf-neon); box-shadow: 0 0 0 3px var(--vf-neon-08);\r\n    }\r\n    .viiewerr-features-wrap .vf-disc-list li .bx { font-size: 18px; color: var(--vf-neon); flex-shrink: 0; }\r\n\r\n    \/* ==============================================\r\n       SECTION 8 \u2014 COMPARISON\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-compare-wrap {\r\n      display: flex; align-items: center; gap: 20px;\r\n      max-width: 900px; margin: 0 auto;\r\n    }\r\n    .viiewerr-features-wrap .vf-cmp-card {\r\n      flex: 1; border-radius: var(--vf-r-xl); padding: 40px 32px;\r\n      box-shadow: var(--vf-shadow);\r\n    }\r\n    .viiewerr-features-wrap .vf-cmp-old {\r\n      background: #F8F9FA; border: 1px solid #E9ECEF;\r\n    }\r\n    .viiewerr-features-wrap .vf-cmp-new {\r\n      background: linear-gradient(145deg, #FDFBFF, var(--vf-lt-pink));\r\n      border: 1px solid var(--vf-pink);\r\n      box-shadow: 0 12px 40px rgba(111,0,255,.07);\r\n    }\r\n    .viiewerr-features-wrap .vf-cmp-badge-wrap { margin-bottom: 20px; }\r\n    .viiewerr-features-wrap .vf-cmp-label-old {\r\n      display: inline-block; font-size: 12px; font-weight: 700;\r\n      padding: 5px 14px; border-radius: var(--vf-r-pill);\r\n      background: rgba(0,0,0,.06); color: var(--vf-muted);\r\n    }\r\n    .viiewerr-features-wrap .vf-cmp-label-new {\r\n      display: inline-block; font-size: 12px; font-weight: 700;\r\n      padding: 5px 14px; border-radius: var(--vf-r-pill);\r\n      background: var(--vf-neon-12); color: var(--vf-neon);\r\n    }\r\n    .viiewerr-features-wrap .vf-cmp-vs {\r\n      width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;\r\n      background: linear-gradient(135deg, var(--vf-neon), var(--vf-purple));\r\n      color: var(--vf-white); font-size: 12px; 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    }\r\n    .viiewerr-features-wrap .vf-cmp-list { display: flex; flex-direction: column; gap: 13px; }\r\n    .viiewerr-features-wrap .vf-cmp-list li {\r\n      display: flex; align-items: center; gap: 12px;\r\n      font-size: 15px; font-weight: 500; color: var(--vf-dark);\r\n    }\r\n    .viiewerr-features-wrap .vf-x-icon {\r\n      font-size: 18px; color: #DC3545;\r\n      background: rgba(220,53,69,.10); border-radius: 50%;\r\n      width: 28px; height: 28px;\r\n      display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n    }\r\n    .viiewerr-features-wrap .vf-check-icon {\r\n      font-size: 18px; color: var(--vf-neon);\r\n      background: var(--vf-neon-12); border-radius: 50%;\r\n      width: 28px; height: 28px;\r\n      display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n    }\r\n\r\n    \/* ==============================================\r\n       SECTION 9 \u2014 WORKFLOW\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-workflow-wrap {\r\n      display: grid; grid-template-columns: repeat(4,1fr);\r\n      gap: 24px; position: relative;\r\n    }\r\n    .viiewerr-features-wrap .vf-wf-line {\r\n      position: absolute; top: 36px; left: 12%; right: 12%;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, transparent, var(--vf-pink), transparent);\r\n      z-index: 0;\r\n    }\r\n    .viiewerr-features-wrap .vf-wf-card {\r\n      background: var(--vf-white); border: 1px solid var(--vf-border);\r\n      border-radius: var(--vf-r-lg); padding: 32px 24px;\r\n      text-align: center; position: relative; z-index: 1;\r\n      box-shadow: var(--vf-shadow);\r\n      transition: transform .3s var(--vf-ease), box-shadow .3s var(--vf-ease);\r\n    }\r\n    .viiewerr-features-wrap .vf-wf-card:hover {\r\n      transform: translateY(-6px); box-shadow: var(--vf-hover-sh);\r\n    }\r\n    .viiewerr-features-wrap .vf-wf-num {\r\n      width: 48px; height: 48px; border-radius: 50%;\r\n      background: linear-gradient(135deg, var(--vf-neon), var(--vf-purple));\r\n      color: var(--vf-white); font-size: 20px; font-weight: 800;\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin: 0 auto 16px; box-shadow: 0 4px 18px rgba(111,0,255,.35);\r\n      transition: box-shadow .3s;\r\n    }\r\n    .viiewerr-features-wrap .vf-wf-card:hover .vf-wf-num { box-shadow: 0 0 24px rgba(111,0,255,.55); }\r\n    .viiewerr-features-wrap .vf-wf-icon {\r\n      width: 52px; height: 52px; border-radius: var(--vf-r-md);\r\n      background: var(--vf-pink-15); display: flex; align-items: center; justify-content: center;\r\n      font-size: 26px; color: var(--vf-neon); margin: 0 auto 16px;\r\n      transition: transform .35s var(--vf-spring);\r\n    }\r\n    .viiewerr-features-wrap .vf-wf-card:hover .vf-wf-icon { transform: scale(1.1) rotate(5deg); }\r\n    .viiewerr-features-wrap .vf-wf-desc { font-size: 14px; color: var(--vf-muted); line-height: 1.65; margin: 0; }\r\n\r\n    \/* ==============================================\r\n       SECTION 10 \u2014 FAQ\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-faq-wrap { max-width: 800px; margin: 0 auto; }\r\n    .viiewerr-features-wrap .vf-faq-item {\r\n      background: var(--vf-white); border: 1px solid var(--vf-border);\r\n      border-radius: var(--vf-r-lg); margin-bottom: 12px;\r\n      overflow: hidden;\r\n      transition: border-color .25s, box-shadow .25s;\r\n    }\r\n    .viiewerr-features-wrap .vf-faq-item:has(.vf-faq-btn[aria-expanded=\"true\"]) {\r\n      border-color: var(--vf-neon); box-shadow: 0 0 0 3px var(--vf-neon-08);\r\n    }\r\n    .viiewerr-features-wrap .vf-faq-btn {\r\n      width: 100%; text-align: left; background: none; border: none;\r\n      padding: 22px 24px; font-size: 17px; font-weight: 600;\r\n      color: var(--vf-dark); cursor: pointer;\r\n      display: flex; justify-content: space-between; align-items: center; gap: 16px;\r\n      transition: color .25s;\r\n    }\r\n    .viiewerr-features-wrap .vf-faq-btn:hover { color: var(--vf-neon); }\r\n    .viiewerr-features-wrap .vf-faq-btn:focus-visible { outline: 2px solid var(--vf-neon); outline-offset: -2px; }\r\n    .viiewerr-features-wrap .vf-faq-icon {\r\n      font-size: 22px; color: var(--vf-neon); flex-shrink: 0;\r\n      transition: transform .3s var(--vf-spring);\r\n    }\r\n    .viiewerr-features-wrap .vf-faq-btn[aria-expanded=\"true\"] .vf-faq-icon { transform: rotate(45deg); }\r\n    .viiewerr-features-wrap .vf-faq-content {\r\n      max-height: 0; overflow: hidden;\r\n      transition: max-height .35s var(--vf-ease);\r\n    }\r\n    .viiewerr-features-wrap .vf-faq-content .vf-p {\r\n      padding: 0 24px 22px; font-size: 15px; color: var(--vf-muted); line-height: 1.7; margin: 0;\r\n    }\r\n\r\n    \/* ==============================================\r\n       SECTION 11 \u2014 CTA\r\n    ============================================== *\/\r\n    .viiewerr-features-wrap .vf-cta-section {\r\n      background: linear-gradient(145deg, var(--vf-dark) 0%, var(--vf-purple) 100%);\r\n      padding: 100px 0; text-align: center;\r\n      position: relative; overflow: hidden;\r\n    }\r\n    .viiewerr-features-wrap .vf-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(--vf-neon-30) 0%, transparent 60%);\r\n      filter: blur(80px); pointer-events: none;\r\n    }\r\n    .viiewerr-features-wrap .vf-cta-glow-2 {\r\n      position: absolute; top: -20%; right: -15%;\r\n      width: 55%; height: 80%;\r\n      background: radial-gradient(circle, var(--vf-pink-10) 0%, transparent 65%);\r\n      filter: blur(90px); pointer-events: none;\r\n    }\r\n    .viiewerr-features-wrap .vf-cta-inner {\r\n      position: relative; z-index: 2;\r\n      max-width: 660px; margin: 0 auto;\r\n    }\r\n    .viiewerr-features-wrap .vf-cta-inner .vf-h2 { color: var(--vf-white); margin-bottom: 16px; }\r\n    .viiewerr-features-wrap .vf-cta-sub { font-size: 17px; margin-bottom: 40px; }\r\n    .viiewerr-features-wrap .vf-cta-btns {\r\n      display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-bottom: 36px;\r\n    }\r\n    .viiewerr-features-wrap .vf-cta-pills {\r\n      display: flex; flex-wrap: wrap; justify-content: center; gap: 22px;\r\n      color: rgba(255,255,255,.60); font-size: 14px;\r\n    }\r\n    .viiewerr-features-wrap .vf-cta-pills li { display: flex; align-items: center; gap: 6px; }\r\n    .viiewerr-features-wrap .vf-cta-pills .bx { font-size: 16px; color: var(--vf-pink); }\r\n\r\n    \/* ==============================================\r\n       RESPONSIVE\r\n    ============================================== *\/\r\n    @media (max-width: 1024px) {\r\n      .viiewerr-features-wrap .vf-grid-4      { grid-template-columns: repeat(2,1fr); }\r\n      .viiewerr-features-wrap .vf-grid-3      { grid-template-columns: repeat(2,1fr); }\r\n      .viiewerr-features-wrap .vf-workflow-wrap{ grid-template-columns: repeat(2,1fr); }\r\n      .viiewerr-features-wrap .vf-wf-line     { display: none; }\r\n      .viiewerr-features-wrap .vf-hero-inner  { gap: 32px; }\r\n      .viiewerr-features-wrap .vf-hero-visual { height: 380px; }\r\n      .viiewerr-features-wrap .vf-discovery-wrap { flex-direction: column; }\r\n      .viiewerr-features-wrap .vf-disc-col    { border-right: none; border-bottom: 1px solid var(--vf-border); }\r\n      .viiewerr-features-wrap .vf-disc-col:last-child { border-bottom: none; }\r\n      .viiewerr-features-wrap .vf-disc-arrow  { transform: rotate(90deg); padding: 4px 0; }\r\n    }\r\n    @media (max-width: 820px) {\r\n      .viiewerr-features-wrap .vf-hero-inner  { flex-direction: column; text-align: center; }\r\n      .viiewerr-features-wrap .vf-hero-content { max-width: 100%; }\r\n      .viiewerr-features-wrap .vf-hero-btns   { justify-content: center; }\r\n      .viiewerr-features-wrap .vf-hero-trust  { justify-content: center; }\r\n      .viiewerr-features-wrap .vf-hero-visual { height: 280px; width: 100%; }\r\n      .viiewerr-features-wrap .vf-fc-3, .viiewerr-features-wrap .vf-fc-4,\r\n      .viiewerr-features-wrap .vf-fc-5 { display: none; }\r\n      .viiewerr-features-wrap .vf-split-wrap  { flex-direction: column; gap: 40px; }\r\n      .viiewerr-features-wrap .vf-split-visual { height: 340px; width: 100%; }\r\n      .viiewerr-features-wrap .vf-compare-wrap { flex-direction: column; gap: 16px; }\r\n      .viiewerr-features-wrap .vf-cmp-vs      { align-self: center; }\r\n      .viiewerr-features-wrap .vf-cmp-card    { width: 100%; }\r\n      .viiewerr-features-wrap .vf-hero-sub    { max-width: 100%; }\r\n    }\r\n    @media (max-width: 640px) {\r\n      .viiewerr-features-wrap .vf-section     { padding: 60px 0; }\r\n      .viiewerr-features-wrap .vf-section-header { margin-bottom: 36px; }\r\n      .viiewerr-features-wrap .vf-grid-4      { grid-template-columns: 1fr; }\r\n      .viiewerr-features-wrap .vf-grid-3      { grid-template-columns: 1fr; }\r\n      .viiewerr-features-wrap .vf-workflow-wrap{ grid-template-columns: 1fr; }\r\n      .viiewerr-features-wrap .vf-hero-visual { height: 200px; }\r\n      .viiewerr-features-wrap .vf-fc-1, .viiewerr-features-wrap .vf-fc-2 { font-size: 11px; padding: 9px 12px; }\r\n      .viiewerr-features-wrap .vf-hero-btns   { flex-direction: column; align-items: center; }\r\n      .viiewerr-features-wrap .vf-cta-btns    { flex-direction: column; align-items: center; }\r\n      .viiewerr-features-wrap .vf-safety-pills { gap: 10px; }\r\n      .viiewerr-features-wrap .vf-safety-pills li { padding: 9px 14px; font-size: 13px; }\r\n    }\r\n\r\n    \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .viiewerr-features-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-features-wrap');\r\n      if (!root) return;\r\n\r\n      var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n      \/* \u2500\u2500 1. FAQ Accordion \u2500\u2500 *\/\r\n      var faqBtns = root.querySelectorAll('.vf-faq-btn');\r\n      faqBtns.forEach(function (btn) {\r\n        btn.addEventListener('click', function () {\r\n          var isOpen   = this.getAttribute('aria-expanded') === 'true';\r\n          var targetId = this.getAttribute('aria-controls');\r\n          var panel    = root.querySelector('#' + targetId);\r\n\r\n          \/* Close all *\/\r\n          faqBtns.forEach(function (b) {\r\n            b.setAttribute('aria-expanded', 'false');\r\n            var p = root.querySelector('#' + b.getAttribute('aria-controls'));\r\n            if (p) p.style.maxHeight = null;\r\n          });\r\n\r\n          \/* Open clicked if it was closed *\/\r\n          if (!isOpen && panel) {\r\n            this.setAttribute('aria-expanded', 'true');\r\n            panel.style.maxHeight = panel.scrollHeight + 'px';\r\n          }\r\n        });\r\n      });\r\n\r\n      \/* \u2500\u2500 2. Scroll fade-up \u2500\u2500 *\/\r\n      if (!reduced && 'IntersectionObserver' in window) {\r\n        var targets = root.querySelectorAll(\r\n          '.vf-core-card, .vf-platform-card, .vf-mobile-card, .vf-wf-card, ' +\r\n          '.vf-faq-item, .vf-cmp-card, .vf-disc-col, .vf-section-header'\r\n        );\r\n        targets.forEach(function (el) {\r\n          el.classList.add('vf-fade-up');\r\n          var idx = Array.prototype.indexOf.call(el.parentElement.children, el);\r\n          el.style.transitionDelay = (idx * 0.07) + 's';\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('vf-visible');\r\n              io.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { threshold: 0.1, rootMargin: '0px 0px -36px 0px' });\r\n        targets.forEach(function (el) { io.observe(el); });\r\n      }\r\n\r\n      \/* \u2500\u2500 3. Hero parallax (desktop only) \u2500\u2500 *\/\r\n      var heroSection = root.querySelector('.vf-hero');\r\n      var featCards   = root.querySelectorAll('.vf-feat-card');\r\n      var ticking = false;\r\n\r\n      if (heroSection && featCards.length && !reduced) {\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 dx   = ((e.clientX - rect.left) \/ rect.width  - 0.5) * 20;\r\n              var dy   = ((e.clientY - rect.top)  \/ rect.height - 0.5) * 14;\r\n              featCards.forEach(function (c) {\r\n                c.style.transform =\r\n                  'rotate(var(--vf-rot)) translate3d(' + dx * 0.4 + 'px,' + dy * 0.4 + 'px,0)';\r\n              });\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          featCards.forEach(function (c) {\r\n            c.style.transform = '';\r\n          });\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-5271","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5271","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=5271"}],"version-history":[{"count":4,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5271\/revisions"}],"predecessor-version":[{"id":5275,"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/pages\/5271\/revisions\/5275"}],"wp:attachment":[{"href":"https:\/\/viiewerr.com\/wp-json\/wp\/v2\/media?parent=5271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}