<!--
  FastInstaDL - About Us (LIGHT/DARK THEME TOGGLE)
  Default theme: LIGHT. A floating button toggles between light and dark,
  and the choice is remembered (localStorage).

  WordPress Custom HTML block ready. Paste the ENTIRE content below.
-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

<style>
/* ============ RESET (scoped) ============ */
.fidl-cu, .fidl-cu * { box-sizing: border-box; margin: 0; padding: 0; }

/* ============ THEME: LIGHT (default) ============ */
.fidl-cu {
  --fidl-bg: #f6f7fb;
  --fidl-card: rgba(255, 255, 255, 0.85);
  --fidl-card-2: #ffffff;
  --fidl-border: rgba(15, 23, 42, 0.09);
  --fidl-text: #0f172a;
  --fidl-muted: #5b6478;
  --fidl-brand: #7c3aed;
  --fidl-pink: #db2777;
  --fidl-orange: #ea580c;
  --fidl-grad: linear-gradient(120deg, #7c3aed 0%, #db2777 55%, #ea580c 110%);
  --fidl-radius: 18px;
  --fidl-shadow: 0 24px 60px -24px rgba(30, 27, 75, 0.18);
  --fidl-surface: #ffffff;
  --fidl-surface-focus: #ffffff;
  --fidl-option-bg: #ffffff;
  --fidl-placeholder: rgba(91, 100, 120, 0.55);
  --fidl-grid-line: rgba(15, 23, 42, 0.035);
  --fidl-dashed: rgba(15, 23, 42, 0.12);
  --fidl-dotted: rgba(15, 23, 42, 0.4);
  --fidl-badge-shadow: 0 6px 18px -8px rgba(30, 27, 75, 0.15);
  --fidl-btn-shadow: 0 8px 20px -8px rgba(30, 27, 75, 0.25);

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  position: relative;
  color: var(--fidl-text);
  background:
    radial-gradient(700px 460px at 12% -6%, rgba(124, 58, 237, 0.12), transparent 60%),
    radial-gradient(720px 480px at 96% 4%, rgba(219, 39, 119, 0.10), transparent 60%),
    radial-gradient(900px 600px at 50% 115%, rgba(234, 88, 12, 0.08), transparent 60%),
    var(--fidl-bg);
  padding: 15px clamp(16px, 5vw, 40px) clamp(40px, 7vw, 80px);
  line-height: 1.6;
  overflow: hidden;
  transition: color .4s ease, background .4s ease;
}

/* ============ THEME: DARK ============ */
.fidl-cu[data-theme="dark"] {
  --fidl-bg: #07070f;
  --fidl-card: rgba(255, 255, 255, 0.045);
  --fidl-card-2: rgba(255, 255, 255, 0.07);
  --fidl-border: rgba(255, 255, 255, 0.09);
  --fidl-text: #eef0f8;
  --fidl-muted: #9aa0bb;
  --fidl-shadow: 0 24px 60px -18px rgba(0, 0, 0, 0.65);
  --fidl-surface: rgba(0, 0, 0, 0.32);
  --fidl-surface-focus: rgba(0, 0, 0, 0.45);
  --fidl-option-bg: #12121f;
  --fidl-placeholder: rgba(154, 160, 187, 0.55);
  --fidl-grid-line: rgba(255, 255, 255, 0.025);
  --fidl-dashed: rgba(255, 255, 255, 0.08);
  --fidl-dotted: rgba(255, 255, 255, 0.3);
  --fidl-badge-shadow: 0 6px 18px -8px rgba(0, 0, 0, 0.5);
  --fidl-btn-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.6);

  background:
    radial-gradient(700px 460px at 12% -6%, rgba(139, 92, 246, 0.22), transparent 60%),
    radial-gradient(720px 480px at 96% 4%, rgba(236, 72, 153, 0.16), transparent 60%),
    radial-gradient(900px 600px at 50% 115%, rgba(249, 115, 22, 0.12), transparent 60%),
    var(--fidl-bg);
}

