Ultimate Bundle - SAVE OVER 95% (Includes ALL FCP Plugins)

FCPX Full Access Verified independent store

→

.image-container { display: flex; width: 100%; } .image { width: 50%; padding: 0; display: flex; align-items: center; justify-content: center; } .image img { width: 100%; } .video- wrapper { width: 100%; height: 100%; } .video-wrapper video { width: 100%; height: auto; display: block; } @media (max-width: 767px) { .image-container { flex-direction: column; align-items: center; } .image { width: 100%; } } .ub-hero *, .ub-hero *::before, .ub-hero *::after { margin: 0; padding: 0; box-sizing: border-box; } /* Override Shopify theme heading styles */ .ub-hero h1, .ub-hero h1 span { margin: 0 !important; padding: 0 !important; text-transform: none !important; font-family: var(--ub-font) !important; } .ub-hero { --ub-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; --ub-ease: cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; width: 100%; padding: 72px 24px 64px; overflow: hidden; text-align: center; font-family: var(--ub-font); -webkit-font-smoothing: antialiased; background: #fff; } /* Clean white background - no gradients */ .ub-hero::before { display: none; } .ub-hero::after { display: none; } .ub-hero-inner { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; } /* Eyebrow */ .ub-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(0, 0, 0, 0.4); margin-bottom: 32px; animation: ub-fade-in 0.8s var(--ub-ease) both; } .ub-eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: #00b894; box-shadow: 0 0 8px rgba(0, 184, 148, 0.5); animation: ub-pulse 2s ease-in-out infinite; } @keyframes ub-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.6; transform: scale(0.85); } } /* Main headline */ .ub-headline { font-size: clamp(52px, 9vw, 96px) !important; font-weight: 700 !important; line-height: 1.02 !important; letter-spacing: -0.04em !important; background: linear-gradient( 135deg, #00b894 0%, #0984e3 18%, #6c5ce7 38%, #a855f7 55%, #e84393 75%, #fd79a8 100% ); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: ub-gradient-shift 8s ease-in-out infinite alternate, ub-fade-up 1s var(--ub-ease) 0.15s both; padding-bottom: 4px; } @keyframes ub-gradient-shift { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } /* "Period." emphasis */ .ub-period { display: block; font-size: clamp(52px, 9vw, 96px) !important; font-weight: 700 !important; background: linear-gradient(135deg, #d63384, #e84393, #fd79a8); background-size: 200% 200%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: ub-gradient-shift 6s ease-in-out infinite alternate, ub-fade-up 1s var(--ub-ease) 0.3s both; } /* Divider line */ .ub-divider { width: 48px; height: 2px; margin: 32px auto; border-radius: 1px; background: linear-gradient(90deg, #00b894, #6c5ce7, #e84393); animation: ub-fade-in 1s var(--ub-ease) 0.5s both; } /* Price */ .ub-price { font-size: clamp(28px, 4vw, 42px) !important; font-weight: 700 !important; letter-spacing: -0.03em !important; color: #1d1d1f !important; animation: ub-fade-up 0.8s var(--ub-ease) 0.55s both; } /* Subtitle */ .ub-subtitle { font-size: clamp(16px, 2.2vw, 22px) !important; font-weight: 400 !important; letter-spacing: -0.01em !important; color: #6e6e73 !important; margin-top: 6px; animation: ub-fade-up 0.8s var(--ub-ease) 0.65s both; } /* Category pills */ .ub-cats { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 32px; animation: ub-fade-up 0.8s var(--ub-ease) 0.8s both; } .ub-pill { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; padding: 6px 16px; border-radius: 100px; border: 1px solid rgba(0, 0, 0, 0.08); color: #86868b; background: rgba(0, 0, 0, 0.02); transition: border-color 0.3s var(--ub-ease), color 0.3s var(--ub-ease), background 0.3s var(--ub-ease); } .ub-pill:hover { border-color: rgba(0, 0, 0, 0.15); color: #1d1d1f; background: rgba(0, 0, 0, 0.04); } /* "Every plugin" label */ .ub-all-label { font-size: 13px; font-weight: 400; letter-spacing: 0.01em; color: #86868b; margin-top: 28px; animation: ub-fade-up 0.8s var(--ub-ease) 0.9s both; } /* Animations */ @keyframes ub-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes ub-fade-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Bottom edge blends naturally with white page */ @media (max-width: 600px) { .ub-hero { padding: 48px 20px 52px; } .ub-headline { font-size: 38px !important; } .ub-period { font-size: 38px !important; } .ub-divider { margin: 24px auto; } .ub-cats { gap: 6px; } .ub-pill { font-size: 11px; padding: 5px 12px; } } Available now The Ultimate BundleFor Final Cut ProPeriod. Just $99. One Time Payment. No Subscriptions. Every Final Cut Pro plugin included Transitions Effects Titles Templates LUTs Generators /* --- Shared section reset & variables --- */ .ps-section *, .ps-section *::before, .ps-section *::after { margin: 0; padding: 0; box-sizing: border-box; } .ps-section { --ps-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; --ps-t1: #1d1d1f; --ps-t2: #6e6e73; --ps-t3: #86868b; --ps-accent: #0071e3; --ps-ease: cubic-bezier(0.25, 0.1, 0.25, 1); --ps-bg: #f5f5f7; --ps-border: #e8e8ed; width: 100%; font-family: var(--ps-font); -webkit-font-smoothing: antialiased; letter-spacing: -0.022em; } /* --- Section intro --- */ .ps-intro { text-align: center; padding: 12px 24px 32px; } .ps-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ps-accent); margin-bottom: 14px; } .ps-eyebrow::before, .ps-eyebrow::after { content: ''; width: 24px; height: 1px; background: linear-gradient(90deg, transparent, var(--ps-accent)); } .ps-eyebrow::after { background: linear-gradient(90deg, var(--ps-accent), transparent); } .ps-intro h2 { font-size: 46px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; color: var(--ps-t1); margin-bottom: 12px; } .ps-intro h2 span { background: linear-gradient(135deg, #0071e3 0%, #40c8ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .ps-intro-sub { font-size: 16px; line-height: 1.5; color: var(--ps-t2); max-width: 520px; margin: 0 auto; } .ps-intro-sub em { font-style: italic; color: var(--ps-t1); } /* --- Category showcase boxes --- */ .ps-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 8px 0 12px; } .ps-cat { position: relative; aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; cursor: default; transition: transform 0.3s var(--ps-ease), box-shadow 0.3s var(--ps-ease); } .ps-cat::before { content: ''; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s var(--ps-ease); border-radius: 16px; z-index: 0; } .ps-cat:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 12px 32px rgba(0,0,0,0.18); } .ps-cat:hover::before { opacity: 1; } /* Individual gradients - vivid hovers */ .ps-cat--transitions { background: linear-gradient(145deg, #1e3a5f 0%, #2563eb 50%, #1e40af 100%); } .ps-cat--transitions::before { background: linear-gradient(145deg, #2563eb 0%, #7c3aed 50%, #ec4899 100%); } .ps-cat--effects { background: linear-gradient(145deg, #4c1d95 0%, #7c3aed 50%, #6d28d9 100%); } .ps-cat--effects::before { background: linear-gradient(145deg, #8b5cf6 0%, #d946ef 50%, #f97316 100%); } .ps-cat--titles { background: linear-gradient(145deg, #0e4f8b 0%, #0ea5e9 50%, #0369a1 100%); } .ps-cat--titles::before { background: linear-gradient(145deg, #06b6d4 0%, #3b82f6 50%, #6366f1 100%); } .ps-cat--templates { background: linear-gradient(145deg, #27272a 0%, #3f3f46 50%, #52525b 100%); } .ps-cat--templates::before { background: linear-gradient(145deg, #f5f5f5 0%, #d4d4d8 50%, #a1a1aa 100%); } .ps-cat--templates:hover .ps-cat-icon svg { stroke: #1d1d1f; } .ps-cat--templates:hover .ps-cat-label { color: #1d1d1f; } .ps-cat--templates:hover .ps-cat-desc { color: rgba(0,0,0,0.6); } .ps-cat--luts { background: linear-gradient(145deg, #065f5f 0%, #0d9488 50%, #0f766e 100%); } .ps-cat--luts::before { background: linear-gradient(145deg, #10b981 0%, #14b8a6 50%, #06b6d4 100%); } .ps-cat--generators { background: linear-gradient(145deg, #92400e 0%, #d97706 50%, #b45309 100%); } .ps-cat--generators::before { background: linear-gradient(145deg, #f59e0b 0%, #ef4444 50%, #ec4899 100%); } /* Icon container */ .ps-cat-icon { position: relative; z-index: 1; width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: rgba(255,255,255,0.1); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.3s var(--ps-ease), transform 0.4s var(--ps-ease); } .ps-cat:hover .ps-cat-icon { background: rgba(255,255,255,0.2); transform: scale(0.9) translateY(-4px); } .ps-cat-icon svg { width: 34px; height: 34px; fill: none; stroke: rgba(255,255,255,0.9); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s var(--ps-ease); } /* Label */ .ps-cat-label { position: relative; z-index: 1; font-size: 24px; font-weight: 700; letter-spacing: -0.03em; color: #fff; text-align: center; transition: color 0.3s var(--ps-ease), transform 0.4s var(--ps-ease); } .ps-cat:hover .ps-cat-label { transform: translateY(-6px); } /* Description - hidden by default, revealed on hover */ .ps-cat-desc { position: relative; z-index: 1; font-size: 15px; font-weight: 400; line-height: 1.45; color: rgba(255,255,255,0.7); text-align: center; padding: 0 16px; max-width: 220px; opacity: 0; transform: translateY(10px); transition: opacity 0.35s var(--ps-ease), transform 0.35s var(--ps-ease), color 0.3s var(--ps-ease); pointer-events: none; } .ps-cat:hover .ps-cat-desc { opacity: 1; transform: translateY(-4px); } /* Subtle glow top-right */ .ps-cat::after { content: ''; position: absolute; top: -30%; right: -30%; width: 80%; height: 80%; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%); z-index: 0; pointer-events: none; } @media (max-width: 600px) { .ps-cats { grid-template-columns: repeat(2, 1fr); gap: 8px; } .ps-cat { border-radius: 12px; } .ps-cat::before { border-radius: 12px; } .ps-cat-label { font-size: 19px; } .ps-cat-icon { width: 54px; height: 54px; } .ps-cat-icon svg { width: 28px; height: 28px; } .ps-cat-desc { display: none; } } .ps-sub { display: flex; align-items: center; gap: 16px; padding: 28px 0 16px; text-align: left; } .ps-sub-icon { flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px; background: var(--ps-bg); border: 1px solid var(--ps-border); display: flex; align-items: center; justify-content: center; } .ps-sub-icon svg { width: 18px; height: 18px; fill: none; stroke: var(--ps-t2); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .ps-sub h3 { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: var(--ps-t1); line-height: 1.25; margin-bottom: 1px; text-align: left; } .ps-sub p { font-size: 13px; color: var(--ps-t2); line-height: 1.45; text-align: left; } .ps-divider { height: 1px; background: var(--ps-border); margin: 36px 0 0; } /* --- Before / After sliders --- */ .ba-block { user-select: none; -webkit-user-select: none; } .ba-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .ba-slider { position: relative; width: 100%; overflow: hidden; border-radius: 14px; cursor: col-resize; touch-action: pan-y; background: var(--ps-t1); } .ba-after { display: block; width: 100%; height: auto; max-width: none; } .ba-before-wrap { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; } .ba-before { position: absolute; top: 0; left: 0; height: 100%; max-width: none; object-fit: cover; } .ba-handle { position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #fff; transform: translateX(-50%); box-shadow: 0 0 6px rgba(0,0,0,0.3); z-index: 2; pointer-events: none; } .ba-knob { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border-radius: 50%; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.25), 0 0 0 2px rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; gap: 4px; z-index: 3; pointer-events: none; } .ba-knob svg { width: 8px; height: 8px; fill: none; stroke: var(--ps-t1); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } .ba-labels { position: absolute; top: 10px; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 10px; z-index: 4; pointer-events: none; } .ba-label { display: inline-block; padding: 3px 10px; font-size: 10px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; background: rgba(0,0,0,0.45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 6px; } .ba-caption { text-align: center; padding: 10px 8px 4px; } .ba-caption-title { font-size: 14px; font-weight: 600; color: var(--ps-t1); letter-spacing: -0.01em; } .ba-caption-sub { font-size: 12px; color: var(--ps-t3); margin-top: 2px; } .ba-hint { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); padding: 4px 12px; font-size: 11px; font-weight: 500; color: #fff; background: rgba(0,0,0,0.45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 6px; z-index: 4; pointer-events: none; white-space: nowrap; transition: opacity 0.4s var(--ps-ease); } .ba-hint.ba-hidden { opacity: 0; } .ba-hint svg { width: 12px; height: 12px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: -2px; margin-right: 3px; } /* --- Video showcase grid --- */ .vs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .vs-cell { position: relative; border-radius: 12px; overflow: hidden; background: var(--ps-t1); } .vs-cell video { display: block; width: 100%; height: auto; } .vs-cell.vs-extra { display: none; } .vs-block.vs-expanded .vs-cell.vs-extra { display: block; } @keyframes vsFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } .vs-block.vs-expanded .vs-cell.vs-extra { animation: vsFadeIn 0.4s var(--ps-ease) both; } .vs-block.vs-expanded .vs-cell.vs-extra:nth-child(5) { animation-delay: 0.05s; } .vs-block.vs-expanded .vs-cell.vs-extra:nth-child(6) { animation-delay: 0.1s; } .vs-block.vs-expanded .vs-cell.vs-extra:nth-child(7) { animation-delay: 0.15s; } .vs-block.vs-expanded .vs-cell.vs-extra:nth-child(8) { animation-delay: 0.2s; } .vs-block.vs-expanded .vs-cell.vs-extra:nth-child(9) { animation-delay: 0.25s; } .vs-fade { position: relative; margin-top: -60px; height: 60px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none; transition: opacity 0.3s var(--ps-ease); z-index: 2; } .vs-block.vs-expanded .vs-fade { opacity: 0; height: 0; margin-top: 0; } .vs-toggle-wrap { text-align: center; padding: 20px 0 0; } .vs-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; background: none; border: 1px solid #d2d2d7; border-radius: 980px; font-family: var(--ps-font); font-size: 14px; font-weight: 500; color: var(--ps-t1); letter-spacing: -0.01em; cursor: pointer; transition: background 0.2s var(--ps-ease), border-color 0.2s var(--ps-ease); } .vs-toggle:hover { background: var(--ps-bg); border-color: #bbb; } .vs-toggle svg { width: 16px; height: 16px; fill: none; stroke: var(--ps-t1); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s var(--ps-ease); } .vs-block.vs-expanded .vs-toggle svg { transform: rotate(180deg); } /* --- YouTube CTA closer --- */ .ps-yt { text-align: center; padding: 44px 24px 0; } .ps-yt p { font-size: 15px; color: var(--ps-t2); line-height: 1.5; margin-bottom: 16px; } .ps-yt p strong { color: var(--ps-t1); font-weight: 600; } .ps-yt-btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 28px; background: var(--ps-t1); color: #fff !important; font-family: var(--ps-font); font-size: 14px; font-weight: 500; letter-spacing: -0.01em; text-decoration: none !important; border-radius: 980px; transition: background 0.2s var(--ps-ease), transform 0.15s var(--ps-ease); } .ps-yt-btn:hover { background: #333; transform: scale(1.02); } .ps-yt-btn svg { width: 18px; height: 18px; fill: #ff0000; } .ps-end { height: 1px; background: var(--ps-border); margin-top: 44px; } /* --- Responsive --- */ @media (max-width: 600px) { .ps-intro { padding: 8px 16px 24px; } .ps-intro h2 { font-size: 34px; } .ps-intro-sub { font-size: 15px; } .ps-sub { gap: 12px; } .ps-sub h3 { font-size: 15px; } .ba-grid { grid-template-columns: 1fr; gap: 16px; } .vs-grid { grid-template-columns: 1fr; gap: 8px; } .ps-yt { padding: 32px 16px 0; } } See it in action Explore What's Inside So what does "every Final Cut Pro plugin on our store" actually mean? Six categories. One bundle. Transitions Seamless cuts, smooth movements, cinematic dissolves. Move between scenes like a pro. Effects Professional-grade visual effects that transform ordinary footage into something extraordinary. Titles Beautiful, animated typography that gives your story a voice before anyone says a word. Templates Pre-built project layouts designed to save you hours. Just drop in your footage and go. LUTs One-click color grading. Cinematic tones, film emulations, and pro color - instantly. Generators Dynamic backgrounds, patterns, and motion graphics. Create something from nothing. Explore some examples below. Color Grading LUTs Drag the slider to see the before & after - professional color in one click. BeforeAfter Drag to compare Cinematic Tones Apply in one click BeforeAfter Pro Color Every single time. BeforeAfter Preserve Skin Tones Carefully crafted LUTs BeforeAfter Bring your edits to life Color is the finishing touch Plugin Previews See transitions, effects, titles, and more in action - all included in the bundle. Show more plugin previews Want to see even more? Explore full tutorials, walkthroughs, and product demos on our YouTube channel. Watch on YouTube document.addEventListener('DOMContentLoaded', function() { /* --- Before / After slider logic --- */ var sliders = document.querySelectorAll('.ba-slider'); var hintDismissed = false; for (var s = 0; s < sliders.length; s++) { (function(slider) { var beforeWrap = slider.querySelector('.ba-before-wrap'); var beforeImg = slider.querySelector('.ba-before'); var handle = slider.querySelector('.ba-handle'); var isDragging = false; function syncWidth() { var w = slider.offsetWidth; if (w > 0) beforeImg.style.width = w + 'px'; } function setPosition(x) { var rect = slider.getBoundingClientRect(); var pos = (x - rect.left) / rect.width; pos = Math.max(0.02, Math.min(0.98, pos)); var pct = pos * 100 + '%'; beforeWrap.style.width = pct; handle.style.left = pct; if (!hintDismissed) { hintDismissed = true; var hints = document.querySelectorAll('.ba-hint'); for (var h = 0; h < hints.length; h++) hints[h].classList.add('ba-hidden'); } } slider.addEventListener('mousedown', function(e) { e.preventDefault(); isDragging = true; setPosition(e.clientX); }); document.addEventListener('mousemove', function(e) { if (!isDragging) return; e.preventDefault(); setPosition(e.clientX); }); document.addEventListener('mouseup', function() { isDragging = false; }); slider.addEventListener('touchstart', function(e) { isDragging = true; setPosition(e.touches[0].clientX); }, { passive: true }); slider.addEventListener('touchmove', function(e) { if (!isDragging) return; setPosition(e.touches[0].clientX); }, { passive: true }); slider.addEventListener('touchend', function() { isDragging = false; }); syncWidth(); window.addEventListener('resize', syncWidth); var imgs = slider.querySelectorAll('img'); for (var i = 0; i < imgs.length; i++) imgs[i].addEventListener('load', syncWidth); })(sliders[s]); } /* --- Video grid expand / collapse --- */ document.addEventListener('click', function(e) { var btn = e.target; while (btn && !btn.classList.contains('vs-toggle')) { btn = btn.parentElement; } if (!btn) return; var block = btn.closest('.vs-block'); if (!block) return; var isExpanded = block.classList.contains('vs-expanded'); var label = btn.querySelector('.vs-toggle-text'); if (isExpanded) { block.classList.remove('vs-expanded'); if (label) label.textContent = 'Show more plugin previews'; var hidden = block.querySelectorAll('.vs-extra video'); for (var h = 0; h < hidden.length; h++) hidden[h].pause(); } else { block.classList.add('vs-expanded'); if (label) label.textContent = 'Show fewer'; var shown = block.querySelectorAll('.vs-extra video'); for (var s = 0; s < shown.length; s++) shown[s].play(); } }); /* --- Pause off-screen videos --- */ if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { for (var i = 0; i < entries.length; i++) { var video = entries[i].target; if (entries[i].isIntersecting) { video.play(); } else { video.pause(); } } }, { threshold: 0.15 }); var videos = document.querySelectorAll('.vs-cell video'); for (var v = 0; v < videos.length; v++) observer.observe(videos[v]); } }); .pp-block *, .pp-block *::before, .pp-block *::after { margin: 0; padding: 0; box-sizing: border-box; } .pp-block { --pp-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; --pp-ease: cubic-bezier(0.25, 0.1, 0.25, 1); width: 100%; font-family: var(--pp-font); -webkit-font-smoothing: antialiased; letter-spacing: -0.022em; padding: 20px 0 0; } .pp-card { border-radius: 20px; padding: 56px 48px; position: relative; overflow: hidden; background: linear-gradient(145deg, #fefce8 0%, #fff7ed 30%, #fdf2f8 60%, #f5f3ff 100%); } .pp-card::before { content: ''; position: absolute; top: -20%; right: -10%; width: 50%; height: 60%; background: radial-gradient(ellipse, rgba(251,191,36,0.15) 0%, transparent 70%); pointer-events: none; } .pp-card::after { content: ''; position: absolute; bottom: -20%; left: -10%; width: 50%; height: 60%; background: radial-gradient(ellipse, rgba(168,85,247,0.1) 0%, transparent 70%); pointer-events: none; } .pp-header { text-align: center; margin-bottom: 40px; position: relative; } .pp-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 14px; padding: 6px 16px; border-radius: 100px; background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color: #451a03; } .pp-header h2 { font-size: 36px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.15; color: #1d1d1f; margin-bottom: 12px; } .pp-header h2 span { background: linear-gradient(135deg, #f59e0b 0%, #ec4899 50%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .pp-header p { font-size: 17px; line-height: 1.55; color: #6e6e73; max-width: 540px; margin: 0 auto; } .pp-header p strong { color: #1d1d1f; font-weight: 600; } /* Trust badge */ .pp-trust { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 16px; font-size: 13px; font-weight: 500; color: #6e6e73; } .pp-trust svg { width: 16px; height: 16px; fill: none; stroke: #22c55e; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } /* Logos row */ .pp-logos { display: flex; align-items: center; justify-content: center; gap: 40px; margin-bottom: 40px; position: relative; } .pp-logo-wrap { display: flex; align-items: center; justify-content: center; padding: 16px 28px; background: rgba(255,255,255,0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(0,0,0,0.06); border-radius: 14px; transition: transform 0.3s var(--pp-ease), box-shadow 0.3s var(--pp-ease); } .pp-logo-wrap:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.06); } .pp-logo-wrap img { height: 28px; width: auto; display: block; } .pp-logo-plus { font-size: 20px; font-weight: 300; color: #d4d4d8; } /* Hero deal */ .pp-deal { background: #1d1d1f; border-radius: 18px; padding: 44px 36px; text-align: center; position: relative; max-width: 560px; margin: 0 auto; overflow: hidden; } .pp-deal::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 25%, #ec4899 50%, #8b5cf6 75%, #6366f1 100%); } .pp-deal-highlight { display: inline-block; font-size: 56px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; margin-bottom: 8px; background: linear-gradient(135deg, #fbbf24 0%, #fcd34d 50%, #fde68a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .pp-deal-title { font-size: 20px; font-weight: 700; color: #f5f5f7; letter-spacing: -0.02em; margin-bottom: 8px; } .pp-deal-sub { font-size: 15px; line-height: 1.55; color: #86868b; max-width: 420px; margin: 0 auto; } .pp-deal-sub strong { color: #f5f5f7; font-weight: 600; } /* Feature cards */ .pp-features { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 36px; position: relative; } .pp-feat { background: rgba(255,255,255,0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(0,0,0,0.06); border-radius: 16px; padding: 28px 22px; text-align: center; transition: transform 0.3s var(--pp-ease), box-shadow 0.3s var(--pp-ease); } .pp-feat:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); } .pp-feat-icon { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 12px; margin: 0 auto 14px; } .pp-feat-icon svg { width: 22px; height: 22px; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .pp-feat-icon--music { background: linear-gradient(135deg, #fef3c7, #fde68a); } .pp-feat-icon--music svg { stroke: #b45309; } .pp-feat-icon--footage { background: linear-gradient(135deg, #fce7f3, #fbcfe8); } .pp-feat-icon--footage svg { stroke: #be185d; } .pp-feat-icon--ai { background: linear-gradient(135deg, #ede9fe, #ddd6fe); } .pp-feat-icon--ai svg { stroke: #7c3aed; } .pp-feat-title { font-size: 15px; font-weight: 700; color: #1d1d1f; letter-spacing: -0.01em; margin-bottom: 5px; } .pp-feat-desc { font-size: 13px; line-height: 1.5; color: #6e6e73; } /* AI spotlight */ .pp-ai { margin-top: 36px; border-radius: 16px; overflow: hidden; position: relative; background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 30%, #7c3aed 60%, #8b5cf6 100%); padding: 36px 32px; } .pp-ai::before { content: ''; position: absolute; top: -30%; right: -20%; width: 60%; height: 80%; background: radial-gradient(ellipse, rgba(255,255,255,0.1) 0%, transparent 60%); pointer-events: none; } .pp-ai-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; position: relative; } .pp-ai-text { text-align: left; } .pp-ai-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; background: rgba(255,255,255,0.15); padding: 4px 12px; border-radius: 100px; margin-bottom: 14px; } .pp-ai-text h3 { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; color: #fff; margin-bottom: 10px; line-height: 1.2; } .pp-ai-text p { font-size: 14px; line-height: 1.6; color: rgba(255,255,255,0.7); margin-bottom: 10px; } .pp-ai-features { display: flex; flex-direction: column; gap: 10px; } .pp-ai-feat { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.85); } .pp-ai-feat svg { flex-shrink: 0; width: 16px; height: 16px; fill: none; stroke: #c4b5fd; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } /* Note */ .pp-note { text-align: center; margin-top: 28px; font-size: 12px; color: #a1a1aa; position: relative; } .pp-note a { color: #7c3aed; text-decoration: none; font-weight: 500; } .pp-note a:hover { text-decoration: underline; } @media (max-width: 700px) { .pp-card { padding: 36px 20px; } .pp-header h2 { font-size: 28px; } .pp-logos { gap: 16px; } .pp-logo-wrap { padding: 12px 20px; } .pp-logo-wrap img { height: 22px; } .pp-deal { padding: 32px 24px; } .pp-deal-highlight { font-size: 44px; } .pp-features { grid-template-columns: 1fr; gap: 10px; } .pp-ai { padding: 28px 22px; } .pp-ai-layout { grid-template-columns: 1fr; gap: 20px; } .pp-ai-text { text-align: center; } } ★ Bonus Benefits And that's not all.Your purchase goes further. FCPX Full Access has partnered with two of the most trusted names in the creator industry, Artlist and Motion Array, to bring you exclusive perks. Trusted by over 50 million creators worldwide + 2 FREE Months Added to any annual subscription When you shop with FCPX Full Access, you unlock two extra months free on any Artlist or Motion Array annual subscription - unlimited royalty-free music, SFX, stock footage, templates, and much more. Unlimited Music & SFX Royalty-free tracks and sound effects for every project, forever. Cinematic Stock Footage Premium 4K clips from professional shoots, ready for your timeline. Motion Templates & Presets Thousands of graphics, titles, and presets for Final Cut Pro and more. ✨ New on Artlist AI-powered creation,built for filmmakers. Artlist's new AI Toolkit brings image, video, and voiceover generation into one workspace - designed around the way creators actually work. Multiple leading AI models, updated as they release Cinematic image model trained on professional footage Advanced controls - prompt guidance, negative prompts, reference images All generations organized in your workspace 🤖 Artlist Studio - Coming SoonA full AI production experience with deeper control at every stage of video creation. Your exclusive access links are emailed to you after your purchase of the Ultimate Bundle. Questions? Get in touch .pi-block *, .pi-block *::before, .pi-block *::after { margin: 0; padding: 0; box-sizing: border-box; } .pi-block { --pi-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; --pi-ease: cubic-bezier(0.25, 0.1, 0.25, 1); width: 100%; font-family: var(--pi-font); -webkit-font-smoothing: antialiased; letter-spacing: -0.022em; margin-top: 20px; } .pi-card { background: #1d1d1f; border-radius: 20px; padding: 56px 48px 48px; position: relative; overflow: hidden; } .pi-card::before { content: ''; position: absolute; top: -30%; left: 50%; transform: translateX(-50%); width: 140%; height: 70%; background: radial-gradient(ellipse, rgba(99,102,241,0.08) 0%, rgba(139,92,246,0.04) 40%, transparent 70%); pointer-events: none; } .pi-header { text-align: center; margin-bottom: 40px; position: relative; } .pi-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #30d158; margin-bottom: 12px; } .pi-eyebrow svg { width: 14px; height: 14px; fill: none; stroke: #30d158; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } .pi-header h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.15; color: #f5f5f7; margin-bottom: 10px; } .pi-header h2 span { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .pi-header p { font-size: 16px; line-height: 1.55; color: #86868b; max-width: 520px; margin: 0 auto; } .pi-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; position: relative; } .pi-screenshot { position: relative; border-radius: 14px; overflow: hidden; } .pi-screenshot img { width: 100%; height: auto; display: block; } .pi-features { display: flex; flex-direction: column; gap: 20px; } .pi-feature { display: flex; gap: 14px; align-items: flex-start; } .pi-feature-icon { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(99,102,241,0.1); } .pi-feature-icon svg { width: 20px; height: 20px; fill: none; stroke: #818cf8; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .pi-feature-title { font-size: 15px; font-weight: 600; color: #f5f5f7; letter-spacing: -0.01em; margin-bottom: 3px; } .pi-feature-desc { font-size: 13px; line-height: 1.5; color: #86868b; } .pi-included { text-align: center; margin-top: 44px; position: relative; } .pi-included-badge { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; background: rgba(48,209,88,0.08); border: 1px solid rgba(48,209,88,0.2); border-radius: 14px; } .pi-included-badge svg { width: 22px; height: 22px; fill: none; stroke: #30d158; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; } .pi-included-text { text-align: left; } .pi-included-text strong { display: block; font-size: 15px; font-weight: 600; color: #30d158; letter-spacing: -0.01em; margin-bottom: 2px; } .pi-included-text span { font-size: 13px; color: #86868b; } .pi-stats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1px; background: rgba(255,255,255,0.06); border-radius: 14px; overflow: hidden; margin-top: 32px; } .pi-stat { background: #1d1d1f; padding: 28px 20px; text-align: center; } .pi-stat-value { font-size: 28px; font-weight: 700; letter-spacing: -0.03em; color: #f5f5f7; margin-bottom: 4px; } .pi-stat-value span { background: linear-gradient(135deg, #6366f1, #a78bfa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .pi-stat-label { font-size: 12px; font-weight: 500; color: #86868b; letter-spacing: 0.01em; } @media (max-width: 700px) { .pi-card { padding: 36px 24px 32px; } .pi-layout { grid-template-columns: 1fr; gap: 28px; } .pi-header h2 { font-size: 26px; } .pi-stats { grid-template-columns: 1fr; } .pi-screenshot { order: -1; } } Included Free With Your Purchase Set everything up in seconds.One click to install. Every Ultimate Bundle comes with our free Plugin Installer app. Drag your files in, click install - the app does everything else. No manual setup, no navigating folders, no guesswork. Drag. Drop. Installed. Drop your ZIP files in and the app handles everything - all 5 plugin categories installed in seconds, right where Final Cut Pro needs them. Folder Health Check Automatically detects and fixes missing Motion Templates folders so Final Cut Pro finds your plugins every time. No Terminal commands, no confusion. Auto-Detects Everything Titles, Transitions, Generators, Effects, and LUTs - the app identifies each plugin type and routes it to exactly the right place. Works on Any Mac Apple Silicon or Intel - the installer is compatible with all recent versions of macOS and Final Cut Pro. 5 Plugin categories installed at once 10s Average install time 0 Technical knowledge required Included with The Ultimate Bundle Simple installation file provided with your purchase of the Ultimate Bundle - completely free, no extras to buy. .sr-block *, .sr-block *::before, .sr-block *::after { margin: 0; padding: 0; box-sizing: border-box; } .sr-block { --sr-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; --sr-ease: cubic-bezier(0.25, 0.1, 0.25, 1); width: 100%; font-family: var(--sr-font); -webkit-font-smoothing: antialiased; letter-spacing: -0.022em; } .sr-card { background: #1d1d1f; border-radius: 20px; padding: 48px 48px 44px; position: relative; overflow: hidden; } .sr-card::before { content: ''; position: absolute; top: -40%; left: 50%; transform: translateX(-50%); width: 120%; height: 80%; background: radial-gradient(ellipse, rgba(0,113,227,0.06) 0%, transparent 70%); pointer-events: none; } .sr-header { text-align: center; margin-bottom: 40px; position: relative; } .sr-eyebrow { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #0071e3; margin-bottom: 10px; } .sr-header h2 { font-size: 28px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.15; color: #f5f5f7; margin-bottom: 8px; } .sr-header p { font-size: 15px; line-height: 1.55; color: #86868b; } /* Three columns */ .sr-items { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1px; background: rgba(255,255,255,0.06); border-radius: 14px; overflow: hidden; margin-bottom: 32px; position: relative; } .sr-item { background: #1d1d1f; padding: 32px 24px; text-align: center; } .sr-item-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0 auto 16px; border-radius: 12px; background: rgba(255,255,255,0.06); } .sr-item-icon svg { width: 24px; height: 24px; fill: none; stroke: #f5f5f7; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .sr-item-title { font-size: 16px; font-weight: 600; color: #f5f5f7; letter-spacing: -0.01em; margin-bottom: 4px; } .sr-item-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; margin-top: 12px; } .sr-chip { display: inline-block; padding: 4px 12px; font-size: 12px; font-weight: 600; letter-spacing: 0.01em; color: #86868b; background: rgba(255,255,255,0.05); border-radius: 6px; } .sr-item-sub { font-size: 12px; line-height: 1.5; color: #86868b; margin-top: 8px; } .sr-check { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 500; color: #30d158; margin-bottom: 8px; } .sr-check svg { width: 14px; height: 14px; fill: none; stroke: #30d158; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } /* Divider */ .sr-divider { height: 1px; background: rgba(255,255,255,0.06); margin: 0 0 28px; position: relative; } /* Detail rows - horizontal at wide sizes */ .sr-details { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; position: relative; } .sr-detail { display: flex; gap: 12px; align-items: flex-start; } .sr-detail-num { flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 7px; background: rgba(255,255,255,0.06); font-size: 12px; font-weight: 600; color: #86868b; } .sr-detail-text { font-size: 13px; line-height: 1.6; color: #86868b; } .sr-detail-text strong { color: #f5f5f7; font-weight: 600; } .sr-detail-text a { color: #0071e3; text-decoration: none; font-weight: 500; } .sr-detail-text a:hover { text-decoration: underline; } @media (max-width: 700px) { .sr-card { padding: 36px 24px 32px; } .sr-items { grid-template-columns: 1fr; } .sr-details { grid-template-columns: 1fr; } .sr-header h2 { font-size: 24px; } } Compatibility Ultimate Bundle System Requirements Works with every Mac you can buy today - and most older ones too. Compatible Apple Silicon M1 M2 M3 M4 M5 Including Pro, Max & Ultra Compatible Intel Macs All models Backdater may be needed if you are running an older version of FCP Required Final Cut Pro Latest version Free update on the App Store 1 We guarantee 100% compatibility when running the latest version of Final Cut Pro. It's always available as a free update on the App Store. 2 If no update appears in the App Store, you may need to update macOS first via System Settings to unlock the latest Final Cut Pro version. 3 Running an older Mac or seeing a red error screen? Our FCP Backdater app can force compatibility between newer plugins and older versions of Final Cut Pro. You can also troubleshoot folder issues for free using our Plugin Installer app, which automatically detects and fixes missing Motion Templates folders. .ar-block *, .ar-block *::before, .ar-block *::after { margin: 0; padding: 0; box-sizing: border-box; } .ar-block { --ar-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 100%; font-family: var(--ar-font); -webkit-font-smoothing: antialiased; letter-spacing: -0.022em; margin-top: 3rem; } .ar-card { background: #f5f5f7; border: 1px solid #e8e8ed; border-radius: 20px; padding: 48px; position: relative; overflow: hidden; } /* Top bar accent */ .ar-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #0071e3 0%, #40a0ff 50%, #0071e3 100%); } .ar-header { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 32px; padding-bottom: 28px; border-bottom: 1px solid #dcdce0; } .ar-header-icon { flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: #ffffff; border: 1px solid #e8e8ed; display: flex; align-items: center; justify-content: center; } .ar-header-icon svg { width: 20px; height: 20px; fill: none; stroke: #6e6e73; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .ar-header-text h2 { font-size: 20px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; color: #1d1d1f; margin-bottom: 4px; } .ar-header-text p { font-size: 13px; color: #86868b; line-height: 1.4; } /* Content sections */ .ar-content { display: flex; flex-direction: column; gap: 20px; margin-bottom: 32px; } .ar-content p { font-size: 15px; line-height: 1.7; color: #424245; } .ar-content p strong { color: #1d1d1f; font-weight: 600; } .ar-content p a { color: #0071e3; text-decoration: none; } .ar-content p a:hover { text-decoration: underline; } /* Highlights strip */ .ar-highlights { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1px; background: #dcdce0; border-radius: 12px; overflow: hidden; margin-bottom: 32px; } .ar-highlight { background: #ffffff; padding: 20px 16px; text-align: center; } .ar-highlight-value { font-size: 20px; font-weight: 700; letter-spacing: -0.02em; color: #1d1d1f; margin-bottom: 2px; } .ar-highlight-label { font-size: 11px; font-weight: 500; color: #86868b; text-transform: uppercase; letter-spacing: 0.03em; } /* Keywords tag cloud */ .ar-keywords { padding-top: 24px; border-top: 1px solid #dcdce0; } .ar-keywords-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #86868b; margin-bottom: 10px; } .ar-tags { display: flex; flex-wrap: wrap; gap: 6px; } .ar-tag { display: inline-block; padding: 5px 12px; font-size: 12px; font-weight: 500; color: #6e6e73; background: #ffffff; border: 1px solid #e8e8ed; border-radius: 8px; letter-spacing: -0.01em; } @media (max-width: 600px) { .ar-card { padding: 32px 24px; } .ar-highlights { grid-template-columns: 1fr 1fr; } .ar-header-text h2 { font-size: 18px; } } The Ultimate Final Cut Pro Bundle Accessible description · FCPX Full Access 115+ Plugin Packs $1,800+ Total Value $99 Bundle Price 110,000+ Editors Worldwide The Ultimate Bundle by FCPX Full Access is the most complete Final Cut Pro editing toolkit available. It includes over 115 professional packs covering cinematic LUTs, custom maps, YouTube starter kits, dynamic transitions, time-saving templates, powerful effects, creative titles, generators, and more. Compatible with Apple Silicon (M1, M2, M3, M4 & M5) and Intel Macs, this bundle is designed to supercharge your workflow and unlock creative possibilities inside Final Cut Pro. For older Intel machines, the FCP Backdater Tool ensures broad compatibility with newer plugins. With a total value exceeding $1,800, you get lifetime ownership for just $99. No subscriptions. No recurring fees. Once you buy it, it's yours forever. FCPX Full Access is trusted by over 110,000 filmmakers worldwide and offers exclusive partner benefits - including 2 free extra months on any annual subscription to Artlist or Motion Array when you purchase with us. Whether you're creating content for YouTube, social media, documentaries, commercials, or film, the Ultimate Bundle is the all-in-one solution for Final Cut Pro editors looking to save time and elevate their edits. Keywords Final Cut Pro plugins FCPX effects LUTs for Final Cut Pro Final Cut Pro titles FCPX transitions Final Cut Pro templates Cinematic LUTs YouTube editing pack Final Cut Pro bundle FCPX full pack Final Cut Pro toolkit M1 M2 M3 M4 M5 compatible FCP plugin bundle .pf-block *, .pf-block *::before, .pf-block *::after { margin: 0; padding: 0; box-sizing: border-box; } .pf-block { --pf-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 100%; font-family: var(--pf-font); -webkit-font-smoothing: antialiased; letter-spacing: -0.022em; margin-top: 3rem; } /* Back to top CTA */ .pf-cta { text-align: center; padding: 40px 24px 36px; border-top: 1px solid #e8e8ed; } .pf-cta p { font-size: 15px; color: #6e6e73; line-height: 1.5; margin-bottom: 16px; } .pf-cta p strong { color: #1d1d1f; font-weight: 600; } .pf-cta-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; background: #0071e3; color: #fff; font-family: var(--pf-font); font-size: 15px; font-weight: 500; letter-spacing: -0.01em; text-decoration: none; border: none; border-radius: 980px; cursor: pointer; transition: background 0.2s cubic-bezier(0.25,0.1,0.25,1), transform 0.2s cubic-bezier(0.25,0.1,0.25,1); } .pf-cta-btn:hover { background: #0077ED; transform: scale(1.02); } .pf-cta-btn svg { width: 16px; height: 16px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } /* Divider */ .pf-divider { height: 1px; background: #e8e8ed; } /* Legal + copyright bar */ .pf-legal { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 0 8px; } .pf-legal-text { font-size: 12px; line-height: 1.7; color: #86868b; max-width: 560px; } .pf-legal-text strong { color: #6e6e73; font-weight: 600; } .pf-copyright { font-size: 12px; color: #86868b; white-space: nowrap; flex-shrink: 0; padding-top: 1px; } @media (max-width: 600px) { .pf-legal { flex-direction: column-reverse; gap: 12px; align-items: center; text-align: center; } .pf-legal-text { max-width: 100%; } } Ready to transform your edits? Get The Ultimate Bundle now. Back to top Strictly no file sharing, resale, reverse engineering or repackaging. Always use the original link to share this product. We actively pursue copyright infringement. © 2026 FCPX Full Access. All rights reserved. /* --- Floating Nav --- */ .fn-nav { --fn-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; --fn-ease: cubic-bezier(0.25, 0.1, 0.25, 1); position: fixed; left: 24px; top: 50%; transform: translateY(-50%); z-index: 9999; font-family: var(--fn-font); -webkit-font-smoothing: antialiased; pointer-events: none; opacity: 0; transition: opacity 0.4s var(--fn-ease); } .fn-nav.fn-visible { opacity: 1; pointer-events: auto; } .fn-card { background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 16px; overflow: hidden; padding: 0 0 16px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04); width: 200px; transition: box-shadow 0.3s var(--fn-ease), opacity 0.3s var(--fn-ease), transform 0.3s var(--fn-ease); transform-origin: bottom left; } .fn-card:hover { box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06); } /* Collapsed state */ .fn-nav.fn-collapsed .fn-card { opacity: 0; transform: scale(0.95) translateY(4px); pointer-events: none; } /* Toggle button */ .fn-toggle { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: none; background: #4A9EFF; box-shadow: 0 2px 12px rgba(74, 158, 255, 0.35), 0 0 20px rgba(74, 158, 255, 0.2); cursor: pointer; margin-top: 10px; transition: background 0.2s var(--fn-ease), box-shadow 0.2s var(--fn-ease), transform 0.2s var(--fn-ease); padding: 0; font-family: var(--fn-font); } .fn-toggle:hover { background: #3d8bef; box-shadow: 0 4px 20px rgba(74, 158, 255, 0.5), 0 0 32px rgba(74, 158, 255, 0.3); transform: scale(1.08); } .fn-toggle svg { width: 16px; height: 16px; fill: none; stroke: #fff; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.2s var(--fn-ease), transform 0.3s var(--fn-ease); } .fn-toggle:hover svg { stroke: #fff; } /* Flip icon when collapsed */ .fn-nav.fn-collapsed .fn-toggle svg { transform: rotate(180deg); } .fn-title { font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; padding: 12px 20px; background: #4A9EFF; border-radius: 15px 15px 0 0; border-bottom: none; margin-bottom: 4px; } .fn-items { list-style: none; margin: 0; padding: 0; } .fn-item { position: relative; display: block; } .fn-link { display: flex; align-items: center; gap: 10px; padding: 9px 20px; text-decoration: none !important; color: #6e6e73 !important; font-size: 12px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.3; transition: color 0.2s var(--fn-ease), background 0.2s var(--fn-ease); cursor: pointer; border: none; background: none; width: 100%; text-align: left; font-family: var(--fn-font); } .fn-link:hover { color: #1d1d1f !important; background: rgba(0, 0, 0, 0.03); } /* Active state */ .fn-link.fn-active { color: #4A9EFF !important; font-weight: 600; } /* Active indicator dot */ .fn-dot { flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: transparent; transition: background 0.25s var(--fn-ease), transform 0.25s var(--fn-ease); } .fn-active .fn-dot { background: #4A9EFF; transform: scale(1.2); } /* Progress line on right edge */ .fn-progress { position: absolute; right: 0; top: 0; width: 2px; height: 0%; background: linear-gradient(180deg, #4A9EFF, #7ec4ff); border-radius: 0 0 1px 1px; transition: height 0.3s var(--fn-ease); } /* Hide on mobile / tablets */ @media (max-width: 1200px) { .fn-nav { display: none !important; } } On this page The Ultimate Bundle What's Inside? Plugin Packs Included Bonus Benefits Free Installer System Requirements Reviews Show more