        <?php
        /* ═══════════════════════════════════════════════════════
           PAGE META  —  edit these values for each page
        ═══════════════════════════════════════════════════════ */
        $page_title       = "Buy YouTube Views — Real, Instant & Safe | DiscordBooster (2026)";
        $meta_description = "Buy real YouTube video views from the most trusted growth service since 2019. Boost search rankings, improve click-through rates, and build the social proof credibility that turns viewers into subscribers. Starts at \$4.";
        $meta_keywords    = "buy youtube views, real youtube views, buy youtube video views, cheap youtube views, youtube views service 2026, increase youtube views, boost youtube video, youtube search ranking, youtube suggested videos, buy real youtube views, youtube video views 2026, youtube channel growth views";
        $canonical_url    = "https://discordbooster.com/buy-youtube-views";
        $og_title         = "Buy YouTube Views — Real, Instant & Safe | DiscordBooster";
        $og_description   = "Real YouTube views from \$4. Boost search rankings, improve click-through rates, and build social proof. Instant delivery, 30-day refill. No password needed.";
        $og_image         = "https://discordbooster.com/og-youtube-views.jpg";
        $active_platform  = "youtube";

        $schema_json = <<<'JSON'
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://discordbooster.com/buy-youtube-views#webpage",
      "url": "https://discordbooster.com/buy-youtube-views",
      "name": "Buy YouTube Views — Real, Instant & Safe | DiscordBooster (2026)",
      "description": "Real YouTube video views from genuine sessions. Instant delivery with 30-day refill guarantee. No password required. Improves YouTube search ranking, click-through rates from thumbnails, Suggested Video placement, and builds the social proof credibility that converts viewers into subscribers.",
      "inLanguage": "en-US",
      "dateModified": "2026-06-01",
      "breadcrumb": {
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://discordbooster.com"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "YouTube",
            "item": "https://discordbooster.com/youtube"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "Buy YouTube Views",
            "item": "https://discordbooster.com/buy-youtube-views"
          }
        ]
      }
    },
    {
      "@type": "Organization",
      "@id": "https://discordbooster.com#org",
      "name": "DiscordBooster",
      "url": "https://discordbooster.com",
      "foundingDate": "2019"
    },
    {
      "@type": "Product",
      "name": "YouTube Video Views",
      "description": "Real YouTube video views from genuine sessions. Instant delivery with 30-day refill guarantee. Safe, no password required. Improves YouTube search ranking, click-through rate from thumbnails, and Suggested Video placement — while building the social proof credibility that turns viewers into subscribers.",
      "brand": {
        "@type": "Brand",
        "name": "DiscordBooster"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "4630",
        "bestRating": "5",
        "worstRating": "1"
      },
      "offers": [
        {
          "@type": "Offer",
          "name": "500 YouTube Views",
          "price": "4.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        },
        {
          "@type": "Offer",
          "name": "1,000 YouTube Views",
          "price": "6.50",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        },
        {
          "@type": "Offer",
          "name": "2,500 YouTube Views",
          "price": "13.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        },
        {
          "@type": "Offer",
          "name": "5,000 YouTube Views",
          "price": "22.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        },
        {
          "@type": "Offer",
          "name": "10,000 YouTube Views",
          "price": "38.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        },
        {
          "@type": "Offer",
          "name": "25,000 YouTube Views",
          "price": "80.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        },
        {
          "@type": "Offer",
          "name": "50,000 YouTube Views",
          "price": "140.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        },
        {
          "@type": "Offer",
          "name": "100,000 YouTube Views",
          "price": "240.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock"
        }
      ]
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Is it safe to buy YouTube views?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. DiscordBooster only requires the public URL of your YouTube video — never your password or Google credentials. Views are delivered from genuine viewing sessions. We've served 120,000+ customers since 2019 with zero channel strikes or restrictions from our YouTube views service."
          }
        },
        {
          "@type": "Question",
          "name": "Do YouTube views help with search ranking?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. View count is a component of YouTube's search ranking algorithm alongside watch time, engagement rate, and keyword relevance. Videos with higher view counts rank higher for competitive keywords and receive better placement in Suggested Videos alongside related content — driving organic discovery from new audiences."
          }
        },
        {
          "@type": "Question",
          "name": "What is the difference between YouTube views and watch hours?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Views count how many times a video has been played. Watch hours measure the total time viewers spent watching. Both are separate YouTube services with different purposes: views improve search ranking and social proof credibility, while watch hours satisfy the YouTube Partner Programme 4,000-hour eligibility threshold. Use both services together for maximum channel impact."
          }
        },
        {
          "@type": "Question",
          "name": "How fast will I get my YouTube views?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Most orders begin delivery within 5–15 minutes of payment. Views are delivered at a natural pace over hours to simulate genuine viewer discovery rather than appearing all at once."
          }
        },
        {
          "@type": "Question",
          "name": "Do I need to give you my YouTube or Google password?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Never. We only need the public URL of your YouTube video. Your Google account, YouTube credentials, and AdSense account are never requested or accessed."
          }
        },
        {
          "@type": "Question",
          "name": "Do YouTube views count toward the 4,000 watch hours YPP threshold?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Views themselves do not satisfy the watch hours threshold — watch time (the duration viewers watch) is what counts. Our separate YouTube Watch Hours service is specifically designed to satisfy the 4,000-hour YPP criterion. However, our YouTube views are delivered with meaningful watch time per session, contributing to your rolling watch hour total as a secondary benefit."
          }
        },
        {
          "@type": "Question",
          "name": "Will the views drop after delivery?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Our views come from quality accounts with genuine viewing sessions built to persist through YouTube's periodic content audits. Our 30-day refill guarantee covers any drops — if your view count falls within a month of delivery, we replace them at no charge."
          }
        },
        {
          "@type": "Question",
          "name": "What payment methods do you accept?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "We accept PayPal, Visa, Mastercard, American Express, and major cryptocurrencies including Bitcoin and Ethereum. All transactions are SSL-encrypted and PCI-compliant."
          }
        }
      ]
    },
    {
      "@type": "ItemList",
      "name": "YouTube Views Packages",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "500 YouTube Views — $4.00"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "1,000 YouTube Views — $6.50"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "2,500 YouTube Views — $13.00"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "5,000 YouTube Views — $22.00"
        },
        {
          "@type": "ListItem",
          "position": 5,
          "name": "10,000 YouTube Views — $38.00"
        },
        {
          "@type": "ListItem",
          "position": 6,
          "name": "25,000 YouTube Views — $80.00"
        },
        {
          "@type": "ListItem",
          "position": 7,
          "name": "50,000 YouTube Views — $140.00"
        },
        {
          "@type": "ListItem",
          "position": 8,
          "name": "100,000 YouTube Views — $240.00"
        }
      ]
    }
  ]
}
JSON;

        include 'header.php';
        ?>

<!-- ══ PAGE-SPECIFIC STYLES ══════════════════════════════
     Review: remove any :root / nav / footer / body / font
     rules already provided by header.php / footer.php