/* ============ THEME TOGGLE BUTTON ============ */
.fidl-theme-btn {
  position: fixed; top: 20px; right: 20px; z-index: 50;
  width: 46px; height: 46px; border-radius: 50%;
  border: 1px solid var(--fidl-border);
  background: var(--fidl-card-2);
  color: var(--fidl-muted);
  cursor: pointer; display: grid; place-items: center;
  box-shadow: var(--fidl-btn-shadow);
  transition: transform .2s ease, color .25s ease, background .35s ease, border-color .25s ease;
}
.fidl-theme-btn:hover { transform: rotate(15deg) scale(1.06); color: var(--fidl-pink); border-color: var(--fidl-pink); }
.fidl-theme-btn svg { width: 22px; height: 22px; }
.fidl-theme-btn .fidl-ico-sun { display: none; }
.fidl-cu[data-theme="dark"] .fidl-theme-btn .fidl-ico-moon { display: none; }
.fidl-cu[data-theme="dark"] .fidl-theme-btn .fidl-ico-sun { display: block; }

/* grid pattern */
.fidl-cu::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(var(--fidl-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--fidl-grid-line) 1px, transparent 1px);
  background-size: 44px 44px;
  pointer-events: none;
}

.fidl-cu .fidl-wrap {
  position: relative; z-index: 2;
  max-width: 1160px; margin: 0 auto;
}

/* ============ HERO ============ */
.fidl-hero { text-align: center; margin-bottom: clamp(36px, 6vw, 64px); }

.fidl-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 18px; border-radius: 999px;
  background: var(--fidl-card-2); border: 1px solid var(--fidl-border);
  font-size: 13px; font-weight: 600; letter-spacing: 0.4px;
  color: var(--fidl-muted); margin-bottom: 22px;
  box-shadow: var(--fidl-badge-shadow);
  transition: background .35s ease, border-color .35s ease;
}
.fidl-badge .fidl-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--fidl-grad);
  box-shadow: 0 0 10px rgba(219, 39, 119, 0.6);
  animation: fidlPulse 1.8s ease-in-out infinite;
}
@keyframes fidlPulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.35); opacity: 0.65; } }

