ai-voice-rvc – Plamen Rusev

<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;700;900&display=swap');

/* === HIDE WP ELEMENTS === */
.entry-title,.wp-block-post-title,h1.entry-title,
footer,.site-footer,.wp-block-template-part,
.wp-site-blocks>footer,.site-header,.main-navigation,
.wp-block-navigation,header[class*="site"],
.header-widget-area,nav[class*="main"],
.ast-above-header,.ast-main-header{
display:none!important;
height:0!important;
min-height:0!important;
overflow:hidden!important;
}

html{margin-top:0!important;padding-top:0!important;}
#wpadminbar{display:none!important;}

body{
margin:0!important;
padding:0!important;
overflow-x:hidden!important;
background:#000!important;
}

.wp-site-blocks{
padding-top:0!important;
padding-bottom:0!important;
margin-top:0!important;
}

.is-layout-flow>*{margin-top:0!important;}

.wp-block-group,
.wp-block-group__inner-container,
.wp-block-cover,
.wp-block-template-part{
margin-top:0!important;
padding-top:0!important;
}

body .site,body .site-content,body .content-area,
body .entry-content,body .wp-site-blocks,
body .inside-article,body .site-main,
body .wp-block-post-content,
body .is-layout-constrained,
body .is-layout-constrained>*,
body article,
body .hentry{
margin:0!important;
padding:0!important;
max-width:none!important;
width:100%!important;
}

body .entry-content{margin:0!important;padding:0!important;}
body .entry-content>*:first-child{margin-top:0!important;}

/* === LAYOUT === */
*{box-sizing:border-box;}

.pr-wrap{
background:#04050a;
font-family:'Inter',sans-serif;
min-height:100vh;
color:#fff;
overflow-x:hidden;
width:100vw!important;
max-width:100vw!important;
margin-left:calc(50% - 50vw)!important;
margin-right:calc(50% - 50vw)!important;
position:relative;
}

/* === TOPBAR === */
.pr-topbar{
background:rgba(0,0,0,0.97);
border-bottom:1px solid rgba(255,215,0,0.10);
position:sticky;
top:0;
z-index:999;
backdrop-filter:blur(12px);
}

.pr-topbar-inner{
display:flex;
align-items:center;
justify-content:flex-start;
padding:0 4%;
height:52px;
gap:40px;
}

.pr-brand{
flex-shrink:0;
}

.pr-brand b{
color:#FFD700;
font-size:16px;
text-transform:uppercase;
letter-spacing:3px;
font-weight:900;
}

/* === DESKTOP NAV === */
.pr-nav{
display:flex;
align-items:center;
gap:16px;
}

.pr-nav a{
color:rgba(255,255,255,.75);
text-decoration:none;
font-size:9.5px;
letter-spacing:1px;
text-transform:uppercase;
transition:.2s;
white-space:nowrap;
}

.pr-nav a:hover{
color:#FFD700;
}

/* === MOBILE BURGER === */
.pr-burger{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
padding:8px 10px;
background:rgba(255,215,0,.06);
border:1px solid rgba(255,215,0,.24);
border-radius:8px;
flex-shrink:0;
}

.pr-burger span{
display:block;
width:20px;
height:2px;
background:#FFD700;
border-radius:2px;
}

/* === MOBILE MENU === */
.pr-mobile-menu{
display:none;
flex-direction:column;
background:rgba(5,5,10,.99);
border-bottom:1px solid rgba(255,215,0,.12);
padding:8px 4%;
gap:4px;
}

.pr-mobile-menu.is-open{display:flex;}

.pr-mobile-menu a{
color:#FFD700;
text-decoration:none;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase;
padding:13px 16px;
border-radius:8px;
background:rgba(255,255,255,.02);
border:1px solid rgba(255,215,0,.07);
transition:.2s;
}

.pr-mobile-menu a:hover{
background:rgba(255,215,0,.08);
}