══════════════════════════════════════════════════════ -->
<style>
    :root {
      --cream: #faf8f4;
      --bg: #f5f1ea;
      --surface: #ffffff;
      --border: #e8e2d8;
      --border-dark: #d4cdc0;
      --ink: #1a1612;
      --ink-2: #3d3830;
      --muted: #8c8278;
      --accent: #ff0000;
      --accent-soft: #fff0f0;
      --accent-border: #ffb0b0;
      --accent-dark: #cc0000;
      --teal: #69c9d0;
      --teal-soft: #edfbfc;
      --teal-border: #b8ecf0;
      --gold: #c9920a;
      --gold-soft: #fdf6e3;
      --green: #1a7a4a;
      --green-soft: #eaf6ef;
      --shadow-sm: 0 1px 3px rgba(26,22,18,0.08);
      --shadow-md: 0 4px 16px rgba(26,22,18,0.1);
      --shadow-lg: 0 12px 40px rgba(26,22,18,0.13);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { background: var(--cream); color: var(--ink-2); font-family: 'Outfit', sans-serif; font-size: 16px; line-height: 1.7; overflow-x: hidden; }
    h1, h2, h3, h4 { font-family: 'Sora', sans-serif; color: var(--ink); line-height: 1.15; }
    a { color: inherit; text-decoration: none; }
    strong { color: var(--ink); font-weight: 600; }

    /* ── NAV ── */
    nav { position: fixed; top: 0; left: 0; right: 0; z-index: 200; display: flex; align-items: center; justify-content: space-between; padding: 0 5%; height: 66px; background: rgba(250,248,244,0.94); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); }
    .logo { font-family: 'Sora', sans-serif; font-weight: 800; font-size: 1.3rem; color: var(--ink); letter-spacing: -0.5px; }
    .logo em { color: var(--accent); font-style: italic; }
    .nav-links { display: flex; gap: 2rem; list-style: none; font-size: 0.875rem; font-weight: 500; color: var(--muted); align-items: center; }
    .nav-links a:hover { color: var(--ink); }
    .nav-cta { background: var(--ink); color: #fff; padding: 0.5rem 1.2rem; border-radius: 6px; font-size: 0.82rem; font-weight: 600; transition: background 0.18s; }
    .nav-cta:hover { background: var(--accent); }
    .dropdown { position: relative; cursor: pointer; }
    .dropdown-content { display: none; position: absolute; top: calc(100% + 8px); left: 0; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 0.8rem; min-width: 200px; box-shadow: var(--shadow-lg); z-index: 300; grid-template-columns: 1fr; gap: 0.25rem; }
    .dropdown:hover .dropdown-content { display: grid; }
    .dropdown-content a { padding: 0.45rem 0.8rem; border-radius: 6px; transition: background 0.15s; font-size: 0.82rem; color: var(--ink-2); display: block; }
    .dropdown-content a:hover { background: var(--accent-soft); color: var(--accent-dark); }
    .nested-dropdown { position: relative; }
    .nested-content { display: none; position: absolute; left: 100%; top: 0; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 0.7rem; min-width: 180px; box-shadow: var(--shadow-lg); grid-template-columns: 1fr; gap: 0.2rem; margin-left: 6px; }
    .nested-dropdown:hover .nested-content { display: grid; }
    .nested-dropdown > a { display: flex; justify-content: space-between; align-items: center; }
    .nested-dropdown > a::after { content: '›'; font-size: 1rem; margin-left: 0.5rem; opacity: 0.4; }

    /* ── BREADCRUMB ── */
    .breadcrumb { padding: 82px 5% 0; font-size: 0.78rem; color: var(--muted); display: flex; align-items: center; gap: 0.4rem; max-width: 1240px; margin: 0 auto; position: relative; justify-content: flex-start; height: auto; z-index: 1; background: transparent; backdrop-filter: none; border-bottom: none; }
    .breadcrumb a { color: var(--muted); transition: color 0.15s; }
    .breadcrumb a:hover { color: var(--accent); }
    .breadcrumb .sep { opacity: 0.4; }

    /* ── HERO ── */
    .hero { padding: 56px 5% 0; display: grid; grid-template-columns: 1fr 440px; gap: 4rem; align-items: start; max-width: 1240px; margin: 0 auto; }
    .hero-left { padding-top: 1rem; }
    .hero-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--accent-soft); border: 1px solid var(--accent-border); color: var(--accent-dark); border-radius: 4px; padding: 0.3rem 0.8rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1.5rem; animation: fadeIn 0.5s ease both; }
    .hero h1 { font-size: clamp(2.8rem, 4.5vw, 4.2rem); font-weight: 800; letter-spacing: -1.5px; margin-bottom: 1.5rem; line-height: 1.08; animation: fadeIn 0.5s 0.06s ease both; }
    .hero h1 em { color: var(--accent); font-style: italic; }
    .hero-desc { font-size: 1.1rem; color: var(--muted); max-width: 520px; margin-bottom: 2rem; line-height: 1.75; animation: fadeIn 0.5s 0.12s ease both; }
    .hero-proof { display: flex; align-items: center; gap: 1.2rem; margin-bottom: 2rem; animation: fadeIn 0.5s 0.18s ease both; flex-wrap: wrap; }
    .hero-proof .stars-row { color: #f5a623; font-size: 1.1rem; letter-spacing: 2px; }
    .hero-proof .rating-text { font-size: 0.88rem; color: var(--muted); }
    .hero-proof .rating-text strong { color: var(--ink); }
    .hero-proof .divider { width: 1px; height: 28px; background: var(--border-dark); }
    .hero-trust-pills { display: flex; flex-wrap: wrap; gap: 0.6rem; animation: fadeIn 0.5s 0.24s ease both; }
    .pill { display: inline-flex; align-items: center; gap: 0.35rem; background: var(--green-soft); color: var(--green); border: 1px solid #b6e4ce; border-radius: 100px; padding: 0.28rem 0.85rem; font-size: 0.78rem; font-weight: 600; }
    .pill::before { content: '✓'; font-weight: 800; }

    /* ── ORDER CARD ── */
    .order-card { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 2rem; box-shadow: var(--shadow-lg); position: sticky; top: 82px; animation: fadeIn 0.5s 0.1s ease both; }
    .order-card-title { font-family: 'Sora', sans-serif; font-size: 1.2rem; font-weight: 800; margin-bottom: 0.4rem; color: var(--ink); }
    .order-card-sub { font-size: 0.82rem; color: var(--muted); margin-bottom: 1.2rem; }
    .pkg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin-bottom: 1.4rem; }
    .pkg-btn { background: var(--cream); border: 1.5px solid var(--border); border-radius: 10px; padding: 0.75rem 0.5rem; cursor: pointer; transition: all 0.15s; position: relative; text-align: center; }
    .pkg-btn:hover { border-color: var(--accent); background: var(--accent-soft); }
    .pkg-btn.active { border-color: var(--accent); background: var(--accent-soft); }
    .pkg-btn .pkg-count { font-weight: 700; font-size: 0.88rem; color: var(--ink); display: block; }
    .pkg-btn .pkg-price { font-size: 0.8rem; color: var(--muted); }
    .pkg-btn .pkg-tag { position: absolute; top: -9px; right: 6px; background: var(--accent); color: #fff; font-size: 0.6rem; font-weight: 800; padding: 0.1rem 0.35rem; border-radius: 3px; letter-spacing: 0.5px; }
    .order-summary { background: var(--cream); border: 1px solid var(--border); border-radius: 12px; padding: 1.2rem; margin-bottom: 1.2rem; }
    .order-price { font-family: 'Sora', sans-serif; font-size: 2.6rem; font-weight: 800; color: var(--ink); line-height: 1; }
    .order-saving { font-size: 0.82rem; color: var(--green); font-weight: 600; margin-top: 0.25rem; }
    .order-input-label { font-size: 0.75rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.4rem; display: block; }
    .order-input { width: 100%; border: 1.5px solid var(--border); border-radius: 8px; padding: 0.85rem 1rem; font-family: 'Outfit', sans-serif; font-size: 0.97rem; background: #fff; color: var(--ink); transition: border-color 0.15s; margin-bottom: 0.6rem; }
    .order-input:focus { outline: none; border-color: var(--accent); }
    .order-input::placeholder { color: var(--muted); }
    .order-hint { font-size: 0.74rem; color: var(--muted); margin-bottom: 1rem; display: block; line-height: 1.5; }
    .order-btn { width: 100%; background: var(--ink); color: #fff; border: none; padding: 1.05rem; border-radius: 10px; font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 700; cursor: pointer; transition: all 0.18s; }
    .order-btn:hover { background: var(--accent); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(255,0,0,0.25); }
    .order-meta { display: flex; flex-wrap: wrap; gap: 0.5rem 0.9rem; margin-top: 0.9rem; }
    .order-meta span { font-size: 0.74rem; color: var(--muted); display: flex; align-items: center; gap: 0.25rem; }
    .order-meta span::before { content: '🔒'; font-size: 0.7rem; }

    /* ── METRICS BAR ── */
    .metrics { background: var(--ink); color: #fff; padding: 1.4rem 5%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 4rem; }
    .metric { text-align: center; padding: 0.6rem 0; }
    .metric-value { font-family: 'Sora', sans-serif; font-size: 2rem; font-weight: 800; color: #fff; line-height: 1; }
    .metric-value.r { color: var(--accent); }
    .metric-label { font-size: 0.8rem; color: rgba(255,255,255,0.5); margin-top: 0.2rem; }

    /* ── PAGE BODY ── */
    .page-body { max-width: 1240px; margin: 0 auto; padding: 0 5%; }
    .section { padding: 80px 0; }
    .section-label { display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 0.7rem; }
    .section-title { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 800; margin-bottom: 1rem; letter-spacing: -0.8px; }
    .section-sub { color: var(--muted); max-width: 520px; font-size: 1.03rem; }
    .section-header { margin-bottom: 3.5rem; }
    .section-header.centered { text-align: center; }
    .section-header.centered .section-sub { margin: 0 auto; }

    /* ── RELATED BAR ── */
    .related-bar { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 1.5rem 2rem; display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
    .related-bar .rel-label { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); white-space: nowrap; }
    .related-bar .rel-links { display: flex; gap: 0.7rem; flex-wrap: wrap; }
    .rel-link { background: var(--cream); border: 1px solid var(--border); border-radius: 100px; padding: 0.3rem 0.9rem; font-size: 0.82rem; font-weight: 500; color: var(--ink-2); transition: all 0.15s; }
    .rel-link:hover { background: var(--accent-soft); border-color: var(--accent-border); color: var(--accent-dark); }
    .rel-link.active { background: var(--accent); border-color: var(--accent); color: #fff; }

    /* ── VIEW COUNT CREDIBILITY THRESHOLDS ── */
    .threshold-section { background: var(--accent-soft); border: 1px solid var(--accent-border); border-radius: 22px; padding: 3rem; }
    .threshold-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--accent-dark); margin-bottom: 0.6rem; display: block; }
    .threshold-section h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 800; color: var(--ink); margin-bottom: 0.8rem; }
    .threshold-section p { color: var(--muted); font-size: 1rem; line-height: 1.8; margin-bottom: 2rem; max-width: 680px; }
    .thresholds-grid { display: flex; flex-direction: column; gap: 0.8rem; }
    .threshold-row { display: flex; align-items: center; gap: 1.5rem; background: #fff; border: 1px solid var(--accent-border); border-radius: 12px; padding: 1.1rem 1.5rem; transition: all 0.18s; }
    .threshold-row:hover { transform: translateX(4px); box-shadow: var(--shadow-md); border-color: var(--accent); }
    .threshold-icon { font-size: 1.4rem; flex-shrink: 0; width: 36px; text-align: center; }
    .threshold-range { font-family: 'Sora', sans-serif; font-size: 1.1rem; font-weight: 800; color: var(--accent-dark); min-width: 130px; flex-shrink: 0; }
    .threshold-label-text { font-weight: 700; color: var(--ink); font-size: 0.95rem; min-width: 160px; flex-shrink: 0; }
    .threshold-desc { font-size: 0.87rem; color: var(--muted); line-height: 1.5; flex: 1; }
    .threshold-bar-wrap { min-width: 80px; flex-shrink: 0; }
    .threshold-bar { height: 8px; border-radius: 100px; }

    /* ── ALGO SECTION ── */
    .algo-section { background: var(--ink); padding: 80px 5%; position: relative; overflow: hidden; }
    .algo-section::before { content: ''; position: absolute; top: -80px; right: -80px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(255,0,0,0.12), transparent 70%); pointer-events: none; }
    .algo-inner { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; position: relative; z-index: 1; }
    .algo-inner .section-label { color: var(--teal); }
    .algo-inner .section-title { color: #fff; }
    .algo-inner p { color: rgba(255,255,255,0.55); font-size: 1.02rem; line-height: 1.8; margin-bottom: 1.2rem; }
    .algo-signals { list-style: none; display: flex; flex-direction: column; gap: 0.8rem; }
    .algo-signals li { display: flex; gap: 1rem; align-items: flex-start; padding: 1rem; border-radius: 12px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); transition: background 0.2s; }
    .algo-signals li:hover { background: rgba(255,255,255,0.08); }
    .algo-signal-icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }
    .algo-signal-title { color: #fff; font-size: 0.95rem; font-weight: 600; margin-bottom: 0.15rem; }
    .algo-signal-desc { color: rgba(255,255,255,0.5); font-size: 0.87rem; line-height: 1.6; }
    .algo-meter { margin-top: 2rem; }
    .algo-meter-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
    .algo-meter-label { font-size: 0.82rem; color: rgba(255,255,255,0.6); min-width: 160px; }
    .algo-meter-track { flex: 1; height: 8px; background: rgba(255,255,255,0.08); border-radius: 100px; overflow: hidden; }
    .algo-meter-fill { height: 100%; border-radius: 100px; background: linear-gradient(90deg, var(--teal), var(--accent)); }
    .algo-meter-val { font-size: 0.8rem; color: var(--teal); font-weight: 700; min-width: 36px; text-align: right; }

    /* ── VIEWS vs WATCH HOURS EXPLAINER ── */
    .compare-section { background: var(--bg); border: 1px solid var(--border); border-radius: 22px; padding: 3rem; }
    .compare-cols { display: grid; grid-template-columns: 1fr 2px 1fr; gap: 2.5rem; align-items: start; }
    .compare-divider { background: var(--border); align-self: stretch; }
    .compare-col h3 { font-size: 1.2rem; color: var(--ink); margin-bottom: 0.3rem; }
    .compare-col-sub { font-size: 0.82rem; color: var(--muted); font-weight: 600; margin-bottom: 1.2rem; }
    .compare-list { list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }
    .compare-list li { font-size: 0.9rem; color: var(--ink-2); display: flex; align-items: flex-start; gap: 0.6rem; line-height: 1.5; }
    .compare-list li .cl-icon { flex-shrink: 0; color: var(--accent-dark); font-size: 0.9rem; margin-top: 0.1rem; }
    .compare-callout-light { background: var(--accent-soft); border: 1px solid var(--accent-border); border-radius: 12px; padding: 1.2rem 1.5rem; margin-top: 2rem; font-size: 0.93rem; color: var(--ink-2); line-height: 1.7; grid-column: 1 / -1; }

    /* ── WHY BUY ── */
    .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; }
    .why-body p { color: var(--muted); font-size: 1.05rem; line-height: 1.82; margin-bottom: 1.3rem; }
    .callout { background: var(--accent-soft); border-left: 4px solid var(--accent); border-radius: 0 10px 10px 0; padding: 1.2rem 1.5rem; margin: 2rem 0; font-size: 0.97rem; color: var(--ink-2); }
    .why-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 2rem; }
    .why-stat { background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 1.5rem; }
    .why-stat .val { font-family: 'Sora', sans-serif; font-size: 2.2rem; font-weight: 800; color: var(--ink); line-height: 1; }
    .why-stat .lbl { font-size: 0.82rem; color: var(--muted); margin-top: 0.3rem; }

    /* ── FEATURES ── */
    .feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    .feat-item { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 2rem; transition: all 0.2s; }
    .feat-item:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow-md); }
    .feat-icon { font-size: 1.8rem; margin-bottom: 1rem; display: block; }
    .feat-title { font-family: 'Sora', sans-serif; font-size: 1.08rem; color: var(--ink); font-weight: 700; margin-bottom: 0.5rem; }
    .feat-desc { font-size: 0.92rem; color: var(--muted); line-height: 1.7; }

    /* ── HOW IT WORKS ── */
    .how-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; position: relative; }
    .how-timeline::before { content: ''; position: absolute; top: 32px; left: 10%; right: 10%; height: 2px; background: repeating-linear-gradient(90deg, var(--border) 0, var(--border) 8px, transparent 8px, transparent 16px); }
    .how-step { text-align: center; }
    .how-num { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; border: 2px solid var(--border); font-family: 'Sora', sans-serif; font-size: 1.5rem; font-weight: 800; color: var(--ink); margin-bottom: 1.2rem; position: relative; z-index: 1; box-shadow: var(--shadow-sm); }
    .how-step.active .how-num { background: var(--accent); color: #fff; border-color: var(--accent); }
    .how-step h3 { font-size: 1.05rem; margin-bottom: 0.5rem; }
    .how-step p { font-size: 0.9rem; color: var(--muted); }

    /* ── PRICING TABLE ── */
    .pricing-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-md); }
    .pricing-table thead tr { background: var(--ink); }
    .pricing-table thead th { padding: 1rem 1.3rem; text-align: left; font-family: 'Outfit', sans-serif; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,0.65); }
    .pricing-table tbody tr { border-bottom: 1px solid var(--border); transition: background 0.15s; }
    .pricing-table tbody tr:last-child { border-bottom: none; }
    .pricing-table tbody tr:hover { background: var(--cream); }
    .pricing-table tbody tr.featured { background: var(--accent-soft); }
    .pricing-table td { padding: 1rem 1.3rem; font-size: 0.97rem; color: var(--ink-2); }
    .pricing-table .pkg-name { font-weight: 700; color: var(--ink); }
    .pricing-table .pkg-save { color: var(--green); font-weight: 600; font-size: 0.85rem; }
    .pricing-table .pkg-original { color: var(--muted); text-decoration: line-through; font-size: 0.85rem; }
    .table-badge { display: inline-flex; background: var(--accent); color: #fff; font-size: 0.62rem; font-weight: 800; padding: 0.1rem 0.4rem; border-radius: 3px; margin-left: 0.4rem; vertical-align: middle; }
    .table-order-btn { background: var(--ink); color: #fff; border: none; padding: 0.5rem 1.1rem; border-radius: 6px; font-family: 'Outfit', sans-serif; font-size: 0.82rem; font-weight: 600; cursor: pointer; transition: all 0.15s; }
    .table-order-btn:hover { background: var(--accent); }

    /* ── REVIEWS ── */
    .reviews-section { background: var(--bg); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
    .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    .review-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 1.8rem; display: flex; flex-direction: column; gap: 1rem; }
    .review-stars { color: #f5a623; font-size: 0.9rem; letter-spacing: 2px; }
    .review-niche { display: inline-block; background: var(--teal-soft); color: #0a8a95; border: 1px solid var(--teal-border); font-size: 0.7rem; font-weight: 700; padding: 0.12rem 0.5rem; border-radius: 4px; }
    .review-text { font-size: 0.96rem; color: var(--ink-2); line-height: 1.72; flex: 1; font-style: italic; }
    .review-author { display: flex; align-items: center; gap: 0.7rem; padding-top: 0.8rem; border-top: 1px solid var(--border); }
    .review-avatar { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; }
    .review-name { font-size: 0.9rem; font-weight: 700; color: var(--ink); }
    .review-sub { font-size: 0.78rem; color: var(--muted); }

    /* ── FAQ ── */
    .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
    .faq-item { border: 1px solid var(--border); border-radius: 12px; overflow: hidden; background: #fff; }
    .faq-q { padding: 1.2rem 1.5rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 0.97rem; color: var(--ink); transition: background 0.15s; user-select: none; }
    .faq-q:hover { background: var(--accent-soft); }
    .faq-icon { font-size: 1.3rem; color: var(--accent); transition: transform 0.2s; }
    .faq-a { padding: 0 1.5rem; max-height: 0; overflow: hidden; font-size: 0.92rem; color: var(--muted); line-height: 1.75; transition: max-height 0.3s ease, padding 0.3s ease; }
    .faq-item.open .faq-a { max-height: 400px; padding: 0 1.5rem 1.2rem; }
    .faq-item.open .faq-icon { transform: rotate(45deg); }

    /* ── LONG-FORM ── */
    .long-form { max-width: 780px; }
    .long-form h2 { font-size: clamp(1.7rem, 2.5vw, 2.4rem); margin-bottom: 1.5rem; }
    .long-form h3 { font-size: 1.3rem; margin: 2.5rem 0 1rem; }
    .long-form p { font-size: 1.03rem; color: var(--muted); line-height: 1.85; margin-bottom: 1.2rem; }
    .long-form ul { margin: 1.2rem 0 1.2rem 1.5rem; display: flex; flex-direction: column; gap: 0.5rem; }
    .long-form ul li { font-size: 1rem; color: var(--muted); line-height: 1.7; }
    .info-box { background: var(--teal-soft); border: 1px solid var(--teal-border); border-radius: 10px; padding: 1.2rem 1.5rem; margin: 2rem 0; font-size: 0.97rem; color: var(--ink-2); }

    /* ── CTA ── */
    .cta-banner { background: var(--ink); border-radius: 20px; padding: 3rem; display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; position: relative; overflow: hidden; }
    .cta-banner::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 80% at 70% 110%, rgba(255,0,0,0.18), transparent 70%); pointer-events: none; }
    .cta-banner h2 { color: #fff; font-size: clamp(1.5rem, 2.5vw, 2rem); margin-bottom: 0.5rem; position: relative; z-index: 1; }
    .cta-banner p { color: rgba(255,255,255,0.55); font-size: 1rem; position: relative; z-index: 1; }
    .cta-white-btn { background: #fff; color: var(--ink); padding: 1rem 2rem; border-radius: 10px; font-weight: 700; font-size: 1rem; white-space: nowrap; transition: all 0.18s; display: inline-block; position: relative; z-index: 1; }
    .cta-white-btn:hover { background: var(--accent); color: #fff; }

    /* ── FOOTER ── */
    footer { background: var(--ink); color: rgba(255,255,255,0.55); padding: 5rem 5% 2rem; }
    .footer-inner { max-width: 1240px; margin: 0 auto; }
    .footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 4rem; }
    .footer-logo { font-family: 'Sora', sans-serif; font-weight: 800; font-size: 1.3rem; color: #fff; margin-bottom: 1rem; }
    .footer-logo em { color: var(--accent); font-style: italic; }
    .footer-about { font-size: 0.88rem; line-height: 1.7; }
    .footer-col h5 { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,0.35); margin-bottom: 1rem; }
    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.55rem; }
    .footer-col a { font-size: 0.85rem; color: rgba(255,255,255,0.5); transition: color 0.15s; }
    .footer-col a:hover { color: #fff; }
    .footer-col a.hl { color: #ffb0b0; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; font-size: 0.78rem; flex-wrap: wrap; gap: 0.8rem; }

    @keyframes fadeIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }

    @media (max-width: 1024px) {
      .hero { grid-template-columns: 1fr; gap: 2.5rem; }
      .order-card { position: relative; top: 0; max-width: 520px; }
      .algo-inner { grid-template-columns: 1fr; gap: 2.5rem; }
      .why-grid { grid-template-columns: 1fr; gap: 2.5rem; }
      .compare-cols { grid-template-columns: 1fr; gap: 2rem; }
      .compare-divider { display: none; }
      .how-timeline { grid-template-columns: 1fr 1fr; }
      .how-timeline::before { display: none; }
      .footer-top { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 768px) {
      .feat-grid { grid-template-columns: 1fr; }
      .reviews-grid { grid-template-columns: 1fr; }
      .faq-grid { grid-template-columns: 1fr; }
      .cta-banner { grid-template-columns: 1fr; }
      .nav-links { display: none; }
    }
    @media (max-width: 480px) {
      .pkg-grid { grid-template-columns: 1fr 1fr; }
      .hero h1 { font-size: 2.5rem; }
      .why-stats { grid-template-columns: 1fr 1fr; }
      .threshold-row { flex-wrap: wrap; }
    }
  </style>

<!-- ══ BREADCRUMB ══ -->
<nav aria-label="Breadcrumb" class="breadcrumb">
<a href="https://discordbooster.com">Home</a>
<span aria-hidden="true" class="sep">›</span>
<a href="youtube-services">YouTube</a>
<span aria-hidden="true" class="sep">›</span>
<span aria-current="page">Buy YouTube Views</span>
</nav>
<!-- ══ HERO ══ -->
<div class="page-body">
<section aria-labelledby="hero-h1" class="hero">
<div class="hero-left">
<div class="hero-eyebrow">▶ #1 YouTube Video Views Service — Real Sessions, Search Safe, Instant Delivery</div>
<h1 id="hero-h1">Buy YouTube Views &amp;<br/>Rank <em>Higher</em> in<br/>Search &amp; Suggested Videos</h1>
<p class="hero-desc">Real YouTube video views from genuine viewing sessions, delivered fast. View count is YouTube's most visible social proof metric — the number every viewer evaluates before clicking. High view counts improve YouTube search ranking, push your video into Suggested Videos alongside established creators, and build the credibility that converts casual searchers into loyal subscribers.</p>
<div class="hero-proof">
<span aria-hidden="true" class="stars-row">★★★★★</span>
<div class="rating-text"><strong>4.9 / 5</strong> from 4,630 verified reviews</div>
<div aria-hidden="true" class="divider"></div>
<div class="rating-text"><strong>120,000+</strong> orders delivered</div>
</div>
<div aria-label="Key guarantees" class="hero-trust-pills" role="list">
<span class="pill" role="listitem">Starts in 5–15 min</span>
<span class="pill" role="listitem">Real viewing sessions</span>
<span class="pill" role="listitem">No password needed</span>
<span class="pill" role="listitem">30-day refill</span>
<span class="pill" role="listitem">From $4</span>
</div>
</div>
<!-- ORDER CARD -->
<div aria-label="Order YouTube views" class="order-card" id="order" role="region">
<div class="order-card-title">Boost Your YouTube Video</div>
<div class="order-card-sub">Choose your views package below</div>
<div aria-label="Views packages" class="pkg-grid" id="pkgGrid" role="radiogroup"></div>
<div class="order-summary">
<div aria-live="polite" class="order-price" id="orderPrice">$4.00</div>
<div aria-live="polite" class="order-saving" id="orderSaving">Best entry-level price</div>
</div>
<label class="order-input-label" for="ytVideoUrl">YouTube Video URL</label>
<input aria-required="true" autocomplete="off" class="order-input" id="ytVideoUrl" placeholder="https://www.youtube.com/watch?v=..." type="url"/>
<span class="order-hint">Paste your YouTube video URL. Your video must be public or unlisted. No Google password or YouTube credentials required — ever.</span>
<button class="order-btn" id="orderBtn">Get YouTube Views →</button>
<div class="order-meta">
<span>No password required</span>
<span>SSL checkout</span>
<span>30-day guarantee</span>
</div>
</div>
</section>
</div>
<!-- ══ METRICS BAR ══ -->
<div aria-label="Company statistics" class="metrics" role="list">
<div class="metric" role="listitem"><div class="metric-value">2.7B+</div><div class="metric-label">Monthly YouTube users</div></div>
<div class="metric" role="listitem"><div class="metric-value r">120K+</div><div class="metric-label">Happy customers</div></div>
<div class="metric" role="listitem"><div class="metric-value">4.9★</div><div class="metric-label">Average rating</div></div>
<div class="metric" role="listitem"><div class="metric-value r">100K</div><div class="metric-label">Max single order</div></div>
<div class="metric" role="listitem"><div class="metric-value">7 yrs</div><div class="metric-label">In business</div></div>
</div>
<div class="page-body">
<!-- ══ RELATED SERVICES ══ -->
<div class="section" style="padding-bottom: 0;">
<div aria-label="YouTube services" class="related-bar" role="navigation">
<span class="rel-label">YouTube Services</span>
<div class="rel-links">
<a class="rel-link" href="buy-youtube-subscribers">Subscribers</a>
<a class="rel-link active" href="buy-youtube-views">Views</a>
<a class="rel-link" href="buy-youtube-watch-hours">Watch Hours</a>
<a class="rel-link" href="buy-youtube-likes">Likes</a>
</div>
</div>
</div>
<!-- ══ VIEW COUNT CREDIBILITY THRESHOLDS ══ -->
<section aria-labelledby="threshold-heading" class="section">
<div class="threshold-section">
<span class="threshold-label">YouTube view count credibility thresholds</span>
<h2 id="threshold-heading">What Your View Count Signals to Every Viewer — The YouTube Credibility Ladder</h2>
<p>YouTube viewers process view count before clicking — it's a pre-watch quality signal displayed in every search result, recommended video panel, and channel grid. Research on video platform behaviour consistently identifies five threshold zones where viewer perception shifts qualitatively. Here's what each range communicates and how our packages map to each level.</p>
<div class="thresholds-grid">
<div class="threshold-row">
<span class="threshold-icon">🌱</span>
<span class="threshold-range">Under 1K</span>
<span class="threshold-label-text">Nascent / Untested</span>
<div class="threshold-desc">Viewers approach the content with scepticism. The video hasn't been validated by any meaningful audience. Click-through rates from search results are significantly lower than for equivalent videos with higher counts.</div>
<div class="threshold-bar-wrap"><div class="threshold-bar" style="background:#e8e2d8;width:100%;"></div></div>
</div>
<div class="threshold-row">
<span class="threshold-icon">📈</span>
<span class="threshold-range">1K – 10K</span>
<span class="threshold-label-text">Active / Emerging</span>
<div class="threshold-desc">The video has a visible audience. Viewers treat it as legitimate content. Click-through rates improve considerably. YouTube's algorithm begins treating the video as a candidate for Suggested Videos alongside related content.</div>
<div class="threshold-bar-wrap"><div class="threshold-bar" style="background:var(--accent-border);width:100%;"></div></div>
</div>
<div class="threshold-row">
<span class="threshold-icon">⭐</span>
<span class="threshold-range">10K – 100K</span>
<span class="threshold-label-text">Established / Credible</span>
<div class="threshold-desc">Strong credibility signal. Viewers see the video as proven, popular content worth watching. Click-through rates peak. YouTube's algorithm prioritises the video for Suggested Videos and search prominence for targeted keywords.</div>
<div class="threshold-bar-wrap"><div class="threshold-bar" style="background:var(--accent);width:100%;"></div></div>
</div>
<div class="threshold-row">
<span class="threshold-icon">🔥</span>
<span class="threshold-range">100K – 1M</span>
<span class="threshold-label-text">Popular / Authoritative</span>
<div class="threshold-desc">Authority-level credibility. The video is treated as a reference point in its niche. YouTube's algorithm uses it as a high-quality Suggested Video alongside top creators in the topic cluster. Maximum brand partnership credibility.</div>
<div class="threshold-bar-wrap"><div class="threshold-bar" style="background:var(--accent-dark);width:100%;"></div></div>
</div>
<div class="threshold-row">
<span class="threshold-icon">👑</span>
<span class="threshold-range">1M+</span>
<span class="threshold-label-text">Viral / Landmark</span>
<div class="threshold-desc">Viral-level achievement. 1M+ views signals a landmark video in any niche. YouTube surfaces it widely in search and recommendations as definitively high-quality content. Maximum channel authority contribution and sponsor attraction signal.</div>
<div class="threshold-bar-wrap"><div class="threshold-bar" style="background:linear-gradient(90deg,var(--accent-dark),var(--accent));width:100%;"></div></div>
</div>
</div>
</div>
</section>
<!-- ══ WHY BUY ══ -->
<section aria-labelledby="why-heading" class="section" style="padding-top: 0;">
<div class="why-grid">
<div>
<div aria-hidden="true" class="section-label">Three reasons views matter on YouTube</div>
<h2 class="section-title" id="why-heading">Why YouTube View Count Improves Search Ranking, CTR, and Suggested Placement Simultaneously</h2>
<div class="why-stats">
<div class="why-stat"><div class="val">Search</div><div class="lbl">View count is a YouTube search ranking factor — higher views improve your position for targeted keywords across all search results</div></div>
<div class="why-stat"><div class="val">CTR</div><div class="lbl">View count is visible in search results — viewers use it as a quality proxy, and high counts significantly improve click-through rates from thumbnails</div></div>
<div class="why-stat"><div class="val">Suggested</div><div class="lbl">View count contributes to Suggested Video placement — the algorithm that drives 70% of all YouTube watch time surfaces high-viewed videos more frequently</div></div>
<div class="why-stat"><div class="val">Watch Time</div><div class="lbl">Views contribute to accumulated video watch time — a secondary ranking signal that improves search position and Suggested placement progressively over time</div></div>
</div>
</div>
<div class="why-body">
<p>On YouTube, view count performs three simultaneous jobs that no other single metric replicates. First, it functions as a human social proof signal — the number visible in every search result, Suggested Video panel, and channel grid that viewers use as a pre-watch quality judgement. Second, it functions as an algorithmic ranking input — a component of YouTube's search ranking formula and Suggested Videos selection system. Third, it contributes to accumulated video watch time — a ranking signal that improves progressively as the view count grows. <strong>Buying YouTube views is uniquely efficient because a single investment improves all three simultaneously.</strong></p>
<p>The click-through rate impact of view count is particularly underestimated. When your video appears alongside competitors in YouTube search results, view count is one of the few visible differences between your thumbnail and theirs. A video with 45,000 views generates significantly more clicks from the same search position as an identical video with 400 views — because viewers use view count as a quality surrogate when evaluating unfamiliar content. This CTR improvement itself becomes a search ranking signal, creating a compounding effect where higher view counts generate more clicks, which improve ranking, which generate more organic views.</p>
<div class="callout">
<strong>Views vs Watch Hours — complementary services with different jobs.</strong> Views improve search ranking, CTR, and social proof credibility. Watch hours satisfy the YouTube Partner Programme 4,000-hour eligibility threshold and are YouTube's #1 ranking signal. For complete YouTube channel performance, combine both: views for video credibility and search ranking, watch hours for monetisation eligibility and ranking authority. Our <a href="buy-youtube-watch-hours" style="color:var(--accent-dark);">YouTube Watch Hours service</a> handles the time-based metric specifically.
        </div>
</div>
</div>
</section>
<!-- ══ VIEWS vs WATCH HOURS ══ -->
<section aria-labelledby="compare-heading" class="section" style="padding-top: 0;">
<div class="compare-section">
<div style="margin-bottom: 2rem;">
<div aria-hidden="true" class="section-label">Understanding the difference</div>
<h2 class="section-title" id="compare-heading">YouTube Views vs Watch Hours — Two Signals, Two Services</h2>
<p class="section-sub">Views and watch hours are separate metrics that serve complementary but distinct roles in YouTube's algorithm.</p>
</div>
<div class="compare-cols">
<div class="compare-col">
<h3>▶ Views (This Service)</h3>
<div class="compare-col-sub">Social proof + search ranking signal</div>
<ul class="compare-list">
<li><span class="cl-icon">→</span>Counts how many times the video has been played</li>
<li><span class="cl-icon">→</span>Displayed prominently in search results and channel grids</li>
<li><span class="cl-icon">→</span>Primary social proof metric for human click-through decisions</li>
<li><span class="cl-icon">→</span>Search ranking component — higher views improve keyword position</li>
<li><span class="cl-icon">→</span>Contributes to Suggested Video placement alongside related content</li>
<li><span class="cl-icon">→</span>Best for: boosting specific videos, improving search visibility</li>
</ul>
</div>
<div aria-hidden="true" class="compare-divider"></div>
<div class="compare-col">
<h3>⏱️ Watch Hours (<a href="buy-youtube-watch-hours" style="color:var(--accent);">Separate Service</a>)</h3>
<div class="compare-col-sub">YPP eligibility + #1 ranking signal</div>
<ul class="compare-list">
<li><span class="cl-icon">→</span>Measures total time viewers spent watching your videos</li>
<li><span class="cl-icon">→</span>Not displayed publicly — pure algorithmic and YPP metric</li>
<li><span class="cl-icon">→</span>4,000 hours required for YouTube Partner Programme</li>
<li><span class="cl-icon">→</span>YouTube's #1 search and Suggested Video ranking signal</li>
<li><span class="cl-icon">→</span>Watch-through rate (retention) is the most powerful ranking input</li>
<li><span class="cl-icon">→</span>Best for: YPP monetisation eligibility, long-term ranking authority</li>
</ul>
</div>
<div class="compare-callout-light">
<strong>The complete YouTube performance stack:</strong> subscribers deliver bell notifications and build channel authority → views improve search ranking, CTR, and social proof → watch hours satisfy YPP and are YouTube's #1 ranking signal → likes improve Suggested Video like-to-view ratio. All four services work together — each addressing a different dimension of YouTube's recommendation system. For YPP monetisation, order both <a href="buy-youtube-subscribers" style="color:var(--accent-dark);">subscribers</a> and <a href="buy-youtube-watch-hours" style="color:var(--accent-dark);">watch hours</a> alongside views.
        </div>
</div>
</div>
</section>
</div>
<!-- ══ ALGORITHM SECTION ══ -->
<section aria-labelledby="algo-heading" class="algo-section">
<div class="algo-inner">
<div>
<div aria-hidden="true" class="section-label">How YouTube ranks video content</div>
<h2 class="section-title" id="algo-heading">How View Count Improves Your Video's Search Ranking and Suggested Placement</h2>
<p>YouTube's recommendation algorithm — which drives approximately 70% of all YouTube watch time through Suggested Videos alone — uses a combination of signals to rank and recommend videos. View count is a component of the quality and relevance score that determines both search position and Suggested Video selection probability. Here are the key signals in order of influence.</p>
<div aria-label="YouTube algorithm signal weights" class="algo-meter">
<div class="algo-meter-row">
<span class="algo-meter-label">Watch time &amp; retention</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:98%"></div></div>
<span class="algo-meter-val">98%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Click-through rate</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:91%"></div></div>
<span class="algo-meter-val">91%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Like-to-view ratio</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:83%"></div></div>
<span class="algo-meter-val">83%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">View count &amp; velocity</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:77%"></div></div>
<span class="algo-meter-val">77%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Channel authority</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:70%"></div></div>
<span class="algo-meter-val">70%</span>
</div>
</div>
</div>
<div>
<ul aria-label="How YouTube views improve video performance" class="algo-signals">
<li>
<span aria-hidden="true" class="algo-signal-icon">🔍</span>
<div>
<div class="algo-signal-title">Search ranking improvement</div>
<div class="algo-signal-desc">YouTube's search ranking algorithm factors in view count alongside keyword relevance, watch time, and engagement rate. A video from a channel with 45,000 views consistently outranks an otherwise identical video with 500 views for competitive keywords. Buying views directly improves your video's search ranking position — raising it above competitors who haven't invested in view count credibility.</div>
</div>
</li>
<li>
<span aria-hidden="true" class="algo-signal-icon">👆</span>
<div>
<div class="algo-signal-title">Click-through rate uplift</div>
<div class="algo-signal-desc">View count is displayed prominently in search results and recommended video panels. Viewers evaluate it as a quality proxy before clicking — and research consistently shows higher view counts produce significantly higher click-through rates from the same search position. More clicks from search improve your ranking further (CTR is itself a search signal), creating a compounding cycle where view purchases generate organic ranking improvements.</div>
</div>
</li>
<li>
<span aria-hidden="true" class="algo-signal-icon">📺</span>
<div>
<div class="algo-signal-title">Suggested Videos placement</div>
<div class="algo-signal-desc">The Suggested Videos panel — which drives 70% of all YouTube watch time — surfaces videos alongside related content from established creators. View count is a component of YouTube's Suggested Video selection algorithm. Higher view counts make your video more likely to appear alongside popular videos in your niche, exposing it to audiences who are already watching related content and are highly likely to click.</div>
</div>
</li>
<li>
<span aria-hidden="true" class="algo-signal-icon">⏱️</span>
<div>
<div class="algo-signal-title">Watch time accumulation</div>
<div class="algo-signal-desc">Our views are delivered from genuine viewing sessions that contribute meaningful watch time to your video's accumulated total. Total accumulated watch time is a long-term ranking signal that compounds over time — improving the video's search position progressively as the watch time total grows. This secondary watch time benefit provides lasting ranking improvement beyond the immediate social proof and CTR impact of the view count itself.</div>
</div>
</li>
<li>
<span aria-hidden="true" class="algo-signal-icon">📊</span>
<div>
<div class="algo-signal-title">Channel quality score improvement</div>
<div class="algo-signal-desc">YouTube evaluates not just individual video performance but the overall quality of your channel's video library. Consistent high view counts across multiple videos improve your channel's overall quality score — raising the baseline distribution that YouTube gives to every new video you publish from the moment it goes live. Buying views on your archive builds cumulative channel authority that benefits every future upload.</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<div class="page-body">
<!-- ══ FEATURES ══ -->
<section aria-labelledby="features-heading" class="section">
<div class="section-header centered">
<div aria-hidden="true" class="section-label">Why DiscordBooster</div>
<h2 class="section-title" id="features-heading">What Makes Our YouTube Views Different</h2>
<p class="section-sub">Every YouTube views package uses genuine viewing sessions, natural delivery, and complete account safety.</p>
</div>
<div class="feat-grid">
<div class="feat-item">
<span class="feat-icon">🎬</span>
<div class="feat-title">Genuine Viewing Sessions</div>
<div class="feat-desc">Our views come from genuine YouTube viewing sessions — real accounts watching your video through to meaningful completion. Session-based delivery ensures views count in YouTube Analytics, contribute to accumulated watch time, and feed positively into YouTube's quality evaluation rather than triggering spam detection systems.</div>
</div>
<div class="feat-item">
<span class="feat-icon">⚡</span>
<div class="feat-title">Delivery in 5–15 Minutes</div>
<div class="feat-desc">Views begin arriving within 5–15 minutes of your order. They're delivered at a natural pace over hours to simulate genuine viewer discovery — not a sudden spike that looks anomalous in YouTube Analytics or triggers automated quality reviews from YouTube's monitoring systems.</div>
</div>
<div class="feat-item">
<span class="feat-icon">🔒</span>
<div class="feat-title">Zero Google Credentials Required</div>
<div class="feat-desc">We only ever need the public URL of your YouTube video. No YouTube password, Google account login, or AdSense credentials — ever. Your video simply needs to be publicly accessible or unlisted. Both public and unlisted videos are supported by our delivery system.</div>
</div>
<div class="feat-item">
<span class="feat-icon">📱</span>
<div class="feat-title">All Video Types Supported</div>
<div class="feat-desc">Our views service works for all YouTube content: standard videos, YouTube Shorts, long-form videos, unlisted videos, and Premiere videos. Paste the URL of any accessible YouTube video and our system delivers views to that specific content — no special configuration needed per video type or length.</div>
</div>
<div class="feat-item">
<span class="feat-icon">🔄</span>
<div class="feat-title">30-Day Refill Guarantee</div>
<div class="feat-desc">If any views drop within 30 days of delivery, we replace them at zero cost. YouTube periodically audits content quality; our guarantee ensures your view count stays at the level you paid for regardless of platform-level cleanup activity. Contact support with your order reference number to invoke.</div>
</div>
<div class="feat-item">
<span class="feat-icon">📦</span>
<div class="feat-title">Packages up to 100,000 Views</div>
<div class="feat-desc">From 500 to 100,000 views in a single order — covering everything from initial credibility boosts to crossing major social proof thresholds. For creators and agencies managing large video catalogues, our bulk packages provide cost-efficient view count improvement across multiple videos simultaneously.</div>
</div>
</div>
</section>
<!-- ══ HOW IT WORKS ══ -->
<section aria-labelledby="how-heading" class="section">
<div class="section-header centered">
<div aria-hidden="true" class="section-label">The process</div>
<h2 class="section-title" id="how-heading">How to Buy YouTube Views in 4 Simple Steps</h2>
</div>
<div class="how-timeline" role="list">
<div class="how-step active" role="listitem">
<div class="how-num">1</div>
<h3>Choose Your Package</h3>
<p>Select the view count matching your goal. The credibility thresholds above show what each range signals to viewers. The 10,000-view package is most popular — crossing the "established content" threshold that maximises CTR and search ranking improvement.</p>
</div>
<div class="how-step" role="listitem">
<div class="how-num">2</div>
<h3>Paste Video URL &amp; Pay</h3>
<p>Paste your YouTube video URL and pay via PayPal, card, or crypto. No password required. Both public and unlisted videos supported. SSL-encrypted, PCI-compliant checkout.</p>
</div>
<div class="how-step" role="listitem">
<div class="how-num">3</div>
<h3>Views Arrive Naturally</h3>
<p>Delivery starts in 5–15 minutes and views accumulate gradually over hours. Track in YouTube Studio Analytics → Reach → Impressions and views. Every order backed by our 30-day refill guarantee.</p>
</div>
<div class="how-step" role="listitem">
<div class="how-num">4</div>
<h3>Watch Ranking Improve</h3>
<p>Monitor your search ranking for targeted keywords in YouTube Studio. Watch organic impressions and CTR improve as your view count builds credibility. Combine with likes for the complete ranking signal profile.</p>
</div>
</div>
</section>
<!-- ══ PRICING TABLE ══ -->
<section aria-labelledby="pricing-heading" class="section" style="padding-top: 0;">
<div class="section-header">
<div aria-hidden="true" class="section-label">Full pricing</div>
<h2 class="section-title" id="pricing-heading">YouTube Views — Complete Pricing Table</h2>
<p class="section-sub">All packages include genuine viewing sessions, natural delivery, and a 30-day refill guarantee.</p>
</div>
<div style="overflow-x:auto;">
<table aria-label="YouTube views pricing" class="pricing-table">
<thead>
<tr>
<th scope="col">Package</th>
<th scope="col">Price</th>
<th scope="col">Regular Price</th>
<th scope="col">You Save</th>
<th scope="col">Delivery Time</th>
<th scope="col">Credibility Level</th>
<th scope="col">Order</th>
</tr>
</thead>
<tbody id="pricingTableBody"></tbody>
</table>
</div>
</section>
</div>
<!-- ══ REVIEWS ══ -->
<section aria-labelledby="reviews-heading" class="reviews-section">
<div class="page-body">
<div class="section">
<div class="section-header centered">
<div aria-hidden="true" class="section-label">Customer reviews</div>
<h2 class="section-title" id="reviews-heading">What Our Customers Say About Our YouTube Views Service</h2>
<p class="section-sub">4,630 verified reviews from creators and brands who've used DiscordBooster to improve their YouTube video performance.</p>
</div>
<div class="reviews-grid">
<div class="review-card">
<div><span aria-label="5 stars" class="review-stars">★★★★★</span> <span class="review-niche">Tech Creator / Search Ranking</span></div>
<p class="review-text">I produce tutorials on Python programming. My videos were technically good and SEO-optimised but stuck below 1,000 views — which pushed them off the first page for competitive keywords. Bought 15,000 views on my three best tutorials and within two weeks all three had moved to page 1 for their target keywords. Organic CTR improved dramatically — the videos looked credible and established compared to similar content with few views. Now ranking consistently and getting 80–90% of my traffic from organic search. Views genuinely change your ranking position.</p>
<div class="review-author">
<div aria-hidden="true" class="review-avatar" style="background: var(--accent);">SN</div>
<div>
<div class="review-name">Sam N.</div>
<div class="review-sub">Tech Tutorial Creator — 12K subscribers</div>
</div>
</div>
</div>
<div class="review-card">
<div><span aria-label="5 stars" class="review-stars">★★★★★</span> <span class="review-niche">E-commerce / Product Videos</span></div>
<p class="review-text">We use YouTube for product demo videos — customers search for "[product name] review" before buying. Our videos were technically excellent but getting skipped because they had 200–300 views compared to competitor videos with 20,000+. Bought 25,000 views across our top five product demos. The conversion rate from YouTube to product page jumped 60% in the following month. Customers were now actually watching the videos before buying, because the view count made them look like authoritative reviews rather than new uploads. Direct, measurable revenue impact.</p>
<div class="review-author">
<div aria-hidden="true" class="review-avatar" style="background: var(--green);">RB</div>
<div>
<div class="review-name">Rachel B.</div>
<div class="review-sub">E-commerce Marketing Director</div>
</div>
</div>
</div>
<div class="review-card">
<div><span aria-label="5 stars" class="review-stars">★★★★★</span> <span class="review-niche">Agency / Multi-Channel</span></div>
<p class="review-text">We manage YouTube for 10 brand clients. DiscordBooster views are part of our standard channel launch package — we buy views on new videos to cross the 10K credibility threshold, which we've found is the inflection point where organic CTR reliably improves. The views service is clean, the delivery is genuinely gradual (not a sudden spike), and the 30-day guarantee has been honoured every time. We combine views with their subscribers and watch hours service for YPP campaigns. The bundled approach produces the best results for channels we're growing from scratch.</p>
<div class="review-author">
<div aria-hidden="true" class="review-avatar" style="background: #9b2566;">JH</div>
<div>
<div class="review-name">James H.</div>
<div class="review-sub">Head of Video, Digital Agency</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="page-body">
<!-- ══ FAQ ══ -->
<section aria-labelledby="faq-heading" class="section">
<div class="section-header">
<div aria-hidden="true" class="section-label">Common questions</div>
<h2 class="section-title" id="faq-heading">Frequently Asked Questions About Buying YouTube Views</h2>
</div>
<div class="faq-grid" role="list">
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Is it safe to buy YouTube views? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Yes. DiscordBooster only requires the public URL of your YouTube video — never your password or Google credentials. Views are delivered from genuine viewing sessions at a natural pace. We've served 120,000+ customers since 2019 with zero channel strikes or restrictions from our YouTube views service.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Do YouTube views help with search ranking? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Yes. View count is a component of YouTube's search ranking formula alongside watch time, CTR, and keyword relevance. Videos with higher view counts consistently rank higher for competitive keywords. The click-through rate improvement from higher view counts is itself a ranking signal — creating a compounding cycle where view purchases generate better organic ranking performance.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">What is the difference between views and watch hours? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Views count how many times a video has been played. Watch hours measure the total duration viewers spent watching — YouTube's #1 ranking signal and the YPP monetisation threshold metric (4,000 hours required). Our separate YouTube Watch Hours service is specifically designed to satisfy the YPP criterion and build long-term ranking authority. Views and watch hours are complementary services — use both for complete YouTube channel performance.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Do views count toward the 4,000 watch hours YPP threshold? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Partially. Our views are delivered from genuine viewing sessions that include meaningful watch time — contributing to your rolling watch hour total as a secondary benefit. However, our dedicated YouTube Watch Hours service is specifically optimised to satisfy the YPP 4,000-hour criterion efficiently and directly. If YPP eligibility is your primary goal, use the Watch Hours service; if search ranking and social proof are your goals, use views.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">How many views do I need to improve my search ranking? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">There is no single threshold — ranking improvement depends on the competitive landscape for your keywords. For most niches, crossing 10,000 views produces the most significant click-through rate improvement and search ranking uplift. For highly competitive keywords, 25,000–100,000 views may be needed to rank on page 1. Our threshold chart above shows how each range signals to both viewers and YouTube's algorithm for context.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Do the views show in YouTube Analytics? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Yes. Our views are delivered from genuine YouTube viewing sessions and count in YouTube Analytics under your video's view performance metrics. You can track the delivery progress in YouTube Studio → Analytics → Reach → Views. Session-based delivery ensures views register accurately rather than being filtered by YouTube's spam detection systems.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Do I need to give you my YouTube or Google password? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Never. We only need the public URL of your YouTube video. No YouTube password, Google account access, or AdSense credentials are ever requested. Both public and unlisted videos are supported — the video simply needs to be accessible via a direct URL.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">What payment methods are accepted? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">We accept PayPal, Visa, Mastercard, American Express, and major cryptocurrencies including Bitcoin and Ethereum. All payments are processed through 256-bit SSL-encrypted, PCI-compliant gateways. Card details are never stored on our servers.</div>
</div>
</div>
</section>
<!-- ══ LONG-FORM SEO ══ -->
<section aria-labelledby="guide-heading" class="section">
<div class="long-form">
<h2 id="guide-heading">The Complete Guide to Buying YouTube Views in 2026</h2>
<p>YouTube has over 800 million videos indexed and 500 hours of new content uploaded every minute. In this environment, view count is the most important signal that separates content that gets discovered from content that disappears. <strong>Buying YouTube views is the most direct available lever for improving three separate aspects of your video's discoverability simultaneously: search ranking position, click-through rate from search results, and Suggested Video placement.</strong></p>
<h3>The View Count–CTR–Ranking Compounding Loop</h3>
<p>YouTube's search ranking system creates a reinforcing loop between view count, click-through rate, and search position. High view count → better CTR from search results → YouTube uses CTR as a ranking signal → better search position → more organic impressions → more organic views. Buying views seeds the initial view count that starts this loop — improving CTR which improves ranking which generates organic views that raise CTR further. The compounding effect makes view purchases one of the highest-ROI investments available for YouTube search performance.</p>
<div class="info-box">
<p><strong>YouTube Shorts note:</strong> Our views service works for YouTube Shorts as well as standard videos. Paste the Shorts URL in the order form and views will be delivered to that specific Short. For Shorts, views also contribute toward the YouTube Shorts-based YPP path (3 million Shorts views in 90 days), which is a separate monetisation path from the standard 4,000 watch hours route and requires our dedicated Watch Hours service for the latter.</p>
</div>
<h3>The Complete YouTube Signal Stack — Four Services Working Together</h3>
<p>Each YouTube service from DiscordBooster addresses a different signal in YouTube's recommendation system. Subscribers build channel authority and deliver bell notifications. Views improve search ranking, CTR, and social proof. Watch hours satisfy YPP eligibility and are YouTube's #1 ranking signal. Likes improve the like-to-view ratio that drives Suggested Video placement. Together they create the complete signal profile that maximises a channel's performance across every YouTube surface — search, Suggested Videos, and the homepage feed.</p>
<ul>
<li>Video must be public or unlisted and accessible via direct URL for views to be delivered</li>
<li>The 10,000-view package crosses the credibility threshold that most significantly improves CTR</li>
<li>Combine with Watch Hours for YPP eligibility — views contribute but Watch Hours is the dedicated service</li>
<li>Combine with Likes for improved Suggested Video like-to-view ratio</li>
<li>Combine with Subscribers for the complete channel authority and notification delivery package</li>
<li>Never share your YouTube or Google password with any service — it is never required</li>
<li>A 30-day refill guarantee is essential since YouTube periodically audits content quality</li>
<li>Track progress in YouTube Studio → Analytics → Reach → Impressions and views</li>
</ul>
</div>
</section>
<!-- ══ CTA ══ -->
<section aria-labelledby="cta-heading" class="section" style="padding-top: 0;">
<div class="cta-banner">
<div>
<h2 id="cta-heading">Ready to Rank Higher and Get More Clicks?</h2>
<p>Join 120,000+ creators and brands who trust DiscordBooster to grow their YouTube video performance. Views begin arriving within 5–15 minutes.</p>
</div>
<a class="cta-white-btn" href="#order" onclick="document.getElementById('order').scrollIntoView({behavior:'smooth'}); return false;">
        Get YouTube Views →
      </a>
</div>
</section>
</div>
<!-- ══ FOOTER ══ -->

<script>
  const packages = [
    { count: 500,    label: "500",     price: 4.00,   original: 4.00,   discount: 0,  delivery: "< 1 hr",    cred: "Initial credibility",          wooid: "ytv500"   },
    { count: 1000,   label: "1,000",   price: 6.50,   original: 8.00,   discount: 19, delivery: "1–3 hrs",   cred: "Active — emerging content",    wooid: "ytv1k"    },
    { count: 2500,   label: "2,500",   price: 13.00,  original: 17.00,  discount: 24, delivery: "3–6 hrs",   cred: "Engaging view count",          wooid: "ytv2500"  },
    { count: 5000,   label: "5,000",   price: 22.00,  original: 30.00,  discount: 27, delivery: "6–12 hrs",  cred: "Strong social proof",          wooid: "ytv5k"    },
    { count: 10000,  label: "10,000",  price: 38.00,  original: 54.00,  discount: 30, delivery: "12–24 hrs", cred: "Established credibility",      wooid: "ytv10k"   },
    { count: 25000,  label: "25,000",  price: 80.00,  original: 115.00, discount: 30, delivery: "1–2 days",  cred: "Authoritative content",        wooid: "ytv25k"   },
    { count: 50000,  label: "50,000",  price: 140.00, original: 210.00, discount: 33, delivery: "2–3 days",  cred: "Popular niche reference",      wooid: "ytv50k"   },
    { count: 100000, label: "100,000", price: 240.00, original: 370.00, discount: 35, delivery: "3–5 days",  cred: "Viral-level social proof",     wooid: "ytv100k"  }
  ];

  let selected = 0;

  function renderPkgGrid() {
    const grid = document.getElementById('pkgGrid');
    grid.innerHTML = packages.map((p, i) => `
      <div class="pkg-btn ${i === selected ? 'active' : ''}"
           onclick="selectPkg(${i})"
           role="radio" aria-checked="${i === selected}"
           tabindex="0"
           aria-label="${p.label} YouTube views for $${p.price.toFixed(2)}">
        ${p.discount > 0 ? `<span class="pkg-tag">${p.discount}% OFF</span>` : ''}
        <span class="pkg-count">${p.label}</span>
        <span class="pkg-price">$${p.price.toFixed(2)}</span>
      </div>
    `).join('');
    updateSummary();
  }

  function updateSummary() {
    const p = packages[selected];
    document.getElementById('orderPrice').textContent = `$${p.price.toFixed(2)}`;
    const saving = p.original - p.price;
    document.getElementById('orderSaving').textContent = saving > 0
      ? `You save $${saving.toFixed(2)} (${p.discount}% off)`
      : 'Best entry-level price';
  }

  function selectPkg(idx) {
    selected = idx;
    document.querySelectorAll('.pkg-btn').forEach((b, i) => {
      b.classList.toggle('active', i === idx);
      b.setAttribute('aria-checked', i === idx ? 'true' : 'false');
    });
    updateSummary();
  }

  function renderTable() {
    const tbody = document.getElementById('pricingTableBody');
    tbody.innerHTML = packages.map((p, i) => {
      const saving = p.original - p.price;
      const isFeatured = p.count === 10000;
      return `
        <tr class="${isFeatured ? 'featured' : ''}">
          <td class="pkg-name">
            ${p.label} Views
            ${isFeatured ? '<span class="table-badge">POPULAR</span>' : ''}
          </td>
          <td><strong>$${p.price.toFixed(2)}</strong></td>
          <td class="pkg-original">$${p.original.toFixed(2)}</td>
          <td class="pkg-save">${saving > 0 ? `–$${saving.toFixed(2)} (${p.discount}%)` : '—'}</td>
          <td>${p.delivery}</td>
          <td style="font-size:0.85rem;color:var(--muted)">${p.cred}</td>
          <td><button class="table-order-btn" onclick="jumpToOrder(${i})" aria-label="Order ${p.label} YouTube views">Order →</button></td>
        </tr>
      `;
    }).join('');
  }

  function jumpToOrder(idx) {
    selected = idx;
    renderPkgGrid();
    document.getElementById('order').scrollIntoView({ behavior: 'smooth' });
  }

  document.getElementById('orderBtn').addEventListener('click', () => {
    const videoUrl = document.getElementById('ytVideoUrl').value.trim();
    if (!videoUrl) {
      document.getElementById('ytVideoUrl').focus();
      document.getElementById('ytVideoUrl').style.borderColor = 'var(--accent)';
      return;
    }
    const p = packages[selected];
    const url = `https://order.discordbooster.com/checkout/?add-to-cart=${p.wooid}&video_url=${encodeURIComponent(videoUrl)}&platform=youtube&product=views`;
    window.location.href = url;
  });

  document.getElementById('ytVideoUrl').addEventListener('input', function() {
    this.style.borderColor = 'var(--border)';
  });

  function toggleFaq(el) {
    const item = el.parentElement;
    const isOpen = item.classList.contains('open');
    item.classList.toggle('open');
    el.setAttribute('aria-expanded', !isOpen);
  }

  document.addEventListener('keydown', e => {
    if ((e.key === 'Enter' || e.key === ' ') && e.target.classList.contains('pkg-btn')) {
      e.preventDefault();
      selectPkg([...document.querySelectorAll('.pkg-btn')].indexOf(e.target));
    }
    if ((e.key === 'Enter' || e.key === ' ') && e.target.classList.contains('faq-q')) {
      e.preventDefault();
      toggleFaq(e.target);
    }
  });

  renderPkgGrid();
  renderTable();
</script>

<?php include 'footer.php'; ?>