.fidl-title {
  font-family: 'Sora', sans-serif;
  font-size: clamp(32px, 5.4vw, 58px);
  font-weight: 800; line-height: 1.12; letter-spacing: -0.5px;
  color: var(--fidl-text);
  transition: color .35s ease;
}
.fidl-title .fidl-grad-text {
  background: var(--fidl-grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.fidl-sub {
  max-width: 640px; margin: 18px auto 0;
  color: var(--fidl-muted); font-size: clamp(15px, 2vw, 17px);
  transition: color .35s ease;
}

/* ============ STATS ============ */
.fidl-stats {
  display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin-bottom: clamp(36px, 6vw, 56px);
}
.fidl-stat {
  text-align: center; padding: 26px 18px;
  border-radius: var(--fidl-radius);
  background: var(--fidl-card); border: 1px solid var(--fidl-border);
  box-shadow: 0 10px 24px -16px rgba(30, 27, 75, 0.18);
  transition: transform .25s ease, border-color .25s ease, background .35s ease;
}
.fidl-cu[data-theme="dark"] .fidl-stat { box-shadow: 0 10px 24px -16px rgba(0, 0, 0, 0.5); }
.fidl-stat:hover { transform: translateY(-4px); border-color: rgba(124, 58, 237, 0.45); }
.fidl-stat .fidl-stat-num {
  font-family: 'Sora', sans-serif; font-size: clamp(30px, 4vw, 42px); font-weight: 800;
  background: var(--fidl-grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.fidl-stat .fidl-stat-label {
  margin-top: 6px; font-size: 13px; text-transform: uppercase;
  letter-spacing: 1.2px; color: var(--fidl-muted); transition: color .35s ease;
}

/* ============ PANEL ============ */
.fidl-panel {
  background: var(--fidl-card);
  border: 1px solid var(--fidl-border);
  border-radius: 22px;
  padding: clamp(22px, 3.4vw, 34px);
  box-shadow: var(--fidl-shadow);
  transition: background .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.fidl-panel-head { text-align: center; margin-bottom: 26px; }
.fidl-panel-head h2 {
  font-family: 'Sora', sans-serif; font-size: clamp(22px, 3vw, 30px);
  font-weight: 800; letter-spacing: -0.3px; margin-bottom: 6px;
  color: var(--fidl-text); transition: color .35s ease;
}
.fidl-panel-head p { color: var(--fidl-muted); font-size: 15px; max-width: 640px; margin: 0 auto; transition: color .35s ease; }
.fidl-panel-head .fidl-mini-label {
  display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 1.6px; margin-bottom: 10px;
  background: var(--fidl-grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* ============ MISSION (2-col) ============ */
.fidl-split { display: grid; gap: clamp(20px, 3vw, 28px); grid-template-columns: 1fr 1fr; align-items: center; margin-bottom: clamp(36px, 6vw, 56px); }
@media (max-width: 860px) { .fidl-split { grid-template-columns: 1fr; } }
.fidl-split-txt h2 {
  font-family: 'Sora', sans-serif; font-size: clamp(24px, 3.4vw, 34px); font-weight: 800;
  letter-spacing: -0.4px; line-height: 1.2; margin-bottom: 14px; color: var(--fidl-text); transition: color .35s ease;
}
.fidl-split-txt p { color: var(--fidl-muted); margin-bottom: 12px; transition: color .35s ease; }
.fidl-split-txt .fidl-check-list { display: grid; gap: 10px; margin-top: 18px; }
.fidl-split-txt .fidl-check { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; }
.fidl-split-txt .fidl-check svg { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 2px; stroke: #fff; background: var(--fidl-grad); border-radius: 50%; padding: 4px; box-shadow: 0 4px 10px -4px rgba(219, 39, 119, 0.5); }

/* mission visual card */
.fidl-visual {
  position: relative; border-radius: 22px; overflow: hidden;
  border: 1px solid var(--fidl-border);
  background:
    radial-gradient(120% 120% at 10% 0%, rgba(124, 58, 237, 0.18), transparent 50%),
    radial-gradient(120% 120% at 100% 100%, rgba(219, 39, 119, 0.16), transparent 50%),
    var(--fidl-card-2);
  padding: clamp(24px, 3vw, 34px); min-height: 320px;
  display: flex; flex-direction: column; justify-content: center; gap: 18px;
  transition: background .35s ease, border-color .35s ease;
}
.fidl-visual .fidl-v-item { display: flex; align-items: center; gap: 14px; }
.fidl-visual .fidl-v-ico {
  flex: 0 0 auto; width: 46px; height: 46px; border-radius: 13px;
  display: grid; place-items: center; background: var(--fidl-grad);
  box-shadow: 0 10px 22px -8px rgba(219, 39, 119, 0.45);
}
.fidl-visual .fidl-v-ico svg { width: 22px; height: 22px; stroke: #fff; }
.fidl-visual .fidl-v-txt b { font-family: 'Sora', sans-serif; font-size: 15px; font-weight: 700; display: block; }
.fidl-visual .fidl-v-txt span { font-size: 13.5px; color: var(--fidl-muted); transition: color .35s ease; }

/* ============ FEATURES ============ */
.fidl-feats { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.fidl-feat {
  padding: 24px; border-radius: var(--fidl-radius);
  background: var(--fidl-card); border: 1px solid var(--fidl-border);
  box-shadow: 0 10px 24px -16px rgba(30, 27, 75, 0.18);
  transition: transform .25s ease, border-color .25s ease, background .35s ease;
}
.fidl-cu[data-theme="dark"] .fidl-feat { box-shadow: 0 10px 24px -16px rgba(0, 0, 0, 0.5); }
.fidl-feat:hover { transform: translateY(-4px); border-color: rgba(124, 58, 237, 0.45); background: var(--fidl-card-2); }
.fidl-feat .fidl-f-ico {
  width: 48px; height: 48px; border-radius: 13px; margin-bottom: 16px;
  display: grid; place-items: center; background: var(--fidl-grad);
  box-shadow: 0 10px 22px -8px rgba(219, 39, 119, 0.45);
}
.fidl-feat .fidl-f-ico svg { width: 22px; height: 22px; stroke: #fff; }
.fidl-feat h3 { font-family: 'Sora', sans-serif; font-size: 17px; font-weight: 700; margin-bottom: 8px; }
.fidl-feat p { font-size: 14.5px; color: var(--fidl-muted); transition: color .35s ease; }

/* ============ STEPS ============ */
.fidl-steps { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.fidl-step {
  position: relative; padding: 26px 22px 22px; border-radius: var(--fidl-radius);
  background: var(--fidl-card); border: 1px solid var(--fidl-border);
  box-shadow: 0 10px 24px -16px rgba(30, 27, 75, 0.18);
  transition: transform .25s ease, border-color .25s ease, background .35s ease;
}
.fidl-cu[data-theme="dark"] .fidl-step { box-shadow: 0 10px 24px -16px rgba(0, 0, 0, 0.5); }
.fidl-step:hover { transform: translateY(-4px); border-color: rgba(124, 58, 237, 0.45); }
.fidl-step .fidl-step-num {
  font-family: 'Sora', sans-serif; font-size: 46px; font-weight: 800; line-height: 1;
  background: var(--fidl-grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  opacity: 0.85; margin-bottom: 12px;
}
.fidl-step h3 { font-family: 'Sora', sans-serif; font-size: 16.5px; font-weight: 700; margin-bottom: 8px; }
.fidl-step p { font-size: 14.5px; color: var(--fidl-muted); transition: color .35s ease; }

/* ============ FAQ ============ */
.fidl-faq { margin-top: clamp(36px, 6vw, 56px); }
.fidl-acc { margin-top: 20px; display: grid; gap: 12px; }
.fidl-acc-item {
  border: 1px solid var(--fidl-border); border-radius: 14px;
  background: var(--fidl-card); overflow: hidden;
  transition: border-color .2s ease, background .35s ease;
}
.fidl-acc-item.fidl-open { border-color: rgba(124, 58, 237, 0.45); }
.fidl-acc-btn {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 18px; background: none; border: none; cursor: pointer;
  font: inherit; font-family: 'Sora', sans-serif; font-size: 15px; font-weight: 600;
  color: var(--fidl-text); text-align: left; transition: color .35s ease;
}
.fidl-acc-ico { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: rgba(124, 58, 237, 0.12); transition: transform .25s ease, background .25s ease; }
.fidl-acc-item.fidl-open .fidl-acc-ico { transform: rotate(45deg); background: var(--fidl-grad); }
.fidl-acc-ico svg { width: 14px; height: 14px; stroke: #7c3aed; }
.fidl-acc-item.fidl-open .fidl-acc-ico svg { stroke: #fff; }
.fidl-acc-body { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.fidl-acc-body p { padding: 0 18px 18px; color: var(--fidl-muted); font-size: 14.5px; transition: color .35s ease; }

/* ============ CTA ============ */
.fidl-cta {
  margin-top: clamp(36px, 6vw, 56px); text-align: center;
  padding: clamp(28px, 5vw, 48px);
  border-radius: 22px; border: 1px solid var(--fidl-border);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(124, 58, 237, 0.2), transparent 55%),
    radial-gradient(120% 140% at 100% 100%, rgba(219, 39, 119, 0.18), transparent 55%),
    var(--fidl-card-2);
  box-shadow: var(--fidl-shadow);
  transition: background .35s ease, border-color .35s ease;
}
.fidl-cta h2 { font-family: 'Sora', sans-serif; font-size: clamp(22px, 3vw, 32px); font-weight: 800; letter-spacing: -0.3px; margin-bottom: 10px; }
.fidl-cta p { color: var(--fidl-muted); max-width: 520px; margin: 0 auto 22px; transition: color .35s ease; }
.fidl-cta .fidl-btn {
  display: inline-block; padding: 14px 30px; border-radius: 12px;
  font-family: 'Sora', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0.3px;
  color: #fff; text-decoration: none;
  background: linear-gradient(120deg, #7c3aed, #db2777, #ea580c);
  background-size: 200% 200%;
  box-shadow: 0 16px 34px -12px rgba(219, 39, 119, 0.55);
  transition: transform .2s ease, box-shadow .2s ease, background-position .5s ease;
}
.fidl-cta .fidl-btn:hover { transform: translateY(-2px); background-position: 100% 50%; box-shadow: 0 20px 40px -12px rgba(219, 39, 119, 0.65); }
.fidl-cta .fidl-btn-ghost {
  display: inline-block; margin-left: 10px; padding: 14px 26px; border-radius: 12px;
  font-family: 'Sora', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0.3px;
  color: var(--fidl-text); text-decoration: none;
  background: var(--fidl-card); border: 1px solid var(--fidl-border);
  transition: transform .2s ease, border-color .2s ease, color .2s ease, background .35s ease;
}
.fidl-cta .fidl-btn-ghost:hover { transform: translateY(-2px); border-color: var(--fidl-pink); color: var(--fidl-pink); }
@media (max-width: 520px) { .fidl-cta .fidl-btn-ghost { margin: 10px 0 0; } }

/* ============ FOOTER NOTE ============ */
.fidl-foot { text-align: center; margin-top: clamp(30px, 5vw, 44px); color: var(--fidl-muted); font-size: 13.5px; transition: color .35s ease; }
.fidl-foot a { color: var(--fidl-pink); text-decoration: none; border-bottom: 1px dotted rgba(219, 39, 119, 0.5); }

/* ============ REVEAL ANIMATION ============ */
.fidl-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.fidl-reveal.fidl-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .fidl-reveal { opacity: 1; transform: none; transition: none; }
  .fidl-badge .fidl-dot { animation: none; }
}
</style>

<div class="fidl-cu" id="fidl-cu">
  <button class="fidl-theme-btn" id="fidl-theme-btn" type="button" aria-label="Toggle light / dark theme">
    <svg class="fidl-ico-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>
    <svg class="fidl-ico-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></svg>
  </button>

  <div class="fidl-wrap">

    <header class="fidl-hero fidl-reveal">
      <div class="fidl-badge"><span class="fidl-dot"></span> Who we are</div>
      <h1 class="fidl-title">Making Instagram downloads <span class="fidl-grad-text">simple &amp; free</span></h1>
      <p class="fidl-sub">FastInstaDL is a fast, free and privacy-friendly tool that lets anyone download Instagram videos, Reels and photos in a single click &mdash; right from their browser, on any device.</p>
    </header>

    <section class="fidl-stats fidl-reveal">
      <div class="fidl-stat"><div class="fidl-stat-num">5M+</div><div class="fidl-stat-label">Downloads served</div></div>
      <div class="fidl-stat"><div class="fidl-stat-num">100%</div><div class="fidl-stat-label">Free forever</div></div>
      <div class="fidl-stat"><div class="fidl-stat-num">HD</div><div class="fidl-stat-label">Quality support</div></div>
      <div class="fidl-stat"><div class="fidl-stat-num">99.9%</div><div class="fidl-stat-label">Uptime</div></div>
    </section>

    <section class="fidl-split fidl-reveal">
      <div class="fidl-split-txt">
        <div class="fidl-mini-label" style="margin-bottom:8px;">Our story</div>
        <h2>Built to make downloading effortless</h2>
        <p>We noticed how complicated and unreliable most downloader tools were &mdash; full of ads, watermarks, limits and hidden costs. So we built FastInstaDL the way we always wanted it: fast, clean and genuinely free.</p>
        <p>Our mission is simple &mdash; give everyone the ability to save their favorite Instagram content in seconds, without installing anything or creating an account.</p>
        <div class="fidl-check-list">
          <div class="fidl-check"><svg viewBox="0 0 24 24" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> No sign-up required</div>
          <div class="fidl-check"><svg viewBox="0 0 24 24" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> No watermark on downloads</div>
          <div class="fidl-check"><svg viewBox="0 0 24 24" fill="none" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> Works on phone, tablet &amp; desktop</div>
        </div>
      </div>
      <div class="fidl-visual">
        <div class="fidl-v-item">
          <span class="fidl-v-ico">
            <svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-6l-2 3h-4l-2-3H2"/><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/></svg>
          </span>
          <div class="fidl-v-txt"><b>Fast downloads</b><span>Ready in just a few seconds</span></div>
        </div>
        <div class="fidl-v-item">
          <span class="fidl-v-ico">
            <svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
          </span>
          <div class="fidl-v-txt"><b>Private by design</b><span>We never store your files</span></div>
        </div>
        <div class="fidl-v-item">
          <span class="fidl-v-ico">
            <svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
          </span>
          <div class="fidl-v-txt"><b>Global community</b><span>Trusted by millions worldwide</span></div>
        </div>
        <div class="fidl-v-item">
          <span class="fidl-v-ico">
            <svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41 22 12 20.59 10.59 20.59 10.59a2 2 0 0 1 0-2.83 2 2 0 0 0 0-2.83l-1.5-1.5a2 2 0 0 0-2.83 0 2 2 0 0 1-2.83 0L10.59 3.41 9 5l1.41 1.41z"/><path d="m1 13 3 3M14 2 2 14l3 3 12-12Z"/><path d="M14 2c0 3 1 5 3 7s4 3 7 3"/></svg>
          </span>
          <div class="fidl-v-txt"><b>Kept simple</b><span>Clean UI, zero clutter</span></div>
        </div>
      </div>
    </section>

    <section class="fidl-panel fidl-reveal" style="margin-bottom:clamp(36px,6vw,56px);">
      <div class="fidl-panel-head">
        <div class="fidl-mini-label">Why choose us</div>
        <h2>Everything you need, nothing you don&rsquo;t</h2>
        <p>The features that make FastInstaDL the go-to tool for downloading Instagram content.</p>
      </div>
      <div class="fidl-feats">
        <div class="fidl-feat">
          <span class="fidl-f-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/></svg></span>
          <h3>100% Free</h3>
          <p>No paywalls, no premium tiers, no hidden fees. Unlimited downloads, always.</p>
        </div>
        <div class="fidl-feat">
          <span class="fidl-f-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg></span>
          <h3>HD Quality</h3>
          <p>Save videos and Reels in crisp HD. Pick the resolution that fits your needs.</p>
        </div>
        <div class="fidl-feat">
          <span class="fidl-f-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg></span>
          <h3>Privacy First</h3>
          <p>Your links are processed securely and we never keep or share your files.</p>
        </div>
        <div class="fidl-feat">
          <span class="fidl-f-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg></span>
          <h3>No Installation</h3>
          <p>Everything runs in your browser. No apps to download, no plugins to install.</p>
        </div>
        <div class="fidl-feat">
          <span class="fidl-f-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-6l-2 3h-4l-2-3H2"/><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/></svg></span>
          <h3>Lightning Fast</h3>
          <p>Optimized servers deliver your download in seconds, even for large Reels.</p>
        </div>
        <div class="fidl-feat">
          <span class="fidl-f-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10"/></svg></span>
          <h3>No Registration</h3>
          <p>Start downloading right away &mdash; no account, no email, no sign-up wall.</p>
        </div>
      </div>
    </section>

    <section class="fidl-reveal">
      <div class="fidl-panel-head">
        <div class="fidl-mini-label">How it works</div>
        <h2>Download in three simple steps</h2>
      </div>
      <div class="fidl-steps">
        <div class="fidl-step">
          <div class="fidl-step-num">1</div>
          <h3>Copy the link</h3>
          <p>Open Instagram, find the video, Reel or photo you want, and copy its link.</p>
        </div>
        <div class="fidl-step">
          <div class="fidl-step-num">2</div>
          <h3>Paste it here</h3>
          <p>Paste the link into the input box on FastInstaDL and press the download button.</p>
        </div>
        <div class="fidl-step">
          <div class="fidl-step-num">3</div>
          <h3>Save your file</h3>
          <p>Choose your quality and save the file to your device. That&rsquo;s it &mdash; done!</p>
        </div>
      </div>
    </section>

    <section class="fidl-faq fidl-reveal">
      <div class="fidl-panel-head">
        <div class="fidl-mini-label">FAQ</div>
        <h2>Frequently asked questions</h2>
        <p>Quick answers to the things people ask us most.</p>
      </div>
      <div class="fidl-acc">
        <div class="fidl-acc-item">
          <button class="fidl-acc-btn" type="button">Is FastInstaDL really free? <span class="fidl-acc-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2.6" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg></span></button>
          <div class="fidl-acc-body"><p>Yes. Downloading Instagram videos, Reels and photos through FastInstaDL is 100% free, with no limits on how many videos you download.</p></div>
        </div>
        <div class="fidl-acc-item">
          <button class="fidl-acc-btn" type="button">Do I need to create an account? <span class="fidl-acc-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2.6" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg></span></button>
          <div class="fidl-acc-body"><p>No. FastInstaDL works without any account or registration. Just paste a link and download.</p></div>
        </div>
        <div class="fidl-acc-item">
          <button class="fidl-acc-btn" type="button">Does it work on mobile? <span class="fidl-acc-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2.6" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg></span></button>
          <div class="fidl-acc-body"><p>Yes. FastInstaDL works in any browser on your phone, tablet or computer. Just paste the link and hit download.</p></div>
        </div>
        <div class="fidl-acc-item">
          <button class="fidl-acc-btn" type="button">Which formats are supported? <span class="fidl-acc-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2.6" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg></span></button>
          <div class="fidl-acc-body"><p>We support MP4 video downloads in HD quality as well as images. For Reels and regular posts you can pick the quality that suits you best.</p></div>
        </div>
        <div class="fidl-acc-item">
          <button class="fidl-acc-btn" type="button">Can I download private account content? <span class="fidl-acc-ico"><svg viewBox="0 0 24 24" fill="none" stroke-width="2.6" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg></span></button>
          <div class="fidl-acc-body"><p>No. We only download content from public accounts and posts you can already see. Respect the creator&rsquo;s privacy and always download with permission.</p></div>
        </div>
      </div>
    </section>

    <section class="fidl-cta fidl-reveal">
      <h2>Questions or ideas?</h2>
      <p>We would love to hear from you. Reach out to our team any time.</p>
      <div>
        <a class="fidl-btn" href="https://fastinstadl.com/contact-us">Contact us</a>
        <a class="fidl-btn-ghost" href="https://t.me/fastinstadl" target="_blank" rel="noopener">Chat on Telegram</a>
      </div>
    </section>

    <footer class="fidl-foot fidl-reveal">
      FastInstaDL &mdash; free Instagram video &amp; Reels downloader.
    </footer>

  </div>
</div>

<script>
(function () {
  "use strict";
  var root = document.getElementById("fidl-cu");
  if (!root) return;

  /* ---- Theme toggle (default LIGHT) ---- */
  var themeBtn = root.querySelector("#fidl-theme-btn");
  var savedTheme = null;
  try { savedTheme = localStorage.getItem("fidl-theme"); } catch (e) {}
  if (savedTheme === "dark") root.setAttribute("data-theme", "dark");

  themeBtn.addEventListener("click", function () {
    var isDark = root.getAttribute("data-theme") === "dark";
    if (isDark) {
      root.removeAttribute("data-theme");
      try { localStorage.setItem("fidl-theme", "light"); } catch (e) {}
    } else {
      root.setAttribute("data-theme", "dark");
      try { localStorage.setItem("fidl-theme", "dark"); } catch (e) {}
    }
  });

  /* ---- Scroll reveal ---- */
  var reveals = root.querySelectorAll(".fidl-reveal");
  if ("IntersectionObserver" in window) {
    var io = new IntersectionObserver(function (entries) {
      entries.forEach(function (e) {
        if (e.isIntersecting) { e.target.classList.add("fidl-in"); io.unobserve(e.target); }
      });
    }, { threshold: 0.12 });
    reveals.forEach(function (el) { io.observe(el); });
  } else {
    reveals.forEach(function (el) { el.classList.add("fidl-in"); });
  }

  /* ---- FAQ accordion ---- */
  var accBtns = root.querySelectorAll(".fidl-acc-btn");
  accBtns.forEach(function (btn) {
    btn.addEventListener("click", function () {
      var item = btn.parentElement;
      var body = item.querySelector(".fidl-acc-body");
      var isOpen = item.classList.contains("fidl-open");
      root.querySelectorAll(".fidl-acc-item").forEach(function (it) {
        it.classList.remove("fidl-open");
        var b = it.querySelector(".fidl-acc-body");
        if (b) b.style.maxHeight = null;
      });
      if (!isOpen) {
        item.classList.add("fidl-open");
        body.style.maxHeight = body.scrollHeight + "px";
      }
    });
  });
})();
</script>