{"id":2,"date":"2025-07-09T15:51:29","date_gmt":"2025-07-09T15:51:29","guid":{"rendered":"https:\/\/superred.world\/?page_id=2"},"modified":"2026-04-30T22:11:02","modified_gmt":"2026-04-30T22:11:02","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/superred.world\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f201d3f e-flex e-con-boxed e-con e-parent\" data-id=\"f201d3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87fb846 elementor-widget elementor-widget-html\" data-id=\"87fb846\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Super Red \u2014 Exclusive Content \u00b7 superred.world<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Cormorant+Garamond:wght@300;400;600&family=Montserrat:wght@300;400;600&display=swap\" rel=\"stylesheet\" \/>\r\n<style>\r\n  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n \r\n  :root {\r\n    --red: #C0092A;\r\n    --red-light: #E8103A;\r\n    --red-dark: #7A0018;\r\n    --gold: #C9A96E;\r\n    --gold-light: #E8C98A;\r\n    --cream: #FDF8F0;\r\n    --dark: #0D0A0B;\r\n    --dark2: #1A1214;\r\n    --dark3: #261820;\r\n    --text-muted: #9A8A8E;\r\n    --border: rgba(201,169,110,0.2);\r\n  }\r\n \r\n  html { scroll-behavior: smooth; }\r\n \r\n  body {\r\n    background: var(--dark);\r\n    color: var(--cream);\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 300;\r\n    overflow-x: hidden;\r\n    min-height: 100vh;\r\n    cursor: crosshair;\r\n  }\r\n \r\n  \/* CURSOR *\/\r\n  .cursor {\r\n    position: fixed;\r\n    width: 10px; height: 10px;\r\n    background: var(--red);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 9999;\r\n    transform: translate(-50%, -50%);\r\n    transition: width 0.2s, height 0.2s;\r\n    mix-blend-mode: exclusion;\r\n  }\r\n  .cursor-ring {\r\n    position: fixed;\r\n    width: 36px; height: 36px;\r\n    border: 1px solid var(--gold);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 9998;\r\n    transform: translate(-50%, -50%);\r\n    transition: width 0.3s, height 0.3s, border-color 0.3s;\r\n  }\r\n \r\n  \/* NAV *\/\r\n  nav {\r\n    position: fixed; top: 0; left: 0; right: 0;\r\n    z-index: 500;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    padding: 28px 60px;\r\n    background: linear-gradient(to bottom, rgba(13,10,11,0.97) 0%, transparent 100%);\r\n  }\r\n \r\n  .nav-logo {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 22px;\r\n    letter-spacing: 0.08em;\r\n    color: var(--gold);\r\n    text-decoration: none;\r\n  }\r\n  .nav-logo span { color: var(--red-light); font-style: italic; }\r\n \r\n  .nav-links {\r\n    display: flex; gap: 40px; list-style: none;\r\n  }\r\n  .nav-links a {\r\n    font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: var(--text-muted); text-decoration: none;\r\n    transition: color 0.3s;\r\n  }\r\n  .nav-links a:hover { color: var(--gold); }\r\n \r\n  .nav-cta {\r\n    font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\r\n    color: var(--red-light);\r\n    border: 1px solid var(--red);\r\n    padding: 10px 22px;\r\n    text-decoration: none;\r\n    transition: background 0.3s, color 0.3s;\r\n  }\r\n  .nav-cta:hover { background: var(--red); color: #fff; }\r\n \r\n  \/* HERO *\/\r\n  .hero {\r\n    min-height: 100vh;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    position: relative;\r\n  }\r\n \r\n  .hero-left {\r\n    display: flex; flex-direction: column; justify-content: flex-end;\r\n    padding: 160px 60px 100px;\r\n    position: relative; z-index: 2;\r\n  }\r\n \r\n  .hero-eyebrow {\r\n    font-size: 10px; letter-spacing: 0.35em; text-transform: uppercase;\r\n    color: var(--gold); margin-bottom: 20px;\r\n    display: flex; align-items: center; gap: 16px;\r\n  }\r\n  .hero-eyebrow::before {\r\n    content: '';\r\n    width: 40px; height: 1px; background: var(--gold);\r\n  }\r\n \r\n  .hero-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(58px, 7vw, 96px);\r\n    line-height: 0.92;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n    color: var(--cream);\r\n  }\r\n  .hero-title .italic { font-style: italic; color: var(--red-light); }\r\n  .hero-title .outline {\r\n    -webkit-text-stroke: 1px var(--cream);\r\n    color: transparent;\r\n  }\r\n \r\n  .hero-sub {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 18px; font-weight: 300;\r\n    color: var(--text-muted);\r\n    margin: 28px 0 48px;\r\n    max-width: 340px;\r\n    line-height: 1.7;\r\n    letter-spacing: 0.02em;\r\n  }\r\n \r\n  .hero-actions {\r\n    display: flex; gap: 20px; align-items: center;\r\n  }\r\n \r\n  .btn-primary {\r\n    background: var(--red);\r\n    color: #fff;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    padding: 18px 40px;\r\n    border: none; cursor: pointer;\r\n    transition: background 0.3s;\r\n    text-decoration: none; display: inline-block;\r\n  }\r\n  .btn-primary:hover { background: var(--red-light); }\r\n \r\n  .btn-ghost {\r\n    font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: var(--gold); text-decoration: none;\r\n    display: flex; align-items: center; gap: 10px;\r\n    transition: gap 0.3s;\r\n  }\r\n  .btn-ghost:hover { gap: 16px; }\r\n  .btn-ghost::after { content: '\u2192'; }\r\n \r\n  \/* HERO RIGHT *\/\r\n  .hero-right {\r\n    position: relative; overflow: hidden;\r\n    background: var(--dark2);\r\n  }\r\n \r\n  .hero-right::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background:\r\n      radial-gradient(ellipse 60% 70% at 50% 40%, rgba(192,9,42,0.18) 0%, transparent 70%),\r\n      linear-gradient(160deg, var(--dark2) 0%, var(--dark3) 60%, var(--dark) 100%);\r\n  }\r\n \r\n  .hero-monogram {\r\n    position: absolute; inset: 0;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 200px; font-weight: 700; font-style: italic;\r\n    color: rgba(192,9,42,0.1);\r\n    line-height: 1;\r\n    letter-spacing: -8px;\r\n    user-select: none;\r\n  }\r\n \r\n  .hero-badge {\r\n    position: absolute; bottom: 60px; right: 60px;\r\n    width: 110px; height: 110px;\r\n    border: 1px solid var(--gold);\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    text-align: center;\r\n    animation: spin-badge 18s linear infinite;\r\n  }\r\n  @keyframes spin-badge { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n  .hero-badge-text {\r\n    animation: spin-reverse 18s linear infinite;\r\n    font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase;\r\n    color: var(--gold); line-height: 1.5; padding: 12px;\r\n  }\r\n  @keyframes spin-reverse { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }\r\n \r\n  .hero-line {\r\n    position: absolute; top: 0; bottom: 0; left: 0;\r\n    width: 3px;\r\n    background: linear-gradient(to bottom, transparent, var(--red), transparent);\r\n    opacity: 0.6;\r\n  }\r\n \r\n  \/* TICKER *\/\r\n  .ticker-bar {\r\n    background: var(--red-dark);\r\n    padding: 14px 0;\r\n    overflow: hidden;\r\n  }\r\n  .ticker-inner {\r\n    display: flex;\r\n    gap: 80px;\r\n    white-space: nowrap;\r\n    animation: ticker 22s linear infinite;\r\n    font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase;\r\n    color: rgba(253,248,240,0.7);\r\n  }\r\n  @keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n  .ticker-item { display: inline-flex; align-items: center; gap: 24px; }\r\n  .ticker-dot {\r\n    width: 4px; height: 4px; border-radius: 50%;\r\n    background: var(--gold); display: inline-block;\r\n  }\r\n \r\n  \/* FEATURES *\/\r\n  .features {\r\n    padding: 140px 60px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 2px;\r\n    background: var(--dark2);\r\n  }\r\n \r\n  .feature-card {\r\n    padding: 56px 48px;\r\n    background: var(--dark);\r\n    position: relative;\r\n    transition: background 0.4s;\r\n    overflow: hidden;\r\n  }\r\n  .feature-card::before {\r\n    content: '';\r\n    position: absolute; bottom: 0; left: 0; right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(to right, transparent, var(--red), transparent);\r\n    transform: scaleX(0);\r\n    transition: transform 0.4s;\r\n  }\r\n  .feature-card:hover::before { transform: scaleX(1); }\r\n  .feature-card:hover { background: var(--dark3); }\r\n \r\n  .feature-number {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 56px; font-weight: 700; font-style: italic;\r\n    color: rgba(192,9,42,0.15);\r\n    line-height: 1;\r\n    margin-bottom: 28px;\r\n    display: block;\r\n  }\r\n \r\n  .feature-icon {\r\n    width: 36px; height: 1px; background: var(--gold);\r\n    margin-bottom: 24px;\r\n  }\r\n \r\n  .feature-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 22px; font-weight: 400;\r\n    margin-bottom: 16px;\r\n    color: var(--cream);\r\n  }\r\n \r\n  .feature-desc {\r\n    font-size: 13px; line-height: 1.8;\r\n    color: var(--text-muted);\r\n  }\r\n \r\n  \/* PLANS *\/\r\n  .plans {\r\n    padding: 140px 60px;\r\n    background: var(--dark);\r\n    text-align: center;\r\n  }\r\n \r\n  .section-label {\r\n    font-size: 10px; letter-spacing: 0.35em; text-transform: uppercase;\r\n    color: var(--gold); margin-bottom: 20px;\r\n    display: flex; align-items: center; justify-content: center; gap: 16px;\r\n  }\r\n  .section-label::before, .section-label::after {\r\n    content: ''; width: 30px; height: 1px; background: var(--gold);\r\n  }\r\n \r\n  .section-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(36px, 5vw, 64px);\r\n    font-weight: 700; line-height: 1;\r\n    margin-bottom: 16px;\r\n  }\r\n  .section-title em { font-style: italic; color: var(--red-light); }\r\n \r\n  .section-sub {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 18px; color: var(--text-muted);\r\n    margin-bottom: 80px;\r\n  }\r\n \r\n  .plans-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2px;\r\n    max-width: 1000px; margin: 0 auto;\r\n  }\r\n \r\n  .plan-card {\r\n    background: var(--dark2);\r\n    padding: 56px 40px;\r\n    text-align: left;\r\n    position: relative;\r\n    transition: transform 0.3s;\r\n  }\r\n  .plan-card:hover { transform: translateY(-6px); }\r\n  .plan-card.featured {\r\n    background: var(--dark3);\r\n    border: 1px solid var(--red);\r\n  }\r\n \r\n  .plan-badge {\r\n    position: absolute; top: -14px; left: 50%;\r\n    transform: translateX(-50%);\r\n    background: var(--red);\r\n    font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: #fff; padding: 6px 20px;\r\n    white-space: nowrap;\r\n  }\r\n \r\n  .plan-name {\r\n    font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase;\r\n    color: var(--gold); margin-bottom: 24px;\r\n  }\r\n  .plan-price {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 56px; font-weight: 700;\r\n    color: var(--cream); line-height: 1; margin-bottom: 8px;\r\n  }\r\n  .plan-price sup {\r\n    font-size: 24px; vertical-align: super; font-weight: 400;\r\n    font-family: 'Cormorant Garamond', serif;\r\n  }\r\n  .plan-period {\r\n    font-size: 12px; color: var(--text-muted);\r\n    margin-bottom: 40px; letter-spacing: 0.1em;\r\n  }\r\n \r\n  .plan-divider {\r\n    width: 40px; height: 1px; background: var(--gold);\r\n    margin-bottom: 32px;\r\n  }\r\n \r\n  .plan-features { list-style: none; margin-bottom: 48px; }\r\n  .plan-features li {\r\n    font-size: 13px; color: var(--text-muted);\r\n    padding: 10px 0;\r\n    border-bottom: 1px solid rgba(255,255,255,0.04);\r\n    display: flex; align-items: center; gap: 12px;\r\n  }\r\n  .plan-features li::before {\r\n    content: '';\r\n    width: 6px; height: 6px;\r\n    background: var(--red);\r\n    border-radius: 50%;\r\n    flex-shrink: 0;\r\n  }\r\n  .plan-features li.highlight { color: var(--cream); }\r\n \r\n  \/* TESTIMONIAL *\/\r\n  .testimonial {\r\n    padding: 120px 60px;\r\n    background: var(--red-dark);\r\n    display: flex; flex-direction: column;\r\n    align-items: center; text-align: center;\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .testimonial::before {\r\n    content: '\"';\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 300px; font-style: italic; font-weight: 700;\r\n    color: rgba(0,0,0,0.15);\r\n    position: absolute; top: -60px; left: 40px;\r\n    line-height: 1; pointer-events: none;\r\n  }\r\n \r\n  .testimonial-text {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(22px, 3vw, 36px);\r\n    font-weight: 300; line-height: 1.5;\r\n    color: var(--cream);\r\n    max-width: 700px; margin-bottom: 40px;\r\n    position: relative; z-index: 1;\r\n  }\r\n  .testimonial-author {\r\n    font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: rgba(253,248,240,0.5);\r\n  }\r\n \r\n  \/* FOOTER *\/\r\n  footer {\r\n    background: var(--dark);\r\n    padding: 80px 60px 40px;\r\n    border-top: 1px solid var(--border);\r\n  }\r\n  .footer-top {\r\n    display: flex; justify-content: space-between; align-items: flex-start;\r\n    margin-bottom: 60px;\r\n  }\r\n  .footer-logo {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 36px; font-weight: 700;\r\n    color: var(--gold);\r\n  }\r\n  .footer-logo span { color: var(--red-light); font-style: italic; }\r\n \r\n  .footer-tagline {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: 16px; color: var(--text-muted);\r\n    margin-top: 8px;\r\n  }\r\n \r\n  .footer-links {\r\n    display: flex; gap: 60px;\r\n  }\r\n  .footer-col h4 {\r\n    font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: var(--gold); margin-bottom: 20px;\r\n  }\r\n  .footer-col a {\r\n    display: block; font-size: 13px;\r\n    color: var(--text-muted); text-decoration: none;\r\n    margin-bottom: 12px; transition: color 0.3s;\r\n  }\r\n  .footer-col a:hover { color: var(--cream); }\r\n \r\n  .footer-bottom {\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    padding-top: 40px;\r\n    border-top: 1px solid var(--border);\r\n    font-size: 11px; color: var(--text-muted);\r\n    letter-spacing: 0.08em;\r\n  }\r\n \r\n  \/* SCROLL REVEAL *\/\r\n  .reveal {\r\n    opacity: 0; transform: translateY(30px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  .reveal.visible { opacity: 1; transform: translateY(0); }\r\n  .reveal-delay-1 { transition-delay: 0.1s; }\r\n  .reveal-delay-2 { transition-delay: 0.2s; }\r\n \r\n  @media (max-width: 900px) {\r\n    nav { padding: 24px 24px; }\r\n    .nav-links { display: none; }\r\n    .hero { grid-template-columns: 1fr; }\r\n    .hero-right { display: none; }\r\n    .hero-left { padding: 140px 24px 80px; }\r\n    .features { grid-template-columns: 1fr; padding: 80px 24px; }\r\n    .plans { padding: 80px 24px; }\r\n    .plans-grid { grid-template-columns: 1fr; }\r\n    .footer-top { flex-direction: column; gap: 40px; }\r\n    .footer-links { gap: 40px; flex-wrap: wrap; }\r\n    footer { padding: 60px 24px 30px; }\r\n    .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n \r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n<div class=\"cursor-ring\" id=\"cursor-ring\"><\/div>\r\n \r\n<!-- NAV -->\r\n<nav>\r\n  <a href=\"#\" class=\"nav-logo\"><span>Super<\/span> Red<\/a>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#about\">About<\/a><\/li>\r\n    <li><a href=\"#exclusive\">Exclusive<\/a><\/li>\r\n    <li><a href=\"#membership\">Membership<\/a><\/li>\r\n  <\/ul>\r\n  <a href=\"#membership\" class=\"nav-cta\">Join Now<\/a>\r\n<\/nav>\r\n \r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-left\">\r\n    <p class=\"hero-eyebrow\">superred.world<\/p>\r\n    <h1 class=\"hero-title\">\r\n      The<br\/>\r\n      <span class=\"italic\">World<\/span><br\/>\r\n      <span class=\"outline\">of Red<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-sub\">\r\n      Step behind the velvet rope. Uncensored, intimate, and entirely for you.\r\n    <\/p>\r\n    <div class=\"hero-actions\">\r\n      <a href=\"#membership\" class=\"btn-primary\">Unlock Access<\/a>\r\n      <a href=\"#exclusive\" class=\"btn-ghost\">See What's Inside<\/a>\r\n    <\/div>\r\n  <\/div>\r\n \r\n  <div class=\"hero-right\">\r\n    <div class=\"hero-monogram\">SR<\/div>\r\n    <div class=\"hero-badge\">\r\n      <span class=\"hero-badge-text\">Exclusive \u00b7 Members Only \u00b7 superred.world<\/span>\r\n    <\/div>\r\n    <div class=\"hero-line\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n \r\n<!-- TICKER -->\r\n<div class=\"ticker-bar\">\r\n  <div class=\"ticker-inner\">\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Daily Exclusives<\/span>\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Members Only Content<\/span>\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Behind The Scenes<\/span>\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Direct Message Access<\/span>\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>superred.world<\/span>\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Daily Exclusives<\/span>\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Members Only Content<\/span>\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Behind The Scenes<\/span>\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>Direct Message Access<\/span>\r\n    <span class=\"ticker-item\"><span class=\"ticker-dot\"><\/span>superred.world<\/span>\r\n  <\/div>\r\n<\/div>\r\n \r\n<!-- FEATURES -->\r\n<section class=\"features\" id=\"exclusive\">\r\n  <div class=\"feature-card reveal\">\r\n    <span class=\"feature-number\">01<\/span>\r\n    <div class=\"feature-icon\"><\/div>\r\n    <h3 class=\"feature-title\">Daily Drops<\/h3>\r\n    <p class=\"feature-desc\">Fresh exclusive content posted every single day \u2014 photos, videos, and behind-the-scenes moments you won't find anywhere else.<\/p>\r\n  <\/div>\r\n  <div class=\"feature-card reveal reveal-delay-1\">\r\n    <span class=\"feature-number\">02<\/span>\r\n    <div class=\"feature-icon\"><\/div>\r\n    <h3 class=\"feature-title\">Direct Line<\/h3>\r\n    <p class=\"feature-desc\">Real conversations. Message Super Red directly. Get personal replies, custom requests, and a connection that feels genuinely one-on-one.<\/p>\r\n  <\/div>\r\n  <div class=\"feature-card reveal reveal-delay-2\">\r\n    <span class=\"feature-number\">03<\/span>\r\n    <div class=\"feature-icon\"><\/div>\r\n    <h3 class=\"feature-title\">Vault Access<\/h3>\r\n    <p class=\"feature-desc\">Unlock the full archive from day one. Every past post, every hidden set, every exclusive drop \u2014 all in one private vault just for members.<\/p>\r\n  <\/div>\r\n<\/section>\r\n \r\n<!-- PLANS -->\r\n<section class=\"plans\" id=\"membership\">\r\n  <p class=\"section-label reveal\">Membership<\/p>\r\n  <h2 class=\"section-title reveal\">Choose Your <em>Access<\/em><\/h2>\r\n  <p class=\"section-sub reveal\">Cancel anytime. Keep everything you've seen.<\/p>\r\n \r\n  <div class=\"plans-grid\">\r\n    <div class=\"plan-card reveal\">\r\n      <p class=\"plan-name\">Access Pass<\/p>\r\n      <div class=\"plan-price\"><sup>$<\/sup>9<\/div>\r\n      <p class=\"plan-period\">per month<\/p>\r\n      <div class=\"plan-divider\"><\/div>\r\n      <ul class=\"plan-features\">\r\n        <li>Daily content feed<\/li>\r\n        <li>Photo sets &amp; reels<\/li>\r\n        <li>Community access<\/li>\r\n        <li>Early post notifications<\/li>\r\n      <\/ul>\r\n      <a href=\"#\" class=\"btn-primary\" style=\"display:block;text-align:center;\">Get Access<\/a>\r\n    <\/div>\r\n \r\n    <div class=\"plan-card featured reveal reveal-delay-1\">\r\n      <div class=\"plan-badge\">Most Popular<\/div>\r\n      <p class=\"plan-name\">VIP<\/p>\r\n      <div class=\"plan-price\"><sup>$<\/sup>24<\/div>\r\n      <p class=\"plan-period\">per month<\/p>\r\n      <div class=\"plan-divider\"><\/div>\r\n      <ul class=\"plan-features\">\r\n        <li class=\"highlight\">Everything in Access Pass<\/li>\r\n        <li class=\"highlight\">Direct messaging<\/li>\r\n        <li class=\"highlight\">Full content vault<\/li>\r\n        <li class=\"highlight\">Custom requests<\/li>\r\n        <li class=\"highlight\">Exclusive live sessions<\/li>\r\n      <\/ul>\r\n      <a href=\"#\" class=\"btn-primary\" style=\"display:block;text-align:center;\">Go VIP<\/a>\r\n    <\/div>\r\n \r\n    <div class=\"plan-card reveal reveal-delay-2\">\r\n      <p class=\"plan-name\">Elite<\/p>\r\n      <div class=\"plan-price\"><sup>$<\/sup>59<\/div>\r\n      <p class=\"plan-period\">per month<\/p>\r\n      <div class=\"plan-divider\"><\/div>\r\n      <ul class=\"plan-features\">\r\n        <li>Everything in VIP<\/li>\r\n        <li>Priority replies within 24h<\/li>\r\n        <li>Monthly exclusive 1:1 video<\/li>\r\n        <li>Personalized content drops<\/li>\r\n        <li>Name in credits &amp; shoutouts<\/li>\r\n      <\/ul>\r\n      <a href=\"#\" class=\"btn-primary\" style=\"display:block;text-align:center;\">Go Elite<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n \r\n<!-- TESTIMONIAL -->\r\n<div class=\"testimonial reveal\">\r\n  <p class=\"testimonial-text\">\"Super Red is the most authentic creator I've ever subscribed to. Every post feels personal. Worth every single penny.\"<\/p>\r\n  <p class=\"testimonial-author\">\u2014 Verified Member, VIP Tier<\/p>\r\n<\/div>\r\n \r\n<!-- FOOTER -->\r\n<footer>\r\n  <div class=\"footer-top\">\r\n    <div>\r\n      <div class=\"footer-logo\"><span>Super<\/span> Red<\/div>\r\n      <p class=\"footer-tagline\">The world behind the lens.<\/p>\r\n    <\/div>\r\n    <div class=\"footer-links\">\r\n      <div class=\"footer-col\">\r\n        <h4>Explore<\/h4>\r\n        <a href=\"#\">About<\/a>\r\n        <a href=\"#\">Gallery<\/a>\r\n        <a href=\"#\">Membership<\/a>\r\n        <a href=\"#\">FAQ<\/a>\r\n      <\/div>\r\n      <div class=\"footer-col\">\r\n        <h4>Follow<\/h4>\r\n        <a href=\"#\">Instagram<\/a>\r\n        <a href=\"#\">TikTok<\/a>\r\n        <a href=\"#\">Twitter \/ X<\/a>\r\n        <a href=\"#\">Linktree<\/a>\r\n      <\/div>\r\n      <div class=\"footer-col\">\r\n        <h4>Legal<\/h4>\r\n        <a href=\"#\">Privacy Policy<\/a>\r\n        <a href=\"#\">Terms of Use<\/a>\r\n        <a href=\"#\">Content Policy<\/a>\r\n        <a href=\"#\">18 U.S.C. 2257<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"footer-bottom\">\r\n    <span>\u00a9 2025 superred.world \u2014 All rights reserved.<\/span>\r\n    <span>18+ Only \u00b7 Adults Only Platform<\/span>\r\n  <\/div>\r\n<\/footer>\r\n \r\n<script>\r\n  const cursor = document.getElementById('cursor');\r\n  const ring = document.getElementById('cursor-ring');\r\n  let mx = 0, my = 0, rx = 0, ry = 0;\r\n \r\n  document.addEventListener('mousemove', e => {\r\n    mx = e.clientX; my = e.clientY;\r\n    cursor.style.left = mx + 'px';\r\n    cursor.style.top = my + 'px';\r\n  });\r\n \r\n  function animateRing() {\r\n    rx += (mx - rx) * 0.12;\r\n    ry += (my - ry) * 0.12;\r\n    ring.style.left = rx + 'px';\r\n    ring.style.top = ry + 'px';\r\n    requestAnimationFrame(animateRing);\r\n  }\r\n  animateRing();\r\n \r\n  document.querySelectorAll('a, button').forEach(el => {\r\n    el.addEventListener('mouseenter', () => {\r\n      cursor.style.width = '18px'; cursor.style.height = '18px';\r\n      ring.style.width = '52px'; ring.style.height = '52px';\r\n      ring.style.borderColor = '#E8103A';\r\n    });\r\n    el.addEventListener('mouseleave', () => {\r\n      cursor.style.width = '10px'; cursor.style.height = '10px';\r\n      ring.style.width = '36px'; ring.style.height = '36px';\r\n      ring.style.borderColor = '#C9A96E';\r\n    });\r\n  });\r\n \r\n  const observer = new IntersectionObserver(entries => {\r\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n  }, { threshold: 0.1 });\r\n  document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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":"<p>Super Red \u2014 Exclusive Content \u00b7 superred.world Super Red About Exclusive Membership Join Now superred.world The World of Red Step behind the velvet rope. Uncensored, intimate, and entirely for you. Unlock Access See What&#8217;s Inside SR Exclusive \u00b7 Members Only \u00b7 superred.world Daily Exclusives Members Only Content Behind The Scenes Direct Message Access superred.world Daily [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/superred.world\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/superred.world\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/superred.world\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/superred.world\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/superred.world\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/superred.world\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/superred.world\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/superred.world\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}