        <?php
        /* ═══════════════════════════════════════════════════════
           PAGE META  —  edit these values for each page
        ═══════════════════════════════════════════════════════ */
        $page_title       = "TikTok Services — Grow Your TikTok Fast | DiscordBooster (2026)";
        $meta_description = "Buy real TikTok followers, likes, and views from the most trusted growth service since 2019. Reach TikTok's For You Page, build creator credibility, and grow your audience. From \$2.";
        $meta_keywords    = "tiktok services, buy tiktok followers, buy tiktok likes, buy tiktok views, tiktok growth service 2026, tiktok for you page, tiktok marketing, grow tiktok account, tiktok algorithm boost, tiktok creator fund";
        $canonical_url    = "https://discordbooster.com/tiktok";
        $og_title         = "TikTok Services — Grow Your TikTok Fast | DiscordBooster";
        $og_description   = "Real TikTok followers, likes, and views. Reach the For You Page, build creator credibility, and grow your audience on the world's fastest-growing platform.";
        $og_image         = "";
        $active_platform  = "tiktok";

        $schema_json = <<<'JSON'
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://discordbooster.com/tiktok#webpage",
      "url": "https://discordbooster.com/tiktok",
      "name": "TikTok Services — Grow Your TikTok Fast | DiscordBooster (2026)",
      "description": "Real TikTok followers, likes, and views. Reach the For You Page, build creator credibility, and grow your audience on the world's most algorithm-driven platform.",
      "inLanguage": "en-US",
      "breadcrumb": {
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://discordbooster.com"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "TikTok Services",
            "item": "https://discordbooster.com/tiktok"
          }
        ]
      }
    },
    {
      "@type": "ItemList",
      "name": "TikTok Growth Services",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Buy TikTok Followers",
          "url": "https://discordbooster.com/buy-tiktok-followers"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Buy TikTok Likes",
          "url": "https://discordbooster.com/buy-tiktok-likes"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Buy TikTok Views",
          "url": "https://discordbooster.com/buy-tiktok-views"
        }
      ]
    }
  ]
}
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;
      /* TikTok brand: black with cyan/pink accent pair */
      --accent: #010101;
      --accent-cyan: #69c9d0;
      --accent-pink: #ee1d52;
      --accent-soft: #f0f0f0;
      --accent-border: #c8c8c8;
      --accent-dark: #000000;
      --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-pink); 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-pink); }
    .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(--teal-soft); color: #0a8a95; }
    .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: 190px; 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-wrap { padding-top: 82px; background: var(--cream); }
    .breadcrumb { max-width: 1240px; margin: 0 auto; padding: 1rem 5% 0; font-size: 0.78rem; color: var(--muted); display: flex; align-items: center; gap: 0.4rem; 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-pink); }
    .breadcrumb .sep { opacity: 0.4; }

    /* ── PAGE HERO — TikTok dark with dual colour glow ── */
    .page-hero { background: #010101; padding: 80px 5% 90px; text-align: center; position: relative; overflow: hidden; }
    .page-hero::before { content: ''; position: absolute; inset: 0;
      background: radial-gradient(ellipse 55% 60% at 30% 120%, rgba(238,29,82,0.22) 0%, transparent 60%),
                  radial-gradient(ellipse 55% 60% at 70% 120%, rgba(105,201,208,0.22) 0%, transparent 60%);
      pointer-events: none; }
    .page-hero-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.7); border-radius: 4px; padding: 0.3rem 0.9rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 1.5rem; animation: fadeIn 0.5s ease both; }
    .page-hero h1 { font-size: clamp(2.8rem, 5vw, 4.5rem); font-weight: 800; color: #fff; letter-spacing: -1.5px; line-height: 1.08; margin-bottom: 1.5rem; animation: fadeIn 0.5s 0.06s ease both; }
    /* TikTok dual-colour title effect */
    .page-hero h1 .pink { color: var(--accent-pink); font-style: italic; }
    .page-hero h1 .cyan { color: var(--accent-cyan); font-style: italic; }
    .page-hero-desc { font-size: 1.15rem; color: rgba(255,255,255,0.6); max-width: 640px; margin: 0 auto 2.5rem; line-height: 1.75; animation: fadeIn 0.5s 0.12s ease both; }
    .hero-stats { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; animation: fadeIn 0.5s 0.18s ease both; }
    .hero-stat { text-align: center; }
    .hero-stat-val { font-family: 'Sora', sans-serif; font-size: 2rem; font-weight: 800; color: #fff; line-height: 1; }
    .hero-stat-label { font-size: 0.8rem; color: rgba(255,255,255,0.45); margin-top: 0.3rem; }

    /* ── MAIN CONTENT ── */
    .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: #0a8a95; 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: 580px; font-size: 1.03rem; line-height: 1.7; }

    /* ── TRUST STRIP ── */
    .trust-strip { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 1.8rem 2.5rem; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; gap: 1.5rem; }
    .trust-item { display: flex; align-items: center; gap: 0.7rem; font-size: 0.9rem; font-weight: 600; color: var(--ink-2); }
    .trust-item .trust-icon { font-size: 1.3rem; }

    /* ── SERVICE CARDS — 3-column ── */
    .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
    .service-card { background: var(--surface); border: 1px solid var(--border); border-radius: 22px; overflow: hidden; transition: all 0.22s; display: flex; flex-direction: column; box-shadow: var(--shadow-sm); }
    .service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
    /* Each card gets its own hover border colour */
    .card-followers:hover { border-color: var(--accent-cyan); }
    .card-likes:hover { border-color: var(--accent-pink); }
    .card-views:hover { border-color: var(--teal); }
    .service-card-top { background: #010101; padding: 2.2rem 2rem 2rem; position: relative; overflow: hidden; }
    /* Glow orbs per card type */
    .card-followers .service-card-top::before { content: ''; position: absolute; bottom: -30px; right: -30px; width: 140px; height: 140px; border-radius: 50%; background: rgba(105,201,208,0.15); }
    .card-likes .service-card-top::before { content: ''; position: absolute; bottom: -30px; right: -30px; width: 140px; height: 140px; border-radius: 50%; background: rgba(238,29,82,0.15); }
    .card-views .service-card-top::before { content: ''; position: absolute; bottom: -30px; right: -30px; width: 140px; height: 140px; border-radius: 50%; background: rgba(105,201,208,0.1); }
    .service-icon { font-size: 2.6rem; display: block; margin-bottom: 0.9rem; position: relative; z-index: 1; }
    .service-card-top h3 { font-family: 'Sora', sans-serif; font-size: 1.4rem; font-weight: 800; color: #fff; margin-bottom: 0.5rem; position: relative; z-index: 1; }
    .service-card-top p { font-size: 0.88rem; color: rgba(255,255,255,0.52); line-height: 1.65; position: relative; z-index: 1; }
    .service-badge-cyan { display: inline-flex; background: rgba(105,201,208,0.2); border: 1px solid rgba(105,201,208,0.4); color: var(--accent-cyan); border-radius: 4px; font-size: 0.66rem; font-weight: 800; padding: 0.17rem 0.52rem; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0.9rem; position: relative; z-index: 1; }
    .service-badge-pink { display: inline-flex; background: rgba(238,29,82,0.18); border: 1px solid rgba(238,29,82,0.4); color: #f87294; border-radius: 4px; font-size: 0.66rem; font-weight: 800; padding: 0.17rem 0.52rem; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0.9rem; position: relative; z-index: 1; }
    .service-card-body { padding: 1.8rem 2rem; flex: 1; display: flex; flex-direction: column; gap: 1.1rem; }
    .service-features { list-style: none; display: flex; flex-direction: column; gap: 0.55rem; }
    .service-features li { font-size: 0.9rem; color: var(--ink-2); display: flex; align-items: flex-start; gap: 0.6rem; }
    .service-features li::before { content: '✓'; color: var(--green); font-weight: 800; flex-shrink: 0; margin-top: 0.1rem; }
    .service-price-row { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; border-top: 1px solid var(--border); margin-top: auto; gap: 1rem; }
    .service-from { font-size: 0.73rem; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; }
    .service-price { font-family: 'Sora', sans-serif; font-size: 1.7rem; font-weight: 800; color: var(--ink); }
    .service-cta-cyan { background: var(--ink); color: #fff; padding: 0.85rem 1.3rem; border-radius: 10px; font-family: 'Outfit', sans-serif; font-size: 0.93rem; font-weight: 700; transition: all 0.18s; text-align: center; display: block; white-space: nowrap; flex-shrink: 0; }
    .service-cta-cyan:hover { background: var(--accent-cyan); color: var(--ink); transform: translateY(-1px); box-shadow: 0 5px 18px rgba(105,201,208,0.3); }
    .service-cta-pink { background: var(--ink); color: #fff; padding: 0.85rem 1.3rem; border-radius: 10px; font-family: 'Outfit', sans-serif; font-size: 0.93rem; font-weight: 700; transition: all 0.18s; text-align: center; display: block; white-space: nowrap; flex-shrink: 0; }
    .service-cta-pink:hover { background: var(--accent-pink); transform: translateY(-1px); box-shadow: 0 5px 18px rgba(238,29,82,0.3); }

    /* ── FYP THRESHOLDS ── */
    .fyp-section { background: #010101; border-radius: 22px; padding: 3rem; overflow: hidden; position: relative; }
    .fyp-section::before { content: ''; position: absolute; top: -60px; left: -60px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(238,29,82,0.15), transparent 70%); pointer-events: none; }
    .fyp-section::after { content: ''; position: absolute; bottom: -60px; right: -60px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(105,201,208,0.15), transparent 70%); pointer-events: none; }
    .fyp-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--teal); margin-bottom: 0.6rem; display: block; position: relative; z-index: 1; }
    .fyp-section h2 { color: #fff; font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 800; margin-bottom: 0.8rem; position: relative; z-index: 1; }
    .fyp-section p { color: rgba(255,255,255,0.52); font-size: 1rem; line-height: 1.8; margin-bottom: 2rem; max-width: 680px; position: relative; z-index: 1; }
    .fyp-thresholds { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; position: relative; z-index: 1; }
    .fyp-threshold { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 14px; padding: 1.5rem; text-align: center; transition: all 0.18s; }
    .fyp-threshold:hover { background: rgba(255,255,255,0.09); transform: translateY(-2px); }
    .fyp-threshold-icon { font-size: 1.5rem; margin-bottom: 0.6rem; display: block; }
    .fyp-threshold-val { font-family: 'Sora', sans-serif; font-size: 1.5rem; font-weight: 800; line-height: 1; margin-bottom: 0.3rem; }
    .fyp-threshold-val.cyan { color: var(--accent-cyan); }
    .fyp-threshold-val.pink { color: var(--accent-pink); }
    .fyp-threshold-label { font-size: 0.82rem; color: rgba(255,255,255,0.5); line-height: 1.5; }
    .fyp-threshold-badge { display: inline-block; margin-top: 0.6rem; font-size: 0.68rem; font-weight: 700; padding: 0.1rem 0.45rem; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px; }
    .badge-cyan { background: rgba(105,201,208,0.15); color: var(--accent-cyan); border: 1px solid rgba(105,201,208,0.3); }
    .badge-pink { background: rgba(238,29,82,0.15); color: #f87294; border: 1px solid rgba(238,29,82,0.3); }
    .badge-gold { background: var(--gold-soft); color: var(--gold); border: 1px solid #e8d49a; }

    /* ── ALGORITHM SECTION ── */
    .algo-section { background: var(--ink); border-radius: 22px; padding: 3.5rem; overflow: hidden; position: relative; margin-top: 0; }
    .algo-section::before { content: ''; position: absolute; top: -80px; right: -80px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(105,201,208,0.14), transparent 70%); pointer-events: none; }
    .algo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; position: relative; z-index: 1; }
    .algo-left-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--teal); margin-bottom: 0.7rem; display: block; }
    .algo-left h2 { color: #fff; font-size: clamp(1.5rem, 2.5vw, 2.1rem); margin-bottom: 1rem; }
    .algo-left p { color: rgba(255,255,255,0.52); font-size: 1rem; line-height: 1.8; margin-bottom: 1.4rem; }
    .algo-meter-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.9rem; }
    .algo-meter-label { font-size: 0.81rem; color: rgba(255,255,255,0.58); min-width: 148px; }
    .algo-meter-track { flex: 1; height: 8px; background: rgba(255,255,255,0.08); border-radius: 100px; overflow: hidden; }
    .algo-meter-fill-cyan { height: 100%; border-radius: 100px; background: linear-gradient(90deg, var(--accent-cyan), #45a8af); }
    .algo-meter-fill-pink { height: 100%; border-radius: 100px; background: linear-gradient(90deg, var(--accent-pink), #c01040); }
    .algo-meter-fill-mixed { height: 100%; border-radius: 100px; background: linear-gradient(90deg, var(--accent-cyan), var(--accent-pink)); }
    .algo-meter-val { font-size: 0.8rem; color: var(--teal); font-weight: 700; min-width: 36px; text-align: right; }
    .algo-cards { display: flex; flex-direction: column; gap: 1rem; }
    .algo-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 1.2rem 1.4rem; transition: background 0.2s; }
    .algo-card:hover { background: rgba(255,255,255,0.09); }
    .algo-card-title { color: #fff; font-size: 0.95rem; font-weight: 700; margin-bottom: 0.3rem; display: flex; align-items: center; gap: 0.5rem; }
    .algo-card-desc { color: rgba(255,255,255,0.48); font-size: 0.86rem; line-height: 1.6; }

    /* ── WHY SECTION ── */
    .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
    .why-content p { color: var(--muted); font-size: 1.05rem; line-height: 1.82; margin-bottom: 1.3rem; }
    .callout-inline { background: var(--teal-soft); border-left: 4px solid var(--teal); border-radius: 0 10px 10px 0; padding: 1.2rem 1.5rem; margin: 1.5rem 0; font-size: 0.97rem; color: var(--ink-2); }
    .why-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
    .why-stat { background: var(--surface); 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; }

    /* ── HOW IT WORKS ── */
    .how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; position: relative; }
    .how-grid::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: var(--surface); 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: #010101; color: var(--accent-cyan); border-color: var(--accent-cyan); }
    .how-step h3 { font-size: 1.02rem; margin-bottom: 0.4rem; }
    .how-step p { font-size: 0.88rem; color: var(--muted); line-height: 1.6; }

    /* ── 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: var(--surface); }
    .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(--teal-soft); }
    .faq-icon { font-size: 1.3rem; color: var(--teal); 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: 320px; padding: 0 1.5rem 1.2rem; }
    .faq-item.open .faq-icon { transform: rotate(45deg); }

    /* ── CTA BANNER ── */
    .cta-banner { background: #010101; border-radius: 22px; padding: 3.5rem; text-align: center; position: relative; overflow: hidden; }
    .cta-banner::before { content: ''; position: absolute; inset: 0;
      background: radial-gradient(ellipse 50% 80% at 30% 110%, rgba(238,29,82,0.2), transparent 60%),
                  radial-gradient(ellipse 50% 80% at 70% 110%, rgba(105,201,208,0.2), transparent 60%);
      pointer-events: none; }
    .cta-banner h2 { color: #fff; font-size: clamp(1.8rem, 3vw, 2.6rem); margin-bottom: 0.8rem; position: relative; z-index: 1; }
    .cta-banner p { color: rgba(255,255,255,0.55); font-size: 1.05rem; margin-bottom: 2rem; position: relative; z-index: 1; }
    .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; }
    .cta-btn-cyan { background: var(--accent-cyan); color: var(--ink); padding: 1rem 2.2rem; border-radius: 10px; font-weight: 700; font-size: 1rem; transition: all 0.18s; display: inline-block; }
    .cta-btn-cyan:hover { background: #4ab8bf; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(105,201,208,0.35); }
    .cta-btn-pink { background: var(--accent-pink); color: #fff; padding: 1rem 2.2rem; border-radius: 10px; font-weight: 700; font-size: 1rem; transition: all 0.18s; display: inline-block; }
    .cta-btn-pink:hover { background: #c01040; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(238,29,82,0.35); }
    .cta-btn-ghost { background: rgba(255,255,255,0.1); color: #fff; border: 1px solid rgba(255,255,255,0.2); padding: 1rem 2.2rem; border-radius: 10px; font-weight: 600; font-size: 1rem; transition: all 0.18s; display: inline-block; }
    .cta-btn-ghost:hover { background: rgba(255,255,255,0.18); }

    /* ── 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-pink); 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: var(--accent-cyan); }
    .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) { .services-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; } .fyp-thresholds { grid-template-columns: repeat(2, 1fr); } .algo-grid { grid-template-columns: 1fr; gap: 2.5rem; } .why-grid { grid-template-columns: 1fr; gap: 2.5rem; } .how-grid { grid-template-columns: 1fr 1fr; } .how-grid::before { display: none; } .footer-top { grid-template-columns: 1fr 1fr; } }
    @media (max-width: 768px) { .faq-grid { grid-template-columns: 1fr; } .why-stats { grid-template-columns: 1fr 1fr; } .nav-links { display: none; } .trust-strip { flex-direction: column; align-items: flex-start; } .cta-buttons { flex-direction: column; align-items: center; } }
    @media (max-width: 480px) { .page-hero h1 { font-size: 2.6rem; } .hero-stats { gap: 1.5rem; } .fyp-thresholds { grid-template-columns: 1fr 1fr; } }
  </style>

<!-- ══ BREADCRUMB ══ -->
<div class="breadcrumb-wrap">
<nav aria-label="Breadcrumb" class="breadcrumb">
<a href="https://discordbooster.com">Home</a>
<span aria-hidden="true" class="sep">›</span>
<span aria-current="page">TikTok Services</span>
</nav>
</div>
<!-- ══ PAGE HERO ══ -->
<section aria-labelledby="hero-h1" class="page-hero">
<div class="page-hero-eyebrow">🎵 TikTok Growth Services — Real Accounts, FYP Safe, Instant Delivery</div>
<h1 id="hero-h1">Three Ways to<br/>Hit the <span class="pink">For</span> <span class="cyan">You</span> Page</h1>
<p class="page-hero-desc">Real followers, likes, and views — the complete TikTok growth stack. TikTok's algorithm is the most powerful content distribution engine ever built. Feed it the right signals and it will show your videos to millions of people who've never heard of you. We help you send those signals.</p>
<div class="hero-stats">
<div class="hero-stat"><div class="hero-stat-val">1.7B+</div><div class="hero-stat-label">Monthly TikTok users</div></div>
<div class="hero-stat"><div class="hero-stat-val">120K+</div><div class="hero-stat-label">Happy customers</div></div>
<div class="hero-stat"><div class="hero-stat-val">4.9★</div><div class="hero-stat-label">Average rating</div></div>
<div class="hero-stat"><div class="hero-stat-val">&lt;15 min</div><div class="hero-stat-label">Avg. delivery start</div></div>
</div>
</section>
<div class="page-body">
<!-- ══ TRUST STRIP ══ -->
<div class="section" style="padding-bottom: 0;">
<div class="trust-strip">
<div class="trust-item"><span class="trust-icon">🔒</span> No password ever required</div>
<div class="trust-item"><span class="trust-icon">✅</span> Real accounts — not bots</div>
<div class="trust-item"><span class="trust-icon">⚡</span> Delivery starts in minutes</div>
<div class="trust-item"><span class="trust-icon">🔄</span> 30-day refill guarantee</div>
<div class="trust-item"><span class="trust-icon">🎵</span> FYP &amp; Creator Fund safe</div>
<div class="trust-item"><span class="trust-icon">💳</span> PayPal, card, crypto</div>
</div>
</div>
<!-- ══ SERVICES GRID ══ -->
<section aria-labelledby="services-heading" class="section">
<div style="text-align:center; margin-bottom: 3.5rem;">
<div aria-hidden="true" class="section-label">Our TikTok services</div>
<h2 class="section-title" id="services-heading">Three Services. One For You Page Strategy.</h2>
<p class="section-sub" style="margin: 0 auto;">TikTok's algorithm evaluates every video on three core signals. Each of our services directly strengthens one — together they build the engagement profile that consistently wins FYP placement.</p>
</div>
<div class="services-grid">
<!-- FOLLOWERS -->
<div class="service-card card-followers">
<div class="service-card-top">
<span class="service-badge-cyan">👤 Followers</span>
<span class="service-icon">📲</span>
<h3>TikTok Followers</h3>
<p>The permanent authority metric. Follower count unlocks Creator Fund eligibility, brand partnership thresholds, and the TikTok LIVE feature — while providing the baseline audience that generates early engagement on every new video you post.</p>
</div>
<div class="service-card-body">
<ul class="service-features">
<li>1,000 followers unlocks TikTok LIVE feature</li>
<li>10,000 followers required for Creator Fund eligibility</li>
<li>Followers generate early likes/views on new videos — seeding FYP</li>
<li>Permanent profile credibility that never expires</li>
<li>Natural gradual delivery over days</li>
<li>Real accounts from genuine TikTok profiles</li>
</ul>
<div class="service-price-row">
<div><div class="service-from">From</div><div class="service-price">$4</div></div>
<a class="service-cta-cyan" href="buy-tiktok-followers">Get Followers →</a>
</div>
</div>
</div>
<!-- LIKES -->
<div class="service-card card-likes">
<div class="service-card-top">
<span class="service-badge-pink">❤️ Likes</span>
<span class="service-icon">❤️</span>
<h3>TikTok Likes</h3>
<p>The strongest FYP quality signal. TikTok's algorithm uses like-to-view ratio as its primary content quality indicator — the faster likes accumulate after posting, the more aggressively TikTok pushes the video to wider non-follower audiences.</p>
</div>
<div class="service-card-body">
<ul class="service-features">
<li>Strongest FYP quality signal in TikTok's algorithm</li>
<li>Like velocity in first hour is critical — order fast after posting</li>
<li>High like-to-view ratio triggers progressive FYP distribution</li>
<li>Visible social proof that improves watch-through rate</li>
<li>Works for all video types and lengths</li>
<li>Real likes from genuine TikTok accounts</li>
</ul>
<div class="service-price-row">
<div><div class="service-from">From</div><div class="service-price">$2</div></div>
<a class="service-cta-pink" href="buy-tiktok-likes">Get Likes →</a>
</div>
</div>
</div>
<!-- VIEWS -->
<div class="service-card card-views">
<div class="service-card-top">
<span class="service-badge-cyan">▶ Video Views</span>
<span class="service-icon">▶️</span>
<h3>TikTok Views</h3>
<p>Boost view counts to trigger TikTok's distribution cascade. View count is the most visible metric on every TikTok — the number that determines whether a video looks viral or invisible. More views also directly contributes to Creator Fund earnings.</p>
</div>
<div class="service-card-body">
<ul class="service-features">
<li>View count is TikTok's most visible social proof metric</li>
<li>High view counts trigger FYP distribution cascade</li>
<li>Directly contributes to Creator Fund view requirements</li>
<li>Improves video ranking in TikTok search</li>
<li>Fast delivery — starts within 10 minutes</li>
<li>Works for all video formats and durations</li>
</ul>
<div class="service-price-row">
<div><div class="service-from">From</div><div class="service-price">$3</div></div>
<a class="service-cta-cyan" href="buy-tiktok-views">Get Views →</a>
</div>
</div>
</div>
</div>
</section>
<!-- ══ FYP THRESHOLDS ══ -->
<section aria-labelledby="fyp-heading" class="section" style="padding-top:0;">
<div class="fyp-section">
<span class="fyp-label">Creator milestones &amp; feature unlocks</span>
<h2 id="fyp-heading">What Each Follower &amp; View Milestone Unlocks on TikTok</h2>
<p>TikTok gates its most valuable creator features behind specific follower and view thresholds. Here's exactly what each milestone unlocks — and which of our services gets you there fastest.</p>
<div class="fyp-thresholds">
<div class="fyp-threshold">
<span class="fyp-threshold-icon">🔴</span>
<div class="fyp-threshold-val cyan">1K</div>
<div class="fyp-threshold-label">Followers needed to go LIVE on TikTok and earn TikTok LIVE gifts from viewers</div>
<span class="fyp-threshold-badge badge-cyan">✓ Followers</span>
</div>
<div class="fyp-threshold">
<span class="fyp-threshold-icon">🔗</span>
<div class="fyp-threshold-val cyan">1K</div>
<div class="fyp-threshold-label">Followers to add a clickable link in bio — essential for traffic and brand deals</div>
<span class="fyp-threshold-badge badge-cyan">✓ Followers</span>
</div>
<div class="fyp-threshold">
<span class="fyp-threshold-icon">💰</span>
<div class="fyp-threshold-val pink">10K</div>
<div class="fyp-threshold-label">Followers + 100K views (30 days) for TikTok Creator Fund — direct video revenue</div>
<span class="fyp-threshold-badge badge-pink">Followers + Views</span>
</div>
<div class="fyp-threshold">
<span class="fyp-threshold-icon">🛍️</span>
<div class="fyp-threshold-val pink">10K</div>
<div class="fyp-threshold-label">Followers to open TikTok Shop — in-video product links and commission income</div>
<span class="fyp-threshold-badge badge-gold">High Value</span>
</div>
</div>
</div>
</section>
<!-- ══ ALGORITHM SECTION ══ -->
<section aria-labelledby="algo-heading" class="section" style="padding-top:0;">
<div class="algo-section">
<div class="algo-grid">
<div>
<span class="algo-left-label">How TikTok's FYP algorithm works</span>
<h2 id="algo-heading" style="color:#fff;font-size:clamp(1.5rem,2.5vw,2.1rem);margin-bottom:1rem;">How Our Three Services Feed TikTok's For You Page Engine</h2>
<p style="color:rgba(255,255,255,0.52);font-size:1rem;line-height:1.8;margin-bottom:1.4rem;">TikTok's For You Page algorithm is the most powerful content distribution system ever built for short-form video. It evaluates every video on a small test audience first — then progressively expands distribution based on the engagement signals it receives. Our three services directly improve all three core signals.</p>
<div class="algo-meter-row">
<span class="algo-meter-label">Watch-through rate</span>
<div class="algo-meter-track"><div class="algo-meter-fill-cyan" style="width:98%"></div></div>
<span class="algo-meter-val">98%</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-pink" style="width:94%"></div></div>
<span class="algo-meter-val">94%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Comment rate</span>
<div class="algo-meter-track"><div class="algo-meter-fill-mixed" style="width:87%"></div></div>
<span class="algo-meter-val">87%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Share rate</span>
<div class="algo-meter-track"><div class="algo-meter-fill-mixed" style="width:82%"></div></div>
<span class="algo-meter-val">82%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Follower authority</span>
<div class="algo-meter-track"><div class="algo-meter-fill-cyan" style="width:68%"></div></div>
<span class="algo-meter-val">68%</span>
</div>
</div>
<div class="algo-cards">
<div class="algo-card">
<div class="algo-card-title"><span>▶️</span> Views → Test audience expansion</div>
<div class="algo-card-desc">TikTok's algorithm first shows every new video to a small test audience. If that test audience watches through (high completion rate), TikTok expands to a larger group. Views purchased from genuine accounts contribute to this completion signal — triggering the expansion cascade that puts videos in front of exponentially larger audiences.</div>
</div>
<div class="algo-card">
<div class="algo-card-title"><span>❤️</span> Likes → FYP quality gate</div>
<div class="algo-card-desc">Like-to-view ratio is TikTok's primary content quality gate. A video receiving likes from a high percentage of its viewers is treated as genuinely engaging content worth showing to more people. Likes received in the first hour after posting carry the highest FYP distribution weight — which is why ordering likes immediately after posting maximises algorithmic impact.</div>
</div>
<div class="algo-card">
<div class="algo-card-title"><span>📲</span> Followers → Early engagement seed</div>
<div class="algo-card-desc">TikTok shows new videos to your followers first — your follower base is the "test audience" for every new post. A larger follower count means a larger, more engaged initial audience, which generates more early organic likes and views. This early engagement from followers improves the video's initial quality score before the algorithm's wider distribution decision.</div>
</div>
<div class="algo-card">
<div class="algo-card-title"><span>🔁</span> The FYP compounding loop</div>
<div class="algo-card-desc">The three services compound: followers generate early organic engagement → early engagement improves quality score → quality score triggers FYP distribution → FYP distribution reaches non-followers → non-followers become new organic followers. Each service amplifies the effect of every other — the full stack creates a self-reinforcing growth loop that continues after your initial investment.</div>
</div>
</div>
</div>
</div>
</section>
<!-- ══ WHY SECTION ══ -->
<section aria-labelledby="why-heading" class="section">
<div class="why-grid">
<div>
<div aria-hidden="true" class="section-label">Why DiscordBooster for TikTok</div>
<h2 class="section-title" id="why-heading">The Trusted TikTok Growth Partner Since 2019</h2>
<div class="why-stats">
<div class="why-stat"><div class="val">1.7B+</div><div class="lbl">Monthly TikTok users — the world's most algorithm-driven platform</div></div>
<div class="why-stat"><div class="val">120K+</div><div class="lbl">Creators, brands, and agencies served since 2019</div></div>
<div class="why-stat"><div class="val">4.9★</div><div class="lbl">Average rating from verified customer reviews</div></div>
<div class="why-stat"><div class="val">0</div><div class="lbl">Account restrictions from our TikTok services in 7 years</div></div>
</div>
</div>
<div class="why-content">
<p>TikTok is the world's most algorithm-driven social platform — the app where a creator with zero followers can reach 10 million people on their first video if the content is right and the engagement signals are strong. Unlike every other platform, TikTok's For You Page is almost entirely driven by content quality signals rather than follower counts — making it simultaneously the most meritocratic and the most signal-dependent platform to grow on.</p>
<div class="callout-inline">
<strong>TikTok's core insight:</strong> the platform doesn't show your videos to your followers first — it shows your videos to a test audience, measures their engagement quality, and then decides how broadly to distribute based on those signals. Our services strengthen every engagement signal that test audience generates, giving your videos the best possible chance at winning broad FYP distribution.
        </div>
<p>We never ask for your TikTok password or account credentials. Every service requires only your public TikTok username or video URL. Your account security is completely intact throughout every order and delivery. Every package comes with our 30-day refill guarantee.</p>
</div>
</div>
</section>
<!-- ══ HOW IT WORKS ══ -->
<section aria-labelledby="how-heading" class="section" style="padding-top:0;">
<div style="text-align:center; margin-bottom: 3.5rem;">
<div aria-hidden="true" class="section-label">Simple process</div>
<h2 class="section-title" id="how-heading">How It Works — Order to For You Page</h2>
</div>
<div class="how-grid" role="list">
<div class="how-step active" role="listitem">
<div class="how-num">1</div>
<h3>Choose Your Service</h3>
<p>Followers for Creator Fund eligibility and follower-seeded early engagement, likes for the FYP quality signal, views for the distribution cascade trigger — or all three for the complete FYP growth stack.</p>
</div>
<div class="how-step" role="listitem">
<div class="how-num">2</div>
<h3>Select Your Package</h3>
<p>Choose the quantity for your goal — milestone unlock, Creator Fund eligibility, FYP boost, or sponsor credibility. Every package includes a 30-day guarantee. Order likes within 30 minutes of posting for best results.</p>
</div>
<div class="how-step" role="listitem">
<div class="how-num">3</div>
<h3>Enter Username or Video URL</h3>
<p>Enter your TikTok username (for followers) or paste the video URL (for likes and views). No TikTok credentials required. PCI-compliant checkout. Credentials never stored.</p>
</div>
<div class="how-step" role="listitem">
<div class="how-num">4</div>
<h3>Hit the For You Page</h3>
<p>Delivery begins within 15 minutes. Watch your engagement metrics climb. The stronger your early signals, the more aggressively TikTok's algorithm expands distribution. Every order backed by our 30-day guarantee.</p>
</div>
</div>
</section>
<!-- ══ FAQ ══ -->
<section aria-labelledby="faq-heading" class="section" style="padding-top:0;">
<div style="margin-bottom: 3rem;">
<div aria-hidden="true" class="section-label">Common questions</div>
<h2 class="section-title" id="faq-heading">Frequently Asked Questions</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">Are these services safe for my TikTok account? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Yes. All three services require only your public TikTok username or video URL — never your password or account credentials. Delivery uses gradual, natural patterns designed for TikTok's quality detection systems. We've served 120,000+ customers since 2019 with zero account restrictions from our TikTok services.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">When should I order likes — before or after posting? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Order immediately after posting — ideally within 30 minutes. TikTok's FYP algorithm weights early engagement velocity most heavily. Likes received in the first hour after posting carry significantly more FYP distribution weight than the same likes received later. Our delivery starts within 15 minutes, specifically designed to capture this critical early engagement window.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">How does TikTok's FYP algorithm decide what to show people? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">TikTok's For You Page algorithm shows every new video to a small test audience first. It measures three core signals from that test: watch-through rate (did people watch to the end), like-to-view ratio (did people like it), and comment/share rate (did people engage deeply). If those signals are strong, TikTok progressively expands distribution to larger and larger audiences — a cascade that can take a video from 500 views to 5 million in hours if the signals are right.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">How many followers do I need to go LIVE on TikTok? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">TikTok requires 1,000 followers to unlock the LIVE feature, where viewers can send you virtual gifts that convert to real income. Our 1,000-follower package directly satisfies this threshold. You also need to be at least 16 years old to LIVE, and 18 to receive gifts. Additional thresholds: 1,000 followers for a bio link, 10,000 followers for Creator Fund eligibility, 10,000 for TikTok Shop access.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Do TikTok views help with Creator Fund earnings? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Yes. TikTok's Creator Fund pays per qualifying view — a minimum view threshold (currently 100,000 views in the past 30 days) is required for Creator Fund eligibility alongside 10,000 followers. Our views service delivers genuine TikTok viewing sessions that contribute to your rolling view count in your Creator Fund dashboard. Geo-targeted views from high-CPM markets are also available for creators focused on maximising per-view earnings.</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 do you accept? <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>
<!-- ══ CTA BANNER ══ -->
<section aria-labelledby="cta-heading" class="section" style="padding-top:0;">
<div class="cta-banner">
<h2 id="cta-heading">Start Hitting the For You Page Today</h2>
<p>Three services. Every FYP signal. Delivery starts within 15 minutes.</p>
<div class="cta-buttons">
<a class="cta-btn-cyan" href="buy-tiktok-followers">Get Followers →</a>
<a class="cta-btn-pink" href="buy-tiktok-likes">Get Likes →</a>
<a class="cta-btn-ghost" href="buy-tiktok-views">Get Views →</a>
</div>
</div>
</section>
</div>
<!-- ══ FOOTER ══ -->

<script>
  function toggleFaq(el) {
    const item = el.parentElement;
    const isOpen = item.classList.contains('open');
    document.querySelectorAll('.faq-item').forEach(i => {
      i.classList.remove('open');
      i.querySelector('.faq-q').setAttribute('aria-expanded', 'false');
    });
    if (!isOpen) {
      item.classList.add('open');
      el.setAttribute('aria-expanded', 'true');
    }
  }

  document.addEventListener('keydown', e => {
    if ((e.key === 'Enter' || e.key === ' ') && e.target.classList.contains('faq-q')) {
      e.preventDefault();
      toggleFaq(e.target);
    }
  });
</script>

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