.vp-showcase{background:var(--color-white);padding:80px 24px}.vp-showcase-inner{max-width:900px;margin:0 auto}.vp-showcase-grid{display:flex;gap:32px;align-items:stretch}.vp-player-frame{flex:1;min-width:0}.vp-mock-screen{position:relative;aspect-ratio:16 / 9;background:#1a1a1a;border-radius:8px 8px 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center}.vp-player-frame--standard{border:2px solid var(--color-error-pale);border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #ef444414}.vp-player-frame--standard .vp-mock-screen{background:var(--color-bg-dark)}.vp-mock-yt-logo{position:absolute;top:10px;left:12px;opacity:.7}.vp-mock-ad-banner{position:absolute;bottom:40px;left:0;right:0;background:#ffcc00d9;color:#1a1a00;font-family:DM Mono,monospace;font-size:.75rem;padding:4px 12px;text-align:left}.vp-mock-suggested{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px}.vp-mock-thumb{width:56px;height:32px;background:var(--color-stone-800);border-radius:3px;border:1px solid var(--color-stone-600)}.vp-mock-watch-link{position:absolute;bottom:8px;right:10px;font-family:DM Mono,monospace;font-size:.75rem;color:var(--color-stone-400)}.vp-mock-play{z-index:1}.vp-player-frame--smart{border:2px solid var(--color-gold-pale);border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #c9a0001a}.vp-player-frame--smart .vp-mock-screen{background:var(--color-stone-950)}.vp-mock-screen--clean{border-radius:8px 8px 0 0}.vp-mock-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(transparent,#000000b3)}.vp-mock-progress{flex:1;height:3px;background:#fff3;border-radius:2px;overflow:hidden}.vp-mock-progress-fill{width:35%;height:100%;background:var(--color-gold);border-radius:2px}.vp-player-label{display:block;text-align:center;padding:10px;font-size:.78rem;color:var(--text-muted);background:var(--color-stone-75);border-radius:0 0 8px 8px}.vp-player-label--smart{color:var(--text-secondary);font-weight:600;background:var(--color-gold-wash)}.vp-showcase-caption{text-align:center;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-top:32px;letter-spacing:-.01em}@media(max-width:860px){.vp-showcase-grid{flex-direction:column;gap:24px;max-width:480px;margin:0 auto}}.vp-problem{background:var(--color-stone-100);padding:80px 24px}.vp-problem-inner{max-width:900px;margin:0 auto;text-align:center}.vp-problem h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:40px;letter-spacing:-.01em}.vp-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;margin-bottom:40px}.vp-problem-col p{font-size:.95rem;color:var(--text-secondary);line-height:1.7}.vp-problem-col strong{color:var(--text-primary);font-weight:600}.vp-problem-callout{background:var(--color-white);border:1px solid var(--color-stone-200);border-radius:12px;padding:28px 36px;max-width:680px;margin:0 auto}.vp-problem-callout p{font-size:.95rem;color:var(--text-secondary);line-height:1.65;font-style:italic;text-align:center}.vp-problem-callout em{font-style:italic}@media(max-width:680px){.vp-problem-grid{grid-template-columns:1fr;gap:24px}}.vp-features{background:var(--color-white);padding:80px 24px}.vp-features-inner{max-width:960px;margin:0 auto}.vp-features h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:48px;letter-spacing:-.01em}.vp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vp-card{background:var(--color-white);border:1px solid var(--color-stone-200);border-radius:14px;padding:24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.vp-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #1c19170f;border-color:var(--color-stone-300)}.vp-card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--color-gold-wash),var(--color-gold-pale));color:var(--color-gold-text);margin-bottom:18px}.vp-card-icon svg{width:24px;height:24px}.vp-card h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.vp-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.65}@media(max-width:860px){.vp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.vp-grid{grid-template-columns:1fr}}.vp-stats{background:var(--color-stone-100);padding:60px 24px}.vp-stats-inner{max-width:960px;margin:0 auto}.vp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.vp-stat{text-align:center;padding:24px 16px;background:var(--color-white);border:1px solid var(--color-stone-200);border-radius:12px}.vp-stat-number{display:block;font-size:2.2rem;font-weight:700;color:var(--color-gold-text);line-height:1.1;margin-bottom:6px}.vp-stat-number--word{font-size:1.5rem}.vp-stat-label{font-size:.82rem;color:var(--text-secondary)}@media(max-width:680px){.vp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.vp-stats-grid{grid-template-columns:1fr}}.vp-works{background:var(--color-white);padding:80px 24px}.vp-works-inner{max-width:680px;margin:0 auto}.vp-works h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:28px;letter-spacing:-.01em}.vp-works p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.vp-works p strong{color:var(--text-primary);font-weight:600}.vp-works-ctas{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.vp-works-link{display:inline-block;font-size:.92rem;font-weight:600;color:var(--color-gold-text);text-decoration:none;transition:color .2s ease}.vp-works-link:hover{color:var(--color-gold-text-hover)}[data-theme=dark] .vp-showcase{background:var(--color-stone-850)}[data-theme=dark] .vp-player-frame--standard{border-color:var(--color-error-deep);box-shadow:0 4px 20px #ef44440d}[data-theme=dark] .vp-player-frame--smart{border-color:#554a1a;box-shadow:0 4px 20px #c9a0000f}[data-theme=dark] .vp-player-label{background:var(--color-stone-900)}[data-theme=dark] .vp-player-label--smart{color:var(--color-gold-text);background:#1f1c14}[data-theme=dark] .vp-problem{background:var(--color-stone-950)}[data-theme=dark] .vp-problem-callout{background:var(--color-stone-900);border-color:var(--color-stone-800)}[data-theme=dark] .vp-features{background:var(--color-stone-850)}[data-theme=dark] .vp-card{background:var(--color-stone-900);border-color:var(--color-stone-800)}[data-theme=dark] .vp-card:hover{border-color:var(--color-stone-700);box-shadow:0 6px 24px #0000004d}[data-theme=dark] .vp-card-icon{background:linear-gradient(135deg,#fefce814,#fef3c70d)}[data-theme=dark] .vp-stats{background:var(--color-stone-950)}[data-theme=dark] .vp-stat{background:var(--color-stone-900);border-color:var(--color-stone-800)}[data-theme=dark] .vp-works{background:var(--color-stone-850)}[data-theme=dark] .vp-works-link{color:var(--color-gold-light)}[data-theme=dark] .vp-works-link:hover{color:var(--color-gold-text)}@media(prefers-reduced-motion:reduce){.vp-card{transition:none}}