/* === HERO === */
.ai-page{
padding:50px 20px 80px;
background:
radial-gradient(circle at 50% 0%,rgba(255,215,0,.07),transparent 30%),
linear-gradient(180deg,#05060a 0%,#04050a 100%);
text-align:center;
}

.ai-header{
margin-bottom:40px;
}

.ai-header h1{
margin:0 0 20px;
font-size:clamp(32px,5vw,56px);
letter-spacing:6px;
text-transform:uppercase;
font-weight:800;
font-family:'Cinzel',serif;
}

/* === SIGNATURE + ARIES LOOP === */
.ai-sig-wrap{
display:block;
position:relative;
width:190px;
height:110px;
margin:0 auto;
cursor:pointer;
}

.ai-sig-wrap img{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
opacity:0;
}

.ai-signature{
width:190px;
animation:sigLoop 8s ease-in-out infinite;
filter:drop-shadow(0 0 10px rgba(255,215,0,.30)) drop-shadow(0 0 24px rgba(255,180,0,.16));
}

.ai-aries{
width:140px;
animation:ariesLoop 8s ease-in-out infinite;
filter:drop-shadow(0 0 14px rgba(255,215,0,.65)) drop-shadow(0 0 32px rgba(255,180,0,.40));
}

@keyframes sigLoop{
0%{opacity:0}
8%{opacity:.95}
42%{opacity:.95}
50%{opacity:0}
100%{opacity:0}
}

@keyframes ariesLoop{
0%{opacity:0}
50%{opacity:0}
58%{opacity:.90}
92%{opacity:.90}
100%{opacity:0}
}

/* === CONTENT === */
.ai-container{
max-width:1000px;
margin:0 auto;
}

.ai-kicker{
margin:0 0 14px;
color:#FFD700;
font-size:11px;
letter-spacing:6px;
text-transform:uppercase;
}

.ai-title{
margin:0 0 24px;
font-size:clamp(22px,3vw,38px);
line-height:1.15;
letter-spacing:1.5px;
text-transform:uppercase;
font-weight:900;
}

.ai-text{
max-width:820px;
margin:0 auto 16px;
font-size:17px;
line-height:1.75;
color:#d8d8d8;
}

/* === STEPS === */
.ai-steps{
margin:36px auto;
display:grid;
gap:12px;
max-width:780px;
}

.ai-step{
display:flex;
align-items:center;
gap:16px;
padding:14px 22px;
border:1px solid rgba(255,215,0,.12);
background:rgba(255,255,255,.02);
border-radius:4px;
}

.step-n{
color:#FFD700;
font-weight:900;
font-size:18px;
min-width:28px;
}

/* === DEMO === */
.ai-demo-wrap{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin-top:30px;
max-width:900px;
margin-left:auto;
margin-right:auto;
}

.ai-demo-card{
background:#0a0c12;
border:1px solid rgba(255,215,0,.12);
padding:24px;
border-radius:8px;
}

.ai-demo-card-gold{
border-color:rgba(255,215,0,.30);
background:#0c0e14;
}

.ai-demo-topline{
color:#FFD700;
font-size:10px;
letter-spacing:4px;
text-transform:uppercase;
margin-bottom:8px;
}

.ai-demo-label{
font-size:18px;
letter-spacing:3px;
font-weight:900;
color:#FFD700;
margin-bottom:6px;
text-transform:uppercase;
}

.ai-demo-sub{
color:#999;
font-size:13px;
margin-bottom:16px;
}

.ai-wave{
display:flex;
align-items:flex-end;
gap:5px;
height:50px;
margin-bottom:14px;
}

.ai-wave span{
display:block;
width:7px;
border-radius:2px;
background:#fff;
opacity:.5;
animation:wave 1.6s infinite ease-in-out;
}

.ai-wave span:nth-child(1){height:20px;animation-delay:0s}
.ai-wave span:nth-child(2){height:35px;animation-delay:.1s}
.ai-wave span:nth-child(3){height:45px;animation-delay:.2s}
.ai-wave span:nth-child(4){height:30px;animation-delay:.3s}
.ai-wave span:nth-child(5){height:40px;animation-delay:.4s}
.ai-wave span:nth-child(6){height:25px;animation-delay:.5s}
.ai-wave span:nth-child(7){height:38px;animation-delay:.6s}
.ai-wave span:nth-child(8){height:20px;animation-delay:.7s}
.ai-wave span:nth-child(9){height:42px;animation-delay:.8s}
.ai-wave span:nth-child(10){height:28px;animation-delay:.9s}

.ai-wave-after span{background:#FFD700;opacity:.8;}

@keyframes wave{
0%,100%{transform:scaleY(.6)}
50%{transform:scaleY(1)}
}

.ai-audio{
width:100%;
border-radius:4px;
}

/* === COMING === */
.ai-coming-wrap{margin:40px 0;}

.ai-coming{
font-size:clamp(26px,4vw,42px);
letter-spacing:12px;
color:#FFD700;
font-weight:900;
font-family:'Cinzel',serif;
}

/* === BUTTONS === */
.ai-buttons{
margin-top:28px;
display:flex;
gap:14px;
justify-content:center;
flex-wrap:wrap;
}

.ai-btn{
padding:13px 24px;
font-size:11px;
letter-spacing:2px;
border:1px solid rgba(255,215,0,.55);
background:transparent;
color:#FFD700;
cursor:pointer;
text-transform:uppercase;
border-radius:4px;
transition:.2s;
font-family:'Inter',sans-serif;
}

.ai-btn:hover{
background:#FFD700;
color:#000;
}

/* === ACCESS === */
.ai-access{
padding:50px 0 0;
}

.ai-access-inner{
max-width:1000px;
margin:0 auto;
text-align:center;
}

.ai-access-title{
font-size:clamp(22px,2.8vw,36px);
font-weight:900;
margin-bottom:20px;
font-family:'Cinzel',serif;
}

.ai-access-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin-top:20px;
}

.ai-access-card{
background:#0c0e14;
padding:24px;
border:1px solid rgba(255,255,255,.07);
text-align:left;
border-radius:6px;
}

.ai-access-card-gold{
border-color:rgba(255,215,0,.22);
}

.ai-access-card-label{
color:#FFD700;
font-size:10px;
letter-spacing:4px;
text-transform:uppercase;
margin-bottom:10px;
}

.ai-access-text{
color:#c8c8c8;
line-height:1.75;
font-size:14px;
}

/* === MOBILE === */
@media(max-width:860px){
.pr-nav{display:none;}
.pr-burger{display:flex;}
.ai-demo-wrap{grid-template-columns:1fr;}
.ai-access-grid{grid-template-columns:1fr;}
.ai-header h1{letter-spacing:3px;}
}
</style>

<div class="pr-wrap">

<header class="pr-topbar">
<div class="pr-topbar-inner">
<div class="pr-brand"><b>Plamen Rusev</b></div>
<nav class="pr-nav">
<a href="https://plamenrusev.com/">HOME</a>
<a href="https://plamenrusev.com/music-shop/">MUSIC SHOP</a>
<a href="https://plamenrusev.com/rock/">ROCK</a>
<a href="https://plamenrusev.com/emotional/">EMOTIONAL</a>
<a href="https://plamenrusev.com/techno/">TECHNO</a>
<a href="https://plamenrusev.com/custom-songs/">CUSTOM SONGS</a>
<a href="https://plamenrusev.com/young-hearts/">YOUTH PROJECT</a>
<a href="https://plamenrusev.com/inner-peace/">INNER PEACE</a>
<a href="https://plamenrusev.com/about/">THE ARTIST</a>
<a href="https://plamenrusev.com/treasurescan/">TREASURESCAN</a>ass="prv11-l">TREASURESCAN APP</span></a>
</nav>
<button class="pr-burger" id="prBurger" aria-label="Menu">
<span></span><span></span><span></span>
</button>
</div>
</header>

<nav class="pr-mobile-menu" id="prMobileMenu">
<a href="https://plamenrusev.com/">HOME</a>
<a href="https://plamenrusev.com/music-shop/">MUSIC SHOP</a>
<a href="https://plamenrusev.com/rock/">ROCK</a>
<a href="https://plamenrusev.com/emotional/">EMOTIONAL</a>
<a href="https://plamenrusev.com/techno/">TECHNO</a>
<a href="https://plamenrusev.com/custom-songs/">CUSTOM SONGS</a>
<a href="https://plamenrusev.com/young-hearts/">YOUTH PROJECT</a>
<a href="https://plamenrusev.com/inner-peace/">INNER PEACE</a>
<a href="https://plamenrusev.com/about/">THE ARTIST</a>
</nav>

<section class="ai-page">
<div class="ai-header">
<h1>AI VOICE RVC</h1>
<a href="https://plamenrusev.com/about/" class="ai-sig-wrap">
<img class="ai-signature" src="https://plamenrusev.com/wp-content/uploads/2026/03/3d.png" alt="Signature">
<img class="ai-aries" src="https://plamenrusev.com/wp-content/uploads/2026/03/PNG.png" alt="Aries">
</a>
</div>

<div class="ai-container">
<p class="ai-kicker">ARTIFICIAL VOICE PROJECT</p>
<h2 class="ai-title">Your voice. My tone. One new performance.</h2>
<p class="ai-text">This project explores premium AI voice transformation using RVC voice technology trained on the original voice of Plamen Rusev.</p>
<p class="ai-text">Designed for musicians, producers and creators to transform their vocal recordings into a performance shaped by his vocal tone and character.</p>

<div class="ai-steps">
<div class="ai-step">
<span class="step-n">01</span>
<span>Upload or record your vocal track</span>
</div>
<div class="ai-step">
<span class="step-n">02</span>
<span>Transform it through the trained AI voice model</span>
</div>
<div class="ai-step">
<span class="step-n">03</span>
<span>Download the result for your creative project</span>
</div>
</div>

<div class="ai-demo-wrap">
<div class="ai-demo-card">
<div class="ai-demo-topline">BEFORE</div>
<div class="ai-demo-label">INPUT VOICE</div>
<div class="ai-demo-sub">Original vocal sample</div>
<div class="ai-wave">
<span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span>
</div>
<audio controls class="ai-audio">
<source src="https://plamenrusev.com/wp-content/uploads/2026/03/orig_Vocals.wav" type="audio/wav">
</audio>
</div>

<div class="ai-demo-card ai-demo-card-gold">
<div class="ai-demo-topline">AFTER</div>
<div class="ai-demo-label">AI RESULT</div>
<div class="ai-demo-sub">Voice transformed with AI model</div>
<div class="ai-wave ai-wave-after">
<span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span>
</div>
<audio controls class="ai-audio">
<source src="https://plamenrusev.com/wp-content/uploads/2026/03/rvcorigtest.wav" type="audio/wav">
</audio>
</div>
</div>

<div class="ai-coming-wrap">
<div class="ai-coming">COMING SOON</div>
</div>

<div class="ai-buttons">
<button class="ai-btn">Upload Vocal</button>
<button class="ai-btn">Demo Audio</button>
<button class="ai-btn">Download AI Voice</button>
</div>

<section class="ai-access">
<div class="ai-access-inner">
<h3 class="ai-access-title">Pricing, delivery and usage</h3>
<div class="ai-access-grid">
<div class="ai-access-card ai-access-card-gold">
<div class="ai-access-card-label">PRICING</div>
<div class="ai-access-text">Starting from €15 per vocal track.</div>
</div>
<div class="ai-access-card">
<div class="ai-access-card-label">HOW IT WORKS</div>
<div class="ai-access-text">Upload your vocal track and receive a processed AI voice transformation.</div>
</div>
<div class="ai-access-card">
<div class="ai-access-card-label">WHAT YOU RECEIVE</div>
<div class="ai-access-text">One processed AI vocal result ready for creative use.</div>
</div>
<div class="ai-access-card">
<div class="ai-access-card-label">LEGAL</div>
<div class="ai-access-text">Commercial use requires a separate license. Voice impersonation and misuse are prohibited.</div>
</div>
</div>
</div>
</section>
</div>
</section>
</div>

<script>
(function(){
const burger=document.getElementById('prBurger');
const menu=document.getElementById('prMobileMenu');
if(burger&&menu){
burger.addEventListener('click',()=>menu.classList.toggle('is-open'));
}
document.querySelectorAll('.pr-mobile-menu a').forEach(a=>{
a.addEventListener('click',function(){
const href=this.getAttribute('href');
if(!href)return;
menu.classList.remove('is-open');
if(this.target==='_blank'){
window.open(href,'_blank','noopener');
}else{
window.location.href=href;
}
});
});
})();
</script>


<!-- ══════════════════════════════════════
     CTA БЛОК — копирай цялото на всяка страница
     Постави в края на съдържанието
══════════════════════════════════════ -->

<style>
.ab-cta-section{
padding:80px 4% 100px;
text-align:center;
background:linear-gradient(180deg,#030303,#050505 30%,#030303);
border-top:1px solid rgba(255,215,0,.10);
width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);
}

.ab-cta-title{
font-family:'Cinzel',serif;
font-size:clamp(22px,3vw,38px);
color:#fff2df;
letter-spacing:.04em;
margin:0 0 10px;
}

.ab-cta-sub{
font-family:'Cormorant Garamond',serif;
font-size:clamp(16px,1.6vw,21px);
font-style:italic;
color:rgba(255,255,255,.55);
margin:0 0 44px;
}

.ab-cta-buttons{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px;
max-width:800px;
margin:0 auto 48px;
}

.ab-cta-btn{
display:inline-flex;
align-items:center;
gap:10px;
padding:14px 28px;
border-radius:999px;
border:1.5px solid rgba(255,215,0,.45);
background:rgba(0,0,0,.35);
color:#FFD700!important;
font-family:'Cormorant Garamond',serif;
font-size:clamp(13px,1.1vw,16px);
font-style:italic;
letter-spacing:2px;
text-decoration:none!important;
cursor:pointer;
transition:all .28s ease;
backdrop-filter:blur(6px);
}

.ab-cta-btn:hover{
background:rgba(255,215,0,.12);
border-color:#FFD700;
box-shadow:0 0 28px rgba(255,215,0,.35);
transform:translateY(-2px);
color:#fff!important;
}

.ab-cta-divider{
width:60px;height:1px;
background:linear-gradient(90deg,transparent,rgba(255,215,0,.40),transparent);
margin:0 auto 32px;
}

.ab-cta-contact{
font-family:'Cormorant Garamond',serif;
font-size:clamp(14px,1.3vw,17px);
font-style:italic;
color:rgba(255,255,255,.45);
margin:0;
}

.ab-cta-contact a{
color:rgba(255,215,0,.65)!important;
text-decoration:none!important;
transition:color .2s ease;
}

.ab-cta-contact a:hover{
color:#FFD700!important;
text-decoration:underline!important;
}

@media(max-width:600px){
.ab-cta-buttons{flex-direction:column;align-items:center;}
.ab-cta-btn{width:min(280px,90%);}
}
</style>

<!-- HTML БЛОКЪТ -->
<div class="ab-cta-section">
<h2 class="ab-cta-title">The journey continues.</h2>
<p class="ab-cta-sub">Follow it. Feel it. Share it.</p>

<div class="ab-cta-buttons">
  <a class="ab-cta-btn" href="https://www.youtube.com/@PlamenRusevMusic" target="_blank" rel="noopener">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1C24 15.9 24 12 24 12s0-3.9-.5-5.8zM9.8 15.5V8.5l6.2 3.5-6.2 3.5z"/></svg>
    YouTube
  </a>
  <a class="ab-cta-btn" href="https://www.tiktok.com/@erinrusev" target="_blank" rel="noopener">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M19.6 3a5 5 0 0 1-3.5-1.4A5 5 0 0 1 14.7 0h-3.3v16.3a2.7 2.7 0 0 1-2.7 2.4 2.7 2.7 0 0 1-2.7-2.7 2.7 2.7 0 0 1 2.7-2.7c.3 0 .5 0 .8.1V10a6 6 0 0 0-.8-.1A6 6 0 0 0 2.7 16a6 6 0 0 0 6 6 6 6 0 0 0 6-6V8.2a8.3 8.3 0 0 0 4.9 1.6V6.5A5 5 0 0 1 19.6 3z"/></svg>
    TikTok
  </a>
  <a class="ab-cta-btn" href="https://erinrusev.bandcamp.com/" target="_blank" rel="noopener">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M0 18.75l7.437-13.5H24l-7.438 13.5z"/></svg>
    Bandcamp
  </a>
  <a class="ab-cta-btn" href="https://plamenrusev.com/music-shop/">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 3v10.55A4 4 0 1 0 14 17V7h4V3h-6z"/></svg>
    Music Shop
  </a>
</div>

<div class="ab-cta-divider"></div>

<p class="ab-cta-contact">
  For collaborations &amp; inquiries:<br>
  <a href="mailto:plamenrusevmusic@gmail.com">plamenrusevmusic@gmail.com</a>
</p>

</div>